From 25ef8ef86ee9a29534501856b49bf1d3c5b9bfb8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Yannik=20R=C3=B6del?= Date: Thu, 23 Sep 2021 12:43:57 +0200 Subject: [PATCH 1/4] Tweak link styles --- styles/components/_markup.scss | 18 +++++++++++++++++- styles/components/_page.scss | 17 +++++++++++++++++ styles/components/_site.scss | 14 +++++++++++--- 3 files changed, 45 insertions(+), 4 deletions(-) diff --git a/styles/components/_markup.scss b/styles/components/_markup.scss index 89dacb1..b6c1a62 100644 --- a/styles/components/_markup.scss +++ b/styles/components/_markup.scss @@ -74,10 +74,26 @@ dd { margin: layout.$normal-gap 0 layout.$normal-gap layout.$large-gap; } -a { +:any-link, +a[href] { color: colors.$main-text; &:hover { color: colors.$blue-800; } } + +.cta-link { + display: block; + margin: 0 auto; + padding: 0 layout.$normal-gap; + max-width: layout.$narrow-content-width; + text-align: center; + text-decoration: none; + line-height: 3rem; + border: 1px solid colors.$main-text; + + &:hover { + border-color: colors.$blue-800; + } +} diff --git a/styles/components/_page.scss b/styles/components/_page.scss index 84d8f14..3e741ee 100644 --- a/styles/components/_page.scss +++ b/styles/components/_page.scss @@ -12,6 +12,23 @@ h2:after { background-color: colors.$gray-50; } + + :any-link, + a[href] { + color: colors.$gray-300; + + &:hover { + color: colors.$yellow-500; + } + } + + .cta-link { + border-color: colors.$gray-300; + + &:hover { + border-color: colors.$yellow-500; + } + } } &.footer { diff --git a/styles/components/_site.scss b/styles/components/_site.scss index db398b0..35dd18a 100644 --- a/styles/components/_site.scss +++ b/styles/components/_site.scss @@ -3,14 +3,14 @@ @use '../lib/typography'; @mixin header-item { - padding: 0 layout.$normal-gap; - line-height: 3rem; + padding: 0 layout.$large-gap; + line-height: 4rem; } // The site logo text. More specific styles for this element are also present // underneath .site-header. .site-logo { - margin: 0 layout.$normal-gap; + margin: 0 layout.$large-gap; text-transform: lowercase; } @@ -22,6 +22,10 @@ > ul { display: flex; margin-bottom: 0; + + > li { + margin: 0; + } } a { @@ -121,4 +125,8 @@ flex-wrap: wrap; justify-content: space-between; gap: layout.$normal-gap; + + .site-navigation a { + text-align: right; + } } From 18136dab6a8a6cb990e3465594c363d83fb015e4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Yannik=20R=C3=B6del?= Date: Thu, 23 Sep 2021 12:44:22 +0200 Subject: [PATCH 2/4] Remove individual contact pages from navigation --- computer-beantragen/index.md | 3 --- hardware-spenden/index.md | 3 --- 2 files changed, 6 deletions(-) diff --git a/computer-beantragen/index.md b/computer-beantragen/index.md index 72743df..eb8d355 100644 --- a/computer-beantragen/index.md +++ b/computer-beantragen/index.md @@ -1,9 +1,6 @@ --- layout: layouts/page.njk useForms: true -eleventyNavigation: - key: Computer beantragen - order: 40 --- # Computer beantragen diff --git a/hardware-spenden/index.md b/hardware-spenden/index.md index 8275964..2a3d77f 100644 --- a/hardware-spenden/index.md +++ b/hardware-spenden/index.md @@ -1,9 +1,6 @@ --- layout: layouts/page.njk useForms: true -eleventyNavigation: - key: Hardware spenden - order: 50 --- # Hardware spenden From fd2a219a130be79eec84ecc9f2eca5e6225a95ec Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Yannik=20R=C3=B6del?= Date: Thu, 23 Sep 2021 12:44:29 +0200 Subject: [PATCH 3/4] Add empty privacy policy page --- datenschutzhinweis.md | 9 +++++++++ 1 file changed, 9 insertions(+) create mode 100644 datenschutzhinweis.md diff --git a/datenschutzhinweis.md b/datenschutzhinweis.md new file mode 100644 index 0000000..2014758 --- /dev/null +++ b/datenschutzhinweis.md @@ -0,0 +1,9 @@ +--- +layout: page +tags: + - legal +eleventyNavigation: + key: Datenschutz + order: 20 +--- +# Datenschutz From 50af8a85d0c16d4e83a3e12c8b6de83b92671faf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Yannik=20R=C3=B6del?= Date: Thu, 23 Sep 2021 12:44:42 +0200 Subject: [PATCH 4/4] Add incomplete info page --- index.md | 7 ++++++- ueber-uns.md | 23 +++++++++++++++++++++++ 2 files changed, 29 insertions(+), 1 deletion(-) create mode 100644 ueber-uns.md diff --git a/index.md b/index.md index 69a31de..fbe42c5 100644 --- a/index.md +++ b/index.md @@ -125,6 +125,11 @@ Delectus laboriosam voluptatem itaque. Quas ut ducimus aut. Minima dignissimos u ## Über uns -Angestöpselt e.V. wurde 2011 von Steffen Hock und Christoph Fischer nach dem Vorbild der Computerspende Hamburg gegründet. Was klein im Keller von Steffen Hock und mit Computerausgaben aus dem Kofferraum begann, fiel auf fruchtbaren Boden, so dass schon bald ein Umzug in eigene Räumlichkeiten notwendig wurde. Als 2015 viele Menschen auch in Würzburg Zuflucht suchten, stieg die Nachfrage enorm an und wir hatten alle Hände voll zu tun, möglichst vielen Menschen einen eigenen Computer für die unterschiedlichsten Bedürfnisse (Kommunikation mit der Familie im Ausland, Sprachkurse, Schulbesuch,…) zur Verfügung zu stellen. Die Idee fand ein reges Medienecho und erlangte schon bald über Würzburg hinaus an Bekanntheit. +Angestöpselt wurde bereits 2011 gegründet. Was klein in einem Keller begonnen +hat wurde schnell zu etwas viel größerem. Die Idee, Bedürftige mit kostenfreien, +eigenen Computern zu versorgen, viel auf fruchtbaren Boden und so erlangte der +Verein auch bald über Würzburg hinaus an Bekanntheit. + +[Weiterlesen](/ueber-uns){.cta-link} {% endsection %} diff --git a/ueber-uns.md b/ueber-uns.md new file mode 100644 index 0000000..2e7b55c --- /dev/null +++ b/ueber-uns.md @@ -0,0 +1,23 @@ +--- +layout: layouts/page.njk +eleventyNavigation: + key: Über uns + order: 100 +--- +# Infos zum Verein + +## Vereinsgeschichte + +Angestöpselt e. V. wurde 2011 von Steffen Hock und Christoph Fischer – damals +noch mit dem nicht mehr aktuellen Schriftzug *@ngestöspselt* – nach dem +Vorbild der Computerspende Hamburg gegründet. Was klein in Steffens keller mit +Computerausgaben aus dem Kofferraum begann, fiel schnell auf fruchtbaren Boden. +Bald wurde also auch ein Umzug in eigene Räumlichkeiten notwendig. Als 2015 +viele Menschen auch in Würzburg Zuflucht suchten, stieg die Nachfrage enorm an +und wir hatten alle Hände voll zu tun, möglichst vielen Menschen einen eigenen +Computer für die unterschiedlichsten Bedürfnisse (Kommunikation mit der Familie +im Ausland, Sprachkurse, Schulbesuch, …) zur Verfügung zu stellen. Die Idee fand +ein reges Medienecho und erlangte schon bald über Würzburg hinaus an +Bekanntheit. + +## Was wir heute machen