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

Implement h-card

Browse source
This commit is contained in:
Kevin Kandlbinder 2022-02-13 18:34:31 +00:00 • committed by GitHub
parent faf06368e0
commit 5ce412b622
1 changed files with 10 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/pages/index.tsx
View file

@ -63,7 +63,7 @@ export const query = graphql`
const IndexPage = (props) => { const IndexPage = (props) => {
const { t } = useTranslation(); const { t } = useTranslation();
const reduceMotion = useMediaQuery("(prefers-reduced-motion: reduce)") const reduceMotion = useMediaQuery("(prefers-reduced-motion: reduce)");
React.useEffect(() => { React.useEffect(() => {
if (typeof window === "undefined") return; if (typeof window === "undefined") return;
@ -118,7 +118,7 @@ const IndexPage = (props) => {
className={styles.heroSectionBg} className={styles.heroSectionBg}
id="particle-container" id="particle-container"
></div> ></div>
<div className={styles.profile + " profile"}> <div className={styles.profile + " profile h-card"}>
<div className={styles.profileImage}> <div className={styles.profileImage}>
<StaticImage <StaticImage
src={ src={
@ -128,6 +128,7 @@ const IndexPage = (props) => {
height={350} height={350}
placeholder="blurred" placeholder="blurred"
alt="Kevin Kandlbinder" alt="Kevin Kandlbinder"
className={"u-photo"}
></StaticImage> ></StaticImage>
</div> </div>
<div className={styles.profileImageDummy}></div> <div className={styles.profileImageDummy}></div>
@ -135,10 +136,12 @@ const IndexPage = (props) => {
<span className={styles.hello}> <span className={styles.hello}>
<Trans>home.hello</Trans> <Trans>home.hello</Trans>
</span> </span>
<span className={styles.name}>Kevin Kandlbinder</span> <span className={styles.name + " p-name"}>
Kevin Kandlbinder
</span>
<span className={styles.description}> <span className={styles.description}>
<Trans>home.me</Trans>{" "} <Trans>home.me</Trans>{" "}
<span id="descriptionType"> <span id="descriptionType" className="p-job-title">
<Trans>home.webDeveloper</Trans> <Trans>home.webDeveloper</Trans>
</span> </span>
. .
@ -146,7 +149,7 @@ const IndexPage = (props) => {
<div className={styles.contactLinks}> <div className={styles.contactLinks}>
<a <a
className={styles.contactLink} className={styles.contactLink + " p-tel"}
href={"tel:" + meta.contactPhone} href={"tel:" + meta.contactPhone}
rel="me" rel="me"
> >
@ -154,7 +157,7 @@ const IndexPage = (props) => {
{meta.contactPhone} {meta.contactPhone}
</a> </a>
<a <a
className={styles.contactLink} className={styles.contactLink + " u-email"}
href={"mailto:" + meta.contactEmail} href={"mailto:" + meta.contactEmail}
rel="me" rel="me"
> >
@ -162,7 +165,7 @@ const IndexPage = (props) => {
{meta.contactEmail} {meta.contactEmail}
</a> </a>
<a <a
className={styles.contactLink} className={styles.contactLink + " p-adr"}
href={meta.mapsLink} href={meta.mapsLink}
rel="noreferrer " rel="noreferrer "
target="_blank" target="_blank"