diff --git a/.babelrc b/.babelrc index b9ce499..0d71c62 100644 --- a/.babelrc +++ b/.babelrc @@ -10,7 +10,6 @@ "@config": "./src/config", "@features": "./src/features", "@images": "./src/images", - "@libs": "./src/libs", "@utils": "./src/utils" } } @@ -19,32 +18,26 @@ "babel-plugin-transform-imports", { "@material-ui/core": { - // Use "transform: '@material-ui/core/${member}'," if your bundler does not support ES modules "transform": "@material-ui/core/${member}", "preventFullImport": true }, "@material-ui/lab": { - // Use "transform: '@material-ui/lab/${member}'," if your bundler does not support ES modules "transform": "@material-ui/lab/${member}", "preventFullImport": true }, "@material-ui/icons": { - // Use "transform: '@material-ui/icons/${member}'," if your bundler does not support ES modules "transform": "@material-ui/icons/${member}", "preventFullImport": true }, "lodash": { - // Use "transform: 'lodash/${member}'," if your bundler does not support ES modules "transform": "lodash/${member}", "preventFullImport": true }, "date-fns": { - // Use "transform: 'date-fns/${member}'," if your bundler does not support ES modules "transform": "date-fns/${member}", "preventFullImport": true }, "validator": { - // Use "transform: 'validator/${member}'," if your bundler does not support ES modules "transform": "validator/lib/${member}", "preventFullImport": true } diff --git a/Dockerfile b/Dockerfile index a3b3bf5..6723740 100644 --- a/Dockerfile +++ b/Dockerfile @@ -1,9 +1,6 @@ FROM node:14.19.2-alpine as build-deps -ARG PLAUSIBLE_CUSTOM_DOMAIN="" - -ENV PLAUSIBLE_CUSTOM_DOMAIN=$PLAUSIBLE_CUSTOM_DOMAIN \ - NODE_ENV=production +ENV NODE_ENV=production RUN apk --no-cache add shadow \ gcc \ diff --git a/README.md b/README.md index 82bb4a4..2b88a30 100644 --- a/README.md +++ b/README.md @@ -1,23 +1,5 @@ -# dwysokinski.me - - ![Screenshot](/src/images/projects/dw.png?raw=true) -## Development - -### Prerequisites - -1. Node.JS -2. yarn/npm -3. gatsby-cli - -### Installation - -1. Clone this repo -2. Open the folder with this project in a terminal. -3. ``yarn install`` -4. ``yarn run develop`` - ## License Distributed under the MIT License. See ``LICENSE`` for more information. diff --git a/gatsby-config.js b/gatsby-config.js index b1f8792..80a592e 100644 --- a/gatsby-config.js +++ b/gatsby-config.js @@ -5,7 +5,6 @@ module.exports = { siteMetadata: { title: `Dawid Wysokiński | Full Stack Web Developer`, description: `Dawid Wysokiński - Full Stack Web Developer | Backend Developer | Frontend Developer | Go Developer | React Developer | Node.js Developer`, - authorTwitter: `@Dawid56143781`, authorFullName: 'Dawid Wysokiński', siteUrl: SITE_URL, email: 'contact@dwysokinski.me', @@ -66,12 +65,5 @@ module.exports = { }, }, }, - { - resolve: `@kichiyaki/gatsby-plugin-plausible`, - options: { - domain: DOMAIN, - customDomain: process.env.PLAUSIBLE_CUSTOM_DOMAIN, - }, - }, ], }; diff --git a/jsconfig.json b/jsconfig.json index 8005846..0073406 100644 --- a/jsconfig.json +++ b/jsconfig.json @@ -7,7 +7,6 @@ "@config/*": ["src/config/*"], "@features/*": ["src/features/*"], "@images/*": ["src/images/*"], - "@libs/*": ["src/libs/*"], "@utils/*": ["src/utils/*"] } }, diff --git a/package.json b/package.json index ee2c24a..5f5313c 100644 --- a/package.json +++ b/package.json @@ -3,9 +3,8 @@ "private": true, "description": "Personal website", "version": "0.1.0", - "author": "Dawid Wysokiński ", + "author": "Dawid Wysokiński ", "dependencies": { - "@kichiyaki/gatsby-plugin-plausible": "^0.0.8", "@kichiyaki/roboto": "^1.0.0", "@material-ui/core": "^4.11.0", "@material-ui/icons": "^4.9.1", @@ -47,9 +46,9 @@ }, "repository": { "type": "git", - "url": "https://github.com/Kichiyaki/dwysokinski.me" + "url": "https://gitea.dwysokinski.me/Kichiyaki/dwysokinski.me" }, "bugs": { - "url": "https://github.com/Kichiyaki/dwysokinski.me/issues" + "url": "https://gitea.dwysokinski.me/Kichiyaki/dwysokinski.me/issues" } } diff --git a/src/components/Layout/Navbar.js b/src/components/Layout/Navbar.js index 122210d..e0b1cc8 100644 --- a/src/components/Layout/Navbar.js +++ b/src/components/Layout/Navbar.js @@ -1,9 +1,9 @@ import React from 'react'; +import { graphql, useStaticQuery } from 'gatsby'; import classnames from 'classnames'; -import { Route } from '@config/routing'; -import useSmoothScroll from '@libs/useSmoothScroll'; -import logo from '@images/logo.svg'; -import { HEADER_ID } from '@features/IndexPage/components/Header'; +import { ROUTE } from '@config/routing'; +import smoothScroll from '@utils/smoothScroll'; +import { HEADER_ID } from '@features/IndexPage/components/Header/Header'; import { SECTION_ID as PORTFOLIO_SECTION_ID } from '@features/IndexPage/components/Portfolio/Portfolio'; import { SECTION_ID as CONTACT_SECTION_ID } from '@features/IndexPage/components/Contact'; @@ -13,7 +13,13 @@ import { Link as GatsbyLink } from 'gatsby-theme-material-ui'; function Navbar({ className, ...rest }) { const classes = useStyles(); - const handleClickLink = useSmoothScroll(); + const data = useStaticQuery(graphql` + { + logo: file(base: { eq: "logo.svg" }) { + publicURL + } + } + `); return (
- - logo + + logo
@@ -35,7 +49,7 @@ function Navbar({ className, ...rest }) { title="Start" color="inherit" href={'#' + HEADER_ID} - onClick={handleClickLink(HEADER_ID)} + onClick={smoothScroll(HEADER_ID)} > Start @@ -43,7 +57,7 @@ function Navbar({ className, ...rest }) { title="Portfolio" color="inherit" href={'#' + PORTFOLIO_SECTION_ID} - onClick={handleClickLink(PORTFOLIO_SECTION_ID)} + onClick={smoothScroll(PORTFOLIO_SECTION_ID)} > Portfolio @@ -51,7 +65,7 @@ function Navbar({ className, ...rest }) { title="Contact" color="inherit" href={'#' + CONTACT_SECTION_ID} - onClick={handleClickLink(CONTACT_SECTION_ID)} + onClick={smoothScroll(CONTACT_SECTION_ID)} > Contact @@ -70,11 +84,11 @@ const useStyles = makeStyles(theme => ({ }, linkContainer: { '& > *:not(:last-child)': { - marginRight: theme.spacing(1.5), + marginRight: theme.spacing(2), }, [theme.breakpoints.down('xs')]: { '& > *:not(:last-child)': { - marginRight: theme.spacing(0.75), + marginRight: theme.spacing(1), }, }, }, diff --git a/src/components/Section.js b/src/components/Section.js index 9d6049e..674a791 100644 --- a/src/components/Section.js +++ b/src/components/Section.js @@ -4,25 +4,6 @@ import classnames from 'classnames'; import { makeStyles } from '@material-ui/core/styles'; -const useStyles = makeStyles(theme => ({ - section: { - padding: '3rem 0', - '&.is-primary': { - backgroundColor: theme.palette.primary.main, - }, - '&.is-black': { - backgroundColor: '#000', - color: '#fff', - }, - [theme.breakpoints.up('md')]: { - padding: '6rem 0', - }, - '&.is-small': { - padding: '3rem 0', - }, - }, -})); - export const BG_COLOR = { TRANSPARENT: 'transparent', BLACK: 'black', @@ -61,4 +42,23 @@ Section.propTypes = { size: PropTypes.oneOf(Object.values(SIZE)).isRequired, }; +const useStyles = makeStyles(theme => ({ + section: { + padding: '3rem 0', + '&.is-primary': { + backgroundColor: theme.palette.primary.main, + }, + '&.is-black': { + backgroundColor: '#000', + color: '#fff', + }, + [theme.breakpoints.up('md')]: { + padding: '6rem 0', + }, + '&.is-small': { + padding: '3rem 0', + }, + }, +})); + export default Section; diff --git a/src/components/Seo.js b/src/components/Seo.js index 092996f..cd0eb24 100644 --- a/src/components/Seo.js +++ b/src/components/Seo.js @@ -2,20 +2,21 @@ import React from 'react'; import PropTypes from 'prop-types'; import { Helmet } from 'react-helmet'; import { useStaticQuery, graphql } from 'gatsby'; -import ogThumbnail from '@images/og_thumbnail.png'; function Seo({ description, lang, meta, title, pathname }) { - const { site } = useStaticQuery( + const { site, thumbnail } = useStaticQuery( graphql` - query { + { site { siteMetadata { title description siteUrl - authorTwitter } } + thumbnail: file(base: { eq: "thumbnail.png" }) { + publicURL + } } ` ); @@ -52,7 +53,7 @@ function Seo({ description, lang, meta, title, pathname }) { }, { property: `og:image`, - content: `${site.siteMetadata.siteUrl}${ogThumbnail}`, + content: `${site.siteMetadata.siteUrl}${thumbnail.publicURL}`, }, { property: `og:image:width`, @@ -70,10 +71,6 @@ function Seo({ description, lang, meta, title, pathname }) { property: `og:locale`, content: `en`, }, - { - name: `twitter:creator`, - content: site.siteMetadata.authorTwitter, - }, { name: `twitter:card`, content: `summary_large_image`, @@ -92,7 +89,7 @@ function Seo({ description, lang, meta, title, pathname }) { }, { name: `twitter:image`, - content: `${site.siteMetadata.siteUrl}${ogThumbnail}`, + content: `${site.siteMetadata.siteUrl}${thumbnail.publicURL}`, }, { name: `twitter:image:alt`, diff --git a/src/config/routing.js b/src/config/routing.js index ccc87a8..5f84853 100644 --- a/src/config/routing.js +++ b/src/config/routing.js @@ -1,3 +1,3 @@ -export const Route = { - IndexPage: '/', -} +export const ROUTE = { + INDEX_PAGE: '/', +}; diff --git a/src/features/IndexPage/IndexPage.js b/src/features/IndexPage/IndexPage.js index e316c63..5227a10 100644 --- a/src/features/IndexPage/IndexPage.js +++ b/src/features/IndexPage/IndexPage.js @@ -4,18 +4,12 @@ import { makeStyles } from '@material-ui/core/styles'; import { Divider } from '@material-ui/core'; import Layout from '@components/Layout/Layout'; import Seo from '@components/Seo'; -import Header from './components/Header'; +import Header from './components/Header/Header'; import MyPriorities from './components/MyPriorities/MyPriorities'; import Technologies from './components/Technologies/Technologies'; import Portfolio from './components/Portfolio/Portfolio'; import Contact from './components/Contact'; -const useStyles = makeStyles(theme => ({ - layout: { - padding: 0, - }, -})); - const IndexPage = ({ location }) => { const classes = useStyles(); return ( @@ -32,4 +26,10 @@ const IndexPage = ({ location }) => { ); }; +const useStyles = makeStyles(theme => ({ + layout: { + padding: 0, + }, +})); + export default IndexPage; diff --git a/src/features/IndexPage/components/Header.js b/src/features/IndexPage/components/Header/Header.js similarity index 78% rename from src/features/IndexPage/components/Header.js rename to src/features/IndexPage/components/Header/Header.js index 1e13578..a6c371c 100644 --- a/src/features/IndexPage/components/Header.js +++ b/src/features/IndexPage/components/Header/Header.js @@ -1,16 +1,23 @@ import React from 'react'; -import useSmoothScroll from '@libs/useSmoothScroll'; -import { SECTION_ID } from './Contact'; +import { graphql, useStaticQuery } from 'gatsby'; +import smoothScroll from '@utils/smoothScroll'; +import { SECTION_ID } from '../Contact'; import { makeStyles } from '@material-ui/core/styles'; import { Container, Typography, Button, Link } from '@material-ui/core'; -import bg from './header-bg.jpg'; export const HEADER_ID = 'start'; function Header() { - const classes = useStyles(); - const handleLinkClick = useSmoothScroll(); + const data = useStaticQuery(graphql` + { + bg: file(base: { eq: "header-bg.jpg" }) { + publicURL + } + } + `); + const classes = useStyles({ bg: data.bg.publicURL }); + return (
@@ -20,7 +27,7 @@ function Header() { Full Stack Web Developer - I create websites and web apps. + I develop websites and web apps. Do you have an idea, project or problem you would like to discuss? @@ -29,7 +36,7 @@ function Header() { )} @@ -131,7 +119,6 @@ Project.defaultProps = { technologies: [], github: '', live: '', - img: notFound, }; Project.propTypes = { @@ -140,7 +127,6 @@ Project.propTypes = { technologies: PropTypes.arrayOf(PropTypes.string).isRequired, github: PropTypes.string.isRequired, live: PropTypes.string.isRequired, - img: PropTypes.string.isRequired, }; export default Project; diff --git a/src/features/IndexPage/components/Portfolio/not-found.jpg b/src/features/IndexPage/components/Portfolio/not-found.jpg deleted file mode 100644 index ff9e0e2..0000000 Binary files a/src/features/IndexPage/components/Portfolio/not-found.jpg and /dev/null differ diff --git a/src/features/IndexPage/components/Portfolio/projects.js b/src/features/IndexPage/components/Portfolio/projects.js index 3700f46..4cb4a70 100644 --- a/src/features/IndexPage/components/Portfolio/projects.js +++ b/src/features/IndexPage/components/Portfolio/projects.js @@ -1,8 +1,7 @@ const projects = [ { title: 'TWHelp', - description: - 'A website with various stats and tools, scripts, a public GraphQL API and a Discord bot for the browser-based game Tribal Wars.', + description: 'Various tools for the browser-based game Tribal Wars.', technologies: [ 'GraphQL', 'Golang', @@ -22,13 +21,13 @@ const projects = [ 'Docker', 'Traefik', ], - github: 'https://github.com/tribalwarshelp', + git: 'https://gitea.dwysokinski.me/twhelp', fluid: 'projects/twhelp.png', }, { title: 'Zdam Egzamin Zawodowy', description: - 'A mobile and web app for practising the theoretical part of the vocational exam.', + 'Mobile & web app for practising the theoretical part of the vocational exam.', technologies: [ 'GraphQL', 'Golang', @@ -46,51 +45,16 @@ const projects = [ ], fluid: 'projects/zdam.png', live: 'https://zdamegzaminzawodowy.pl/', - github: 'https://github.com/zdam-egzamin-zawodowy', + git: 'https://github.com/zdam-egzamin-zawodowy', }, { title: 'dwysokinski.me', description: '', technologies: ['React', 'Gatsby', 'Material-UI'], - github: 'https://github.com/Kichiyaki/dwysokinski.me', + git: 'https://gitea.dwysokinski.me/Kichiyaki/dwysokinski.me', live: 'https://dwysokinski.me', fluid: 'projects/dw.png', }, - { - title: 'OLX Crawler', - description: 'An app written in Go to observe olx.pl ads.', - technologies: [ - 'Golang', - 'Colly', - 'SQLite3', - 'Echo', - 'React', - 'Material-UI', - ], - fluid: 'projects/olx.png', - github: 'https://github.com/Kichiyaki/olx-crawler', - }, - { - title: 'Instaling.pl Bot', - description: 'A bot that solves the instaling.pl vocabulary tests for you.', - technologies: ['Golang', 'Lorca'], - fluid: 'projects/instaling.png', - github: 'https://github.com/Kichiyaki/Instaling-Bot', - }, - { - title: 'Margonem Mini Bot', - description: 'A bot for the mobile client of the MMORPG game Margonem.', - technologies: ['Golang', 'Colly'], - fluid: 'projects/margonem.png', - github: 'https://github.com/Kichiyaki/margonem-mini-bot', - }, - { - title: 'Akademia Młodego Inżyniera', - description: '', - technologies: ['HTML', 'CSS', 'Bootstrap'], - live: 'https://dwysokinski.me/preview/akademia/', - fluid: 'projects/amz.png', - }, { title: 'Freshline', description: '', diff --git a/src/features/IndexPage/components/Technologies/Technologies.js b/src/features/IndexPage/components/Technologies/Technologies.js index a17531c..c2148fb 100644 --- a/src/features/IndexPage/components/Technologies/Technologies.js +++ b/src/features/IndexPage/components/Technologies/Technologies.js @@ -10,7 +10,12 @@ function Technologies() { const classes = useStyles(); const data = useStaticQuery(graphql` { - allIcons: allFile(filter: { absolutePath: { regex: "/technologies/" } }) { + allIcons: allFile( + filter: { + absolutePath: { regex: "/technologies/" } + extension: { in: ["png", "jpeg", "jpg"] } + } + ) { edges { node { relativePath @@ -30,10 +35,7 @@ function Technologies() { const edge = data.allIcons.edges.find( img => img.node.relativePath === path ); - if (edge) { - return edge.node.childImageSharp.fixed; - } - return {}; + return edge?.node?.childImageSharp?.fixed ?? {}; }; return ( @@ -45,18 +47,7 @@ function Technologies() {
- -
-
-
- -
-
-
- +
@@ -75,58 +66,50 @@ function Technologies() {
-
- -
-
- -
-
-
- -
-
-
- -
-
-
-
-
- -
+
+ +
+
+
+ +
+
+
+ +
+
+
+ +
-
-
-
- -
-
-
- -
-
-
-
@@ -169,6 +131,49 @@ function Technologies() { name="Docker" />
+ +
+
+ +
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+ +
diff --git a/src/features/IndexPage/components/Technologies/Technology.js b/src/features/IndexPage/components/Technologies/Technology.js index ca9ef3c..8916b7b 100644 --- a/src/features/IndexPage/components/Technologies/Technology.js +++ b/src/features/IndexPage/components/Technologies/Technology.js @@ -4,6 +4,16 @@ import { makeStyles } from '@material-ui/core/styles'; import { Typography, Paper } from '@material-ui/core'; import Image from 'gatsby-image'; +function Technology({ fixed, name }) { + const classes = useStyles(); + return ( + + + {name} + + ); +} + const useStyles = makeStyles(theme => ({ paper: { display: 'flex', @@ -18,14 +28,4 @@ const useStyles = makeStyles(theme => ({ }, })); -function Technology({ fixed, name }) { - const classes = useStyles(); - return ( - - - {name} - - ); -} - export default Technology; diff --git a/src/features/IndexPage/components/header-bg.jpg b/src/images/header-bg.jpg similarity index 100% rename from src/features/IndexPage/components/header-bg.jpg rename to src/images/header-bg.jpg diff --git a/src/features/IndexPage/components/MyPriorities/intuitive.svg b/src/images/intuitiveness.svg similarity index 100% rename from src/features/IndexPage/components/MyPriorities/intuitive.svg rename to src/images/intuitiveness.svg diff --git a/src/images/projects/amz.png b/src/images/projects/amz.png deleted file mode 100644 index fca7234..0000000 Binary files a/src/images/projects/amz.png and /dev/null differ diff --git a/src/images/projects/instaling.png b/src/images/projects/instaling.png deleted file mode 100644 index 4a6fa23..0000000 Binary files a/src/images/projects/instaling.png and /dev/null differ diff --git a/src/images/projects/margonem.png b/src/images/projects/margonem.png deleted file mode 100644 index 4b6ea3f..0000000 Binary files a/src/images/projects/margonem.png and /dev/null differ diff --git a/src/images/projects/maturazinf.png b/src/images/projects/maturazinf.png deleted file mode 100644 index c4e6873..0000000 Binary files a/src/images/projects/maturazinf.png and /dev/null differ diff --git a/src/images/projects/olx.png b/src/images/projects/olx.png deleted file mode 100644 index df81e71..0000000 Binary files a/src/images/projects/olx.png and /dev/null differ diff --git a/src/features/IndexPage/components/MyPriorities/responsive.svg b/src/images/responsiveness.svg similarity index 100% rename from src/features/IndexPage/components/MyPriorities/responsive.svg rename to src/images/responsiveness.svg diff --git a/src/features/IndexPage/components/MyPriorities/security.svg b/src/images/security.svg similarity index 100% rename from src/features/IndexPage/components/MyPriorities/security.svg rename to src/images/security.svg diff --git a/src/features/IndexPage/components/MyPriorities/speed.svg b/src/images/speed.svg similarity index 100% rename from src/features/IndexPage/components/MyPriorities/speed.svg rename to src/images/speed.svg diff --git a/src/images/technologies/ansible.png b/src/images/technologies/ansible.png new file mode 100644 index 0000000..45d92f8 Binary files /dev/null and b/src/images/technologies/ansible.png differ diff --git a/src/images/technologies/css.png b/src/images/technologies/css.png deleted file mode 100644 index d59484a..0000000 Binary files a/src/images/technologies/css.png and /dev/null differ diff --git a/src/images/technologies/express.png b/src/images/technologies/express.png deleted file mode 100644 index 483abd0..0000000 Binary files a/src/images/technologies/express.png and /dev/null differ diff --git a/src/images/technologies/gatsby.png b/src/images/technologies/gatsby.png deleted file mode 100644 index 3fc51d8..0000000 Binary files a/src/images/technologies/gatsby.png and /dev/null differ diff --git a/src/images/technologies/ghost.png b/src/images/technologies/ghost.png deleted file mode 100644 index e61db37..0000000 Binary files a/src/images/technologies/ghost.png and /dev/null differ diff --git a/src/images/technologies/git.png b/src/images/technologies/git.png new file mode 100644 index 0000000..51f4ae5 Binary files /dev/null and b/src/images/technologies/git.png differ diff --git a/src/images/technologies/golang.png b/src/images/technologies/go.png similarity index 100% rename from src/images/technologies/golang.png rename to src/images/technologies/go.png diff --git a/src/images/technologies/gqlgen.png b/src/images/technologies/gqlgen.png deleted file mode 100644 index b015641..0000000 Binary files a/src/images/technologies/gqlgen.png and /dev/null differ diff --git a/src/images/technologies/grafana.jpg b/src/images/technologies/grafana.jpg new file mode 100644 index 0000000..a0c4430 Binary files /dev/null and b/src/images/technologies/grafana.jpg differ diff --git a/src/images/technologies/html5.png b/src/images/technologies/html5.png deleted file mode 100644 index 35de901..0000000 Binary files a/src/images/technologies/html5.png and /dev/null differ diff --git a/src/images/technologies/jaeger.png b/src/images/technologies/jaeger.png new file mode 100644 index 0000000..2851185 Binary files /dev/null and b/src/images/technologies/jaeger.png differ diff --git a/src/images/technologies/jest.png b/src/images/technologies/jest.png deleted file mode 100644 index a03db7e..0000000 Binary files a/src/images/technologies/jest.png and /dev/null differ diff --git a/src/images/technologies/kubernetes.png b/src/images/technologies/kubernetes.png new file mode 100644 index 0000000..9e446c4 Binary files /dev/null and b/src/images/technologies/kubernetes.png differ diff --git a/src/images/technologies/nextjs.png b/src/images/technologies/nextjs.png deleted file mode 100644 index bf8ffbc..0000000 Binary files a/src/images/technologies/nextjs.png and /dev/null differ diff --git a/src/images/technologies/node.png b/src/images/technologies/node.png new file mode 100644 index 0000000..34bb10e Binary files /dev/null and b/src/images/technologies/node.png differ diff --git a/src/images/technologies/prometheus.png b/src/images/technologies/prometheus.png new file mode 100644 index 0000000..173ef06 Binary files /dev/null and b/src/images/technologies/prometheus.png differ diff --git a/src/images/technologies/redis.png b/src/images/technologies/redis.png new file mode 100644 index 0000000..7b43004 Binary files /dev/null and b/src/images/technologies/redis.png differ diff --git a/src/images/technologies/rmq.png b/src/images/technologies/rmq.png new file mode 100644 index 0000000..a482293 Binary files /dev/null and b/src/images/technologies/rmq.png differ diff --git a/src/images/technologies/scss.png b/src/images/technologies/scss.png deleted file mode 100644 index 61c4025..0000000 Binary files a/src/images/technologies/scss.png and /dev/null differ diff --git a/src/images/technologies/sentry.png b/src/images/technologies/sentry.png new file mode 100644 index 0000000..d282c3b Binary files /dev/null and b/src/images/technologies/sentry.png differ diff --git a/src/images/technologies/strapi.jpeg b/src/images/technologies/strapi.jpeg deleted file mode 100644 index a149794..0000000 Binary files a/src/images/technologies/strapi.jpeg and /dev/null differ diff --git a/src/images/technologies/strapi.png b/src/images/technologies/strapi.png deleted file mode 100644 index 4bb6ce4..0000000 Binary files a/src/images/technologies/strapi.png and /dev/null differ diff --git a/src/images/technologies/terraform.png b/src/images/technologies/terraform.png new file mode 100644 index 0000000..f19f666 Binary files /dev/null and b/src/images/technologies/terraform.png differ diff --git a/src/images/technologies/testinglibrary.png b/src/images/technologies/testinglibrary.png deleted file mode 100644 index db9d02b..0000000 Binary files a/src/images/technologies/testinglibrary.png and /dev/null differ diff --git a/src/images/technologies/webpack.png b/src/images/technologies/webpack.png deleted file mode 100644 index b74b839..0000000 Binary files a/src/images/technologies/webpack.png and /dev/null differ diff --git a/src/images/og_thumbnail.png b/src/images/thumbnail.png similarity index 100% rename from src/images/og_thumbnail.png rename to src/images/thumbnail.png diff --git a/src/libs/useSmoothScroll.js b/src/libs/useSmoothScroll.js deleted file mode 100644 index b1212c8..0000000 --- a/src/libs/useSmoothScroll.js +++ /dev/null @@ -1,18 +0,0 @@ -import isSmoothScrollSupported from '@utils/isSmoothScrollSupported'; - -const useSmoothScroll = () => { - return id => e => { - if (!isSmoothScrollSupported()) { - return; - } - - e.preventDefault(); - document.querySelector('#' + id).scrollIntoView({ - behavior: 'smooth', - block: 'start', - inline: 'nearest', - }); - }; -}; - -export default useSmoothScroll; diff --git a/src/pages/404.js b/src/pages/404.js index 9c43c75..a29e059 100644 --- a/src/pages/404.js +++ b/src/pages/404.js @@ -6,19 +6,6 @@ import { Link } from 'gatsby-theme-material-ui'; import Layout from '@components/Layout/Layout'; import Seo from '@components/Seo'; -const useStyles = makeStyles(() => ({ - container: { - minHeight: '100vh', - display: 'flex', - flexDirection: 'column', - justifyContent: 'center', - textAlign: 'center', - }, - layout: { - padding: '0', - }, -})); - const NotFoundPage = ({ location }) => { const classes = useStyles(); @@ -47,4 +34,17 @@ const NotFoundPage = ({ location }) => { ); }; +const useStyles = makeStyles(() => ({ + container: { + minHeight: '100vh', + display: 'flex', + flexDirection: 'column', + justifyContent: 'center', + textAlign: 'center', + }, + layout: { + padding: '0', + }, +})); + export default NotFoundPage; diff --git a/src/utils/isSmoothScrollSupported.js b/src/utils/isSmoothScrollSupported.js deleted file mode 100644 index c344090..0000000 --- a/src/utils/isSmoothScrollSupported.js +++ /dev/null @@ -1,4 +0,0 @@ -const isSmoothScrollSupported = () => - 'scrollBehavior' in document.documentElement.style; - -export default isSmoothScrollSupported; diff --git a/src/utils/smoothScroll.js b/src/utils/smoothScroll.js new file mode 100644 index 0000000..abf9c51 --- /dev/null +++ b/src/utils/smoothScroll.js @@ -0,0 +1,17 @@ +const isSmoothScrollSupported = () => + 'scrollBehavior' in document.documentElement.style; + +const smoothScroll = id => e => { + if (!isSmoothScrollSupported()) { + return; + } + + e.preventDefault(); + document.querySelector('#' + id).scrollIntoView({ + behavior: 'smooth', + block: 'start', + inline: 'nearest', + }); +}; + +export default smoothScroll; diff --git a/yarn.lock b/yarn.lock index 3327ee3..83ac889 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1646,15 +1646,6 @@ "@babel/runtime" "^7.7.2" regenerator-runtime "^0.13.3" -"@kichiyaki/gatsby-plugin-plausible@^0.0.8": - version "0.0.8" - resolved "https://registry.yarnpkg.com/@kichiyaki/gatsby-plugin-plausible/-/gatsby-plugin-plausible-0.0.8.tgz#94f53c5a8f768b934228e4f43c5493c38885152b" - integrity sha512-DO03Z6NHRiwh8XHJtBJcLxMZ1a8cDjYM0inuGmNI33ea7fV4wdGVF5uHidlbdlls2hLfYPDkjOc0y2Yz3Ff/nw== - dependencies: - "@babel/runtime" "^7.9.2" - minimatch "3.0.4" - react "^17.0.2" - "@kichiyaki/roboto@^1.0.0": version "1.0.0" resolved "https://registry.yarnpkg.com/@kichiyaki/roboto/-/roboto-1.0.0.tgz#6f5dfb40e2423940588946c952490b123ca8088b" @@ -10278,7 +10269,7 @@ react-transition-group@^4.4.0: loose-envify "^1.4.0" prop-types "^15.6.2" -react@^17.0.1, react@^17.0.2: +react@^17.0.1: version "17.0.2" resolved "https://registry.yarnpkg.com/react/-/react-17.0.2.tgz#d0b5cc516d29eb3eee383f75b62864cfb6800037" integrity sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==