Add press page

sites/angestoepselt/_assets/logos/bayern1.svg

@@ -0,0 +1,30 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Logo" x="0px" y="0px" style="enable-background:new 0 0 530 200;" xml:space="preserve" viewBox="96.4 33 339.5 134.5">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#023B7E;}
+	.st2{fill:#00A0D5;}
+</style><style class="darkreader darkreader--sync" media="screen"/>
+<g>
+	<path class="st0" d="M432.2,90.7c-2-2.7-8.4-10.7-23.2-27.5c-9.2-10.4-17.5-19.6-23.5-26l-0.2-0.3c-2.5-2.6-5.6-3.9-9.2-3.9   c-3.7,0-6.8,1.3-9.2,3.9c-2.8,2.9-10.4,11.2-23.8,26.3c-3.5,4-6.5,7.4-9.1,10.5H106.1c-5.4,0-9.7,4.2-9.7,9.3v35.8   c0,5.1,4.4,9.3,9.7,9.3H335c2.4,2.7,5,5.8,8,9.2c13.8,15.7,21.7,24,23.7,26.2c2.5,2.7,5.6,4,9.3,4c3.7,0,6.8-1.3,9.2-3.9l0.2-0.2   c3.5-3.7,11.1-11.9,23.5-26.1c14.8-16.8,21.2-24.8,23.2-27.5c1.4-1.9,3.8-5,3.8-9.5C436,95.7,433.7,92.6,432.2,90.7z"/>
+	<path class="st1" d="M99.9,82.9v35.8c0,3.2,2.8,5.8,6.2,5.8h50V77.1h-50C102.7,77.1,99.9,79.7,99.9,82.9z"/>
+	<g>
+		<path class="st0" d="M139,100.8c3.7-1.3,6.3-4.2,6.3-8.6c0-1.1-0.6-3.8-2.6-5.5c-1.3-1.1-3.3-2.5-9.5-2.6c-1.3,0-5.2,0.1-5.2,0.1    v0.2c1.1,0.8,2.3,2.2,2.9,3.8c0.6,0,1.5-0.1,2.4,0c2.5,0.1,3.6,0.6,4.7,1.5c1.1,0.9,1.7,2.4,1.7,3.8c0,1.9-0.9,3.8-3.6,4.9    c-2.2,0.9-4.9,1.1-4.9,1.1v0.7c0,0,1.6,0.8,3.2,2.9c1.4,1.8,9.3,13.5,9.3,13.5h6.6C150.4,116.6,139.8,101.8,139,100.8z"/>
+		<g>
+			<g>
+				<path class="st0" d="M124.5,99.1c2.5-1.5,4.2-3.7,4.2-7c0-3.5-2.1-8.1-10.8-8.1c-4.2,0-8.9,0.2-8.9,0.2v32.4h7.4      c9.5,0,14.5-3.5,14.5-10.1C130.9,102.6,128.4,100,124.5,99.1z M117.9,112.1c0,0-3.1,0-3.7,0V88.2c0,0,1.7,0,2.7,0      c4.1,0,6.4,2.1,6.5,5c0,1.8-0.5,3.5-2.3,4.7c-1.5,1-3.5,1.3-3.5,1.3v0.8c0,0,2.9,0.4,4.3,1.1c2.7,1.3,3.5,3.2,3.5,5.7      C125.4,110.9,121.5,112.1,117.9,112.1z"/>
+			</g>
+		</g>
+	</g>
+	<path class="st1" d="M159.5,124.5H332c-7.2-8.4-10.8-13-12.2-14.8c-1.4-1.9-3.8-5-3.8-9.5s2.4-7.6,3.8-9.5   c1.3-1.8,4.6-5.9,11.1-13.6H159.5V124.5z"/>
+	<g>
+		<path class="st0" d="M183.6,111.9c-1.6,0-4.3,0-7.4-0.1V89c2.2,0,5.4-0.1,8.4-0.1c5.9,0,8.3,2.2,8.3,5.6c0,2.3-1.4,4.2-3.7,5.1    l0,0c2.8,0.7,4.1,2.7,4.1,5.1C193.2,108,191.2,111.9,183.6,111.9z M183.7,92.3c-0.9,0-1.9,0-2.7,0v6.2c0.7,0,1.5,0,1.8,0    c3.1,0,5.1-1.1,5.1-3.4C187.8,93.5,186.9,92.3,183.7,92.3z M183,101.6c-0.5,0-1.4,0-2,0v6.7c0.7,0.1,1.6,0.2,2.7,0.2    c3.2,0,4.6-1.5,4.6-3.6C188.2,102.5,186.1,101.6,183,101.6z"/>
+		<path class="st0" d="M212.6,111.9l-1.6-4.4h-9.5l-1.7,4.4h-4.7l8.6-22.8h5.6l8.6,22.8C217.9,111.9,212.6,111.9,212.6,111.9z     M207.4,97.6c-0.4-1.2-0.9-2.5-1.2-3.6l0,0c-0.3,1.1-0.7,2.4-1.1,3.6l-2.5,6.4h7.2L207.4,97.6z"/>
+		<path class="st0" d="M228.8,104.2v7.6H224v-7.6L216,89h5.2l3.4,6.5c0.7,1.3,1.3,2.7,1.8,4.2l0,0c0.6-1.6,1.4-3.1,2.1-4.4l3.3-6.3    h4.9L228.8,104.2z"/>
+		<path class="st0" d="M239.8,111.9V89h13.4v3.7h-8.7v5.6h8.3v3.6h-8.3v6.1h8.7v3.8h-13.4V111.9z"/>
+		<path class="st0" d="M270.4,111.9l-6.5-9.4h-0.2v9.4H259V89c1.7-0.1,4.7-0.1,7.5-0.1c5.4,0,8.6,2.1,8.6,6.3c0,3.7-2.6,6-6.2,6.5    c0.5,0.6,1.1,1.5,1.8,2.5l5.7,7.6L270.4,111.9L270.4,111.9z M265.7,92.6c-0.8,0-1.4,0-2,0.1v6.6c0.7,0,1.5,0.1,2.2,0.1    c2.5,0,4.1-1.4,4.1-3.6C270,93.7,268.4,92.6,265.7,92.6z"/>
+		<path class="st0" d="M295.1,111.9l-7.9-12.4c-0.9-1.4-1.7-3-2.3-4.3l0,0c0.1,1.3,0.1,2.7,0.1,4.8v11.9h-4.6V89h6.3l7.7,12.2    c0.9,1.4,1.8,2.9,2.5,4.5l0,0c-0.1-1.4-0.1-3.6-0.1-6.6v-10h4.6v22.8C301.4,111.9,295.1,111.9,295.1,111.9z"/>
+	</g>
+	<path class="st2" d="M429.5,107.6c1.3-1.7,3.1-4.1,3.1-7.4s-1.8-5.7-3.1-7.4c-2-2.6-8.3-10.6-23.1-27.3   c-9.1-10.4-17.5-19.6-23.4-25.9c0,0-0.2-0.3-0.2-0.2c-0.7-0.7-2.7-2.8-6.7-2.8s-6,2.1-6.8,2.9c-2.7,2.8-10.3,11-23.6,26.1   c-14.9,16.9-21.1,24.8-23.1,27.3c-1.3,1.7-3.1,4.1-3.1,7.4s1.8,5.7,3.1,7.4c2,2.6,8.2,10.5,23.1,27.3c13.8,15.7,21.6,24,23.7,26.2   c0.7,0.7,2.7,2.8,6.7,2.8s6-2.1,6.7-2.8l0.2-0.2c3.4-3.7,11.1-11.9,23.5-26C421.1,118.2,427.4,110.3,429.5,107.6z"/>
+</g>
+<path class="st0" d="M383.6,68.6c-0.9,0-3.2,0.4-5.3,0.7c-4,0.7-16.4,2.9-16.4,2.9l0.5,11.3l9.6-0.2l-6.2,51l16,0.2l7.1-58.7  C388.9,75.8,389.8,68.6,383.6,68.6z"/>
+</svg>

sites/angestoepselt/_assets/logos/br.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.0" width="566.92914" height="392.15439" id="svg1879" inkscape:version="0.48.2 r9819" sodipodi:docname="AJAX.svg">
+  <metadata id="metadata8">
+    <rdf:RDF>
+      <cc:Work rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview pagecolor="#ffffff" bordercolor="#666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="640" inkscape:window-height="480" id="namedview6" showgrid="false" fit-margin-top="0" fit-margin-left="0" fit-margin-right="0" fit-margin-bottom="0" inkscape:zoom="0.53456211" inkscape:cx="283.46457" inkscape:cy="196.07719" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="0" inkscape:current-layer="svg1879"/>
+  <defs id="defs1881"/>
+  <g id="layer1" transform="translate(-17.716526,-17.725951)">
+    <path d="m 513.67926,28.136181 c -33.4375,0 -60.5307,27.10347 -60.5307,60.53067 0,33.445289 27.0932,60.556189 60.5307,60.556189 33.4346,0 60.5639,-27.1109 60.5639,-60.556189 0,-33.4272 -27.1293,-60.53067 -60.5639,-60.53067 z m 28.5162,89.262639 0,-71.020629 -71.4317,25.63405 0,17.65134 23.6512,-8.55354 0,53.387699 47.7805,-17.09892 z m -28.5162,-99.672869 c 39.2166,0 70.9664,31.76007 70.9664,70.9409 0,39.188589 -31.7498,70.958989 -70.9664,70.958989 -39.1731,0 -70.9409,-31.7704 -70.9409,-70.958989 0,-39.18083 31.7678,-70.9409 70.9409,-70.9409 l 0,0 z M 351.36424,232.27994 c 41.43614,-14.3274 71.08511,-47.3641 71.08511,-96.4311 0,-12.2882 -6.22382,-42.127109 -28.81417,-61.373289 -14.88756,-12.6861 -36.41705,-27.69909 -105.91689,-29.37649 -14.3713,-0.35185 -58.06488,1.20472 -58.06488,1.20472 l 0,2.51185 c 12.33922,9.42413 25.60571,25.04339 31.98614,43.04905 6.63981,-0.21826 16.6904,-0.75259 26.62052,-0.21826 27.90992,1.48712 40.06169,6.70641 52.63759,16.592949 12.64996,9.93012 19.45418,26.98507 19.37197,42.46087 -0.0797,21.1135 -10.10232,42.9332 -40.58327,55.355 -24.66566,10.0583 -54.49429,12.2697 -54.49429,12.2697 l -0.0206,7.6929 c 0,0 17.86146,8.5532 35.71051,32.1583 15.37796,20.3149 104.6328,151.7042 104.6328,151.7042 l 73.74043,0 c 0,0 -119.16563,-166.0032 -127.89102,-177.6004 l 0,0 z m -235.86519,126.9021 -41.292294,0 0,-267.841409 c 0.57792,0 18.52973,-0.22854 29.710634,-0.22854 46.10303,0 71.66516,23.841489 72.38197,56.562149 0.44433,19.8627 -5.44535,38.919 -25.70634,52.9356 -16.53874,11.4633 -39.58122,14.8794 -39.58122,14.8794 l 0,8.6255 c 0,0 31.94256,4.7569 48.16028,12.3417 30.20385,14.0988 39.17303,36.0088 39.38137,64.3347 0.33626,44.7906 -42.90519,58.3909 -83.0544,58.3909 l 0,0 z M 17.716526,46.190751 l 0,363.688589 80.70165,0 c 105.945234,0 161.952524,-39.037 161.952524,-112.9139 0,-43.9813 -27.61973,-73.0778 -71.09504,-83.1724 28.3259,-16.7623 46.51901,-41.4025 46.51901,-78.1175 0,-39.263019 -23.30433,-91.157939 -120.90436,-91.157939 -41.089264,0 -86.121144,1.32768 -97.173784,1.67209 l 0,0.0011 z" style="fill:#0086cb;fill-rule:evenodd" id="path10" inkscape:connector-curvature="0"/>
+  </g>
+</svg>

sites/angestoepselt/httpd.conf

@@ -18,6 +18,8 @@ url.redirect = (
 	"^/computer-spenden($|/)" => "/hardware-spenden",
 	"^/computer-reparieren($|/)" => "/kontakt/problem",
 	"^/kooperation($|/)" => "/ueber-uns/partner",
+	"^/satzung($|/)" => "/ueber-uns/satzung",
+	"^/presse($|/)" => "/neuigkeiten/pressestimmen",
 )
 
 #

sites/angestoepselt/neuigkeiten/pressestimmen.md

@@ -0,0 +1,66 @@
+---
+layout: layouts/page.njk
+eleventyNavigation:
+  key: Presse
+  order: 108
+---
+
+# Pressestimmen
+
+In der Vergangenheit sind wir als Verein immer mal wieder in den örtlichen Medien gelandet, worauf wir sehr stolz sind.
+Hier ist eine kleine Auflistung:
+
+- [
+  ![GEO Magazin 2020/11](/assets/magazine/geo-11-2020-zukunft-cover.png) Wie ein Verein aus Nerds Bedürftigen zu Computern verhilft – November 2020
+  ](https://www.geo.de/wissen/23500-rtkl-hobby-und-hilfsprogramm-wie-ein-verein-aus-nerds-beduerftigen-zu-computern){target="\_blank" rel="noopener noreferrer"}
+- [
+  ![Greenpeace Magazin](/assets/magazine/GP03-2020_Titel_RGB_96dpi.jpg) „Wegweiser“ – März 2020
+  ](https://www.greenpeace-magazin.de/wegweiser/matthias-hemmerich-lukas-seeber){target="\_blank" rel="noopener noreferrer"}
+- [
+  ![YouTube](/assets/logos/youtube.png) Imagefilm
+  ](https://www.youtube.com/watch?v=BmXSLUdbOvs){target="\_blank" rel="noopener noreferrer"}
+- [
+  ![Main-Post](/assets/logos/mainpost.gif) „Tüfteln und dabei Gutes tun“ – 13.07.2018
+  ](https://www.mainpost.de/regional/wuerzburg/Tuefteln-und-dabei-Gutes-tun;art735,10006292){target="\_blank" rel="noopener noreferrer"}
+- [
+  ![Main-Post](/assets/logos/mainpost.gif) „Studierende fördern junge Programmierer“ – 18.12.2017
+  ](/assets/magazine/MP-2017-12-18-Coder-Dojo.jpeg){target="\_blank" }
+- [
+  ![Südwest-Presse](/assets/logos/suedwest.png) „Riesiger Ansturm auf alte PCs“ – 22.06.2017
+  ](/assets/magazine/Artikel_Suedwest.pdf){target="\_blank"}
+- [
+  ![Main-Post](/assets/logos/mainpost.gif) „Run auf Angestöpselt“ – 11.06.2017
+  ](/assets/magazine/run_auf_angestoepselt.pdf){target="\_blank"}
+- [
+  ![Publik-Forum](/assets/logos/publik-forum.png) „Computer sind mein Leben“ – 12.04.2017
+  ](https://www.publik-forum.de/Publik-Forum-09-2017/computer-sind-mein-leben){target="\_blank" rel="noopener noreferrer"}
+- [
+  ![Main-Post](/assets/logos/mainpost.gif) „Schon mal an Ruhestand gedacht?“ – 06.11.2013
+  ](/assets/magazine/schonmalanruhestandgedacht.png){target="\_blank"}
+- [
+  ![Main-Echo](/assets/logos/mainecho.png) „YouTube statt Berliner Oper“ – 26.06.2013
+  ](/assets/magazine/2013-06-25_MainEcho_ComputerspendeWuerzburg-kurz-1.jpg){target="\_blank"}
+- [
+  ![Welt am Sonntag](/assets/logos/weltamsonntag.png) „Verein spendet PCs an Arme“ – 10.03.2013
+  ](/assets/magazine/2013_02_WeltamSonntag-angestoepselt_gesamt-klein-1.jpg){target="\_blank"}
+- [
+  ![DAPD](/assets/logos/dapd.png) „Gratiscomputer für Arbeitslose“ – 13.07.2012
+  ](/assets/magazine/dapd_2012.pdf){target="\_blank"}
+- [
+  ![Bayern 1](/assets/logos/bayern1.svg) Radiobericht – 24.02.2012
+  ](/assets/magazine/2013-11-25_Radiobeitrag_BistumWuerzburg-1.mp3){target="\_blank"}
+- [
+  ![BR Frankenschau](/assets/logos/br.svg) Fernsehauftritt – 23.01.2012
+  ](https://www.youtube.com/watch?v=Aq1CC6aPAng){target="\_blank" rel="noopener noreferrer"}
+- [
+  ![Main-Post](/assets/logos/mainpost.gif) „Geschenkte Computer verbessern Chancen“ – 04.01.2012
+  ](/assets/magazine/20120104_zeitungsartikel_mainpost_kl1-1.jpg){target="\_blank"}
+
+{.link-grid .large}
+
+{# Nicht mehr verfügbar:
+
+- https://www.mainpost.de/regional/wuerzburg/Angestoepselt-statt-abgehaengt;art735,8950122
+- https://www.mainpost.de/regional/franken/Alleinerziehende-Muetter-Arbeitslosengeld-Ehrenamtliches-Engagement-Internet;art1727,6878456
+- https://www.youtube.com/watch?v=iQVgon4GxJk
+  #}

sites/angestoepselt/ueber-uns/partner.md

@@ -45,6 +45,7 @@ Ohne unsere zahlreichen ehrenamtlichen Mitglieder wären viele unserer Projekte
 - [
     ![Fusic](/assets/logos/fusic.png) Bereitstellung eines Webservers
   ](https://fusic.de/){target="_blank" rel="noopener noreferrer"}
+
 {.link-grid}
 
 {# Shuffle the list after page load so that we get a new order every time. #}

styles/components/_markup.scss

@@ -155,7 +155,27 @@ ul.link-grid {
 	list-style: none;
 
 	@media screen and (min-width: layout.$breakpoint) {
-		grid-template-columns: repeat(3, 1fr);
+		&:not(.large) {
+			grid-template-columns: repeat(3, 1fr);
+		}
+
+		&.large {
+			gap: layout.$normal-gap;
+
+			> li > a {
+				display: flex;
+				align-items: center;
+
+				> img {
+					max-width: 6rem;
+					margin-right: layout.$normal-gap;
+				}
+			}
+		}
+	}
+
+	&.large {
+		@extend %narrow-content-gutter;
 	}
 
 	> li {