kevin/KevinK.dev.js
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/KevinK.dev.js.git synced 2025-04-28 17:56:51 +02:00
Code Issues Projects Releases Wiki Activity

Run prettier

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/navigation.js
View file

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

16
src/components/seo.js
View file

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

9
src/pages/donate.js
View file

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

3
src/pages/donate/thank-you.js
View file

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

23
src/pages/friends.js
View file

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

77
src/pages/index.js
View file

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

5
src/pages/index.module.scss
View file

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

105
src/pages/legal/datasec.js
View file

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

14
src/pages/projects.js
View file

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

6
src/pages/social.js
View file

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

18
src/templates/project.js
View file

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