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 {