Normalize links

This commit is contained in:
Kevin Kandlbinder 2022-02-04 13:43:24 +00:00 committed by GitHub
parent bd9054f02e
commit 78db8f07a2
9 changed files with 24 additions and 24 deletions

View file

@ -90,19 +90,19 @@ const Navigation = ({ isHome }: NavigationProps) => {
)} )}
/> />
<div className="flexSpacer"></div> <div className="flexSpacer"></div>
<Link to="/about" activeClassName={styles.active}> <Link to="/about/" activeClassName={styles.active}>
<Trans>about.title</Trans> <Trans>about.title</Trans>
</Link> </Link>
{modules.projects && ( {modules.projects && (
<Link to="/projects" activeClassName={styles.active}> <Link to="/projects/" activeClassName={styles.active}>
<Trans>project.plural</Trans> <Trans>project.plural</Trans>
</Link> </Link>
)} )}
<Link to="/social" activeClassName={styles.active}> <Link to="/social/" activeClassName={styles.active}>
<Trans>social.title</Trans> <Trans>social.title</Trans>
</Link> </Link>
{modules.blog && ( {modules.blog && (
<Link to="/blog" activeClassName={styles.active}> <Link to="/blog/" activeClassName={styles.active}>
<Trans>blog.title</Trans> <Trans>blog.title</Trans>
</Link> </Link>
)} )}

View file

