Merge remote-tracking branch 'origin/info-page'

datenschutzhinweis.md

@@ -0,0 +1,9 @@
+---
+layout: page
+tags:
+  - legal
+eleventyNavigation:
+  key: Datenschutz
+  order: 20
+---
+# Datenschutz

src/content/computer-beantragen/index.md

@@ -1,9 +1,6 @@
 ---
 layout: layouts/page.njk
 useForms: true
-eleventyNavigation:
-  key: Computer beantragen
-  order: 40
 ---
 
 # Computer beantragen

src/content/hardware-spenden/index.md

@@ -1,9 +1,6 @@
 ---
 layout: layouts/page.njk
 useForms: true
-eleventyNavigation:
-  key: Hardware spenden
-  order: 50
 ---
 
 # Hardware spenden

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 %}

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;
+  }
+}

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 {

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;
+  }
 }

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