Run prettier

This commit is contained in:
Kevin Kandlbinder 2021-09-24 12:08:46 +00:00
parent c621e347fd
commit c053e901c0
14 changed files with 199 additions and 98 deletions

View file

@ -49,7 +49,8 @@ const Navigation = ({ isHome }) => {
styles.topBar +
(isHome ? " " + styles.homeBar : "") +
(atTop ? " " + styles.homeBarTransparent : "")
}>
}
>
<nav className={styles.topBarInner}>
<StaticQuery
query={graphql`
@ -71,13 +72,15 @@ const Navigation = ({ isHome }) => {
<Link
id="navBtnProjects"
to="/projects"
activeClassName={styles.active}>
activeClassName={styles.active}
>
<Trans>projects</Trans>
</Link>
<Link
id="navBtnSocial"
to="/social"
activeClassName={styles.active}>
activeClassName={styles.active}
>
<Trans>social</Trans>
</Link>
</nav>

View file

@ -63,10 +63,12 @@ function SEO({ description, meta, title }) {
name: "keywords",
content: site.siteMetadata.keywords,
},
].concat(meta)}>
].concat(meta)}
>
<script
src="https://kit.fontawesome.com/1377f925e0.js"
crossOrigin="anonymous"></script>
crossOrigin="anonymous"
></script>
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Anonymous+Pro:wght@400;700&family=Roboto&display=swap"
@ -74,8 +76,14 @@ function SEO({ description, meta, title }) {
/>
<meta
name="battery-savings"
content="allow-reduced-framerate"></meta>
<script async defer data-domain="kevink.dev" src="https://analytics.kevink.dev/js/plausible.js"></script>
content="allow-reduced-framerate"
></meta>
<script
async
defer
data-domain="kevink.dev"
src="https://analytics.kevink.dev/js/plausible.js"
></script>
</Helmet>
);
}

View file

@ -68,7 +68,8 @@ const DonatePage = (props) => {
data-color-scheme="no-preference: light; light: dark; dark: dark;"
data-icon="octicon-heart"
data-size="large"
aria-label="Sponsor @Unkn0wnCat on GitHub">
aria-label="Sponsor @Unkn0wnCat on GitHub"
>
<Trans>sponsorGitHub</Trans>
</GitHubButton>
</p>
@ -123,11 +124,13 @@ const DonatePage = (props) => {
) +
"&amount=" +
amount
}>
}
>
<span>Donate using PayPal</span>
<i
className="fas fa-fw fa-chevron-right"
aria-hidden="true"></i>
aria-hidden="true"
></i>
</a>
</article>
</section>

View file

@ -39,7 +39,8 @@ const ThankYouPage = (props) => {
<p>
<Trans
contactEmail={contactEmail}
i18nKey="donateThanksText">
i18nKey="donateThanksText"
>
donateThanksText
<a href={"mailto:" + contactEmail}>
{{ contactEmail }}

View file

@ -58,9 +58,8 @@ const FriendsPage = ({ data }) => {
return (
<div
className={styles.friendProfile}
key={
friend.url + "#" + friend.name
}>
key={friend.url + "#" + friend.name}
>
<div
className={styles.friendImage}
style={{
@ -74,7 +73,8 @@ const FriendsPage = ({ data }) => {
"#" +
friend.name +
"#image"
}>
}
>
<span
className={
styles.friendName
@ -84,7 +84,8 @@ const FriendsPage = ({ data }) => {
"#" +
friend.name +
"#name"
}>
}
>
{friend.name}
</span>
<span
@ -96,7 +97,8 @@ const FriendsPage = ({ data }) => {
"#" +
friend.name +
"#profession"
}>
}
>
{friend.profession}
</span>
</div>
@ -108,17 +110,20 @@ const FriendsPage = ({ data }) => {
"#" +
friend.name +
"#links"
}>
}
>
<a
className={
styles.contactLink
}
href={friend.url}
target="_blank"
rel="noreferrer">
rel="noreferrer"
>
<i
className="fas fa-globe-europe"
aria-hidden="true"></i>{" "}
aria-hidden="true"
></i>{" "}
{friend.url}
</a>
</div>

View file

@ -27,7 +27,7 @@ export const query = graphql`
contactMastodonHref
}
}
allSkillsJson(sort: {fields: type, order: ASC}) {
allSkillsJson(sort: { fields: type, order: ASC }) {
nodes {
name
type
@ -117,7 +117,8 @@ const IndexPage = (props) => {
<section className={styles.heroSection}>
<div
className={styles.heroSectionBg}
id="particle-container"></div>
id="particle-container"
></div>
<div className={styles.heroSectionBgOver}></div>
<div className={styles.profile + " profile"}>
<div
@ -126,7 +127,8 @@ const IndexPage = (props) => {
backgroundImage:
"url(https://cdn.kevink.dev/images/kevin/kevin-kandlbinder-04.jpg)",
}}
className={styles.profileImage + " lazy"}></div>
className={styles.profileImage + " lazy"}
></div>
<div className={styles.profileImageDummy}></div>
<div className={styles.profileCard}>
<span className={styles.hello}>
@ -145,14 +147,16 @@ const IndexPage = (props) => {
<a
className={styles.contactLink}
href={"tel:" + meta.contactPhone}
rel="me">
rel="me"
>
<i className="fas fa-fw fa-phone"></i>
{meta.contactPhone}
</a>
<a
className={styles.contactLink}
href={"mailto:" + meta.contactEmail}
rel="me">
rel="me"
>
<i className="far fa-fw fa-envelope"></i>
{meta.contactEmail}
</a>
@ -160,7 +164,8 @@ const IndexPage = (props) => {
className={styles.contactLink}
href={meta.mapsLink}
rel="noreferrer "
target="_blank">
target="_blank"
>
<i className="fas fa-fw fa-map-marker-alt"></i>
<Trans>homeMyLocation</Trans>
</a>
@ -168,7 +173,8 @@ const IndexPage = (props) => {
className={styles.contactLink}
href={meta.contactMastodonHref}
rel="noreferrer me"
target="_blank">
target="_blank"
>
<i className="fab fa-fw fa-mastodon"></i>
{meta.contactMastodon}
</a>
@ -178,7 +184,8 @@ const IndexPage = (props) => {
"https://github.com/" + meta.contactGitHub
}
rel="noreferrer me"
target="_blank">
target="_blank"
>
<i className="fab fa-fw fa-github"></i>
{meta.contactGitHub}
</a>
@ -192,17 +199,36 @@ const IndexPage = (props) => {
<MDXRenderer>{file.childMdx.body}</MDXRenderer>
</div>
<div className={styles.skills}>
<h2><Trans>mySkills</Trans></h2>
<h2>
<Trans>mySkills</Trans>
</h2>
<div className={styles.skillList}>
{
props.data.allSkillsJson.nodes.map((skill) => {
return (
skill.href ?
<a className={styles.skill + " " + styles["skill_"+skill.type]} href={skill.href} target="_blank" rel="noreferrer">{skill.name}</a> :
<span className={styles.skill + " " + styles["skill_"+skill.type]}>{skill.name}</span>
)
})
}
{props.data.allSkillsJson.nodes.map((skill) => {
return skill.href ? (
<a
className={
styles.skill +
" " +
styles["skill_" + skill.type]
}
href={skill.href}
target="_blank"
rel="noreferrer"
>
{skill.name}
</a>
) : (
<span
className={
styles.skill +
" " +
styles["skill_" + skill.type]
}
>
{skill.name}
</span>
);
})}
</div>
</div>
</article>
@ -211,7 +237,8 @@ const IndexPage = (props) => {
className={styles.creditSection}
href="https://unsplash.com/@jannikkiel"
target="_blank"
rel="noreferrer">
rel="noreferrer"
>
<div>
<span>
<i className="fas fa-fw fa-camera"></i>{" "}
@ -231,7 +258,8 @@ const IndexPage = (props) => {
<Link
className={projectStyles.projectCard}
key={project.lang + "/" + project.urlname}
to={"/projects/" + project.urlname}>
to={"/projects/" + project.urlname}
>
<div
className={
projectStyles.projectCardImage
@ -242,15 +270,18 @@ const IndexPage = (props) => {
project.image.childImageSharp
.resize.src +
")",
}}>
}}
>
<div
className={
projectStyles.projectCardMeta
}>
}
>
<span
className={
projectStyles.projectCardTitle
}>
}
>
{project.name}
</span>
<span>

View file

@ -243,14 +243,15 @@
}
}
@media(max-width: 900px) {
@media (max-width: 900px) {
flex-direction: column;
> div {
width: 100%;
}
.skills, .aboutText {
.skills,
.aboutText {
margin-left: 0;
margin-right: 0;
}

View file

@ -288,7 +288,8 @@ export default function DataSecPage() {
verarbeiten (Art. 44 bis 49 DSGVO,{" "}
<a
href="https://ec.europa.eu/info/law/law-topic/data-protection/data-transfers-outside-eu_de"
target="blank">
target="blank"
>
Informationsseite der EU-Kommission
</a>
).
@ -567,7 +568,8 @@ export default function DataSecPage() {
<a
target="_blank"
rel="noreferrer"
href="https://www.amazon.de/gp/help/customer/display.html?nodeId=201909010">
href="https://www.amazon.de/gp/help/customer/display.html?nodeId=201909010"
>
https://www.amazon.de/gp/help/customer/display.html?nodeId=201909010
</a>
.<br />
@ -693,7 +695,8 @@ export default function DataSecPage() {
<a
target="_blank"
rel="noreferrer"
href="https://automattic.com/privacy/">
href="https://automattic.com/privacy/"
>
https://automattic.com/privacy/
</a>
.<br />
@ -751,7 +754,8 @@ export default function DataSecPage() {
<a
target="_blank"
rel="noreferrer"
href="https://soundcloud.com/pages/privacy">
href="https://soundcloud.com/pages/privacy"
>
https://soundcloud.com/pages/privacy
</a>
.
@ -820,7 +824,8 @@ export default function DataSecPage() {
<a
target="_blank"
rel="noreferrer"
href="https://www.privacyshield.gov/participant?id=a2zt0000000TSnwAAG&amp;status=Active">
href="https://www.privacyshield.gov/participant?id=a2zt0000000TSnwAAG&amp;status=Active"
>
https://www.privacyshield.gov/participant?id=a2zt0000000TSnwAAG&amp;status=Active
</a>
).
@ -882,7 +887,8 @@ export default function DataSecPage() {
<a
target="_blank"
rel="noreferrer"
href="https://www.whatsapp.com/legal">
href="https://www.whatsapp.com/legal"
>
https://www.whatsapp.com/legal
</a>
.<br />
@ -1125,7 +1131,8 @@ export default function DataSecPage() {
<a
target="_blank"
rel="noreferrer"
href="https://www.privacyshield.gov/participant?id=a2zt0000000GnZKAA0&amp;status=Active">
href="https://www.privacyshield.gov/participant?id=a2zt0000000GnZKAA0&amp;status=Active"
>
https://www.privacyshield.gov/participant?id=a2zt0000000GnZKAA0&amp;status=Active
</a>
).
@ -1153,7 +1160,8 @@ export default function DataSecPage() {
<a
target="_blank"
rel="noreferrer"
href="https://www.cloudflare.com/security-policy">
href="https://www.cloudflare.com/security-policy"
>
https://www.cloudflare.com/security-policy
</a>
.
@ -1177,7 +1185,8 @@ export default function DataSecPage() {
<a
target="_blank"
rel="noreferrer"
href="https://www.google.com/intl/de/tagmanager/use-policy.html">
href="https://www.google.com/intl/de/tagmanager/use-policy.html"
>
https://www.google.com/intl/de/tagmanager/use-policy.html
</a>
.<br />
@ -1235,7 +1244,8 @@ export default function DataSecPage() {
<a
target="_blank"
rel="noreferrer"
href="http://tools.google.com/dlpage/gaoptout?hl=de">
href="http://tools.google.com/dlpage/gaoptout?hl=de"
>
http://tools.google.com/dlpage/gaoptout?hl=de
</a>
.<br />
@ -1259,7 +1269,8 @@ export default function DataSecPage() {
<a
target="_blank"
rel="noreferrer"
href="https://www.privacyshield.gov/participant?id=a2zt000000001L5AAI&amp;status=Active">
href="https://www.privacyshield.gov/participant?id=a2zt000000001L5AAI&amp;status=Active"
>
https://www.privacyshield.gov/participant?id=a2zt000000001L5AAI&amp;status=Active
</a>
).
@ -1272,7 +1283,8 @@ export default function DataSecPage() {
<a
target="_blank"
rel="noreferrer"
href="https://policies.google.com/privacy">
href="https://policies.google.com/privacy"
>
https://policies.google.com/privacy
</a>
) sowie in den Einstellungen für die Darstellung von
@ -1280,7 +1292,8 @@ export default function DataSecPage() {
<a
target="_blank"
rel="noreferrer"
href="https://adssettings.google.com/authenticated">
href="https://adssettings.google.com/authenticated"
>
(https://adssettings.google.com/authenticated
</a>
).
@ -1300,7 +1313,8 @@ export default function DataSecPage() {
<a
target="_blank"
rel="noreferrer"
href="https://support.google.com/analytics/answer/2790010?hl=de&amp;ref_topic=6010376">
href="https://support.google.com/analytics/answer/2790010?hl=de&amp;ref_topic=6010376"
>
Universal-Analytics
</a>
ein. Universal Analytics bezeichnet ein
@ -1445,7 +1459,8 @@ export default function DataSecPage() {
<a
target="_blank"
rel="noreferrer"
href="https://vimeo.com/privacy">
href="https://vimeo.com/privacy"
>
https://vimeo.com/privacy
</a>
. Wir weisen darauf hin, dass Vimeo Google Analytics
@ -1454,14 +1469,16 @@ export default function DataSecPage() {
<a
target="_blank"
rel="noreferrer"
href="https://policies.google.com/privacy">
href="https://policies.google.com/privacy"
>
https://policies.google.com/privacy
</a>
) sowie Opt-Out-Möglichkeiten für Google-Analytics (
<a
target="_blank"
rel="noreferrer"
href="http://tools.google.com/dlpage/gaoptout?hl=de">
href="http://tools.google.com/dlpage/gaoptout?hl=de"
>
http://tools.google.com/dlpage/gaoptout?hl=de
</a>
) oder die Einstellungen von Google für die
@ -1469,7 +1486,8 @@ export default function DataSecPage() {
<a
target="_blank"
rel="noreferrer"
href="https://adssettings.google.com/">
href="https://adssettings.google.com/"
>
https://adssettings.google.com/
</a>
).
@ -1487,14 +1505,16 @@ export default function DataSecPage() {
<a
target="_blank"
rel="noreferrer"
href="https://www.google.com/policies/privacy/">
href="https://www.google.com/policies/privacy/"
>
https://www.google.com/policies/privacy/
</a>
, Opt-Out:{" "}
<a
target="_blank"
rel="noreferrer"
href="https://adssettings.google.com/authenticated">
href="https://adssettings.google.com/authenticated"
>
https://adssettings.google.com/authenticated
</a>
.
@ -1521,7 +1541,8 @@ export default function DataSecPage() {
<a
target="_blank"
rel="noreferrer"
href="https://www.google.com/policies/privacy/">
href="https://www.google.com/policies/privacy/"
>
https://www.google.com/policies/privacy/
</a>
.
@ -1542,14 +1563,16 @@ export default function DataSecPage() {
<a
target="_blank"
rel="noreferrer"
href="https://www.google.com/policies/privacy/">
href="https://www.google.com/policies/privacy/"
>
https://www.google.com/policies/privacy/
</a>
, Opt-Out:{" "}
<a
target="_blank"
rel="noreferrer"
href="https://adssettings.google.com/authenticated">
href="https://adssettings.google.com/authenticated"
>
https://adssettings.google.com/authenticated
</a>
.
@ -1572,14 +1595,16 @@ export default function DataSecPage() {
<a
target="_blank"
rel="noreferrer"
href="https://www.google.com/policies/privacy/">
href="https://www.google.com/policies/privacy/"
>
https://www.google.com/policies/privacy/
</a>
, Opt-Out:{" "}
<a
target="_blank"
rel="noreferrer"
href="https://adssettings.google.com/authenticated">
href="https://adssettings.google.com/authenticated"
>
https://adssettings.google.com/authenticated
</a>
.
@ -1595,7 +1620,8 @@ export default function DataSecPage() {
<a
target="_blank"
rel="noreferrer"
href="https://www.openstreetmap.de">
href="https://www.openstreetmap.de"
>
https://www.openstreetmap.de
</a>
), die auf Grundlage der Open Data Commons Open
@ -1605,7 +1631,8 @@ export default function DataSecPage() {
<a
target="_blank"
rel="noreferrer"
href="https://wiki.openstreetmap.org/wiki/Privacy_Policy">
href="https://wiki.openstreetmap.org/wiki/Privacy_Policy"
>
https://wiki.openstreetmap.org/wiki/Privacy_Policy
</a>
. <br />
@ -1626,7 +1653,8 @@ export default function DataSecPage() {
<a
target="_blank"
rel="noreferrer"
href="https://wiki.openstreetmap.org/wiki/Privacy_Policy">
href="https://wiki.openstreetmap.org/wiki/Privacy_Policy"
>
https://wiki.openstreetmap.org/wiki/Privacy_Policy
</a>
.
@ -1677,21 +1705,24 @@ export default function DataSecPage() {
<a
target="_blank"
rel="noreferrer"
href="https://www.privacyshield.gov/participant?id=a2zt0000000TORzAAO&amp;status=Active">
href="https://www.privacyshield.gov/participant?id=a2zt0000000TORzAAO&amp;status=Active"
>
https://www.privacyshield.gov/participant?id=a2zt0000000TORzAAO&amp;status=Active
</a>
). Datenschutzerklärung:{" "}
<a
target="_blank"
rel="noreferrer"
href="https://twitter.com/de/privacy">
href="https://twitter.com/de/privacy"
>
https://twitter.com/de/privacy
</a>
, Opt-Out:{" "}
<a
target="_blank"
rel="noreferrer"
href="https://twitter.com/personalization">
href="https://twitter.com/personalization"
>
https://twitter.com/personalization
</a>
.
@ -1717,7 +1748,8 @@ export default function DataSecPage() {
<a
target="_blank"
rel="noreferrer"
href="http://instagram.com/about/legal/privacy/">
href="http://instagram.com/about/legal/privacy/"
>
http://instagram.com/about/legal/privacy/
</a>
.{" "}
@ -1743,7 +1775,8 @@ export default function DataSecPage() {
<a
target="_blank"
rel="noreferrer"
href="https://about.pinterest.com/de/privacy-policy">
href="https://about.pinterest.com/de/privacy-policy"
>
https://about.pinterest.com/de/privacy-policy
</a>
.{" "}
@ -1768,7 +1801,8 @@ export default function DataSecPage() {
<a
target="_blank"
rel="noreferrer"
href="https://privacy.xing.com/de/datenschutzerklaerung">
href="https://privacy.xing.com/de/datenschutzerklaerung"
>
https://privacy.xing.com/de/datenschutzerklaerung
</a>
.{" "}
@ -1778,7 +1812,8 @@ export default function DataSecPage() {
href="https://datenschutz-generator.de"
className="dsg1-6"
rel="nofollow noreferrer"
target="_blank">
target="_blank"
>
Erstellt mit Datenschutz-Generator.de von RA Dr. Thomas
Schwenke
</a>

View file

@ -8,7 +8,10 @@ import * as styles from "./projects.module.scss";
export const query = graphql`
query GetProjects($language: String) {
allProjectsJson(filter: { lang: { eq: $language } }, sort: {fields: date, order: DESC}) {
allProjectsJson(
filter: { lang: { eq: $language } }
sort: { fields: date, order: DESC }
) {
nodes {
lang
urlname
@ -55,7 +58,8 @@ const ProjectsPage = ({ data }) => {
<Link
className={styles.projectCard}
key={project.lang + project.urlname}
to={"/projects/" + project.urlname}>
to={"/projects/" + project.urlname}
>
<div
className={styles.projectCardImage}
style={{
@ -64,12 +68,14 @@ const ProjectsPage = ({ data }) => {
project.image.childImageSharp
.resize.src +
")",
}}>
}}
>
<div className={styles.projectCardMeta}>
<span
className={
styles.projectCardTitle
}>
}
>
{project.name}
</span>
<span>

View file

@ -52,13 +52,15 @@ const SocialPage = ({ data }) => {
href={social.url}
target="_blank"
rel="noreferrer me"
key={social.url}>
key={social.url}
>
<div
className={styles.socialImage}
style={{
backgroundImage:
"url(" + social.image + ")",
}}>
}}
>
<span className={styles.socialName}>
{social.platformName}
</span>

View file

@ -59,7 +59,8 @@ const ProjectTemplate = ({ data }) => {
<Layout
description={project.shortDescription}
title={t("project") + ": " + projectName}
transparentTopbar={true}>
transparentTopbar={true}
>
<section className={styles.projectHeader}>
<div style={{ paddingTop: 0 }}>
<div
@ -67,7 +68,8 @@ const ProjectTemplate = ({ data }) => {
style={{
backgroundImage:
"url(" + project.image.publicURL + ")",
}}></div>
}}
></div>
<header>
<div className={styles.headerInner}>
<h1>
@ -95,10 +97,12 @@ const ProjectTemplate = ({ data }) => {
<a
href={project.links.github}
target="_blank"
rel="noreferrer">
rel="noreferrer"
>
<i
className="fab fa-github"
aria-hidden="true"></i>{" "}
aria-hidden="true"
></i>{" "}
<Trans>projectViewGitHub</Trans>
</a>
) : null}
@ -106,10 +110,12 @@ const ProjectTemplate = ({ data }) => {
<a
href={project.links.website}
target="_blank"
rel="noreferrer">
rel="noreferrer"
>
<i
className="fas fa-external-link-alt"
aria-hidden="true"></i>{" "}
aria-hidden="true"
></i>{" "}
<Trans>projectViewWebsite</Trans>
</a>
) : null}