diff --git a/gatsby-config.js b/gatsby-config.js index 833244d..6add018 100644 --- a/gatsby-config.js +++ b/gatsby-config.js @@ -1,7 +1,5 @@ module.exports = { siteMetadata: { - title: `Matúš Námešný`, - description: `Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need.`, author: `Matúš Námešný`, user: "guest", hostname: "namesny.com", diff --git a/src/components/blog.js b/src/components/blog.js index 4fa851d..f0ce381 100644 --- a/src/components/blog.js +++ b/src/components/blog.js @@ -1,10 +1,21 @@ import React from "react" import PostLink from "./post-link" +import styles from "../styles/blog.module.scss" const Blog = ({ edges }) => { const Posts = edges .map(edge => ) - return
{Posts}
+ + return ( +
+
+

Blog

+
+
+ {Posts} +
+
+ ) } export default Blog diff --git a/src/components/layout.js b/src/components/layout.js index 637190e..3bcbfa7 100644 --- a/src/components/layout.js +++ b/src/components/layout.js @@ -7,12 +7,13 @@ import Footer from "./footer" import { Helmet } from "react-helmet" import styles from "../styles/layout.module.scss" -const Layout = ({ children, title, author, vertical}) => { +const Layout = ({ children, title, vertical}) => { const data = useStaticQuery(graphql` query SiteTitleQuery { site { siteMetadata { + author user hostname } @@ -24,7 +25,7 @@ const Layout = ({ children, title, author, vertical}) => { return (
+ titleTemplate={`%s | ${data.site.siteMetadata.author}`}> {title} @@ -34,7 +35,7 @@ const Layout = ({ children, title, author, vertical}) => {
{children}
-
+
) } diff --git a/src/pages/blog.js b/src/pages/blog.js index 4929cb4..874e40f 100644 --- a/src/pages/blog.js +++ b/src/pages/blog.js @@ -31,7 +31,7 @@ const IndexPage = () => { console.log(data.allMarkdownRemark.edges) return ( - + ) diff --git a/src/pages/index.js b/src/pages/index.js index 2fb476f..33be550 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -12,7 +12,6 @@ const IndexPage = () => { query SiteDataQuery { site { siteMetadata { - title author email social { @@ -25,7 +24,7 @@ const IndexPage = () => { `) return ( - + ) diff --git a/src/styles/blog.module.scss b/src/styles/blog.module.scss new file mode 100644 index 0000000..bc4752e --- /dev/null +++ b/src/styles/blog.module.scss @@ -0,0 +1,5 @@ +@import "./variables.scss"; + +.header { + text-align: left; +} \ No newline at end of file diff --git a/src/styles/layout.module.scss b/src/styles/layout.module.scss index 3418fbc..d3613ca 100644 --- a/src/styles/layout.module.scss +++ b/src/styles/layout.module.scss @@ -4,6 +4,7 @@ text-align: center; margin: 0 auto; flex: 1 auto; + padding: 20px; @media only screen and (min-width: $breakLarge) { display: flex; diff --git a/src/styles/post-link.module.scss b/src/styles/post-link.module.scss index 7202185..cac2c63 100644 --- a/src/styles/post-link.module.scss +++ b/src/styles/post-link.module.scss @@ -22,7 +22,9 @@ } .postListItem { - border-bottom: 1px solid $blue; + padding: 20px; + background-color: $black; + margin-bottom: 20px; } .postExcerpt {