Vorbereitung für größere Inhaltsänderung (vorllem Sticker / Postkarten)

node/server/pages.js

@@ -26,6 +26,13 @@ exports.pages = [
         "title" : "Unterstütze uns",
         "cardtitle" : "Wie kannst du Queer All Year unterstüzen?",
         "description" : "Sichtbar sein, Merch verteilen, die Erklärung unterzeichnen oder Geld beisteuern - auf viele verschiedene Weisen kannst du uns Support geben.",
+        "hidden" : true
+    },
+    {
+        "name" : "merch",
+        "title" : "Sticker, Postkarten, etc.",
+        "cardtitle" : "Sticker, Postkarten, Aufnäher und Taschen",
+        "description" : "Wir haben mit euren Spenden schöne Dinge gedruckt! Welche es gibt, und wie ihr sie erhalten könnt, steht hier.",
     },
     {
         "name" : "design",

node/server/server.js

@@ -68,9 +68,9 @@ function getNavi(activeName) {
       if (!page.hidden) {
         var title = page.menutitle || page.title;
         if (page.name == activeName)
-          navi += '<li><a href="/' + page.name + '.html" class="active">' + title + '</a></li>';
+          navi += '<li><a href="/' + page.name + '.html" title="' + page.cardtitle + '" class="active">' + title + '</a></li>';
         else
-          navi += '<li><a href="/' + page.name + '.html">' + title + '</a></li>';
+          navi += '<li><a href="/' + page.name + '.html" title="' + page.cardtitle + '">' + title + '</a></li>';
       }
     }
   }
