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

Run prettier on code

Browse source
This commit is contained in:
Kevin Kandlbinder 2021-04-12 13:02:38 +00:00 • committed by GitHub
parent d542206091
commit b8057f0e25
51 changed files with 28270 additions and 26529 deletions
Download patch file Download diff file Expand all files Collapse all files

115
src/templates/project.js
View file

@ -1,40 +1,42 @@
import React from "react"
import { graphql } from "gatsby"
import { Trans, useTranslation } from 'gatsby-plugin-react-i18next';
import React from "react";
import { graphql } from "gatsby";
import { Trans, useTranslation } from "gatsby-plugin-react-i18next";
import Layout from "../layouts/default";
import PropTypes from "prop-types"
import PropTypes from "prop-types";
import * as styles from "./project.module.scss";
export const query = graphql`
query GetProject($urlname: String!, $lang: String!, $language: String!) {
allProjectsJson(filter: {urlname: {eq: $urlname}, lang: {eq: $lang}}) {
nodes {
lang
urlname
name
links {
github
website
query GetProject($urlname: String!, $lang: String!, $language: String!) {
allProjectsJson(
filter: { urlname: { eq: $urlname }, lang: { eq: $lang } }
) {
nodes {
lang
urlname
name
links {
github
website
}
image {
publicURL
}
longDescription
shortDescription
}
image {
publicURL
}
longDescription
shortDescription
}
}
locales: allLocale(filter: {language: {eq: $language}}) {
edges {
node {
ns
data
language
locales: allLocale(filter: { language: { eq: $language } }) {
edges {
node {
ns
data
language
}
}
}
}
}
`
`;
const ProjectTemplate = ({ data }) => {
const { t } = useTranslation();
@ -42,45 +44,74 @@ const ProjectTemplate = ({ data }) => {
let projectName = project.name;
return (
<Layout description={project.shortDescription} title={t("project") + ": " + projectName} transparentTopbar={true}>
<Layout
description={project.shortDescription}
title={t("project") + ": " + projectName}
transparentTopbar={true}
>
<section className={styles.projectHeader}>
<div style={{ paddingTop: 0 }}>
<div className={styles.headerBackground} style={{ backgroundImage: "url(" + project.image.publicURL + ")" }}></div>
<div
className={styles.headerBackground}
style={{ backgroundImage: "url(" + project.image.publicURL + ")" }}
></div>
<header>
<div className={styles.headerInner}>
<h1><Trans>project</Trans>: {projectName}</h1>
<h1>
<Trans>project</Trans>: {projectName}
</h1>
<span>{project.shortDescription}</span>
</div>
</header>
<div className={styles.headerPlaceholder}></div>
</div>
</section>
{project.longDescription != null ?
{project.longDescription != null ? (
<section className={styles.projectAbout}>
<article>
<h1><Trans projectName={projectName} i18nKey="projectAboutHeader">projectAboutHeader{{ projectName }}</Trans></h1>
<h1>
<Trans projectName={projectName} i18nKey="projectAboutHeader">
projectAboutHeader{{ projectName }}
</Trans>
</h1>
<p>{project.longDescription}</p>
</article>
</section>
: null}
{project.links !== null ?
) : null}
{project.links !== null ? (
<section className={styles.projectLinks}>
<div>
<h1>Links</h1>
<div className={styles.linkList}>
{project.links.github !== null ? <a href={project.links.github} target="_blank" rel="noreferrer"><i className="fab fa-github" aria-hidden="true"></i> <Trans>projectViewGitHub</Trans></a> : null}
{project.links.website !== null ? <a href={project.links.website} target="_blank" rel="noreferrer"><i className="fas fa-external-link-alt" aria-hidden="true"></i> <Trans>projectViewWebsite</Trans></a> : null}
{project.links.github !== null ? (
<a href={project.links.github} target="_blank" rel="noreferrer">
<i className="fab fa-github" aria-hidden="true"></i>{" "}
<Trans>projectViewGitHub</Trans>
</a>
) : null}
{project.links.website !== null ? (
<a
href={project.links.website}
target="_blank"
rel="noreferrer"
>
<i
className="fas fa-external-link-alt"
aria-hidden="true"
></i>{" "}
<Trans>projectViewWebsite</Trans>
</a>
) : null}
</div>
</div>
</section>
: null}
) : null}
</Layout>
);
}
};
ProjectTemplate.propTypes = {
data: PropTypes.object.isRequired
}
data: PropTypes.object.isRequired,
};
export default ProjectTemplate;
export default ProjectTemplate;