first mvp

.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["env", "react", "stage-0"]
+}

.editorconfig

@@ -0,0 +1,20 @@
+# EditorConfig helps developers define and maintain consistent
+# coding styles between different editors and IDEs
+# editorconfig.org
+
+root = true
+
+[*]
+
+# Change these settings to your own preference
+indent_style = space
+indent_size = 2
+
+# We recommend you to keep these unchanged
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.eslintignore

@@ -0,0 +1,3 @@
+public/*
+static/*
+.cache/*

.eslintrc.json

@@ -0,0 +1,51 @@
+{
+  "parser": "babel-eslint",
+  "extends": [
+    "google",
+    "prettier",
+    "prettier/react",
+    "eslint:recommended",
+    "plugin:react/recommended"
+  ],
+  "parserOptions": {
+    "ecmaVersion": 2016,
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "jsx": true
+    }
+  },
+  "plugins": ["prettier", "react", "jsx-a11y", "import", "graphql"],
+  "env": {
+    "browser": true,
+    "es6": true,
+    "node": true
+  },
+  "rules": {
+    "arrow-body-style": "off",
+    "camelcase": "warn",
+    "func-names": "off",
+    "global-require": "warn",
+    "import/no-dynamic-require": "warn",
+    "import/no-extraneous-dependencies": "off",
+    "no-console": "off",
+    "no-multi-assign": "off",
+    "no-param-reassign": "warn",
+    "no-plusplus": "off",
+    "no-shadow": "warn",
+    "no-underscore-dangle": "warn",
+    "no-unused-expressions": ["error", { "allowShortCircuit": true, "allowTernary": true }],
+    "no-nested-ternary": "off",
+    "no-unused-vars": "warn",
+    "prefer-destructuring": "off",
+    "prettier/prettier": ["error"],
+    "react/jsx-uses-vars": "error"
+  },
+  "overrides": [
+    {
+      "files": ["*.spec.js", "*.integration.js"],
+      "rules": {
+        "no-unused-expressions": "off"
+      }
+    }
+  ]
+}

.gitignore

@@ -0,0 +1,67 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Typescript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+
+.cache/
+.DS_Store
+public
+yarn-error.log
+
+# editors
+.idea/
+.vscode

.prettierrc.json

@@ -0,0 +1,4 @@
+{
+  "printWidth": 100,
+  "singleQuote": false
+}

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 gatsbyjs
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -1,2 +1,32 @@
-# xsolve-tech
-XSolve tech blog
+# PersonalBlog starter for Gatsby
+
+[DEMO website](https://gatsby-starter-personal-blog.greglobinski.com/)
+
+More details soon. For now a couple of annotations.
+
+The starter is ready to play with. You should to know at least two things.
+
+### Packages in beta
+
+It uses two packages in beta stage: [gatsby-plugin-algolia](https://github.com/algolia/gatsby-plugin-algolia) and [material-ui-next](https://material-ui-next.com/)
+
+### External services
+
+The starter uses external services for some functions: contact form, comments, searching, analytics. To use them you have to secure some access data. No worries, all services are free or have generous free tiers big enough for a personal blog.
+
+The starter needs an `.env` file like this in the root folder
+
+```
+GOOGLE_ANALYTICS_ID=...
+ALGOLIA_APP_ID=...
+ALGOLIA_SEARCH_ONLY_API_KEY=...
+ALGOLIA_ADMIN_API_KEY=...
+ALGOLIA_INDEX_NAME=...
+FB_APP_ID=...
+```
+
+The contact form does not need any settings it should work out of the box if you deploy the website to [Netlify](https://www.netlify.com/)
+
+### An educational project
+
+This is an educational project. I'm going to write a series of articles describing what, how and why I did. I'm aiming at helping beginners to understand how the code works. So stay tuned. To be in touch follow me at [@greglobinski](https://twitter.com/greglobinski)

content/meta/config.js

@@ -0,0 +1,31 @@
+const colors = require("../../src/styles/colors");
+
+module.exports = {
+  homeTitle: "Personal blog",
+  siteTitle: "PersonalBlog - a blog starter for GatsbyJS",
+  shortSiteTitle: "PersonalBlog GatsbyJS Starter",
+  siteDescription: "PersonalBlog is a GatsbyJS starter.",
+  siteUrl: "https://gatsby-starter-personal-blog.greglobinski.com",
+  pathPrefix: "",
+  siteImage: "preview.jpg",
+  siteLanguage: "en",
+  // author
+  authorName: "greg lobinski",
+  authorTwitterAccount: "greglobinski",
+  // info
+  infoTitle: "greg lobinski",
+  infoTitleNote: "personal blog",
+  // manifest.json
+  manifestName: "PersonalBlog - a blog starter for GatsbyJS",
+  manifestShortName: "PersonalBlog", // max 12 characters
+  manifestStartUrl: "/",
+  manifestBackgroundColor: colors.bg,
+  manifestThemeColor: colors.bg,
+  manifestDisplay: "standalone",
+  // social
+  authorSocialLinks: [
+    { name: "github", url: "https://github.com/greglobinski" },
+    { name: "twitter", url: "https://twitter.com/greglobinski" },
+    { name: "facebook", url: "http://facebook.com/greglobinski" }
+  ]
+};

content/pages/1--about/index.md

@@ -0,0 +1,41 @@
+---
+title: About
+---
+
+This is a demo site of the [Personal**Blog**](https://github.com/greglobinski/gatsby-starter-personal-blog) [GatsbyJs](https://www.gatsbyjs.org/) starter.
+
+The starter is a ready to use, easy to customize 'like theme' starter. It has everything what blog should have and some more.
+
+### Standard features:
+
+* Easy editable content in **Markdown** files (posts, pages and parts)
+* **SEO** (sitemap generation, robot.txt, meta and OpenGraph Tags)
+* **Social** sharing (Twitter, Facebook, Google, LinkedIn)
+* **Comments** (Facebook)
+* **Images** lazy loading and `webp` support (gatsby-image)
+* Post **categories** (post list filtering)
+* Full text **searching** (Algolia)
+* **Contact** form (Netlify form handling)
+* **RSS** feed
+* **PWA** (manifes.json, offline support, favicons)
+* Google **Analytics**
+* **Favicons** generator (node script)
+* **Material UI** (@next)
+
+### Advanced features:
+
+* Easy customizable base **styles** via `theme` object (fonts, colors, sizes)
+* **Components** leazy loading (social sharing, comments)
+* **ESLint** (google config)
+* **Prettier** code styling
+* Custom webpack `CommonsChunkPlugin` settings
+* Webpack `BundleAnalyzerPlugin`
+* Contact **form validation** (react-material-ui-form-validator)
+
+## About me
+
+My name is **Greg**. I am a front-end web developer. I love working with [GatsbyJs](https://www.gatsbyjs.org/). I love the UX it delivers out of the box for the end users and DX it provides to me as a developer. I decided to share the love by contributing in this way, sharing my code as starters. I hope somebody find that useful.
+
+For sure it's not my last [Gatsby starter](/starters). If you want to be in touch follow my on Twitter [@greglobinski](https://twitter.com/greglobinski)
+
+PS: Please be understanding. The English language is not my native language. If you find any bug or not clear words you can always do PR to [gatsby-starter-personal-blog](https://github.com/greglobinski/gatsby-starter-personal-blog), the repo contains the actual code of this demo.

content/pages/2--starters/index.md

@@ -0,0 +1,20 @@
+---
+title: Other GatsbyJs starters
+menuTitle: My starters
+---
+
+[Personal**Blog**](https://github.com/greglobinski/gatsby-starter-personal-blog) is not my first [GatsbyJs](https://www.gatsbyjs.org/) starter.
+
+![Simple**Landing**](./gatsby-starter-simple-landing.png)
+
+### SimpleLanding
+
+As the name says, it is a simple landing page.
+[Demo](https://gatsby-starter-simple-landing.greglobinski.com/) | [Github repo](https://github.com/greglobinski/gatsby-starter-simple-landing)
+
+![Styled**Blog**](./gatsby-styled-blog-starter.jpg)
+
+### StyledBlog
+
+That is my first Gatsby starter. It is a forefather of the starter's demo you are looking at now. It will not be develop or update any longer.
+[Demo](https://gsbs.greglobinski.com) | [Github repo](https://github.com/greglobinski/gatsby-styled-blog-starter)

content/pages/success/index.md

@@ -0,0 +1,5 @@
+---
+title: Success
+---
+
+Thank you. I will answer to the message as soon as possible.

content/parts/author.md

@@ -0,0 +1,5 @@
+---
+title: author
+---
+
+**Mr. Gatsby** Proin ornare ligula eu tellus tempus elementum. Aenean [bibendum](/) iaculis mi, nec blandit lacus interdum vitae. Vestibulum non nibh risus, a scelerisque purus. :hearts:

content/parts/copyright.md

@@ -0,0 +1,5 @@
+---
+title: copyright
+---
+
+I am a wealthy man and the owner of a luxurious mansion where extravagant parties are often hosted

content/parts/footnote.md

@@ -0,0 +1,10 @@
+---
+title: footnote
+---
+
+* this is a demo site of the [gatsby-starter-personal-blog](https://github.com/greglobinski/gatsby-starter-personal-blog)
+* built by [greg lobinski](https://www.greglobinski.com)
+* with [Gatsby](https://www.gatsbyjs.org/) & [React](https://reactjs.org)
+* source code on [GitHub](https://github.com/greglobinski/gatsby-starter-personal-blog)
+* deliverd by [Netlify](https://www.netlify.com/)
+* photos by [unsplash.com](https://unsplash.com)

content/parts/info.md

@@ -0,0 +1,5 @@
+---
+title: info
+---
+
+I am a front-end web developer. I used to be a web designer also, but now I concentrate on the code.

content/posts/2017-10-01--two-things-are-infinite/index.md

@@ -0,0 +1,24 @@
+---
+title: Two things are infinite the universe and human stupidity
+subTitle: And I'm not sure about the universe.
+category: "sayings"
+cover: photo-1490474418585-ba9bad8fd0ea-cover.jpg
+---
+
+Proin suscipit luctus orci placerat fringilla. Donec hendrerit laoreet risus eget adipiscing. Suspendisse in urna ligula, a volutpat mauris. Sed enim mi, [adipiscing](http://google.com) eu pulvinar vel, sodales vitae dui. :thumbsup: :smile: :sparkler:
+
+Pellentesque sed sapien lorem, at lacinia urna. In hac habitasse platea dictumst. Vivamus vel justo in leo laoreet ullamcorper non vitae lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin bibendum ullamcorper rutrum.
+
+Fusce a metus eu diam varius congue nec nec sapien. Vestibulum orci tortor, sollicitudin ac euismod non, placerat ac augue. Nunc convallis accumsan justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec malesuada vehicula lectus, viverra sodales ipsum gravida nec.
+
+> Proin ornare ligula eu tellus tempus elementum. Aenean bibendum iaculis mi, nec blandit lacus interdum vitae. Vestibulum non nibh risus, a scelerisque purus. Ut vel arcu ac tortor adipiscing hendrerit vel sed massa. Fusce sem libero, lacinia vulputate interdum non, porttitor non quam. Aliquam sed felis ligula. Duis non nulla magna.
+
+Nullam eros mi, mollis in sollicitudin non, tincidunt sed enim. Sed et felis metus, rhoncus ornare nibh. Ut at magna leo. Suspendisse egestas est ac dolor imperdiet pretium. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam porttitor, erat sit amet venenatis luctus, augue libero ultrices quam, ut congue nisi risus eu purus. Cras semper consectetur elementum.
+
+### Cras semper consectetur elementum
+
+Pellentesque sed sapien lorem, at lacinia urna. In hac habitasse platea dictumst. Vivamus vel justo in leo laoreet ullamcorper non vitae lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin bibendum ullamcorper rutrum.
+
+![unsplash.com](./photo-1490474418585-ba9bad8fd0ea.jpg)
+
+Proin suscipit luctus orci placerat fringilla. Donec hendrerit laoreet risus eget adipiscing. Suspendisse in urna ligula, a volutpat mauris. Sed enim mi, bibendum eu pulvinar vel, sodales vitae dui. Pellentesque sed sapien lorem, at lacinia urna. In hac habitasse platea dictumst. Vivamus vel justo in leo laoreet ullamcorper non vitae lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin bibendum ullamcorper rutrum.

content/posts/2017-10-03--be-who-you-are/index.md

@@ -0,0 +1,28 @@
+---
+title: Be who you are and say what you feel
+subTitle: Because those who mind don't matter, and those who matter don't mind
+category: "sayings"
+cover: photo-1489824904134-891ab64532f1-cover.jpg
+---
+
+Proin suscipit luctus orci placerat fringilla. Donec hendrerit laoreet risus eget adipiscing. [Suspendisse](http://google.com) in urna ligula, a volutpat mauris. Sed enim mi, bibendum eu pulvinar vel, sodales vitae dui. Pellentesque sed sapien lorem, at lacinia urna. In hac habitasse platea dictumst. Vivamus vel justo in leo laoreet ullamcorper non vitae lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin bibendum ullamcorper rutrum.
+
+## H2 Vestibulum orci tortor, sollicitudin ac euismod non, placerat ac augue.
+
+Fusce a metus eu diam varius congue nec nec sapien. Nunc convallis accumsan justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec malesuada vehicula lectus.
+
+### H3 Vestibulum orci tortor, sollicitudin ac euismod non, placerat ac augue.
+
+Rviverra sodales ipsum gravida nec. Integer gravida nisi ut magna mollis molestie. Nullam pharetra accumsan sagittis. Proin tristique rhoncus orci, eget vulputate nisi sollicitudin et. Quisque lacus augue, mollis non mollis et, ullamcorper in purus. Morbi et sem orci.
+
+Praesent accumsan odio in ante ullamcorper id pellentesque mauris rhoncus. Duis vitae neque dolor. Duis sed purus at eros bibendum cursus nec a nulla. Donec turpis quam, ultricies id pretium sit amet, gravida eget leo.
+
+![unsplash.com](./photo-1489824904134-891ab64532f1.jpg)
+
+Proin ornare ligula eu tellus tempus elementum. Aenean bibendum iaculis mi, nec blandit lacus interdum vitae. Vestibulum non nibh risus, a scelerisque purus. Ut vel arcu ac tortor adipiscing hendrerit vel sed massa. Fusce sem libero, lacinia vulputate interdum non, porttitor non quam. Aliquam sed felis ligula. Duis non nulla magna.
+
+### Donec hendrerit laoreet risus eget adipiscing.
+
+Nullam eros mi, mollis in sollicitudin non, tincidunt sed enim. Sed et felis metus, rhoncus ornare nibh. Ut at magna leo. Suspendisse egestas est ac dolor imperdiet pretium. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam porttitor, erat sit amet venenatis luctus, augue libero ultrices quam, ut congue nisi risus eu purus. Cras semper consectetur elementum. Nulla vel aliquet libero. Vestibulum eget felis nec purus commodo convallis. Aliquam erat volutpat.
+
+Proin suscipit luctus orci placerat fringilla. Suspendisse in urna ligula, a volutpat mauris. Sed enim mi, bibendum eu pulvinar vel, sodales vitae dui. Pellentesque sed sapien lorem, at lacinia urna. In hac habitasse platea dictumst. Vivamus vel justo in leo laoreet ullamcorper non vitae lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin bibendum ullamcorper rutrum.