diff --git a/.babelrc b/.babelrc deleted file mode 100755 index cf39283..0000000 --- a/.babelrc +++ /dev/null @@ -1,24 +0,0 @@ -{ - "plugins": [ - [ - "babel-plugin-styled-components", - { - "ssr": false - } - ], - "@babel/plugin-proposal-class-properties" - ], - "presets": [ - [ - "@babel/env", - { - "targets": { - "node": "6.11.5" - }, - "spec": true, - "useBuiltIns": "usage" - } - ], - "@babel/react" - ] -} \ No newline at end of file diff --git a/.gitignore b/.gitignore old mode 100755 new mode 100644 index b512c09..f813275 --- a/.gitignore +++ b/.gitignore @@ -1 +1,69 @@ -node_modules \ No newline at end of file +# 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 + +# dotenv environment variable files +.env* + +# gatsby files +.cache/ +public + +# Mac files +.DS_Store + +# Yarn +yarn-error.log +.pnp/ +.pnp.js +# Yarn Integrity file +.yarn-integrity diff --git a/.prettierignore b/.prettierignore new file mode 100644 index 0000000..58d06c3 --- /dev/null +++ b/.prettierignore @@ -0,0 +1,4 @@ +.cache +package.json +package-lock.json +public diff --git a/.prettierrc b/.prettierrc new file mode 100644 index 0000000..33d2cfa --- /dev/null +++ b/.prettierrc @@ -0,0 +1,4 @@ +{ + "arrowParens": "avoid", + "semi": false +} diff --git a/Dockerfile b/Dockerfile deleted file mode 100755 index 132b639..0000000 --- a/Dockerfile +++ /dev/null @@ -1,20 +0,0 @@ -FROM alpine:3.4 - -MAINTAINER spondbob spondbob@eamca.com - -# Install Nodejs -RUN apk add --update nodejs - -# Install & cache modules -ADD package.json /tmp/package.json -RUN cd /tmp && npm i webpack webpack-dev-server -g && npm install - -ENV NODE_ENV development - -# Add base code & node modules to app -ENV app /var/app -RUN mkdir -p $app && cp -a /tmp/node_modules $app -WORKDIR $app -ADD . $app - -CMD ["npm", "start"] \ No newline at end of file diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..7e964c1 --- /dev/null +++ b/LICENSE @@ -0,0 +1,14 @@ +The BSD Zero Clause License (0BSD) + +Copyright (c) 2020 Gatsby Inc. + +Permission to use, copy, modify, and/or distribute this software for any +purpose with or without fee is hereby granted. + +THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH +REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY +AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, +INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM +LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR +OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR +PERFORMANCE OF THIS SOFTWARE. diff --git a/README.md b/README.md old mode 100755 new mode 100644 index 1bf1670..d8ae269 --- a/README.md +++ b/README.md @@ -1,18 +1,99 @@ -resume -============ - -### About -My digital resume allows readers to easily looking at relevant skill sets by filtering related experience and projects. Build with React library to manage contents and user interaction. - -### Stacks -- React: The Javascript library -- react-redux: Managing loaded data in the state -- json-loader: Loading JSON data into React environment -- Webpack & Babel: Javascript bundler -- Docker: Isolating applications and setting up required environment - -### Todos -- Use `id` instead of `section` consonants -- Refactor `all_data` state structure to use key-value, rather than index-value. i.e. `state[id] = ...` -- Use `keywords: {stacks: [...], name: [...]}` struture for each section items -- Show number of items of each section on sidebar navigation \ No newline at end of file + +
+ + + +
+Hello
+ > ) } diff --git a/src/components/FaIcon.js b/src/components/FaIcon.js index 07d2989..3b228ba 100755 --- a/src/components/FaIcon.js +++ b/src/components/FaIcon.js @@ -1,11 +1,8 @@ -import React, { Component } from 'react'; +import React from 'react'; -class FaIcon extends Component { - render() { - return ( - - ) - } +export default function FaIcon({ type }) { + const style = ['android', 'github'].includes(type) ? 'fab' : 'fa' + return ( + + ) } - -export default FaIcon; \ No newline at end of file diff --git a/src/components/Footer.js b/src/components/Footer.js index 8523eec..67b50df 100755 --- a/src/components/Footer.js +++ b/src/components/Footer.js @@ -1,16 +1,12 @@ -import React, { Component } from 'react'; +import React from 'react'; -class Footer extends Component { - render() { - return ( - - ) - } +export default function Footer(props) { + return ( + + ) } - -export default Footer; \ No newline at end of file diff --git a/src/components/Header.js b/src/components/Header.js index 1952707..ac2bfc0 100755 --- a/src/components/Header.js +++ b/src/components/Header.js @@ -1,25 +1,40 @@ import React from 'react'; +import { useStaticQuery, Link, graphql } from "gatsby" export default function Header() { + const data = useStaticQuery( + graphql` + query { + site { + siteMetadata { + title + } + } + } + ` + ) + return (