mirror of
https://github.com/Unkn0wnCat/KevinK.dev.js.git
synced 2025-04-28 09:46:52 +02:00
Cleanup code
This commit is contained in:
GitHub
parent
de5056c440
commit
06a2bd793f
12 changed files with 86 additions and 160 deletions
|
|
@ -102,18 +102,6 @@ module.exports = {
|
|||
},
|
||||
},
|
||||
`gatsby-plugin-robots-txt`,
|
||||
/*{
|
||||
resolve: `gatsby-plugin-offline`,
|
||||
options: {
|
||||
precachePages: [
|
||||
"/",
|
||||
"/en",
|
||||
"/en/projects",
|
||||
"/de",
|
||||
"/de/projects",
|
||||
],
|
||||
},
|
||||
},*/
|
||||
`gatsby-plugin-sitemap`,
|
||||
`gatsby-plugin-react-helmet`,
|
||||
{
|
||||
|
|
|
|||
|
|
@ -83,32 +83,16 @@ const Navigation = ({ isHome }) => {
|
|||
)}
|
||||
/>
|
||||
<div className="flexSpacer"></div>
|
||||
<Link
|
||||
id="navBtnProjects"
|
||||
to="/about"
|
||||
activeClassName={styles.active}
|
||||
>
|
||||
<Link to="/about" activeClassName={styles.active}>
|
||||
<Trans>about.title</Trans>
|
||||
</Link>
|
||||
<Link
|
||||
id="navBtnProjects"
|
||||
to="/projects"
|
||||
activeClassName={styles.active}
|
||||
>
|
||||
<Link to="/projects" activeClassName={styles.active}>
|
||||
<Trans>project.plural</Trans>
|
||||
</Link>
|
||||
<Link
|
||||
id="navBtnSocial"
|
||||
to="/social"
|
||||
activeClassName={styles.active}
|
||||
>
|
||||
<Link to="/social" activeClassName={styles.active}>
|
||||
<Trans>social.title</Trans>
|
||||
</Link>
|
||||
<Link
|
||||
id="navBtnBlog"
|
||||
to="/blog"
|
||||
activeClassName={styles.active}
|
||||
>
|
||||
<Link to="/blog" activeClassName={styles.active}>
|
||||
<Trans>blog.title</Trans>
|
||||
</Link>
|
||||
<div className={styles.hamburger}>
|
||||
|
|
|
|||
|
|
@ -26,32 +26,16 @@ const OffScreenNav = ({ active, close }) => {
|
|||
<Link to="/" activeClassName={styles.active}>
|
||||
<Trans>home.title</Trans>
|
||||
</Link>
|
||||
<Link
|
||||
id="osnavBtnProjects"
|
||||
to="/about"
|
||||
activeClassName={styles.active}
|
||||
>
|
||||
<Link to="/about" activeClassName={styles.active}>
|
||||
<Trans>about.title</Trans>
|
||||
</Link>
|
||||
<Link
|
||||
id="osnavBtnProjects"
|
||||
to="/projects"
|
||||
activeClassName={styles.active}
|
||||
>
|
||||
<Trans>projects</Trans>
|
||||
<Link to="/projects" activeClassName={styles.active}>
|
||||
<Trans>project.plural</Trans>
|
||||
</Link>
|
||||
<Link
|
||||
id="osnavBtnSocial"
|
||||
to="/social"
|
||||
activeClassName={styles.active}
|
||||
>
|
||||
<Trans>social</Trans>
|
||||
<Link to="/social" activeClassName={styles.active}>
|
||||
<Trans>social.title</Trans>
|
||||
</Link>
|
||||
<Link
|
||||
id="osnavBtnBlog"
|
||||
to="/blog"
|
||||
activeClassName={styles.active}
|
||||
>
|
||||
<Link to="/blog" activeClassName={styles.active}>
|
||||
<Trans>blog.title</Trans>
|
||||
</Link>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -111,7 +111,7 @@ const AboutPage = (props) => {
|
|||
xPath: ["article"],
|
||||
}}
|
||||
>
|
||||
<section className={styles.aboutSection} id="about">
|
||||
<section className={styles.aboutSection}>
|
||||
<article>
|
||||
<div className={styles.aboutText}>
|
||||
<MDXRenderer>{file.childMdx.body}</MDXRenderer>
|
||||
|
|
|
|||
|
|
@ -29,17 +29,17 @@ const ThankYouPage = (props) => {
|
|||
let contactEmail = site.siteMetadata.contactEmail;
|
||||
const { t } = useI18next();
|
||||
return (
|
||||
<Layout title={t("donate")}>
|
||||
<Layout title={t("donate.thanks")}>
|
||||
<section>
|
||||
<article>
|
||||
<h1>
|
||||
<Trans>donateThanks</Trans>
|
||||
<Trans>donate.thanks</Trans>
|
||||
</h1>
|
||||
|
||||
<p>
|
||||
<Trans
|
||||
contactEmail={contactEmail}
|
||||
i18nKey="donateThanksText"
|
||||
i18nKey="donate.thanksText"
|
||||
>
|
||||
donateThanksText
|
||||
<a href={"mailto:" + contactEmail}>
|
||||
|
|
|
|||
|
|
@ -41,14 +41,6 @@ export const query = graphql`
|
|||
const FriendsPage = ({ data }) => {
|
||||
const { t } = useI18next();
|
||||
|
||||
/*function shuffle(a) {
|
||||
for (let i = a.length - 1; i > 0; i--) {
|
||||
const j = Math.floor(Math.random() * (i + 1));
|
||||
[a[i], a[j]] = [a[j], a[i]];
|
||||
}
|
||||
return a;
|
||||
}*/
|
||||
|
||||
return (
|
||||
<Layout
|
||||
title={t("friends.title")}
|
||||
|
|
@ -65,85 +57,73 @@ const FriendsPage = ({ data }) => {
|
|||
</p>
|
||||
|
||||
<div className={styles.friendsList}>
|
||||
{
|
||||
/*shuffle(*/ data.allFriendsJson.nodes /*)*/
|
||||
.map((friend) => {
|
||||
return (
|
||||
<div
|
||||
className={styles.friendProfile}
|
||||
key={friend.url + "#" + friend.name}
|
||||
>
|
||||
<div
|
||||
className={styles.friendImage}
|
||||
key={
|
||||
friend.url +
|
||||
"#" +
|
||||
friend.name +
|
||||
"#image"
|
||||
}
|
||||
>
|
||||
<div
|
||||
className={styles.friendBg}
|
||||
>
|
||||
<GatsbyImage
|
||||
image={getImage(
|
||||
friend.localImage
|
||||
)}
|
||||
></GatsbyImage>
|
||||
</div>
|
||||
<span
|
||||
className={
|
||||
styles.friendName
|
||||
}
|
||||
key={
|
||||
friend.url +
|
||||
"#" +
|
||||
friend.name +
|
||||
"#name"
|
||||
}
|
||||
>
|
||||
{friend.name}
|
||||
</span>
|
||||
<span
|
||||
className={
|
||||
styles.friendTitle
|
||||
}
|
||||
key={
|
||||
friend.url +
|
||||
"#" +
|
||||
friend.name +
|
||||
"#profession"
|
||||
}
|
||||
>
|
||||
{friend.profession}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
className={styles.contactLinks}
|
||||
key={
|
||||
friend.url +
|
||||
"#" +
|
||||
friend.name +
|
||||
"#links"
|
||||
}
|
||||
>
|
||||
<a
|
||||
className={
|
||||
styles.contactLink
|
||||
}
|
||||
href={friend.url}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<Globe2 height={20} />{" "}
|
||||
{friend.url}
|
||||
</a>
|
||||
</div>
|
||||
{data.allFriendsJson.nodes.map((friend) => {
|
||||
return (
|
||||
<div
|
||||
className={styles.friendProfile}
|
||||
key={friend.url + "#" + friend.name}
|
||||
>
|
||||
<div
|
||||
className={styles.friendImage}
|
||||
key={
|
||||
friend.url +
|
||||
"#" +
|
||||
friend.name +
|
||||
"#image"
|
||||
}
|
||||
>
|
||||
<div className={styles.friendBg}>
|
||||
<GatsbyImage
|
||||
image={getImage(
|
||||
friend.localImage
|
||||
)}
|
||||
></GatsbyImage>
|
||||
</div>
|
||||
);
|
||||
})
|
||||
}
|
||||
<span
|
||||
className={styles.friendName}
|
||||
key={
|
||||
friend.url +
|
||||
"#" +
|
||||
friend.name +
|
||||
"#name"
|
||||
}
|
||||
>
|
||||
{friend.name}
|
||||
</span>
|
||||
<span
|
||||
className={styles.friendTitle}
|
||||
key={
|
||||
friend.url +
|
||||
"#" +
|
||||
friend.name +
|
||||
"#profession"
|
||||
}
|
||||
>
|
||||
{friend.profession}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
className={styles.contactLinks}
|
||||
key={
|
||||
friend.url +
|
||||
"#" +
|
||||
friend.name +
|
||||
"#links"
|
||||
}
|
||||
>
|
||||
<a
|
||||
className={styles.contactLink}
|
||||
href={friend.url}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<Globe2 height={20} /> {friend.url}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
</article>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -97,7 +97,6 @@ const IndexPage = (props) => {
|
|||
className={styles.heroSectionBg}
|
||||
id="particle-container"
|
||||
></div>
|
||||
{/*<div className={styles.heroSectionBgOver}></div>*/}
|
||||
<div className={styles.profile + " profile"}>
|
||||
<div className={styles.profileImage}>
|
||||
<StaticImage
|
||||
|
|
|
|||
|
|
@ -30,8 +30,6 @@
|
|||
}
|
||||
|
||||
.heroSectionBg {
|
||||
/*background: radial-gradient(ellipse at top left, #1f0ba659, transparent),
|
||||
radial-gradient(ellipse at bottom right, #4a086829, transparent);*/
|
||||
|
||||
background: linear-gradient(45deg, #000850 0%, #000320 100%),
|
||||
radial-gradient(100% 225% at 100% 0%, #ff6928 0%, #000000 100%),
|
||||
|
|
@ -53,8 +51,6 @@
|
|||
.heroSectionBgOver {
|
||||
bottom: 0;
|
||||
height: 150px;
|
||||
/*background-color: $background;
|
||||
transition: background-color 0.25s, box-shadow 0.25s;*/
|
||||
|
||||
@media (max-width: 950px) {
|
||||
display: none;
|
||||
|
|
|
|||
|
|
@ -20,11 +20,11 @@ export const query = graphql`
|
|||
export default function ImprintPage() {
|
||||
const { t } = useI18next();
|
||||
return (
|
||||
<Layout title={t("imprint")}>
|
||||
<Layout title={t("layout.imprint")}>
|
||||
<section>
|
||||
<article>
|
||||
<h1>
|
||||
<Trans>imprint</Trans>
|
||||
<Trans>layout.imprint</Trans>
|
||||
</h1>
|
||||
|
||||
<p>Angaben gemäß § 5 TMG</p>
|
||||
|
|
|
|||
|
|
@ -20,11 +20,11 @@ export const query = graphql`
|
|||
export default function DataSecPage() {
|
||||
const { t } = useI18next();
|
||||
return (
|
||||
<Layout title={t("datasec")}>
|
||||
<Layout title={t("layout.datasec")}>
|
||||
<section>
|
||||
<article>
|
||||
<h1>
|
||||
<Trans>datasec</Trans>
|
||||
<Trans>layout.datasec</Trans>
|
||||
</h1>
|
||||
|
||||
<h3 id="dsg-general-intro"></h3>
|
||||
|
|
|
|||
|
|
@ -20,11 +20,11 @@ export const query = graphql`
|
|||
export default function DisclaimerPage() {
|
||||
const { t } = useI18next();
|
||||
return (
|
||||
<Layout title={t("disclaimer")}>
|
||||
<Layout title={t("layout.disclaimer")}>
|
||||
<section>
|
||||
<article>
|
||||
<h1>
|
||||
<Trans>disclaimer</Trans>
|
||||
<Trans>layout.disclaimer</Trans>
|
||||
</h1>
|
||||
|
||||
<h2>Haftung für Inhalte</h2>
|
||||
|
|
|
|||
|
|
@ -24,11 +24,6 @@ const BlogPost = ({ data }) => {
|
|||
"@context": "https://schema.org",
|
||||
"@type": "NewsArticle",
|
||||
headline: data.mdx.frontmatter.title,
|
||||
/*"image": [
|
||||
"https://example.com/photos/1x1/photo.jpg",
|
||||
"https://example.com/photos/4x3/photo.jpg",
|
||||
"https://example.com/photos/16x9/photo.jpg"
|
||||
],*/
|
||||
datePublished: data.mdx.frontmatter.publishedIso,
|
||||
dateModified: data.mdx.frontmatter.publishedIso,
|
||||
author: [
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue