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 diff --git a/src/content/computer-beantragen/index.md b/src/content/computer-beantragen/index.md index 7bf9b59..4ff5fa4 100644 --- a/src/content/computer-beantragen/index.md +++ b/src/content/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/src/content/hardware-spenden/index.md b/src/content/hardware-spenden/index.md index c135b0f..b10e657 100644 --- a/src/content/hardware-spenden/index.md +++ b/src/content/hardware-spenden/index.md @@ -1,9 +1,6 @@ --- layout: layouts/page.njk useForms: true -eleventyNavigation: - key: Hardware spenden - order: 50 --- # Hardware spenden diff --git a/src/content/index.md b/src/content/index.md index dcc1cb6..9050e48 100644 --- a/src/content/index.md +++ b/src/content/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/src/styles/components/_markup.scss b/src/styles/components/_markup.scss index 89dacb1..b6c1a62 100644 --- a/src/styles/components/_markup.scss +++ b/src/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/src/styles/components/_page.scss b/src/styles/components/_page.scss index 84d8f14..3e741ee 100644 --- a/src/styles/components/_page.scss +++ b/src/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/src/styles/components/_site.scss b/src/styles/components/_site.scss index db398b0..35dd18a 100644 --- a/src/styles/components/_site.scss +++ b/src/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; + } } 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