@ -38,19 +38,19 @@ const OffScreenNav = ({ active, close }: OffScreenNavProps) => {
<Link to="/" activeClassName={styles.active}> <Link to="/" activeClassName={styles.active}>
<Trans>home.title</Trans> <Trans>home.title</Trans>
</Link> </Link>
<Link to="/about" activeClassName={styles.active}> <Link to="/about/" activeClassName={styles.active}>
<Trans>about.title</Trans> <Trans>about.title</Trans>
</Link> </Link>
{modules.projects && ( {modules.projects && (
<Link to="/projects" activeClassName={styles.active}> <Link to="/projects/" activeClassName={styles.active}>
<Trans>project.plural</Trans> <Trans>project.plural</Trans>
</Link> </Link>
)} )}
<Link to="/social" activeClassName={styles.active}> <Link to="/social/" activeClassName={styles.active}>
<Trans>social.title</Trans> <Trans>social.title</Trans>
</Link> </Link>
{modules.blog && ( {modules.blog && (
<Link to="/blog" activeClassName={styles.active}> <Link to="/blog/" activeClassName={styles.active}>
<Trans>blog.title</Trans> <Trans>blog.title</Trans>
</Link> </Link>
)} )}

View file

@ -33,15 +33,15 @@ const Layout = ({description, meta, title, image, speakable, seoAdditional, tran
</div> </div>
<footer role="contentinfo"> <footer role="contentinfo">
CC-BY 4.0 Kevin Kandlbinder,{" "} CC-BY 4.0 Kevin Kandlbinder,{" "}
<Link to="/legal/about" className="spf-link"> <Link to="/legal/about/" className="spf-link">
<Trans i18nKey="layout.imprint">Imprint</Trans> <Trans i18nKey="layout.imprint">Imprint</Trans>
</Link>{" "} </Link>{" "}
|{" "} |{" "}
<Link to="/legal/datasec" className="spf-link"> <Link to="/legal/datasec/" className="spf-link">
<Trans i18nKey="layout.datasec">Data Protection</Trans> <Trans i18nKey="layout.datasec">Data Protection</Trans>
</Link>{" "} </Link>{" "}
|{" "} |{" "}
<Link to="/legal/disclaimer" className="spf-link"> <Link to="/legal/disclaimer/" className="spf-link">
<Trans i18nKey="layout.disclaimer">Disclaimer</Trans> <Trans i18nKey="layout.disclaimer">Disclaimer</Trans>
</Link>{" "} </Link>{" "}
| <a href="#languageChooser">Language</a> | <a href="#languageChooser">Language</a>

View file

@ -167,7 +167,7 @@ const AboutPage = (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={
@ -211,7 +211,7 @@ const AboutPage = (props) => {
); );
})} })}
</div> </div>
<Link to="/projects" className={styles.seeMoreButton}> <Link to="/projects/" className={styles.seeMoreButton}>
<Trans>about.moreProjects</Trans> <ArrowRight /> <Trans>about.moreProjects</Trans> <ArrowRight />
</Link> </Link>
</article> </article>
@ -295,7 +295,7 @@ const AboutPage = (props) => {
</div> </div>
</section> </section>
{modules.donation && ( {modules.donation && (
<Link className={styles.donationSection} to="/donate"> <Link className={styles.donationSection} to="/donate/">
<div> <div>
<span> <span>
<Trans>about.donationCatchphrase</Trans> <Trans>about.donationCatchphrase</Trans>

View file

@ -192,7 +192,7 @@ const IndexPage = (props) => {
</div> </div>
<div className={styles.spacer}></div> <div className={styles.spacer}></div>
<div className={styles.landingCta}> <div className={styles.landingCta}>
<Link to={"/projects"}> <Link to={"/projects/"}>
<div> <div>
<span className={styles.ctaAccent}> <span className={styles.ctaAccent}>
{t("home.explore")} {t("home.explore")}
@ -201,7 +201,7 @@ const IndexPage = (props) => {
</div> </div>
<ArrowRight /> <ArrowRight />
</Link> </Link>
<Link to={"/social"}> <Link to={"/social/"}>
<div> <div>
<span className={styles.ctaAccent}> <span className={styles.ctaAccent}>
{t("home.discover")} {t("home.discover")}
@ -210,7 +210,7 @@ const IndexPage = (props) => {
</div> </div>
<ArrowRight /> <ArrowRight />
</Link> </Link>
<Link to={"/about"}> <Link to={"/about/"}>
<div> <div>
<span className={styles.ctaAccent}> <span className={styles.ctaAccent}>
{t("home.learn")} {t("home.learn")}

View file

@ -90,7 +90,7 @@ 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 className={styles.projectCardImage}> <div className={styles.projectCardImage}>
<div className={styles.projectCardBg}> <div className={styles.projectCardBg}>

View file

@ -45,7 +45,7 @@ const SocialPage = ({ data }) => {
<p> <p>
<Trans i18nKey="social.descriptionWithLink"> <Trans i18nKey="social.descriptionWithLink">
socialDescriptionWith<Link to="/friends">Link</Link> socialDescriptionWith<Link to="/friends/">Link</Link>
</Trans> </Trans>
</p> </p>

View file

@ -24,7 +24,7 @@ const BlogListing = ({ data, pageContext }) => {
<section> <section>
<article> <article>
{hasSection && ( {hasSection && (
<Link to={"/blog"} className={styles.sectionBacklink}> <Link to={"/blog/"} className={styles.sectionBacklink}>
{t("blog.title")} / {t("blog.title")} /
</Link> </Link>
)} )}
@ -39,7 +39,7 @@ const BlogListing = ({ data, pageContext }) => {
<div className={styles.sectionList}> <div className={styles.sectionList}>
<Link <Link
className={styles.sectionCard} className={styles.sectionCard}
to={"/blog/scambox"} to={"/blog/scambox/"}
> >
<div className={styles.sectionImage}> <div className={styles.sectionImage}>
<div className={styles.sectionBg}> <div className={styles.sectionBg}>
@ -69,7 +69,7 @@ const BlogListing = ({ data, pageContext }) => {
: "" : ""
}${ }${
post.childMdx.frontmatter.urlPublished post.childMdx.frontmatter.urlPublished
}/${post.childMdx.frontmatter.url}`} }/${post.childMdx.frontmatter.url}/`}
key={post.childMdx.slug} key={post.childMdx.slug}
className={styles.post} className={styles.post}
> >
@ -89,7 +89,7 @@ const BlogListing = ({ data, pageContext }) => {
<> <>
{" | "} {" | "}
<Link <Link
to={`/blog/${post.childMdx.frontmatter.section}`} to={`/blog/${post.childMdx.frontmatter.section}/`}
> >
{t( {t(
`blog.section.${post.childMdx.frontmatter.section}.name` `blog.section.${post.childMdx.frontmatter.section}.name`

View file

@ -71,7 +71,7 @@ const BlogPost = ({ data }) => {
<> <>
{" | "} {" | "}
<Link <Link
to={`/blog/${data.mdx.frontmatter.section}`} to={`/blog/${data.mdx.frontmatter.section}/`}
> >
{t( {t(
`blog.section.${data.mdx.frontmatter.section}.name` `blog.section.${data.mdx.frontmatter.section}.name`