start starter hacker

.github/workflows/publish-starters.yml

@@ -12,7 +12,7 @@ jobs:
       matrix:
         node_version: [10, 12]
         os: [ubuntu-latest, macos-latest, windows-latest]
-        starter: [chronoblog, chronoblog-netlify-cms, minimal, profile]
+        starter: [chronoblog, chronoblog-netlify-cms, minimal, profile, hacker]
     steps:
       - uses: actions/checkout@v1
 

.github/workflows/tests.yml

@@ -37,3 +37,6 @@ jobs:
 
       - name: yarn build:profile
         run: yarn build:profile
+
+      - name: yarn build:hacker
+        run: yarn build:hacker

package.json

@@ -12,6 +12,7 @@
     "build:chronoblog-netlify-cms": "yarn clean && yarn workspace chronoblog-netlify-cms build",
     "build:minimal": "yarn clean && yarn workspace minimal build",
     "build:profile": "yarn clean && yarn workspace profile build",
+    "build:hacker": "yarn clean && yarn workspace hacker build",
     "build:tests": "yarn clean && yarn workspace tests build",
     "clean": "yarn workspaces run clean",
     "lerna": "lerna",
@@ -20,6 +21,7 @@
     "start:chronoblog-netlify-cms": "yarn clean && yarn workspace chronoblog-netlify-cms start",
     "start:minimal": "yarn clean && yarn workspace minimal start",
     "start:profile": "yarn clean && yarn workspace profile start",
+    "start:hacker": "yarn clean && yarn workspace hacker start",
     "start:tests": "yarn clean && yarn workspace tests start",
     "test": "yarn clean && jest",
     "watch": "yarn clean && jest --watch"

starters/chronoblog-netlify-cms/src/gatsby-plugin-theme-ui/index.js

