kevin/KevinK.dev.js
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/KevinK.dev.js.git synced 2025-05-12 08:26:56 +02:00
Code Issues Projects Releases Wiki Activity

Replace portrait with Gatsby Image version

Browse source
This commit is contained in:
Kevin Kandlbinder 2021-09-24 12:38:08 +00:00
parent 949a856d88
commit 5bbd13e648
5 changed files with 42 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/pages/index.js
View file

@ -8,6 +8,7 @@ import * as projectStyles from "./projects.module.scss";
import { Trans, Link } from "gatsby-plugin-react-i18next";
import { graphql } from "gatsby";
import { MDXRenderer } from "gatsby-plugin-mdx";
import { StaticImage } from "gatsby-plugin-image";
import anime from "animejs";
import { tsParticles } from "tsparticles";
@ -122,13 +123,10 @@ const IndexPage = (props) => {
<div className={styles.heroSectionBgOver}></div>
<div className={styles.profile + " profile"}>
<div
data-bg="url(https://cdn.kevink.dev/images/kevin/kevin-kandlbinder-04.jpg)"
style={{
backgroundImage:
"url(https://cdn.kevink.dev/images/kevin/kevin-kandlbinder-04.jpg)",
}}
className={styles.profileImage + " lazy"}
></div>
className={styles.profileImage}
>
<StaticImage src={"../../content/images/kevin-kandlbinder-04.jpg"} width={250} height={350} placeholder="blurred"></StaticImage>
</div>
<div className={styles.profileImageDummy}></div>
<div className={styles.profileCard}>
<span className={styles.hello}>