@@ -241,8 +241,8 @@ app.get('/design/download', async function (req, res) {
       typeForInksacpe = realFormat;
 
       if (realFormat == "png" || realFormat == "jpg") {
-        if (widthPixel > 4096) {
-          res.status(500).send("Sorry, größer als 4096 ist nicht erlaubt.");
+        if (widthPixel > 10000) {
+          res.status(500).send("Sorry, größer als 10000 ist nicht erlaubt.");
           return;
         }
         if (realFormat == "jpg" || type == "png") { // type == png implies non-transparent

web/contents/design.fragment

@@ -206,13 +206,26 @@
             <img src="/img/logo_orig2_mono.svg" width="80%">
     
             <h2>Siebdruck</h2>
-            <p><b>Wir haben kürzlich erste Versuche mit Siebdruck gemacht, die recht positiv verliefen. Die folgenden Abschnitte werden in Kürze überarbeitet.</b></p>
+            <p>Nachdem unsere Erfahrungen mit kommerziellen Anbietern für T-Shirts nicht ganz überzeugend waren, haben wir selbst ein paar Versuche mit Siebdruck gemacht. Für die meisten von uns war es der erste Kontakt mit diesem Handwerk, aber wir waren dennoch sehr schnell erfolgreich.</p>
 
-            <p>Für das Siebdruck-Verfahren werden zunächst Drucksiebe belichtet und entwickelt, durch die später die Farbe gepresst wird. Dabei muss je Farbe ein Sieb angefertigt werden. Das lohnt sich für kommerzielle Anbieter erst bei einer größeren Anzahl gleichartiger Shirts (ca. 20 Stück) so richtig. Wenn du privat siebdruckst, und viel Zeit hast, kann das durchaus auch schon bei einem Einzelstück ok sein.</p>
+            <p>Für das Siebdruck-Verfahren werden zunächst Drucksiebe belichtet und entwickelt, durch die später die Farbe gepresst wird. Das lohnt sich für kommerzielle Anbieter erst bei einer größeren Anzahl gleichartiger Shirts (ca. 20 Stück) so richtig. Wenn du privat siebdruckst, und viel Zeit hast, kann das durchaus auch schon bei einem Einzelstück ok sein.</p>
 
-            <p>Auch wenn dieses Verfahren theoretisch beliebige Farben und Verläufe abbilden kann, ist das in der Praxis nicht immer möglich.</p>
+          
+            <p>Zunächst haben wir die Variante ohne Raster und Verlauf getestet, die ursprünglich für den Schneidplotter entwickelt wurde. Das ging ohne Probleme.</p>
 
-            <p>Siebdruck kannst du nicht nur von großen Firmen ausführen lassen - auch viele linke Gruppen, Jugendzentren, Do-it-Yourself-Werkstätten und Kollektive haben Ausrüstung für den Siebdruck. Allerdings haben diese oft nur die nötige Technik für einfarbige Motive oder welche mit sehr wenigen Farben. Es gelten also ähnliche Beschränkungen wie bei Flex- und Flockfolie.</p>
+            <img src="img/siebdruck_ohne_raster.jpg">
+
+            <p>Eine Version mit groberer Rasterung funktionierte auch erstaunlich gut.</p>
+
+            <img src="img/siebdruck_mit_raster.jpg">
+
+            <p>Letztlich haben wir mehrere verschiedene Farben gleichzeitig auf das Sieb aufgebracht und in einem Durchgang verstrichen, um Motive mit Farbstreifen bzw. Farbverlauf zu erzeugen. Das war etwas anspruchsvoller, aber offenbar auch für uns Anfängerinnen zu schaffen.</p>
+
+            <img src="img/siebdruck_verlauf.jpg">
+
+            <p>Siebdruck kannst du nicht nur von großen Firmen ausführen lassen - auch viele linke Gruppen, Jugendzentren, Do-it-Yourself-Werkstätten und Kollektive haben Ausrüstung für den Siebdruck. Für den Fall, dass du selbst Siebdruck ausprobieren möchtest, kannst du hier unsere <a href="">Druckvorlage</a> herunterladen.</p>
+
+            <img src="img/siebdruck_vorlage.png">
 
             <h2>Transferfolie</h2>
             <p>Es gibt Transferfolie, die du zuhause mit einem Tintenstrahl- oder Laserdrucker bedrucken kannst, um sie dann mit einem Bügeleisen auf den Stoff aufzubringen. Die Qualität ist nicht so gut wie bei den anderen Verfahren, und du kannst damit keinen Transparenzverlauf umsetzen (auch nicht mit Raster), wie er für den Schatten nötig wäre.</p>

web/contents/head.fragment

@@ -35,7 +35,7 @@
   <![endif]-->
 
   <header class="header">
-    <a href="/" class="logo"><img id="navilogo" style="width:13em;" src="img/navi.png" alt="Queer all year - Startseite"></a>
+    <a href="/" class="logo" title="Startseite"><img id="navilogo" style="width:13em;" src="img/navi.png" alt="Queer all year - Startseite"></a>
     <input class="menu-btn" type="checkbox" id="menu-btn" />
     <label class="menu-icon" for="menu-btn"><span class="navicon"></span></label>
     <ul class="menu">

web/contents/index.fragment

@@ -34,14 +34,18 @@
         <p>
           An jedem einzelnen Tag. Das ganze Jahr.
         </p>
+
         <h2>Aber was ist denn nun das Problem mit dem Motto?</h2>
-        <p>Weil es damit mehr als nur ein Problem gibt, haben wir <a href="/statement.html">eine längere Erklärung</a> dazu geschrieben.</p>
+            <p>Weil es damit mehr als nur ein Problem gibt, haben wir <a href="/statement.html">eine längere Erklärung</a> dazu geschrieben.</p>
 
         <h2>Sichtbar queer sein</h2>
+            <p>In erster Linie ist uns wichtig, dass wir sichtbar sind.</p>
 
-        <p>Wir stellen Sticker, Plakate, etc. mit dem Queer-all-Year-Logo her, mit denen du zeigen kannst, dass auch du Queer all Year bist.</p>
-        
-        <p>Alternativ kannst du <a href="/design.html">dein eigenes Motiv gestalten</a> und damit machen, was du möchtest.</p>
+            <p>Sichtbar auf dem CSD, indem das Queer-All-Year-Logo viele Menschen, Plakate, Banner etc. schmückt. Dazu kannst du <a href="/merch.html">fertige Sticker usw.</a> von uns bekommen, oder dir <a href="/design.html">eigene Motive gestalten</a> und drucken (lassen). Sei einfach du selbst und zeige, dass wir viele sind!</p>
+
+            <p>Aber auch davor möchten wir schon sichtbar sein, damit queere Menschen, die sich mit dem Motto "Gay* for one day" nicht identifizieren können, von uns erfahren.</p>
+
+            <p>Also sprich über uns! Erzähl deinen Freunden von Queer All Year, aber spreche auch queere Gruppen und Organisiationen an, die uns ggf. unterstützen möchten. Verlinke uns gern auch in den Sozialen Medien!</p>
       </div>
     </div>
   </div>

web/contents/merch.fragment

@@ -0,0 +1,29 @@
+<div class="pagebox">
+    <div class="innerbox">
+        <div class="innerinnerbox">
+            <h1>Postkarten</h1>
+            <p>Unsere Postkarte zeigt im Vordergrund ein großes Queer-all-Year-Logo in Regenbogenfarben, und im Hintergrund 252 mal "Queer all year" als Schriftzug. Auf den 1000 Postkarten, die wir drucken ließen, entspricht dies in Summe der Einwohnerzahl Braunschweigs.</p>
+
+            <p>Davon sind 15 Schriftzüge in den Farben verschiedener Pride-Flags eingefärbt. Das kann man gern als Metapher für die queeren Menschen in Braunschweig sehen - aber stimmt der Anteil denn? Das war zumindest nicht unser Ziel, denn wir haben schlicht jede Flagge, die wir auf dieser Website zeigen, je einmal verwendet. Jede Flagge macht damit knapp 0,4% aus, und in summe sind  knapp 6% der Schriftzüge bunt. Wie viele Menschen tatsächlich queer sind, weiß aber niemand genau. Nehmen wir allein den Anteil bisexueller Menschen an der Bevölkerung, so finden sich leicht Studien die ihn auf unter 1%, etwa 19% oder gar über 40% schätzen. Entsprechend schwer ist es, die Gesamtmenge abzuschätzen. Vermutlich müsste unsere Karte aber noch viel bunter sein, um wirklich die Gesellschaft abzubilden.</p>
+        </div>
+    </div>
+    <div class="innerbox">
+        <div class="innerinnerbox">
+            <h1>Sticker</h1>
+            <p>Wir haben ein paar verschiedene Sticker mit dem Queer-all-Year-Schriftzug drucken lassen, in verschiedenen Größen, Formen und Flaggen:</p>
+             <ul>
+                <li>DIN A7: Regenbogen</li>
+                <li>DIN A8: Trans, Lesbisch, Asexuell, Bi, Pan, Kinky</li>
+                <li>Länglich groß: Polyamor</li>
+                <li>Länglich klein: More Color Pride</li>
+            </ul>
+        </div>
+    </div>
+    <div class="innerbox">
+        <div class="innerinnerbox">
+            <h1>Aufnäher und Taschen</h1>
+            <p>Ja, nichts genaues weiß man nicht.</p>
+        </div>
+    </div>
+   
+</div>

web/contents/signatures.fragment

@@ -41,6 +41,13 @@
             </div></a>
          
     <div class="clearfix"> </div>
-    <p>Soll auch deine Organisation dazu? Dann lies den Abschnitt „Unterzeichnen“ auf der Seite <a href="/support.html">„Unterstütze uns“</a>.</p>
-
+    <h1>Unterzeichnen</h1>
+    <p>Gruppen und Organisiationen, die sich mit unserem <a href="/statement.html">Statement</a> identifizieren, könnenhier als Unterstützer_in genannt werden.</p>
+    <p>Schreib uns einfach eine Mail an <a href="mailto:kontakt@queerallyear.de">kontakt@queerallyear.de</a> und schicke uns:</p>
+    <ul>
+        <li>den konkreten Namen, mit dem ihr gelistet werden möchtet</li>
+        <li>ein Logo, das auf weißem Untergrund angezeigt werden kann</li>
+        <li>die Adresse eurer Website, die wir verlinken sollen</li>
+    </ul>
+    <p>Besonders freuen wir uns, wenn ihr auf eurer Seite auch einen Verweis zu uns setzt.</p>
 </div>

web/contents/support.fragment

@@ -1,9 +1,10 @@
+
 <div class="pagebox">
     <div class="innerbox">
         <div class="innerinnerbox">
             <h1>Sichtbar werden</h1>
             <p>In erster Linie ist uns wichtig, dass wir sichtbar sind.</p>
-            <p>Sichtbar auf dem CSD, indem das Queer-All-Year-Logo viele Menschen, Plakate, Banner etc. schmückt. Dazu kannst du fertige Sticker usw. von uns bekommen, oder dir <a href="/design.html">eigene Motive gestalten</a> und drucken (lassen). Sei einfach du selbst und zeige, dass wir viele sind!</p>
+            <p>Sichtbar auf dem CSD, indem das Queer-All-Year-Logo viele Menschen, Plakate, Banner etc. schmückt. Dazu kannst du <a href="/merch.html">fertige Sticker usw.</a> von uns bekommen, oder dir <a href="/design.html">eigene Motive gestalten</a> und drucken (lassen). Sei einfach du selbst und zeige, dass wir viele sind!</p>
             <p>Aber auch davor möchten wir schon sichtbar sein, damit queere Menschen, die sich mit dem Motto "Gay* for one day" nicht identifizieren können, von uns erfahren.</p>
             <p>Also sprich über uns! Erzähl deinen Freunden von Queer All Year, aber spreche auch queere Gruppen und Organisiationen an, die uns ggf. unterstützen möchten. Verlinke uns gern auch in den Sozialen Medien!</p>
         </div>
@@ -11,7 +12,7 @@
     <div class="innerbox">
         <div class="innerinnerbox">
             <h1>Merch verteilen</h1>
-            <p>Wir werden in Kürze Sticker und Flyer produzieren. Gern kannst du einen Packen davon bekommen und an Interessierte weiter geben.</p>
+            <p>Wir haben <a href="merch.html">Sticker und Postkarten</a> produziert. Gern kannst du einen Packen davon bekommen und an Interessierte weiter geben.</p>
         </div>
     </div>
     <div class="innerbox">