From 6ea571da6a8717ce3227cf408bc091cdf7d315e7 Mon Sep 17 00:00:00 2001 From: neri Date: Wed, 11 Dec 2019 22:34:32 +0100 Subject: [PATCH] ui mockup for layout & home --- gatsby-browser.js | 1 + src/components/footer.js | 16 +++++++ src/components/footer.module.css | 21 +++++++++ src/components/layout.js | 12 +++++ src/components/layout.module.css | 5 ++ src/components/nav.js | 35 ++++++++++++++ src/components/nav.module.css | 41 +++++++++++++++++ src/pages/events.js | 4 ++ src/pages/index.js | 79 +++++++++++++++++++++++++++++++- src/pages/kontakt.js | 4 ++ src/pages/treff.js | 10 ++++ src/pages/verein.js | 4 ++ src/styles/global.css | 20 ++++++++ 13 files changed, 251 insertions(+), 1 deletion(-) create mode 100644 gatsby-browser.js create mode 100644 src/components/footer.js create mode 100644 src/components/footer.module.css create mode 100644 src/components/layout.js create mode 100644 src/components/layout.module.css create mode 100644 src/components/nav.js create mode 100644 src/components/nav.module.css create mode 100644 src/pages/events.js create mode 100644 src/pages/kontakt.js create mode 100644 src/pages/treff.js create mode 100644 src/pages/verein.js create mode 100644 src/styles/global.css diff --git a/gatsby-browser.js b/gatsby-browser.js new file mode 100644 index 0000000..8b843ac --- /dev/null +++ b/gatsby-browser.js @@ -0,0 +1 @@ +import "./src/styles/global.css" diff --git a/src/components/footer.js b/src/components/footer.js new file mode 100644 index 0000000..d910802 --- /dev/null +++ b/src/components/footer.js @@ -0,0 +1,16 @@ +import React from "react" +import footerStyles from "./footer.module.css" +import { Link } from "gatsby" + +export default () => ( +
+
+ + Impressum + + + Datenschutzerklärung + +
+
+) diff --git a/src/components/footer.module.css b/src/components/footer.module.css new file mode 100644 index 0000000..d2d532f --- /dev/null +++ b/src/components/footer.module.css @@ -0,0 +1,21 @@ +.footer { + position: absolute; + right: 0; + bottom: 0; + left: 0; + padding: 1rem 0; + background-color: #14284c; +} + +.footerContent { + margin: 0 auto; + max-width: 1000px; + display: flex; + justify-content: flex-end; +} + +.footerItem { + padding: 0 1rem; + color: white; + text-decoration: none; +} diff --git a/src/components/layout.js b/src/components/layout.js new file mode 100644 index 0000000..776a734 --- /dev/null +++ b/src/components/layout.js @@ -0,0 +1,12 @@ +import React from "react" +import Nav from "../components/nav" +import Footer from "../components/footer" +import layoutStyles from "./layout.module.css" + +export default ({ children }) => ( + <> +