@@ -12,6 +12,7 @@ export default {
     secondary: '#5a809e',
     muted: '#dae1e3',
     modes: {
+      ...chronoblogTheme.colors.modes,
       dark: {
         ...chronoblogTheme.colors.modes.dark,
         text: '#eaeaea',

starters/chronoblog/src/gatsby-plugin-theme-ui/index.js

@@ -12,6 +12,7 @@ export default {
     secondary: '#5a809e',
     muted: '#dae1e3',
     modes: {
+      ...chronoblogTheme.colors.modes,
       dark: {
         ...chronoblogTheme.colors.modes.dark,
         text: '#eaeaea',

starters/hacker/.eslintrc

@@ -0,0 +1,31 @@
+{
+  "env": {
+    "browser": true,
+    "es6": true,
+    "node": true
+  },
+  "extends": ["plugin:prettier/recommended"],
+  "parserOptions": {
+    "ecmaFeatures": {
+      "impliedStrict": true,
+      "jsx": true
+    },
+    "ecmaVersion": 2019,
+    "sourceType": "module",
+    "useJSXTextNode": true
+  },
+  "plugins": ["prettier"],
+  "rules": {
+    "prettier/prettier": "warn"
+  },
+  "settings": {
+    "import/resolver": {
+      "node": {
+        "extensions": [".js", ".jsx", ".ts", ".tsx", "md", "mdx"]
+      }
+    },
+    "react": {
+      "version": "detect"
+    }
+  }
+}

starters/hacker/.gitignore

@@ -0,0 +1,66 @@
+# Logs
+logs
+*.log
+
+# Runtime data
+pids
+*.pid
+*.seed
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directory
+# https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
+node_modules
+examples/biz-website/public/
+examples/blog/public/
+*.un~
+dist
+bin/published.js
+
+# Build Path of Test Fixtures
+test/**/public
+.gatsby-context.js
+.DS_Store
+public
+.cache
+.netlify
+
+# IDE specific
+.idea/
+.vscode/
+*.sw*
+
+.serverless/
+
+# Yarn
+yarn-error.log
+.pnp/
+.pnp.js
+.yarn-integrity
+
+# lock
+yarn.lock
+package-lock.json
+
+# dotenv environment variables file
+.env
+
+# secrets
+.contentful.json
+.env*
+!.env.example

starters/hacker/.prettierignore

@@ -0,0 +1,19 @@
+.cache
+public
+.idea
+.vscode
+.DS_Store
+node_modules
+CHANGELOG.md
+*.toml
+results
+.github
+typings.d.ts
+index.d.ts
+www/src/webgl/uniforms.js
+cypress/e2e/build
+LICENSE
+*.txt
+**/static/**
+**/*.hbs
+coverage

starters/hacker/.prettierrc

@@ -0,0 +1,6 @@
+{
+  "singleQuote": true,
+  "arrowParens": "always",
+  "tabWidth": 2,
+  "useTabs": false
+}

starters/hacker/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2019 Ivan Ganev
+
+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.

starters/hacker/README.md

@@ -0,0 +1,77 @@
+<a href="https://chronoblog-hacker.netlify.com" target="_blank">
+<img src="https://github.com/Ganevru/gatsby-theme-chronoblog/raw/master/assets/st-banner-hacker.jpg" alt="Chronoblog - Gatsby Theme" />
+</a>
+
+<h1 align="center">
+Gatsby Starter Chronoblog Hacker - starter for Chronoblog Gatsby Theme
+</h1>
+
+[![npm](https://img.shields.io/npm/v/gatsby-theme-chronoblog?color=brightgreen)](https://www.npmjs.com/package/gatsby-theme-chronoblog) [![node](https://img.shields.io/node/v/gatsby-theme-chronoblog)](https://www.npmjs.com/package/gatsby-theme-chronoblog) [![Netlify Status](https://api.netlify.com/api/v1/badges/b66fd3f1-2f68-40f8-9572-3317b5fe71a9/deploy-status)](https://app.netlify.com/sites/chronoblog-hacker/deploys)
+
+This starter will help you launch a personal website with a simple text feed on the main page. This starter looks simple and neat, but at the same time, it has great potential for organizing your content using tags, dates, and search.
+
+The homepage is organized in compact feeds. The display of content in these feeds is based on the tags of this content (for example, only content with a `podcast` tag gets into the feed with podcasts).
+
+The starter is based on the Gatsby Theme Chronoblog.
+
+What is a Chronoblog?
+
+> Chronoblog is a Gatsby js theme specifically designed to create a personal website. The main idea of ​​Chronoblog is to allow you not only to write a personal blog but also to keep a record of everything important that you have done.
+
+Read more about Chronoblog Gatsby Theme here: [github.com/ganevru/gatsby-theme-chronoblog](https://github.com/Ganevru/gatsby-theme-chronoblog)
+
+**Live demo of this starter: [https://chronoblog-hacker.netlify.com](https://chronoblog-hacker.netlify.com/)**
+
+## Features
+
+- Specially designed to create a personal website
+- Universal text feed divided into categories
+- Search and Tags for organizing content
+- A simple change of primary and secondary colors of the site, fonts, radius of curvature of elements, etc (thanks to Theme UI theming)
+- Clean and Universal UI
+- Mobile friendly, all elements and custom images are adapted to any screen
+- Light/Dark mode (Dark by default)
+- Easy customization of icons and links to your social networks
+- MDX for the main menu of the site, footer and other elements of the site
+- MDX for pages and content
+- Code syntax highlighting
+- SEO (OpenGraph and Twitter) out of the box with default settings that make sense (thanks to React Helmet)
+
+## How to start using Chronoblog Hacker Starter
+
+If you have `gatsby-cli`:
+
+```sh
+gatsby new chronoblog-site https://github.com/Ganevru/gatsby-starter-chronoblog-hacker
+
+cd chronoblog-site
+
+gatsby develop
+```
+
+Or using git clone:
+
+```sh
+git clone git@github.com:Ganevru/gatsby-starter-chronoblog-hacker.git chronoblog-site
+
+cd chronoblog-site
+
+npm i
+
+npm start
+```
+
+Your site is now running at http://localhost:8000
+
+## Deploying
+
+### Deploying to Netlify
+
+Gatsby Docs: [www.gatsbyjs.org/docs/deploying-to-netlify](https://www.gatsbyjs.org/docs/deploying-to-netlify/)
+
+Quick Deployment:  
+[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/Ganevru/gatsby-starter-chronoblog-hacker)
+
+## More information
+
+For complete information, go to the main repository: [github.com/ganevru/gatsby-theme-chronoblog)](https://github.com/Ganevru/gatsby-theme-chronoblog)

starters/hacker/content/links/frontmatter-placeholder/index.md

@@ -0,0 +1,13 @@
+---
+title: 'Ghost Post'
+cover: ./image.png
+date: 2010-01-01
+link: http://example.com
+slug: invisible-ghost-post
+description: 'this post has all of the right fields'
+tags: ['notags']
+draft: true
+hide: true
+---
+
+This exists to populate GraphQL fields and avoid null errors. It should contain all of the available frontmatter.

starters/hacker/content/links/how-does-the-development-mode-work.md

@@ -0,0 +1,8 @@
+---
+title: How Does the Development Mode Work?
+link: https://overreacted.io/how-does-the-development-mode-work
+date: 2019-08-04
+tags: ['link', 'article']
+---
+
+If your JavaScript codebase is even moderately complex, you probably have a way to bundle and run different code in development and production.

starters/hacker/content/links/link-to-chronoblog-starter-minimal/index.md

@@ -0,0 +1,8 @@
+---
+title: 'Starter Minimal on Github'
+date: 2019-11-07
+link: https://github.com/Ganevru/gatsby-starter-chronoblog-minimal
+tags: ['link', 'project']
+---
+
+Minimum possible starter for [Chronoblog Gatsby Theme](https://github.com/Ganevru/gatsby-theme-chronoblog).

starters/hacker/content/links/link-to-chronoblog-starter-profile/index.md

@@ -0,0 +1,8 @@
+---
+title: 'Starter Profile on Github'
+date: 2019-11-06
+link: https://github.com/Ganevru/gatsby-starter-chronoblog-profile
+tags: ['link', 'project']
+---
+
+Profile starter for Chronoblog Gatsby Theme.

starters/hacker/content/links/link-to-chronoblog-starter/index.md

@@ -0,0 +1,8 @@
+---
+title: 'Chronoblog Starter on Github'
+date: 2019-11-03
+link: https://github.com/Ganevru/gatsby-starter-chronoblog
+tags: ['link', 'project']
+---
+
+The standard way to start using Chronoblog Gatsby Theme.

starters/hacker/content/links/link-to-chronoblog/index.md

@@ -0,0 +1,11 @@
+---
+title: 'Link to Chronoblog Theme'
+cover: ./image.jpg
+date: 2019-11-12
+link: https://github.com/Ganevru/gatsby-theme-chronoblog
+tags: ['link', 'project']
+---
+
+**Link card** is a card, when clicked, the user goes to the specified link.
+
+Use it to refer to your articles on other resources, to your new works (wherever they are posted: Github, Dribbble or anything else), to the certificates you received, and in general, to whatever is more convenient give a link.

starters/hacker/content/links/type-safe-javascript-with-jsdoc.md

@@ -0,0 +1,8 @@
+---
+title: Type Safe JavaScript with JSDoc
+date: 2018-09-04
+tags: ['link', 'article']
+link: https://medium.com/@trukrs/type-safe-javascript-with-jsdoc-7a2a63209b76
+---
+
+Generally developers believe that you need TypeScript or Flow if you want type safety for JavaScript. This article we will explore a third alternative to achieve those same goals using just JSDoc comments and Visual Studio Code as your editor.

starters/hacker/content/links/video-in-link-card.md

@@ -0,0 +1,12 @@
+---
+title: Video in Link Card
+date: 2017-11-11
+link: https://www.youtube.com/watch?v=7V6FFeZdFz4
+tags: ['video', 'link']
+---
+
+<Embed
+  src="https://www.youtube.com/embed/7V6FFeZdFz4"
+/>
+
+An example of how you can embed YouTube videos in a **link card**. Link leads to this video on YouTube.

starters/hacker/content/notes/a-rundown-of-whats-next-for-react-with-dan-abramov.md

@@ -0,0 +1,16 @@
+---
+title: A Rundown Of What's Next For React - With Dan Abramov
+date: 2019-08-05
+tags: ['note', 'podcast']
+---
+
+<iframe
+  height="200px"
+  width="100%"
+  frameborder="no"
+  scrolling="no"
+  seamless
+  src="https://player.simplecast.com/62a1da0d-f39d-4d65-97d7-8faa48ae046f?dark=false"
+></iframe>
+
+Dan Abramov talks about the future of React.

starters/hacker/content/notes/certificate-of-achievement/index.md

@@ -0,0 +1,8 @@
+---
+title: Certificate of Achievement
+cover: ./certificate.png
+date: 2018-07-18
+tags: ['note', 'certificate']
+---
+
+Recognize the achievement of someone on your team with this accessible certificate template. Personalize it to suit the occasion or achievement. Change the look using built-in Word themes on the Design tab of the ribbon in Word.

starters/hacker/content/notes/codepen.md

@@ -0,0 +1,11 @@
+---
+date: 2018-10-02
+tags: ['note', 'code']
+---
+
+<iframe height="565" style="width: 100%;" scrolling="no" title="Liquid button" src="https://codepen.io/electerious/embed/gOOLgjd?height=265&theme-id=default&default-tab=js,result" frameborder="no" allowtransparency="true" allowfullscreen="true">
+  See the Pen <a href='https://codepen.io/electerious/pen/gOOLgjd'>Liquid button</a> by Tobias Reich
+  (<a href='https://codepen.io/electerious'>@electerious</a>) on <a href='https://codepen.io'>CodePen</a>.
+</iframe>
+
+Embed Codepen code in note.