From 4009a5ec4868ddd68287b08cf3a89ab5bf753786 Mon Sep 17 00:00:00 2001 From: Morris Date: Wed, 3 Oct 2018 20:14:31 +0200 Subject: [PATCH] Add author and date to blog posts, stylistic changes, graphql changes --- src/components/Card.js | 6 ++++++ src/components/PageIntro.js | 4 ++-- src/pages/index.js | 5 +++++ src/styles/general.css | 7 +++++++ src/templates/blog.js | 4 ++++ src/templates/post-default.js | 16 +++++++++++++--- 6 files changed, 37 insertions(+), 5 deletions(-) diff --git a/src/components/Card.js b/src/components/Card.js index ef3284f..fd4a549 100644 --- a/src/components/Card.js +++ b/src/components/Card.js @@ -21,6 +21,12 @@ const Card = ({ ...props }) => (

{props.title}

+ +
+ {props.authorName &&
{props.authorName}
} + {props.date && } +
+ {props.subtitle && ( {props.subtitle} diff --git a/src/components/PageIntro.js b/src/components/PageIntro.js index 3058260..5ee7c8a 100644 --- a/src/components/PageIntro.js +++ b/src/components/PageIntro.js @@ -29,11 +29,11 @@ class PageIntro extends Component { value: 47, density: { enable: true, - value_area: 5000 + value_area: 4444 } }, size: { - value: 1.47 + value: 1.77 }, color: { value: "#5763ab" diff --git a/src/pages/index.js b/src/pages/index.js index 8764c3d..41b4e11 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -187,6 +187,7 @@ const IndexPage = ({ ...props }) => ( url={`blog/${node.slug}`} title={node.title} date={node.date} + authorName={node.author.name} imgAlt={node.title} excerpt={node.excerpt} image={ @@ -218,6 +219,10 @@ export const query = graphql` node { id title + author { + id + name + } excerpt status slug diff --git a/src/styles/general.css b/src/styles/general.css index d114d08..d21acec 100644 --- a/src/styles/general.css +++ b/src/styles/general.css @@ -230,4 +230,11 @@ a { .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-zyxrmn .crisp-1bu0ive .crisp-1uswakw { display: none !important; +} + +@media (min-width: 310px) { +.author-name::before { + content: "by "; + font-weight: normal; +} } \ No newline at end of file diff --git a/src/templates/blog.js b/src/templates/blog.js index d7d5dd3..e7d34d7 100644 --- a/src/templates/blog.js +++ b/src/templates/blog.js @@ -39,6 +39,7 @@ class Blog extends Component { -
+
-

{data.wordpressPost.title}

+
+
+

{data.wordpressPost.title}

+
+ {data.wordpressPost.author.name &&
{data.wordpressPost.author.name}
} + {data.wordpressPost.date && } +
+