Remove everything
This commit is contained in:
parent
807f399e50
commit
8c66901bda
|
|
@ -1,6 +0,0 @@
|
|||
node_modules/
|
||||
npm-debug.log
|
||||
yarn-error.log
|
||||
public/
|
||||
.git/
|
||||
.cache/
|
||||
|
|
@ -1,34 +0,0 @@
|
|||
# EditorConfig is awesome: https://EditorConfig.org
|
||||
|
||||
# top-most EditorConfig file
|
||||
root = true
|
||||
|
||||
# Unix-style newlines with a newline ending every file
|
||||
[*]
|
||||
end_of_line = lf
|
||||
insert_final_newline = true
|
||||
|
||||
# Matches multiple files with brace expansion notation
|
||||
# Set default charset
|
||||
[*.{js,py}]
|
||||
charset = utf-8
|
||||
|
||||
# 4 space indentation
|
||||
[*.py]
|
||||
indent_style = space
|
||||
indent_size = 4
|
||||
|
||||
# Tab indentation (no size specified)
|
||||
[Makefile]
|
||||
indent_style = tab
|
||||
|
||||
# Indentation override for all JS under lib directory
|
||||
[lib/**.js]
|
||||
indent_style = space
|
||||
indent_size = 2
|
||||
|
||||
# Matches the exact files either package.json or .travis.yml
|
||||
[{package.json,.travis.yml}]
|
||||
indent_style = space
|
||||
indent_size = 2
|
||||
|
||||
|
|
@ -1,23 +0,0 @@
|
|||
{
|
||||
"env": {
|
||||
"browser": true,
|
||||
"es6": true,
|
||||
"node": true
|
||||
},
|
||||
"extends": [
|
||||
"standard",
|
||||
"plugin:react/recommended"
|
||||
],
|
||||
"globals": {
|
||||
"Atomics": "readonly",
|
||||
"SharedArrayBuffer": "readonly"
|
||||
},
|
||||
"parser": "babel-eslint",
|
||||
"plugins": [
|
||||
"babel",
|
||||
"react"
|
||||
],
|
||||
"rules": {
|
||||
"react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }]
|
||||
}
|
||||
}
|
||||
|
|
@ -1,67 +0,0 @@
|
|||
# For most projects, this workflow file will not need changing; you simply need
|
||||
# to commit it to your repository.
|
||||
#
|
||||
# You may wish to alter this file to override the set of languages analyzed,
|
||||
# or to provide custom queries or build logic.
|
||||
#
|
||||
# ******** NOTE ********
|
||||
# We have attempted to detect the languages in your repository. Please check
|
||||
# the `language` matrix defined below to confirm you have the correct set of
|
||||
# supported CodeQL languages.
|
||||
#
|
||||
name: "CodeQL"
|
||||
|
||||
on:
|
||||
push:
|
||||
branches: [ master ]
|
||||
pull_request:
|
||||
# The branches below must be a subset of the branches above
|
||||
branches: [ master ]
|
||||
schedule:
|
||||
- cron: '16 19 * * 1'
|
||||
|
||||
jobs:
|
||||
analyze:
|
||||
name: Analyze
|
||||
runs-on: ubuntu-latest
|
||||
|
||||
strategy:
|
||||
fail-fast: false
|
||||
matrix:
|
||||
language: [ 'javascript' ]
|
||||
# CodeQL supports [ 'cpp', 'csharp', 'go', 'java', 'javascript', 'python' ]
|
||||
# Learn more:
|
||||
# https://docs.github.com/en/free-pro-team@latest/github/finding-security-vulnerabilities-and-errors-in-your-code/configuring-code-scanning#changing-the-languages-that-are-analyzed
|
||||
|
||||
steps:
|
||||
- name: Checkout repository
|
||||
uses: actions/checkout@v2
|
||||
|
||||
# Initializes the CodeQL tools for scanning.
|
||||
- name: Initialize CodeQL
|
||||
uses: github/codeql-action/init@v1
|
||||
with:
|
||||
languages: ${{ matrix.language }}
|
||||
# If you wish to specify custom queries, you can do so here or in a config file.
|
||||
# By default, queries listed here will override any specified in a config file.
|
||||
# Prefix the list here with "+" to use these queries and those in the config file.
|
||||
# queries: ./path/to/local/query, your-org/your-repo/queries@main
|
||||
|
||||
# Autobuild attempts to build any compiled languages (C/C++, C#, or Java).
|
||||
# If this step fails, then you should remove it and run the build manually (see below)
|
||||
- name: Autobuild
|
||||
uses: github/codeql-action/autobuild@v1
|
||||
|
||||
# ℹ️ Command-line programs to run using the OS shell.
|
||||
# 📚 https://git.io/JvXDl
|
||||
|
||||
# ✏️ If the Autobuild fails above, remove it and uncomment the following three lines
|
||||
# and modify them (or add more) to build your code if your project
|
||||
# uses a compiled language
|
||||
|
||||
#- run: |
|
||||
# make bootstrap
|
||||
# make release
|
||||
|
||||
- name: Perform CodeQL Analysis
|
||||
uses: github/codeql-action/analyze@v1
|
||||
|
|
@ -1,72 +0,0 @@
|
|||
# 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
|
||||
|
||||
# Custom
|
||||
/content
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
.cache
|
||||
package.json
|
||||
package-lock.json
|
||||
public
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
{
|
||||
"arrowParens": "avoid",
|
||||
"semi": false
|
||||
}
|
||||
14
LICENSE
14
LICENSE
|
|
@ -1,14 +0,0 @@
|
|||
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.
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
# Personal Website
|
||||
|
||||
This is a source code for my personal website. It's implemented using Gatsby.js
|
||||
|
||||
## TODO
|
||||
|
||||
* Light theme
|
||||
* Remove Google Fonts CDN
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
FROM node:16-alpine as front
|
||||
|
||||
WORKDIR /app
|
||||
COPY ./ /app/
|
||||
|
||||
RUN yarn install
|
||||
RUN yarn run build
|
||||
|
||||
FROM nginx:1.17.8-alpine
|
||||
RUN rm -rf /usr/share/nginx/html
|
||||
COPY --from=front /app/public/ /usr/share/nginx/html
|
||||
COPY ./docker/default.conf /etc/nginx/conf.d/default.conf
|
||||
|
|
@ -1,21 +0,0 @@
|
|||
server {
|
||||
listen 80;
|
||||
root /usr/share/nginx/html;
|
||||
|
||||
index index.html;
|
||||
autoindex off;
|
||||
charset urtf-8;
|
||||
|
||||
error_page 404 /404.html;
|
||||
|
||||
access_log /var/log/nginx/access.log;
|
||||
|
||||
location ~* \.(html)$ {
|
||||
add_header Cache-Control "no-store";
|
||||
expires off;
|
||||
}
|
||||
|
||||
rewrite ^([^.\?]*[^/])$ $1/ permanent;
|
||||
|
||||
try_files $uri $uri/ $uri/index.html =404;
|
||||
}
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
/**
|
||||
* Implement Gatsby's Browser APIs in this file.
|
||||
*
|
||||
* See: https://www.gatsbyjs.org/docs/browser-apis/
|
||||
*/
|
||||
|
||||
// You can delete this file if you're not using it
|
||||
|
|
@ -1,72 +0,0 @@
|
|||
module.exports = {
|
||||
siteMetadata: {
|
||||
author: `Matúš Námešný`,
|
||||
user: "hello",
|
||||
hostname: "namesny.com",
|
||||
email: "matus@namesny.com",
|
||||
social: [
|
||||
{
|
||||
name: "github",
|
||||
link: "https://github.com/LordMathis",
|
||||
},
|
||||
{
|
||||
name: "linkedin",
|
||||
link: "https://www.linkedin.com/in/mat%C3%BA%C5%A1-n%C3%A1me%C5%A1n%C3%BD-3903b6128/",
|
||||
}
|
||||
],
|
||||
},
|
||||
plugins: [
|
||||
{
|
||||
resolve: `gatsby-source-filesystem`,
|
||||
options: {
|
||||
name: `pages`,
|
||||
path: `${__dirname}/content/pages`,
|
||||
},
|
||||
},
|
||||
{
|
||||
resolve: `gatsby-transformer-remark`,
|
||||
options: {
|
||||
filter: node => node.sourceInstanceName === `pages`,
|
||||
type: `MarkdownPage`
|
||||
}
|
||||
},
|
||||
{
|
||||
resolve: `gatsby-source-filesystem`,
|
||||
options: {
|
||||
name: `posts`,
|
||||
path: `${__dirname}/content/posts/`,
|
||||
},
|
||||
},
|
||||
{
|
||||
resolve: `gatsby-transformer-remark`,
|
||||
options: {
|
||||
filter: node => node.sourceInstanceName === `posts`,
|
||||
excerpt_separator: `<!-- end -->`,
|
||||
type: `BlogPost`
|
||||
}
|
||||
},
|
||||
{
|
||||
resolve: `gatsby-source-filesystem`,
|
||||
options: {
|
||||
name: `images`,
|
||||
path: `${__dirname}/src/images`,
|
||||
},
|
||||
},
|
||||
`gatsby-transformer-sharp`,
|
||||
`gatsby-plugin-sharp`,
|
||||
`gatsby-plugin-react-helmet`,
|
||||
{
|
||||
resolve: `gatsby-plugin-manifest`,
|
||||
options: {
|
||||
name: `gatsby-starter-default`,
|
||||
short_name: `starter`,
|
||||
start_url: `/`,
|
||||
background_color: `#663399`,
|
||||
theme_color: `#663399`,
|
||||
display: `minimal-ui`,
|
||||
icon: `src/images/favicon-32x32.png`, // This path is relative to the root of the site.
|
||||
},
|
||||
},
|
||||
`gatsby-plugin-sass`,
|
||||
],
|
||||
}
|
||||
|
|
@ -1,93 +0,0 @@
|
|||
const path = require(`path`)
|
||||
const { createFilePath } = require(`gatsby-source-filesystem`)
|
||||
|
||||
exports.onCreateNode = ({ node, getNode, actions }) => {
|
||||
const { createNodeField } = actions
|
||||
if (node.internal.type === `MarkdownRemark`) {
|
||||
const slug = createFilePath({ node, getNode, basePath: `pages` })
|
||||
const parent = getNode(node.parent)
|
||||
createNodeField({
|
||||
node,
|
||||
name: `slug`,
|
||||
value: slug,
|
||||
})
|
||||
createNodeField({
|
||||
node,
|
||||
name: 'collection',
|
||||
value: parent.sourceInstanceName,
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
exports.createPages = async ({ graphql, actions, reporter }) => {
|
||||
const { createPage } = actions
|
||||
|
||||
// Posts query
|
||||
const posts = await graphql(
|
||||
`
|
||||
{
|
||||
allMarkdownRemark(filter:{frontmatter: {draft: {ne: true}}, fields: {collection: {eq: "posts"}}}) {
|
||||
edges {
|
||||
node {
|
||||
fields {
|
||||
slug
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
`
|
||||
)
|
||||
|
||||
// Handle errors
|
||||
if (posts.errors) {
|
||||
reporter.panicOnBuild(`Error while running GraphQL query.`)
|
||||
return
|
||||
}
|
||||
|
||||
// Create pages for each markdown file.
|
||||
const blogPostTemplate = path.resolve(`src/templates/blog-post.js`)
|
||||
posts.data.allMarkdownRemark.edges.forEach(({ node }) => {
|
||||
createPage({
|
||||
path: `/posts${node.fields.slug}`,
|
||||
component: blogPostTemplate,
|
||||
context: {
|
||||
slug: node.fields.slug,
|
||||
},
|
||||
})
|
||||
})
|
||||
|
||||
const pages = await graphql(
|
||||
`
|
||||
{
|
||||
allMarkdownRemark(filter: {fields: {collection: {eq: "pages"}}}) {
|
||||
edges {
|
||||
node {
|
||||
fields {
|
||||
slug
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
`
|
||||
)
|
||||
|
||||
// Handle errors
|
||||
if (pages.errors) {
|
||||
reporter.panicOnBuild(`Error while running GraphQL query.`)
|
||||
return
|
||||
}
|
||||
|
||||
// Create pages for each markdown file.
|
||||
const pageTemplate = path.resolve(`src/templates/page.js`)
|
||||
pages.data.allMarkdownRemark.edges.forEach(({ node }) => {
|
||||
createPage({
|
||||
path: node.fields.slug,
|
||||
component: pageTemplate,
|
||||
context: {
|
||||
slug: node.fields.slug,
|
||||
},
|
||||
})
|
||||
})
|
||||
}
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
/**
|
||||
* Implement Gatsby's SSR (Server Side Rendering) APIs in this file.
|
||||
*
|
||||
* See: https://www.gatsbyjs.org/docs/ssr-apis/
|
||||
*/
|
||||
|
||||
// You can delete this file if you're not using it
|
||||
51
package.json
51
package.json
|
|
@ -1,51 +0,0 @@
|
|||
{
|
||||
"name": "namesny.com",
|
||||
"private": true,
|
||||
"description": "Personal website",
|
||||
"version": "2.0.0",
|
||||
"author": "Matus Namesny <matus@namesny.com>",
|
||||
"dependencies": {
|
||||
"@fontsource/fira-mono": "^4.5.0",
|
||||
"@fontsource/open-sans": "^4.5.2",
|
||||
"gatsby": "^4.5.4",
|
||||
"gatsby-image": "^3.11.0",
|
||||
"gatsby-plugin-manifest": "^4.5.2",
|
||||
"gatsby-plugin-offline": "^5.5.2",
|
||||
"gatsby-plugin-react-helmet": "^5.5.0",
|
||||
"gatsby-plugin-sass": "^5.5.0",
|
||||
"gatsby-plugin-sharp": "^4.5.2",
|
||||
"gatsby-source-filesystem": "^4.5.2",
|
||||
"gatsby-transformer-remark": "^5.25.1",
|
||||
"gatsby-transformer-sharp": "^4.5.0",
|
||||
"prop-types": "^15.7.2",
|
||||
"react": "^17.0.2",
|
||||
"react-dom": "^17.0.2",
|
||||
"react-helmet": "^6.1.0",
|
||||
"sass": "^1.49.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"prettier": "^2.5.1"
|
||||
},
|
||||
"keywords": [
|
||||
"gatsby",
|
||||
"blog",
|
||||
"portfolio"
|
||||
],
|
||||
"license": "0BSD",
|
||||
"scripts": {
|
||||
"build": "gatsby build",
|
||||
"develop": "gatsby develop",
|
||||
"format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,md}\"",
|
||||
"start": "npm run develop",
|
||||
"serve": "gatsby serve",
|
||||
"clean": "gatsby clean",
|
||||
"test": "echo \"Write tests! -> https://gatsby.dev/unit-testing\" && exit 1"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/gatsbyjs/gatsby-starter-default"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://github.com/gatsbyjs/gatsby/issues"
|
||||
}
|
||||
}
|
||||
|
|
@ -1,21 +0,0 @@
|
|||
import React from "react"
|
||||
import PostLink from "./post-link"
|
||||
import {header} from "../styles/blog.module.scss"
|
||||
|
||||
const Blog = ({ edges }) => {
|
||||
const Posts = edges
|
||||
.map(edge => <PostLink key={edge.node.id} post={edge.node} />)
|
||||
|
||||
return (
|
||||
<div>
|
||||
<div className={header}>
|
||||
<h1>Blog</h1>
|
||||
</div>
|
||||
<div>
|
||||
{Posts}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Blog
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
import React from "react"
|
||||
import { footer, link } from '../styles/footer.module.scss'
|
||||
|
||||
const Footer = ({authorName}) => (
|
||||
<footer className={footer}>
|
||||
© {new Date().getFullYear()} {authorName}, Built with
|
||||
{` `}
|
||||
<a href="https://www.gatsbyjs.org" className={link}>Gatsby</a>
|
||||
</footer>
|
||||
)
|
||||
|
||||
export default Footer
|
||||
|
|
@ -1,35 +0,0 @@
|
|||
import { Link } from "gatsby"
|
||||
import PropTypes from "prop-types"
|
||||
import React from "react"
|
||||
import { header, headerWrapper, terminal, links } from "../styles/header.module.scss"
|
||||
|
||||
const Header = ({ user, hostname }) => (
|
||||
<header className={headerWrapper}>
|
||||
<div className={header}>
|
||||
<div>
|
||||
<Link to="/" className={terminal}>{user}@{hostname} ~ $</Link>
|
||||
</div>
|
||||
<nav className={links}>
|
||||
<ul>
|
||||
<li key="about">
|
||||
<a href='/about'>
|
||||
<span>~/about</span>
|
||||
</a>
|
||||
</li>
|
||||
<li key="blog">
|
||||
<a href='/blog'>
|
||||
<span>~/blog</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
)
|
||||
|
||||
Header.propTypes = {
|
||||
user: PropTypes.string.isRequired,
|
||||
hostname: PropTypes.string.isRequired,
|
||||
}
|
||||
|
||||
export default Header
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
import React from "react"
|
||||
import { useStaticQuery, graphql } from "gatsby"
|
||||
import Img from "gatsby-image"
|
||||
|
||||
/*
|
||||
* This component is built using `gatsby-image` to automatically serve optimized
|
||||
* images with lazy loading and reduced file sizes. The image is loaded using a
|
||||
* `useStaticQuery`, which allows us to load the image from directly within this
|
||||
* component, rather than having to pass the image data down from pages.
|
||||
*
|
||||
* For more information, see the docs:
|
||||
* - `gatsby-image`: https://gatsby.dev/gatsby-image
|
||||
* - `useStaticQuery`: https://www.gatsbyjs.org/docs/use-static-query/
|
||||
*/
|
||||
|
||||
const Image = () => {
|
||||
const data = useStaticQuery(graphql`
|
||||
query {
|
||||
placeholderImage: file(relativePath: { eq: "gatsby-astronaut.png" }) {
|
||||
childImageSharp {
|
||||
fluid(maxWidth: 300) {
|
||||
...GatsbyImageSharpFluid
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
`)
|
||||
|
||||
return <Img fluid={data.placeholderImage.childImageSharp.fluid} />
|
||||
}
|
||||
|
||||
export default Image
|
||||
|
|
@ -1,19 +0,0 @@
|
|||
import { Link } from "gatsby"
|
||||
import PropTypes from "prop-types"
|
||||
import React from "react"
|
||||
import { indexWrapper, header } from "../styles/index.module.scss"
|
||||
import Social from "./social"
|
||||
|
||||
const Index = ({ author, social, email }) => (
|
||||
<div className={indexWrapper}>
|
||||
<div>
|
||||
<h1 className={header}>{ author }</h1>
|
||||
</div>
|
||||
<Social social={social} email={email}/>
|
||||
</div>
|
||||
)
|
||||
|
||||
Index.propTypes = {
|
||||
}
|
||||
|
||||
export default Index
|
||||
|
|
@ -1,49 +0,0 @@
|
|||
import React from "react"
|
||||
import PropTypes from "prop-types"
|
||||
import { useStaticQuery, graphql } from "gatsby"
|
||||
|
||||
import Header from "./header"
|
||||
import Footer from "./footer"
|
||||
import { Helmet } from "react-helmet"
|
||||
import '../styles/global.scss';
|
||||
import { main, content, vertical, flexWrapper } from "../styles/layout.module.scss"
|
||||
|
||||
const Layout = ({ children, title, verticalLayout}) => {
|
||||
|
||||
const data = useStaticQuery(graphql`
|
||||
query SiteTitleQuery {
|
||||
site {
|
||||
siteMetadata {
|
||||
author
|
||||
user
|
||||
hostname
|
||||
}
|
||||
}
|
||||
}`)
|
||||
|
||||
const classes = verticalLayout ? `${content} ${vertical}` : content
|
||||
|
||||
return (
|
||||
<div className={flexWrapper}>
|
||||
<Helmet
|
||||
titleTemplate={`%s | ${data.site.siteMetadata.author}`}>
|
||||
<html lang="en" amp />
|
||||
<title>{title}</title>
|
||||
</Helmet>
|
||||
<Header
|
||||
user={data.site.siteMetadata.user}
|
||||
hostname={data.site.siteMetadata.hostname} />
|
||||
<div className={classes}>
|
||||
<main className={main}>{children}</main>
|
||||
</div>
|
||||
<Footer authorName={data.site.siteMetadata.author}/>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
Layout.propTypes = {
|
||||
children: PropTypes.node.isRequired,
|
||||
vertical: PropTypes.bool
|
||||
}
|
||||
|
||||
export default Layout
|
||||
|
|
@ -1,28 +0,0 @@
|
|||
import React from "react"
|
||||
import { Link } from "gatsby"
|
||||
import { postTitle, postDate, postHeader, postListItem, postExcerpt } from '../styles/post-link.module.scss'
|
||||
|
||||
const PostLink = ({ post }) => {
|
||||
|
||||
const date = new Date(post.frontmatter.date)
|
||||
const options = { year: 'numeric', month: 'long', day: 'numeric' };
|
||||
const postDateString = date.toLocaleDateString('en', options);
|
||||
const postUrl = "/posts" + post.fields.slug
|
||||
|
||||
return (
|
||||
<Link to={postUrl}>
|
||||
<div className={postListItem} role="listitem">
|
||||
<div className={postHeader} >
|
||||
<span className={postTitle}>{post.frontmatter.title}</span>
|
||||
<span className={postDate}>{postDateString}</span>
|
||||
</div>
|
||||
<div className={postExcerpt}>
|
||||
<p>{post.excerpt}</p>
|
||||
</div>
|
||||
</div>
|
||||
</Link>
|
||||
|
||||
)
|
||||
}
|
||||
|
||||
export default PostLink
|
||||
|
|
@ -1,43 +0,0 @@
|
|||
|
||||
import React, { Component } from 'react'
|
||||
import PropTypes from 'prop-types'
|
||||
import { socialNavbar } from '../styles/social.module.scss'
|
||||
|
||||
export default class Social extends Component {
|
||||
static propTypes = {
|
||||
social: PropTypes.arrayOf(PropTypes.object),
|
||||
email: PropTypes.string
|
||||
}
|
||||
|
||||
render () {
|
||||
let key = 0
|
||||
|
||||
const socialLinks = this.props.social.map((val) => {
|
||||
const link = (
|
||||
<li key={key}>
|
||||
<a href={val.link} role="link">
|
||||
{val.name}
|
||||
</a>
|
||||
</li>
|
||||
)
|
||||
key += 1
|
||||
return link
|
||||
})
|
||||
|
||||
socialLinks.push(
|
||||
<li key={key}>
|
||||
<a href={`mailto:${this.props.email}`} role="link">
|
||||
e-mail
|
||||
</a>
|
||||
</li>
|
||||
)
|
||||
|
||||
return (
|
||||
<div className={socialNavbar} role="list">
|
||||
<ul>
|
||||
{socialLinks}
|
||||
</ul>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 433 B |
Binary file not shown.
|
Before Width: | Height: | Size: 887 B |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
|
|
@ -1,10 +0,0 @@
|
|||
import React from "react"
|
||||
|
||||
const NotFoundPage = () => (
|
||||
<Layout title="404: Not found" >
|
||||
<h1>NOT FOUND</h1>
|
||||
<p>You just hit a route that doesn't exist... the sadness.</p>
|
||||
</Layout>
|
||||
)
|
||||
|
||||
export default NotFoundPage
|
||||
|
|
@ -1,39 +0,0 @@
|
|||
import React from "react"
|
||||
import { useStaticQuery, graphql } from "gatsby"
|
||||
|
||||
import Layout from "../components/layout"
|
||||
import Blog from "../components/blog"
|
||||
|
||||
const IndexPage = () => {
|
||||
|
||||
const data = useStaticQuery(graphql`
|
||||
query {
|
||||
allMarkdownRemark(
|
||||
sort: { order: DESC, fields: [frontmatter___date] }
|
||||
filter: {frontmatter: {draft: {ne: true}}, fields: {collection: {eq: "posts"}}}
|
||||
) {
|
||||
edges {
|
||||
node {
|
||||
id
|
||||
excerpt
|
||||
frontmatter {
|
||||
date
|
||||
title
|
||||
}
|
||||
fields {
|
||||
slug
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
`)
|
||||
|
||||
return (
|
||||
<Layout title="Blog">
|
||||
<Blog edges={data.allMarkdownRemark.edges}/>
|
||||
</Layout>
|
||||
)
|
||||
}
|
||||
|
||||
export default IndexPage
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
import React from "react"
|
||||
import { useStaticQuery, graphql } from "gatsby"
|
||||
|
||||
import Layout from "../components/layout"
|
||||
import Index from "../components"
|
||||
|
||||
const IndexPage = () => {
|
||||
|
||||
const data = useStaticQuery(graphql`
|
||||
query SiteDataQuery {
|
||||
site {
|
||||
siteMetadata {
|
||||
author
|
||||
email
|
||||
social {
|
||||
name
|
||||
link
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
`)
|
||||
|
||||
return (
|
||||
<Layout title="Home" vertical={true} >
|
||||
<Index author={data.site.siteMetadata.author} social={data.site.siteMetadata.social} email={data.site.siteMetadata.email}/>
|
||||
</Layout>
|
||||
)
|
||||
}
|
||||
|
||||
export default IndexPage
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
@import "./variables.scss";
|
||||
|
||||
.blogPostWrapper {
|
||||
text-align: left;
|
||||
}
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
@import "./variables.scss";
|
||||
|
||||
.header {
|
||||
text-align: left;
|
||||
}
|
||||
|
|
@ -1,11 +0,0 @@
|
|||
@import "./variables.scss";
|
||||
|
||||
.footer {
|
||||
padding: 15px;
|
||||
text-align: center;
|
||||
background-color: $backgroundDarker;
|
||||
}
|
||||
|
||||
.link {
|
||||
color: $white;
|
||||
}
|
||||
|
|
@ -1,25 +0,0 @@
|
|||
@import "./variables.scss";
|
||||
|
||||
body, html {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: $fontParagraph;
|
||||
color: $white;
|
||||
background-color: $backgroundDark;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
@for $i from 1 through 6 {
|
||||
h#{$i} {
|
||||
font-family: $fontHeader;
|
||||
}
|
||||
}
|
||||
|
||||
@-ms-viewport{
|
||||
width: device-width;
|
||||
}
|
||||
|
|
@ -1,42 +0,0 @@
|
|||
@import "./variables.scss";
|
||||
|
||||
.header {
|
||||
font-family: $fontHeader;
|
||||
padding: 20px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
@media only screen and (min-width: $breakLarge) {
|
||||
width: $width;
|
||||
}
|
||||
}
|
||||
|
||||
.headerWrapper {
|
||||
overflow: auto;
|
||||
box-sizing: border-box;
|
||||
background-color: $backgroundDarker;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.links {
|
||||
ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
li {
|
||||
display: inline;
|
||||
margin: 5px;
|
||||
a {
|
||||
color: $white;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.terminal {
|
||||
color: $white;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
.indexWrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.header {
|
||||
font-size: 3em;
|
||||
}
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
@import "./variables.scss";
|
||||
|
||||
.content {
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
flex: 1 auto;
|
||||
padding: 20px;
|
||||
|
||||
@media only screen and (min-width: $breakLarge) {
|
||||
display: flex;
|
||||
width: $width;
|
||||
}
|
||||
}
|
||||
|
||||
.vertical {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.flexWrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.main {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
@import "./variables.scss";
|
||||
|
||||
.pageWrapper {
|
||||
text-align: left;
|
||||
}
|
||||
|
|
@ -1,52 +0,0 @@
|
|||
@import "./variables.scss";
|
||||
|
||||
.postDate {
|
||||
float: right;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.postTitle {
|
||||
color: $blue;
|
||||
text-decoration: none;
|
||||
text-transform: capitalize;
|
||||
font-family: $fontHeader;
|
||||
font-size: 1.2em;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.postHeader {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.postsList {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.postListItem {
|
||||
padding: 20px;
|
||||
background-color: $black;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.postExcerpt {
|
||||
text-align: initial;
|
||||
text-decoration: none;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.headerContainer {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.noDecoration {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a,
|
||||
a:link,
|
||||
a:visited,
|
||||
a:hover,
|
||||
a:active{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
|
@ -1,19 +0,0 @@
|
|||
@import "./variables.scss";
|
||||
|
||||
|
||||
.socialNavbar {
|
||||
ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
li {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
a {
|
||||
color: $white;
|
||||
text-shadow: $black 0px 0px 2px;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
display: inline-block;
|
||||
margin: 10px;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,18 +0,0 @@
|
|||
// Colors
|
||||
$darkGrey: #323232;
|
||||
$white: #f8f8ff;
|
||||
$black: #2f2f2f;
|
||||
$blue: #0f52bf;
|
||||
|
||||
$backgroundDarker: #252627;
|
||||
$backgroundDark: #292a2d;
|
||||
|
||||
//Fonts
|
||||
@import "~@fontsource/fira-mono/500.css";
|
||||
@import "~@fontsource/open-sans/index.css"; // Weight 400.
|
||||
$fontHeader: 'Fira Mono', monospace;
|
||||
$fontParagraph: 'Open Sans', sans-serif;
|
||||
|
||||
// Content
|
||||
$breakLarge: 992px;
|
||||
$width: 760px;
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
import React from "react"
|
||||
import { graphql } from "gatsby"
|
||||
import Layout from "../components/layout"
|
||||
import { blogPostWrapper } from "../styles/blog-post.module.scss"
|
||||
|
||||
export default function BlogPost({ data }) {
|
||||
const post = data.markdownRemark
|
||||
return (
|
||||
<Layout>
|
||||
<div className={blogPostWrapper}>
|
||||
<h1>{post.frontmatter.title}</h1>
|
||||
<div dangerouslySetInnerHTML={{ __html: post.html }} />
|
||||
</div>
|
||||
</Layout>
|
||||
)
|
||||
}
|
||||
|
||||
export const query = graphql`
|
||||
query($slug: String!) {
|
||||
markdownRemark(fields: { slug: { eq: $slug } }) {
|
||||
html
|
||||
frontmatter {
|
||||
title
|
||||
}
|
||||
}
|
||||
}
|
||||
`
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
import React from "react"
|
||||
import { graphql } from "gatsby"
|
||||
import Layout from "../components/layout"
|
||||
import {pageWrapper} from "../styles/page.module.scss"
|
||||
|
||||
export default function Page({ data }) {
|
||||
const page = data.markdownRemark
|
||||
return (
|
||||
<Layout>
|
||||
<div className={pageWrapper}>
|
||||
<h1>{page.frontmatter.title}</h1>
|
||||
<div dangerouslySetInnerHTML={{ __html: page.html }} />
|
||||
</div>
|
||||
</Layout>
|
||||
)
|
||||
}
|
||||
|
||||
export const query = graphql`
|
||||
query($slug: String!) {
|
||||
markdownRemark(fields: { slug: { eq: $slug } }) {
|
||||
html
|
||||
frontmatter {
|
||||
title
|
||||
}
|
||||
}
|
||||
}
|
||||
`
|
||||
Loading…
Reference in New Issue