Update

.babelrc

@@ -1,4 +0,0 @@
-{
-  "presets": ['react', 'es2015', 'stage-0'],
-  "plugins": ['add-module-exports']
-}

.eslintrc

@@ -1,20 +0,0 @@
-{
-  "extends": "eslint-config-airbnb",
-  "rules": {
-    "indent": [2, 2, {"SwitchCase": 1}],
-    "no-console": [0],
-    "func-names": [0],
-    "semi": [2, "never"],
-    "no-extra-semi": [2],
-    "space-before-function-paren": [2, "always"],
-    "no-else-return": [0],
-    "space-infix-ops": [0],
-    "react/prefer-es6-class": [0],
-    "react/prefer-stateless-function": [0],
-    "import/no-unresolved": [0],
-    "global-require": [0],
-  },
-  "globals": {
-    "__PREFIX_LINKS__": true,
-  },
-}

.gitattributes

@@ -0,0 +1,2 @@
+$ cat .gitattributes
+static/css/*.css linguist-vendored

LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2016
+Copyright (c) 2016-2017 Alexander Shelepenok
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -1,13 +1,11 @@
 # Lumen
 
-Gatsby starter for creating a blog
+[Gatsby](https://github.com/gatsbyjs/gatsby) starter for creating a blog.
 
 ## Features
-+ Inline CSS.
 + Clean and extensible code.
-+ Six simple components: SiteSidebar, SiteNav, SiteLinks, SitePost, SitePage, ReadNext.
++ Lost Grid ([peterramsing/lost](https://github.com/peterramsing/lost)).
-+ [peterramsing/lost](https://github.com/peterramsing/lost) as a base for Grid.
++ Beautiful Typography ([matejlatin/Gutenberg](https://github.com/matejlatin/Gutenberg)).
-+ [matejlatin/Gutenberg](https://github.com/matejlatin/Gutenberg) as a base for Typography.
 
 ## Installing
 Install this starter (assuming Gatsby is installed) by running from your CLI:
@@ -25,7 +23,7 @@ Install this starter (assuming Gatsby is installed) by running from your CLI:
 ## License
 The MIT License (MIT)
 
-Copyright (c) 2016
+Copyright (c) 2016-2017 Alexander Shelepenok
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

components/SiteLinks/index.jsx

@@ -9,7 +9,7 @@ class SiteLinks extends React.Component {
     render () {
 
       return (
-        <div className="blog-social">
+        <div className="blog-links">
           <ul>
             {config.siteTwitterUrl && (
               <li>

components/SiteLinks/style.css

@@ -1,13 +1,13 @@
-.blog-social {
+.blog-links {
 	margin-top: 30px;
 }
-.blog-social ul {
+.blog-links ul {
 	list-style: none;
 	padding: 0;
 	margin: 10px 0;
 	clear: fix-legacy;
 }
-.blog-social ul > li {
+.blog-links ul > li {
 	float: left;
 	margin-right: 5px;
 	text-align: center;
@@ -16,17 +16,17 @@
 	border-radius: 3px;
 	background: #f4f4f4;
 }
-.blog-social ul > li:hover {
+.blog-links ul > li:hover {
 	background: #f4f4f4;
 }
-.blog-social ul > li > a {
+.blog-links ul > li > a {
 	border-bottom: 0;
 }
-.blog-social ul > li > a > i {
+.blog-links ul > li > a > i {
 	color: #606060;
 	font-size: 14px;
 	line-height: 24px;
 }
-.blog-social ul > li:hover a > i {
+.blog-links ul > li:hover a > i {
 	color: #444;
 }

components/SitePost/style.css

@@ -9,7 +9,11 @@
 	line-height: 30px;
 	margin-bottom: 20px;
 }
-.blog-post h2 a:hover {
+.blog-post h2 a {
+	color: #222;
+}
+.blog-post h2 a:hover,
+.blog-post h2 a:focus {
 	border-bottom: 1px solid;
 }
 .blog-post p {

package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.1.0",
+  "version": "1.2.0",
   "name": "gatsby-starter-lumen",
   "description": "Simple starter for Gatsby",
   "main": "n/a",
@@ -16,53 +16,54 @@
   },
   "keywords": [
     "gatsby",
-    "lumen",
+    "blog",
-    "starter"
+    "react"
   ],
   "author": "Alexander Shelepenok <a.shelepenok@gmail.com>",
   "license": "MIT",
   "dependencies": {
     "babel-plugin-add-module-exports": "^0.2.1",
-    "babel-preset-es2015": "^6.9.0",
+    "babel-preset-es2015": "^6.13.2",
     "babel-preset-react": "^6.11.1",
     "babel-preset-stage-0": "^6.5.0",
     "classnames": "^2.1.2",
-    "front-matter": "^2.0.8",
+    "front-matter": "^2.1.0",
-    "gatsby": "^0.12.0",
+    "gatsby": "^0.12.28",
-    "history": "^2.1.1",
+    "history": "^2.1.2",
-    "lodash": "^4.14.1",
+    "lodash": "^4.17.2",
-    "markdown-it": "^6.0.2",
+    "moment": "^2.17.1",
-    "moment": "^2.14.1",
+    "react": "^15.4.1",
-    "react": "^15.3.0",
+    "react-dom": "^15.4.1",
-    "react-dom": "^15.3.0",
     "react-ga": "^2.1.2",
-    "react-helmet": "^3.2.2",
+    "react-helmet": "^4.0.0",
     "react-router": "^2.6.1",
     "safe-access": "^0.1.0",
-    "underscore.string": "^3.2.3"
+    "underscore.string": "^3.2.3",
+    "raw-loader": "^0.5.1",
+    "url-loader": "^0.5.7"
   },
   "devDependencies": {
     "autoprefixer": "^6.3.7",
-    "babel-core": "^6.11.4",
+    "babel-core": "^6.13.2",
-    "babel-loader": "^6.2.4",
+    "babel-loader": "^6.2.5",
     "babel-preset-react-hmre": "^1.1.1",
-    "css-loader": "^0.23.1",
+    "css-loader": "^0.26.1",
-    "eslint": "^3.2.2",
+    "eslint": "^3.x",
-    "eslint-config-airbnb": "^10.0.0",
+    "eslint-config-airbnb": "^13.0.0",
-    "eslint-plugin-import": "^1.12.0",
+    "eslint-plugin-import": "^2.2.x",
-    "eslint-plugin-jsx-a11y": "^2.0.1",
+    "eslint-plugin-jsx-a11y": "^2.2.3",
-    "eslint-plugin-react": "^6.0.0",
+    "eslint-plugin-react": "^6.8.0",
-    "file-loader": "^0.9.0",
+    "file-loader": "^0.10.0",
-    "gh-pages": "^0.11.0",
+    "gh-pages": "^0.12.0",
     "image-webpack-loader": "^2.0.0",
-    "lost": "^7.0.3",
+    "lost": "^8.0.0",
     "null-loader": "^0.1.1",
-    "postcss-loader": "^0.9.1",
+    "postcss-loader": "^1.2.2",
     "react-transform-catch-errors": "^1.0.2",
     "react-transform-hmr": "^1.0.4",
-    "redbox-react": "^1.2.10",
+    "redbox-react": "^1.3.0",
-    "rucksack-css": "^0.8.5",
+    "rucksack-css": "^0.9.1",
     "style-loader": "^0.13.1",
-    "webpack": "^1.13.1"
+    "webpack": "^1.13.2"
   }
 }

pages/_template.jsx

@@ -4,8 +4,8 @@ import { prefixLink } from 'gatsby-helpers'
 import { config } from 'config'
 
 import '../static/css/reset.css'
-import '../static/css/base.css'
 import '../static/css/typography.css'
+import '../static/css/base.css'
 
 class Template extends React.Component {
     render() {

static/css/base.css

@@ -1,3 +1,12 @@
+a {
+	color: #5d93ff;
+}
+
+a:hover,
+a:focus {
+	color: #f7a046;
+}
+
 .wrapper {
 	lost-center: 1070px;
 }

static/css/typography.css

@@ -78,7 +78,6 @@ section {
    ========================================================================== */
 a {
 	background: transparent;
-	color: #222;
 	text-decoration: none;
 	transition: all .3s;
 }