m/portfolio
1
0
Fork 0
mirror of https://github.com/kremalicious/portfolio.git synced 2024-11-13 16:45:12 +01:00
Code Releases Activity

package updates

Browse Source
This commit is contained in:
Matthias Kretschmann 2019-11-16 13:37:25 +01:00
parent 8d322cc919
commit 9c6c7c27ab
Signed by: m
GPG Key ID: 606EEEF3C479A91F
4 changed files with 616 additions and 386 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
gatsby-config.js
View File

@ -4,6 +4,10 @@ const yaml = require('js-yaml')
const meta = yaml.load(fs.readFileSync('./content/meta.yml', 'utf8'))
const { title, url, matomoSite, matomoUrl } = meta[0]
require('dotenv').config({
path: '.env'
})
module.exports = {
siteMetadata: {
siteUrl: `${url}`

952
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

38
package.json
View File

@ -25,29 +25,29 @@
"dependencies": {
"axios": "^0.19.0",
"file-saver": "^2.0.2",
"gatsby": "^2.17.11",
"gatsby-image": "^2.2.31",
"gatsby-plugin-manifest": "^2.2.27",
"gatsby": "^2.17.15",
"gatsby-image": "^2.2.33",
"gatsby-plugin-manifest": "^2.2.28",
"gatsby-plugin-matomo": "^0.7.2",
"gatsby-plugin-offline": "^3.0.19",
"gatsby-plugin-react-helmet": "^3.1.14",
"gatsby-plugin-sass": "^2.1.21",
"gatsby-plugin-sharp": "^2.2.37",
"gatsby-plugin-sitemap": "^2.2.20",
"gatsby-plugin-offline": "^3.0.21",
"gatsby-plugin-react-helmet": "^3.1.15",
"gatsby-plugin-sass": "^2.1.23",
"gatsby-plugin-sharp": "^2.3.0",
"gatsby-plugin-sitemap": "^2.2.21",
"gatsby-plugin-svgr": "^2.0.2",
"gatsby-plugin-webpack-size": "^1.0.0",
"gatsby-source-filesystem": "^2.1.36",
"gatsby-transformer-json": "^2.2.17",
"gatsby-transformer-sharp": "^2.3.3",
"gatsby-transformer-yaml": "^2.2.16",
"gatsby-source-filesystem": "^2.1.37",
"gatsby-transformer-json": "^2.2.18",
"gatsby-transformer-sharp": "^2.3.5",
"gatsby-transformer-yaml": "^2.2.17",
"giphy-js-sdk-core": "^1.0.6",
"graphql": "^14.5.8",
"intersection-observer": "^0.7.0",
"react": "^16.11.0",
"react-dom": "^16.11.0",
"react": "^16.12.0",
"react-dom": "^16.12.0",
"react-feather": "^2.0.3",
"react-helmet": "^5.2.1",
"react-pose": "^4.0.9",
"react-pose": "^4.0.10",
"remark": "^11.0.2",
"remark-html": "^10.0.0",
"remark-parse": "^7.0.2",
@ -61,11 +61,11 @@
"@babel/preset-env": "^7.7.1",
"@react-mock/localstorage": "^0.1.2",
"@svgr/webpack": "^4.3.3",
"@testing-library/jest-dom": "^4.2.3",
"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.3.2",
"babel-eslint": "^10.0.3",
"babel-jest": "^24.9.0",
"babel-preset-gatsby": "^0.2.21",
"babel-preset-gatsby": "^0.2.22",
"chalk": "^3.0.0",
"eslint": "^6.6.0",
"eslint-config-prettier": "^6.5.0",
@ -73,14 +73,14 @@
"eslint-plugin-graphql": "^3.1.0",
"eslint-plugin-prettier": "^3.1.1",
"eslint-plugin-react": "^7.16.0",
"eslint-plugin-react-hooks": "^2.2.0",
"eslint-plugin-react-hooks": "^2.3.0",
"identity-obj-proxy": "^3.0.0",
"jest": "^24.9.0",
"jest-canvas-mock": "^2.2.0",
"js-yaml": "^3.13.1",
"lighthousebot": "git+https://github.com/GoogleChromeLabs/lighthousebot.git",
"node-sass": "^4.13.0",
"ora": "^4.0.0",
"ora": "^4.0.3",
"prepend": "^1.0.2",
"prettier": "^1.19.1",
"prettier-stylelint": "^0.4.2",

8
src/components/molecules/ThemeSwitch.jsx
View File

@ -1,14 +1,10 @@
import React from 'react'
import PropTypes from 'prop-types'
import Helmet from 'react-helmet'
import posed from 'react-pose'
import useDarkMode from '../../hooks/use-dark-mode'
import { fadeIn } from '../atoms/Transitions'
import Icon from '../atoms/Icon'
import styles from './ThemeSwitch.module.scss'
const Animation = posed.aside(fadeIn)
const ThemeToggle = ({ dark }) => (
<span id="toggle" className={styles.checkboxContainer} aria-live="assertive">
<Icon name="Sun" className={!dark ? null : 'active'} />
@ -51,13 +47,13 @@ export default function ThemeSwitch() {
content="black-translucent"
/>
</Helmet>
<Animation className={styles.themeSwitch}>
<aside className={styles.themeSwitch}>
<label className={styles.checkbox}>
<span className={styles.label}>Toggle Night Mode</span>
<ThemeToggleInput dark={darkMode} toggleDark={toggleDark} />
<ThemeToggle dark={darkMode} />
</label>
</Animation>
</aside>
</>
)
}