Launching portfolio v2 (#6)

* Init gatsby and add so many pages

* Update README.md

* Add section design process and project

* Finish up design process section'

* Add npm typeface-inter

* Add talk list section

* Add many things, including responsive state for the homepage, finish the section in the homepage, change structure of the component folder, add solution for text flickering issue(but the problem still persist), better SEO and offline pages.

* Add unstaged files, forget have to check all of the checkbox

* Update README.md

* Fix issue with font flickering and modified some pages

* Update README.md

* Create LICENSE

* Update README.md

* Add smooth-scroll, move pagequery to staticquery on logo component, update 404 page, modified writing page

* Add component for payitem

* Fix responsive typography

* Add temporary fix for nav

* Add collapse expand on talk section, fixing some responsive fonts

* Add about page content also init prettier

* Add section application & tools in workspace

* Add sticky nav

* Add icons on app section on about page

* Finish about page layout

* Update README.md

* Update README.md

* Update static file, meta tags, and others

* Add content for writing page

* Fix flexbox gutter

* Fix flexbox

* Add default layout on blogpost

* Add nav to hide on scroll

* Fix window build

* Revert the nav

* Add responsive slider support on homepage

* Update gatsby-ssr.js

* Add headroom and fix carousel

* Update padding on about page, add netlify.toml

* Update netlify.toml

* Update header and navigation

* Add blog post detail page

* Add prismjs support

* Add styling to the payment page

* Fix responsive on payment page

* Fix font-family not working on code tags

* Add image preview for BukaBike

* Update carousel slider, featured project components, etc

* Add mobile menu navigation

* Add aria-label on mobile menu

* Tweak blog pages

* Update graphql nobase64 in logo, cleanup blog post dummy, replace featured image

* Fix link and update link focus

* Add a lot of things: from updating layout to copy

* fix: Modify styling in blog post page,footer, and homepage

* refactor: Change works to work

* fix: Fix mixed content for contact link

* style: Update photo on about page

I also update the alt tags to match the photo.

* refactor: Update companies image using gatsby-img

* fix: Update logo open source to 48x48

* fix: Fix alignment on project list company name and image

* style: Change letter spacing and line height

In Friday 17 November 2019, my portfolio reviewed by Bady. They give feedback about kerning for the heading, it make the type little bit hard to read. So, I'm trying to fix it to make it better.

* Update featured posts image for first post

* Update resume & add nice css arrow anim at homepage

* Update resume.pdf

* style: Update blog post styling

* Add new post

* feat: Add tags feature on writing page

I finally did it! Remaining task to finish is to styling the template pages of tags.js

* style: Add style on tags.js template

* Update packages & content

* style: Update styling in many places

Edit letter-spacing for better readibility, fix typo, and clean up the blog content.

* style: Update button cursor to no-drop and update short_name meta

For short_name, better naming when people sharing my site

* Cleanup

* perf: Tinified image assets

Other than that, I also edit the site thumbnail

* fix: Fix incorrect file naming

* Fixing again with naming file

* Revert back naming

* style: Update gatsby-image loading effect

* fix: Fix image thumbnail

* style: Remove header photo from about page

* style: Fix grammar

* refactor: Update url for tags to writing/tags/:slug

* refactor: Remove social media sharer

* refactor: Update meta description and image thumbnail

* style: Fix contrast fail on disabled button in featured project section

* refactor: Fix responsive and image loading in pay page

* style(Change border-radius toggle on slider image & update resume.pdf): :

* style: Remove border gray when button secondary hover

* refactor: Do many things

New post content with english, update image caption styling, update resume, and update homepage slider toggle

* feat: Add og-image generator in blog post

* fix: Fix opengraph in many pages

* fix: Fix og title on about page, and fix routing tags

* fix: Maybe a fix for og

* refactor: Update image loading effect and update resume

* fix: Fix gatsby GA

.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "eslint:recommended"
+}

.gitignore

@@ -1,8 +1,69 @@
-css/.sass-cache
-css/.sass-cache/*
-.sass-cache
-.sass-cache/*
-*.css.map
+# 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/
-.cache
-public
+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
+
+# dotenv environment variables file
+.env
+
+# gatsby files
+.cache/
+public
+
+# Mac files
+.DS_Store
+
+# Yarn
+yarn-error.log
+.pnp/
+.pnp.js
+# Yarn Integrity file
+.yarn-integrity

.prettierignore

@@ -0,0 +1,4 @@
+.cache
+package.json
+package-lock.json
+public

.prettierrc

@@ -0,0 +1,7 @@
+{
+  "endOfLine": "lf",
+  "semi": false,
+  "singleQuote": false,
+  "tabWidth": 2,
+  "trailingComma": "es5"
+}

README.md

@@ -1,2 +1,40 @@
-<h1 align="center">Afnizar Nur Ghifari</h1>
-<p align="center">Hello, Good Evening, and Welcome</p>
+<p align="center">
+  <a href="https://github.com/afnizarnur">
+    <img src="https://user-images.githubusercontent.com/4648648/64487168-1ce5e580-d261-11e9-901b-934a010aa1d1.png" width="44">
+  </a>
+</p>
+
+<p align="center">
+  <a href="https://app.netlify.com/sites/afnizarnur/deploys"><img src="https://api.netlify.com/api/v1/badges/39910d3d-7848-4020-914c-209c03d34b82/deploy-status" alt="Netlify Status" /></a>
+  <a href="https://github.com/styled-components/styled-components"><img src="https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e" alt="styled with styled-components" /></a>
+</p>
+
+<p align="center">
+  Hello, welcome! This is the source code of my portfolio site. Proudly built with <a href="https://www.gatsbyjs.org">Gatsby</a> and hosted with Netlify.
+</p>
+
+<p align="center">
+  <strong>
+    You can access my portfolio site at <a href="http://afnizarnur.com">afnizarnur.com</a>.
+  </strong>
+</p>
+
+---
+
+## Background
+
+When I in vocational high-school(it was 2013), I ever built a portfolio site to promote my work on design area. I remember it was built with static HTML and CSS, with Bootstrap framework, hosted in shared hosting. To be honest it was so fun! I got so many work opportunities after building that one. Long story short, because now I'm officially graduated from University, in a professional career, a portfolio is always an important thing. So, I want to build the portfolio again from scratch with something meaningful on it. By designing the site, I want to learn about design system on the design or user interface aspect. By developing the site, I want to learn about design system by developer aspect. So here it is! My portfolio site. I share this repository is basically for me, I host my code in GitHub for ease of work and peace of mind. You can explore the things inside the code.
+
+## Installation
+
+Clone the repository and install the dependencies:
+
+    git clone https://github.com/afnizarnur/afnizarnur.com.git
+    cd afnizarnur.com
+    npm install
+
+    # Start development server
+    gatsby develop
+
+    # Build as production-ready
+    gatsby build

commitlint.config.js

@@ -0,0 +1 @@
+module.exports = { extends: ["@commitlint/config-conventional"] }