This commit is contained in:
Rik Berkelder 2021-04-18 02:25:17 +02:00
parent 74c9066c80
commit b148ebcc6e
4 changed files with 37 additions and 0 deletions

View File

@ -7,6 +7,7 @@
module.exports = { module.exports = {
/* Your site config here */ /* Your site config here */
plugins: [ plugins: [
'gatsby-plugin-react-helmet',
{ {
resolve: `gatsby-plugin-sass`, resolve: `gatsby-plugin-sass`,
options: { options: {

29
package-lock.json generated
View File

@ -7927,6 +7927,14 @@
} }
} }
}, },
"gatsby-plugin-react-helmet": {
"version": "4.3.0",
"resolved": "https://registry.npmjs.org/gatsby-plugin-react-helmet/-/gatsby-plugin-react-helmet-4.3.0.tgz",
"integrity": "sha512-7D3SebOkDdEBqhUDW4e4Sxl70f6zcpcxU9dKZqi6jgQJzZfW4Jvn9yLk0VfSm5kHpTDUE/KrXme31Hap32S/gA==",
"requires": {
"@babel/runtime": "^7.12.5"
}
},
"gatsby-plugin-sass": { "gatsby-plugin-sass": {
"version": "4.3.0", "version": "4.3.0",
"resolved": "https://registry.npmjs.org/gatsby-plugin-sass/-/gatsby-plugin-sass-4.3.0.tgz", "resolved": "https://registry.npmjs.org/gatsby-plugin-sass/-/gatsby-plugin-sass-4.3.0.tgz",
@ -14476,6 +14484,22 @@
"resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.9.tgz", "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.9.tgz",
"integrity": "sha512-nQTTcUu+ATDbrSD1BZHr5kgSD4oF8OFjxun8uAaL8RwPBacGBNPf/yAuVVdx17N8XNzRDMrZ9XcKZHCjPW+9ew==" "integrity": "sha512-nQTTcUu+ATDbrSD1BZHr5kgSD4oF8OFjxun8uAaL8RwPBacGBNPf/yAuVVdx17N8XNzRDMrZ9XcKZHCjPW+9ew=="
}, },
"react-fast-compare": {
"version": "3.2.0",
"resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.0.tgz",
"integrity": "sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA=="
},
"react-helmet": {
"version": "6.1.0",
"resolved": "https://registry.npmjs.org/react-helmet/-/react-helmet-6.1.0.tgz",
"integrity": "sha512-4uMzEY9nlDlgxr61NL3XbKRy1hEkXmKNXhjbAIOVw5vcFrsdYbH2FEwcNyWvWinl103nXgzYNlns9ca+8kFiWw==",
"requires": {
"object-assign": "^4.1.1",
"prop-types": "^15.7.2",
"react-fast-compare": "^3.1.1",
"react-side-effect": "^2.1.0"
}
},
"react-is": { "react-is": {
"version": "16.13.1", "version": "16.13.1",
"resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
@ -14491,6 +14515,11 @@
"resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.9.0.tgz", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.9.0.tgz",
"integrity": "sha512-Gvzk7OZpiqKSkxsQvO/mbTN1poglhmAV7gR/DdIrRrSMXraRQQlfikRJOr3Nb9GTMPC5kof948Zy6jJZIFtDvQ==" "integrity": "sha512-Gvzk7OZpiqKSkxsQvO/mbTN1poglhmAV7gR/DdIrRrSMXraRQQlfikRJOr3Nb9GTMPC5kof948Zy6jJZIFtDvQ=="
}, },
"react-side-effect": {
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/react-side-effect/-/react-side-effect-2.1.1.tgz",
"integrity": "sha512-2FoTQzRNTncBVtnzxFOk2mCpcfxQpenBMbk5kSVBg5UcPqV9fRbgY2zhb7GTWWOlpFmAxhClBDlIq8Rsubz1yQ=="
},
"read": { "read": {
"version": "1.0.7", "version": "1.0.7",
"resolved": "https://registry.npmjs.org/read/-/read-1.0.7.tgz", "resolved": "https://registry.npmjs.org/read/-/read-1.0.7.tgz",

View File

@ -19,6 +19,7 @@
"gatsby": "^3.2.1", "gatsby": "^3.2.1",
"gatsby-plugin-graphql-codegen": "^2.7.1", "gatsby-plugin-graphql-codegen": "^2.7.1",
"gatsby-plugin-postcss": "^4.3.0", "gatsby-plugin-postcss": "^4.3.0",
"gatsby-plugin-react-helmet": "^4.3.0",
"gatsby-plugin-sass": "^4.3.0", "gatsby-plugin-sass": "^4.3.0",
"gatsby-remark-prismjs": "^5.0.0", "gatsby-remark-prismjs": "^5.0.0",
"gatsby-source-filesystem": "^3.3.0", "gatsby-source-filesystem": "^3.3.0",
@ -27,6 +28,7 @@
"prismjs": "^1.23.0", "prismjs": "^1.23.0",
"react": "^17.0.1", "react": "^17.0.1",
"react-dom": "^17.0.1", "react-dom": "^17.0.1",
"react-helmet": "^6.1.0",
"sass": "^1.32.10", "sass": "^1.32.10",
"tailwindcss": "^2.1.1" "tailwindcss": "^2.1.1"
}, },

View File

@ -1,9 +1,14 @@
import React from 'react'; import React from 'react';
import NavHeader from './NavHeader'; import NavHeader from './NavHeader';
import {Helmet} from 'react-helmet';
const Layout: React.FC<{}> = (props) => { const Layout: React.FC<{}> = (props) => {
return ( return (
<div className="bg-gray-900 text-gray-200 min-h-screen min-w-screen font-main"> <div className="bg-gray-900 text-gray-200 min-h-screen min-w-screen font-main">
<Helmet>
<title>Rik Berkelder</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</Helmet>
<div className="mx-auto max-w-screen-lg container pt-1.5 p-0 sm:p-2"> <div className="mx-auto max-w-screen-lg container pt-1.5 p-0 sm:p-2">
<NavHeader/> <NavHeader/>
<main> <main>