diff --git a/src/components/TestimonyCard/index.js b/src/components/TestimonyCard/index.js index c8da8c0ca98fd47a0782ceefe7f69cde780f58e5..1c9b9e18d012b487cedc1cf47373e830dfdc1cf5 100644 --- a/src/components/TestimonyCard/index.js +++ b/src/components/TestimonyCard/index.js @@ -4,9 +4,10 @@ export default function HomepageList(props) { return ( <div className={styles.wholeCard +" avatar avatar--vertical"}> <a href={props.url} className={styles.avatarSegment + " text--center margin-bottom--md"} target="_blank" rel="noreferrer"> - <img - className="avatar__photo avatar__photo--xl margin--sm" - src={props.img} /> + <div className={styles.imgBackground +" avatar__photo avatar__photo--xl margin--sm"}> + <img + src={props.img} /> + </div> <div className={styles.underline + " avatar__name"}> {props.name} </div> diff --git a/src/components/TestimonyCard/styles.module.css b/src/components/TestimonyCard/styles.module.css index 094bbbc9ac8a9763918a8e3dc908a3c65994adb3..004c82c5d5416bfd9997bd03560f2dd65683ea65 100644 --- a/src/components/TestimonyCard/styles.module.css +++ b/src/components/TestimonyCard/styles.module.css @@ -9,10 +9,17 @@ .avatarSegment { transform: translateY(55%); + } -.avatarSegment img { +.imgBackground { + background-color: var(--ifm-color-primary); + background-image: url('../../../static/img/happy.png'); + background-size: 115%; + background-repeat: no-repeat; + background-position: 50% 20px; outline: solid 8px var(--ifm-card-background-color); + } .avatarSegment:hover { diff --git a/static/img/happy.png b/static/img/happy.png new file mode 100644 index 0000000000000000000000000000000000000000..03feaf008edb23694f7c8af01627f4456560f89f Binary files /dev/null and b/static/img/happy.png differ diff --git a/static/img/sticker.png b/static/img/sticker.png new file mode 100644 index 0000000000000000000000000000000000000000..9b897c9a59a69def672723021e0cf56664d6c6b2 Binary files /dev/null and b/static/img/sticker.png differ