quotes

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

commit 0f6323189ae8eac2c2336b823e97193040772d1b
parent 53af9134c9d23ddd2656cb78e9cf33115865f050
Author: Agastya Chandrakant <me@hanabi.in>
Date:   Wed, 11 Mar 2020 20:44:06 +0530

Change links to make it work with gh pages

Diffstat:
Mgatsby-config.js | 4++--
Mpackage.json | 2+-
Msrc/components/header.js | 14++++++++------
Msrc/pages/index.js | 9+++++++--
Msrc/pages/quote.js | 9+++++++--
Msrc/pages/random.js | 7+++++--
Msrc/templates/allAuthorsTemplate.js | 5++++-
Msrc/templates/allTagsTemplate.js | 5++++-
Msrc/templates/blogPost.js | 7+++++--
Msrc/templates/singleAuthorTemplate.js | 7+++++--
Msrc/templates/singleTagTemplate.js | 7+++++--
11 files changed, 53 insertions(+), 23 deletions(-)

diff --git a/gatsby-config.js b/gatsby-config.js @@ -1,5 +1,4 @@ const path = require('path'); - module.exports = { siteMetadata: { author: 'Agastya Chandrakant', @@ -7,8 +6,9 @@ module.exports = { email: 'acagastya@outlook.com', github: 'acagastya', instagram: 'acagastya', + repo: 'quotes', siteName: 'Quotes', - siteUrl: 'https://acagastya.github.io/quotes', + siteUrl: 'https://acagastya.github.io/quotes/', title: 'Quotes', twitter: '@acagastya', username: 'acagastya', diff --git a/package.json b/package.json @@ -37,7 +37,7 @@ "private": true, "repository": { "type": "git", - "url": "https://github.com/acagastya/quotes" + "url": "https://github.com/acagastya/quotes/" }, "scripts": { "build": "gatsby clean && gatsby build", diff --git a/src/components/header.js b/src/components/header.js @@ -3,7 +3,9 @@ import { Link } from 'gatsby'; import PropTypes from 'prop-types'; import React from 'react'; +import { siteMetadata } from '../../gatsby-config'; +const { repo } = siteMetadata; function Header({ description, link = '/', showHeader, siteTitle, slug }) { return ( <header id="header" className="header-container"> @@ -18,21 +20,21 @@ function Header({ description, link = '/', showHeader, siteTitle, slug }) { {slug == 'quote' ? ( <BoldEntry text="Quotes" /> ) : ( - <Link to="/quote">Quotes</Link> + <Link to={`/${repo}/quote`}>Quotes</Link> )} </li> <li> {slug == 'about' ? ( <BoldEntry text="About" /> ) : ( - <Link to="/about">About</Link> + <Link to={`/${repo}/about`}>About</Link> )} </li> <li> {slug == 'random' ? ( - <BoldLinkEntry text="Random" path="/random" /> + <BoldLinkEntry text="Random" path={`/${repo}/random/`} /> ) : ( - <Link to="/random">Random</Link> + <Link to={`/${repo}/random`}>Random</Link> )} </li> </ul> @@ -41,7 +43,7 @@ function Header({ description, link = '/', showHeader, siteTitle, slug }) { {showHeader && ( <div className="header-info"> <p className="site-title title"> - <Link to={link}>{siteTitle}</Link> + <Link to={`/${repo}/${link}/`}>{siteTitle}</Link> </p> {siteTitle == 'Quotes' && ( <p className="site-description subtitle">{description}</p> @@ -65,7 +67,7 @@ function BoldEntry({ text = '' }) { return <span style={{ fontWeight: 700, cursor: 'default' }}>{text}</span>; } -function BoldLinkEntry({ text = '', path = '/' }) { +function BoldLinkEntry({ text = '', path = `/${repo}` }) { return ( <span style={{ fontWeight: 700, cursor: 'default' }}> <Link to={path}>{text}</Link> diff --git a/src/pages/index.js b/src/pages/index.js @@ -2,6 +2,9 @@ import React from 'react'; import { Link, graphql } from 'gatsby'; import Layout from '../components/layout'; import SEO from '../components/seo'; +import { siteMetadata } from '../../gatsby-config'; + +const { repo } = siteMetadata; function IndexPage({ data }) { const { edges } = data.allMarkdownRemark; @@ -32,7 +35,9 @@ function IndexPage({ data }) { <span> <span className="screen-reader">Quote by </span> <span> - <Link to={`/authors/${author}`}>{author}</Link> + <Link to={`${repo}/authors/${author}`}> + {author} + </Link> {attributed ? ( <span> <sup> @@ -59,7 +64,7 @@ function IndexPage({ data }) { </div> <header className="list-item-header"> <h3 className="list-item-title"> - <Link to={`/quote/${path}`}>{title}</Link> + <Link to={`${repo}/quote/${path}`}>{title}</Link> </h3> </header> </article> diff --git a/src/pages/quote.js b/src/pages/quote.js @@ -2,6 +2,9 @@ import React from 'react'; import { Link, graphql } from 'gatsby'; import Layout from '../components/layout'; import SEO from '../components/seo'; +import { siteMetadata } from '../../gatsby-config'; + +const { repo } = siteMetadata; function Blog({ data }) { const { edges } = data.allMarkdownRemark; @@ -28,7 +31,9 @@ function Blog({ data }) { <div className="meta"> <span> <span className="screen-reader">Quote by </span> - <Link to={`/authors/${author}`}>{author}</Link> + <Link to={`${repo}/authors/${author}`}> + {author} + </Link> {attributed ? ( <span> <sup> @@ -54,7 +59,7 @@ function Blog({ data }) { </div> <header className="list-item-header"> <h3 className="list-item-title"> - <Link to={`/quote/${path}`}>{title}</Link> + <Link to={`${repo}/quote/${path}`}>{title}</Link> </h3> </header> </article> diff --git a/src/pages/random.js b/src/pages/random.js @@ -2,6 +2,9 @@ import React from 'react'; import { Link, graphql } from 'gatsby'; import Layout from '../components/layout'; import SEO from '../components/seo'; +import { siteMetadata } from '../../gatsby-config'; + +const { repo } = siteMetadata; function RandomQuotePage({ data }) { const { edges } = data.allMarkdownRemark; @@ -28,7 +31,7 @@ function RandomQuotePage({ data }) { <header className="list-item-header"> <h3 className="list-item-title"> <em> - <Link to={`/quote/${path}`}>{title}</Link> + <Link to={`${repo}/quote/${path}`}>{title}</Link> </em> </h3> <div className="meta"> @@ -37,7 +40,7 @@ function RandomQuotePage({ data }) { <span className="author-container"> <Link className="author-container-link" - to={`/authors/${author}`} + to={`${repo}/authors/${author}`} > {author} </Link> diff --git a/src/templates/allAuthorsTemplate.js b/src/templates/allAuthorsTemplate.js @@ -2,6 +2,9 @@ import React from 'react'; import { Link } from 'gatsby'; import Layout from '../components/layout'; import SEO from '../components/seo'; +import { siteMetadata } from '../../gatsby-config'; + +const { repo } = siteMetadata; function AllAuthorsTemplate({ pageContext }) { const { authors, postsByAuthor } = pageContext; @@ -23,7 +26,7 @@ function AllAuthorsTemplate({ pageContext }) { return ( <li key={author}> <Link - to={`/authors/${author}`} + to={`/${repo}/authors/${author}`} style={{ fontSize: `${1 + num}em`, fontWeight: `${weight}` }} > {author} diff --git a/src/templates/allTagsTemplate.js b/src/templates/allTagsTemplate.js @@ -2,6 +2,9 @@ import React from 'react'; import { Link } from 'gatsby'; import Layout from '../components/layout'; import SEO from '../components/seo'; +import { siteMetadata } from '../../gatsby-config'; + +const { repo } = siteMetadata; function AllTagsTemplate({ pageContext }) { const { postsByTag, tags } = pageContext; @@ -23,7 +26,7 @@ function AllTagsTemplate({ pageContext }) { return ( <li key={tag}> <Link - to={`/tags/${tag}`} + to={`/${repo}/tags/${tag}`} style={{ fontSize: `${1 + num}em`, fontWeight: `${weight}` }} > {tag} diff --git a/src/templates/blogPost.js b/src/templates/blogPost.js @@ -3,6 +3,9 @@ import { graphql, Link } from 'gatsby'; import Layout from '../components/layout'; import SEO from '../components/seo'; import { CategorySVG, TagSVG } from '../components/partials/SVGIcon'; +import { siteMetadata } from '../../gatsby-config'; + +const { repo } = siteMetadata; function Template({ data }) { const { markdownRemark } = data; @@ -87,7 +90,7 @@ function Footer({ attributed, author, misattributed, tags, unverified }) { <CategorySVG /> </span> <span className="screen-reader">Author: </span> - <Link className="author" to={`/authors/${author}`}> + <Link className="author" to={`/${repo}/authors/${author}`}> {author} </Link> {attributed ? ( @@ -121,7 +124,7 @@ function Footer({ attributed, author, misattributed, tags, unverified }) { {tags.map((tag, index) => { return ( <React.Fragment key={tag}> - <Link className="tag" to={`/tags/${tag}`}> + <Link className="tag" to={`/${repo}/tags/${tag}`}> {tag} </Link> {index < tags.length - 1 ? ', ' : ' '} diff --git a/src/templates/singleAuthorTemplate.js b/src/templates/singleAuthorTemplate.js @@ -2,6 +2,9 @@ import React from 'react'; import { Link } from 'gatsby'; import Layout from '../components/layout'; import SEO from '../components/seo'; +import { siteMetadata } from '../../gatsby-config'; + +const { repo } = siteMetadata; function SingleAuthorTemplate({ pageContext }) { const { author, posts } = pageContext; @@ -30,7 +33,7 @@ function SingleAuthorTemplate({ pageContext }) { <span> <span className="screen-reader">Quote by </span> <span> - <Link to={`/authors/${author}`}>{author}</Link> + <Link to={`/${repo}/authors/${author}`}>{author}</Link> {attributed ? ( <span> <sup> @@ -57,7 +60,7 @@ function SingleAuthorTemplate({ pageContext }) { </div> <header className="list-item-header"> <h3 className="list-item-title"> - <Link to={`/quote/${path}`}>{title}</Link> + <Link to={`/${repo}/quote/${path}`}>{title}</Link> </h3> </header> </article> diff --git a/src/templates/singleTagTemplate.js b/src/templates/singleTagTemplate.js @@ -2,6 +2,9 @@ import React from 'react'; import { Link } from 'gatsby'; import Layout from '../components/layout'; import SEO from '../components/seo'; +import { siteMetadata } from '../../gatsby-config'; + +const { repo } = siteMetadata; function SingleTagTemplate({ pageContext }) { const { posts, tag } = pageContext; @@ -26,7 +29,7 @@ function SingleTagTemplate({ pageContext }) { <span> <span className="screen-reader">Quote by </span> <span> - <Link to={`/authors/${author}`}>{author}</Link> + <Link to={`/${repo}/authors/${author}`}>{author}</Link> {attributed ? ( <span> <sup> @@ -53,7 +56,7 @@ function SingleTagTemplate({ pageContext }) { </div> <header className="list-item-header"> <h3 className="list-item-title"> - <Link to={`/quote/${path}`}>{title}</Link> + <Link to={`/${repo}/quote/${path}`}>{title}</Link> </h3> </header> </article>