quotes

My favourite quotes. (gatsbyjs)
git clone http://git.hanabi.in/repos/quotes.git
Log | Files | Refs | README | LICENSE

commit 63f881bfebaed9292780d7b5ae68a6017005a885
parent 184927fc5b4f418398156178996f0de2f5a79d21
Author: Agastya Chandrakant <me@hanabi.in>
Date:   Mon, 16 Nov 2020 18:55:08 +0530

formatting + add <abbr> for symbols

Diffstat:
Msrc/components/header.js | 16+++++++++++-----
Msrc/components/seo.js | 18+++++++++++++-----
Msrc/pages/index.js | 16++++++++++++----
Msrc/templates/allAuthorsTemplate.js | 2+-
Msrc/templates/allTagsTemplate.js | 2+-
Msrc/templates/blogPost.js | 12+++++++++---
Msrc/templates/singleAuthorTemplate.js | 12+++++++++---
Msrc/templates/singleTagTemplate.js | 6+++++-
8 files changed, 61 insertions(+), 23 deletions(-)

diff --git a/src/components/header.js b/src/components/header.js @@ -6,7 +6,13 @@ import React from 'react'; import { siteMetadata } from '../../gatsby-config'; const { repo } = siteMetadata; -function Header({ description, link = `/${repo}`, showHeader, siteTitle, slug }) { +function Header({ + description, + link = `/${repo}`, + showHeader, + siteTitle, + slug, +}) { return ( <header id="header" className="header-container"> <div className="header site-header"> @@ -20,15 +26,15 @@ function Header({ description, link = `/${repo}`, showHeader, siteTitle, slug }) {slug == 'quote' ? ( <BoldEntry text="Quotes" /> ) : ( - <Link to={`/${repo}`}>Quotes</Link> - )} + <Link to={`/${repo}`}>Quotes</Link> + )} </li> <li> {slug == 'about' ? ( <BoldEntry text="About" /> ) : ( - <Link to={`/${repo}/about`}>About</Link> - )} + <Link to={`/${repo}/about`}>About</Link> + )} </li> </ul> </nav> diff --git a/src/components/seo.js b/src/components/seo.js @@ -11,7 +11,15 @@ import PropTypes from 'prop-types'; import Helmet from 'react-helmet'; import { useStaticQuery, graphql } from 'gatsby'; -function SEO({ blog = false, cover = 'https://upload.wikimedia.org/wikipedia/commons/6/68/Das_große_Q.jpg', description, lang, path, tags, title }) { +function SEO({ + blog = false, + cover = 'https://upload.wikimedia.org/wikipedia/commons/6/68/Das_große_Q.jpg', + description, + lang, + path, + tags, + title, +}) { const { site } = useStaticQuery( graphql` query { @@ -51,8 +59,8 @@ function SEO({ blog = false, cover = 'https://upload.wikimedia.org/wikipedia/com content={`${site.siteMetadata.siteUrl}/quote${path}`} /> ) : ( - <meta property="og:url" content={`${site.siteMetadata.siteUrl}`} /> - )} + <meta property="og:url" content={`${site.siteMetadata.siteUrl}`} /> + )} {blog && tags.length && tags.map(tag => ( @@ -66,8 +74,8 @@ function SEO({ blog = false, cover = 'https://upload.wikimedia.org/wikipedia/com content={`${site.siteMetadata.siteUrl}/quote${path}`} /> ) : ( - <meta name="twitter:url" content={`${site.siteMetadata.siteUrl}`} /> - )} + <meta name="twitter:url" content={`${site.siteMetadata.siteUrl}`} /> + )} {blog && <meta name="twitter:label1" content="Written by" />} {blog && <meta name="twitter:data1" content={site.siteMetadata.author} />} {blog && tags.length && ( diff --git a/src/pages/index.js b/src/pages/index.js @@ -35,25 +35,33 @@ function IndexPage({ data }) { <span> <span className="screen-reader">Quote by </span> <span> - <Link to={`${repo}/authors/${author}`}>{author}</Link> + <Link to={`${repo}/authors/${author}`}> + {author} + </Link> {attributed ? ( <span> <sup> - <em>!</em> + <em> + <abbr title="Attributed">!</abbr> + </em> </sup> </span> ) : null} {misattributed ? ( <span> <sup> - <em>?</em> + <em> + <abbr title="Misattributed">?</abbr> + </em> </sup> </span> ) : null} {unverified ? ( <span> <sup> - <em>#</em> + <em> + <abbr title="Unverified">#</abbr> + </em> </sup> </span> ) : null} diff --git a/src/templates/allAuthorsTemplate.js b/src/templates/allAuthorsTemplate.js @@ -10,7 +10,7 @@ function AllAuthorsTemplate({ pageContext }) { const { authors, postsByAuthor } = pageContext; const count = Object.values(postsByAuthor).map(el => el.length); const [max, min] = [Math.max(...count), Math.min(...count)]; - authors.sort(function (str1, str2) { + authors.sort(function(str1, str2) { return str1.toLowerCase().localeCompare(str2.toLowerCase()); }); return ( diff --git a/src/templates/allTagsTemplate.js b/src/templates/allTagsTemplate.js @@ -10,7 +10,7 @@ function AllTagsTemplate({ pageContext }) { const { postsByTag, tags } = pageContext; const count = Object.values(postsByTag).map(el => el.length); const [max, min] = [Math.max(...count), Math.min(...count)]; - tags.sort(function (str1, str2) { + tags.sort(function(str1, str2) { return str1.toLowerCase().localeCompare(str2.toLowerCase()); }); return ( diff --git a/src/templates/blogPost.js b/src/templates/blogPost.js @@ -98,21 +98,27 @@ function Footer({ attributed, author, misattributed, tags, unverified }) { {attributed ? ( <span> <sup> - <em>!</em> + <em> + <abbr title="Attributed">!</abbr> + </em> </sup> </span> ) : null} {misattributed ? ( <span> <sup> - <em>?</em> + <em> + <abbr title="Misattributed">?</abbr> + </em> </sup> </span> ) : null} {unverified ? ( <span> <sup> - <em>#</em> + <em> + <abbr title="Unverified">#</abbr> + </em> </sup> </span> ) : null} diff --git a/src/templates/singleAuthorTemplate.js b/src/templates/singleAuthorTemplate.js @@ -37,21 +37,27 @@ function SingleAuthorTemplate({ pageContext }) { {attributed ? ( <span> <sup> - <em>!</em> + <em> + <abbr title="Attributed">!</abbr> + </em> </sup> </span> ) : null} {misattributed ? ( <span> <sup> - <em>?</em> + <em> + <abbr title="Misattributed">?</abbr> + </em> </sup> </span> ) : null} {unverified ? ( <span> <sup> - <em>#</em> + <em> + <abbr title="Unverified">#</abbr> + </em> </sup> </span> ) : null} diff --git a/src/templates/singleTagTemplate.js b/src/templates/singleTagTemplate.js @@ -9,7 +9,11 @@ const { repo } = siteMetadata; function SingleTagTemplate({ pageContext }) { const { posts, tag } = pageContext; return ( - <Layout heading={`Tag: ${tag} (${posts.length})`} link={`/${repo}/tags`} slug="tag"> + <Layout + heading={`Tag: ${tag} (${posts.length})`} + link={`/${repo}/tags`} + slug="tag" + > <SEO title={`Tag: ${tag}`} /> <div className="list-container"> <ul className="list">