Reorganized directory structure

README.md

@@ -0,0 +1,64 @@
+# Queer all year
+Dies ist eine Kampagne für mehr vielfalt und weniger Regenbogenkapitalismus beim Braunschweiger CSD 2019.
+
+Weder technisch noch inhaltlich ist so richtig klar, was das letztlich mal werden wird. Bisherige Ideen:
+
+ * [*] Alternatives Logo im Stil des Originals
+ * [*] Website mit kurzer Erläuterung, so dass wir [QueerAllYear.de](http://queerallyear.de) auf unseren Merch drucken können
+ * [ ] Umfangreichere Website mit Navigation
+ * [ ] Ausführliches Manifest / Erklärung unserer Position
+ * [ ] Liste von Unterzeichner_innen
+ * [ ] Generator für Motive mit verschiedenen Farbkombinationen (WIP, sieht gut aus)
+ * [ ] Generator für Motive mit verschiedenen Texten
+ * [ ] Fertiger Merch (z.B. Sticker) die wir designen, in Druck geben und verbreiten
+
+# Motto
+Da sowohl der Reduktion auf "gay" als auch dem Konzepz "for one day" etwas entgegen gesetzt werden sollte, standen "queer" und "year" schnell fest. In einer Abstimmung zwischen den folgenden Mottos setzte sich _Queer all year_ mit 8 von 8 Stimmen durch:
+
+ * **Queer all year**
+ * Queer throughout the year
+ * Queer the entire year
+ * Queer the whole year
+
+# Logo
+Das Logo des CSD basiert auf der Schriftart _Stone Sans ITC TT Bold_. Wir haben den Schriftzug darin gesetzt und den Glyphen von Hand in mehrere Teile geschnitten, die jeweils mit linearen Farbverläufen gefüllt sind. Dies geschah zunächst in Adobe Illustrator, wurde aber letztlich in Inkscape fortgesetzt.
+
+Das Ergebnis ist eine SVG-Grafik, die wir mit selbstgebauten Tools weiter modifizieren können…
+
+## Logo-Modifikation
+Die Farbverläufe sind im SVG so definiert:
+
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="292.53"
+       x2="505.12"
+       y1="200.71"
+       x1="452.11"
+       id="E13">
+      <stop
+         id="stop1144"
+         stop-color="#2198d5"
+         offset="0.08" />
+      <stop
+         id="stop1146"
+         stop-color="#0067ab"
+         offset="0.34" />
+      <stop
+         id="stop1148"
+         stop-color="#0c478b"
+         offset="0.66" />
+    </linearGradient>
+
+Die IDs der Verläufe sind dreistellig, in diesem Fall `E13`. Dabei Steht `E` für den Buchstaben, zu dem es gehört, die `1` definiert den Index des Buchstabens _(ab 0 gezählt!)_ und die `3` den Index des Verlaufs im Buchstaben _(ab 1 gezählt!)_. Somit ist `E13` der dritte Verlauf im zweiten E des Schriftzugs.
+
+# Website
+Die aktuelle Website basiert ist eine einzelne html-Seite (`index.html`), die (quasi als Fallback) das Logo einbindet:
+
+    <img id="mainlogo" src="img/logo.svg" alt="Queer all year">
+
+Es gibt einen NodeJS-Server, der beim Ausliefern die obige Zeile durch den Inhalt der SVG-Datei ersetzt. Nur bei dieser Art der Einbettung kann später clientseitig im JavaScript auf den Bildinhalt zugriffen werden, denn das SVG wird einfach teil des (HTML-)DOM.
+
+# Tool
+Es existiert auch ein NodeJS-Script, dass `logo.svg` einlesen kann, in ein JSON-Objekt umwandeln, und daran Modifikationen vornehmen. Anschießend kann es wieder in XML bzw. SVG zurück verwandelt werden und in eine neue Datei geschrieben werden.
+
+Das Tool kann relativ fortschrittliche Berechnungen mit den Farbwerten machen, um die Verläufe neu zu färben.

js/main.js

@@ -1 +0,0 @@
-$("stop").attr("stop-color","#FFFF00");

node/queer.js

@@ -1,13 +0,0 @@
-
-var express = require('express');
-var app = express();
-
-app.get('/', function (req, res) {
-  res.send('Hello World!');
-});
-
-app.listen(8000, function () {
-  console.log('Example app listening on port 8000!');
-});
-
-

node/server/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "queerallyear",
+  "name": "queerallyear_server",
   "description": "Node-based parts of the queerallyear.de website",
   "version": "0.1.0",
   "dependencies": {

node/server/server.js

@@ -0,0 +1,21 @@
+
+var express = require('express');
+var fs = require('fs');
+var app = express();
+
+
+var index = fs.readFileSync("../../web/index.html").toString();
+var logo  = fs.readFileSync("../../web/img/logo.svg").toString();
+var output = index.replace('<img id="mainlogo" src="img/logo.svg" alt="Queer all year">', logo);
+
+app.get('/', function (req, res) {
+  res.send(output);
+});
+
+app.use(express.static('../../web/'));
+
+app.listen(8000, function () {
+  console.log('Example app listening on port 8000!');
+});
+
+

node/tool/.gitignore

@@ -0,0 +1,2 @@
+node_modules
+

node/tool/package-lock.json

@@ -0,0 +1,65 @@
+{
+    "name": "queerallyear",
+    "version": "0.0.1",
+    "lockfileVersion": 1,
+    "requires": true,
+    "dependencies": {
+        "color": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/color/-/color-3.1.2.tgz",
+            "integrity": "sha512-vXTJhHebByxZn3lDvDJYw4lR5+uB3vuoHsuYA5AKuxRVn5wzzIfQKGLBmgdVRHKTJYeK5rvJcHnrd0Li49CFpg==",
+            "requires": {
+                "color-convert": "^1.9.1",
+                "color-string": "^1.5.2"
+            }
+        },
+        "color-convert": {
+            "version": "1.9.3",
+            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+            "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+            "requires": {
+                "color-name": "1.1.3"
+            }
+        },
+        "color-name": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+            "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU="
+        },
+        "color-string": {
+            "version": "1.5.3",
+            "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.5.3.tgz",
+            "integrity": "sha512-dC2C5qeWoYkxki5UAXapdjqO672AM4vZuPGRQfO8b5HKuKGBbKWpITyDYN7TOFKvRW7kOgAn3746clDBMDJyQw==",
+            "requires": {
+                "color-name": "^1.0.0",
+                "simple-swizzle": "^0.2.2"
+            }
+        },
+        "is-arrayish": {
+            "version": "0.3.2",
+            "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
+            "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ=="
+        },
+        "sax": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
+            "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw=="
+        },
+        "simple-swizzle": {
+            "version": "0.2.2",
+            "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
+            "integrity": "sha1-pNprY1/8zMoz9w0Xy5JZLeleVXo=",
+            "requires": {
+                "is-arrayish": "^0.3.1"
+            }
+        },
+        "xml-js": {
+            "version": "1.6.11",
+            "resolved": "https://registry.npmjs.org/xml-js/-/xml-js-1.6.11.tgz",
+            "integrity": "sha512-7rVi2KMfwfWFl+GpPg6m80IVMWXLRjO+PxTq7V2CDhoGak0wzYzFgUY2m4XJ47OGdXd8eLE8EmwfAmdjw7lC1g==",
+            "requires": {
+                "sax": "^1.2.4"
+            }
+        }
+    }
+}

node/tool/package.json

@@ -0,0 +1,11 @@
+{
+    "name": "queerallyear",
+    "version": "0.0.1",
+    "dependencies": {
+        "color": "^3.1.2",
+        "xml-js": "^1.6.11"
+    },
+    "scripts": {
+        "start": "node queerallyear.js"
+    }
+}

node/tool/queerallyear.js

@@ -0,0 +1,233 @@
+var convert = require('xml-js');
+var util = require('util');
+var fs = require('fs');
+var color = require('color');
+
+var xml = fs.readFileSync("../progtest.svg");
+var js = convert.xml2js(xml, { compact: false, spaces: 4 });
+
+var gradients = js.elements[0].elements[2].elements;
+var rangesL = {};
+var rangesS = {};
+for (const key in gradients) {
+    if (gradients.hasOwnProperty(key)) {
+        const gradient = gradients[key];
+        var id = gradient.attributes.id;
+        if (id.length == 3) {
+            var letter = id.substring(0,2);
+            var stops = gradient.elements;
+            
+            if(!rangesL[letter]) 
+                rangesL[letter] = [];
+            if(!rangesS[letter]) 
+                rangesS[letter] = [];
+            
+            rangesL[letter].push(getLightnessRange(stops));
+            rangesS[letter].push(getSaturationRange(stops));
+        }
+    }
+}
+console.log(util.inspect(rangesL));
+
+composedRangesL = {};
+composedRangesS = {};
+
+for (const letter in rangesL) {
+    if (rangesL.hasOwnProperty(letter)) {
+        const letterRanges = rangesL[letter];
+        composedRangesL[letter] = composeRanges(letterRanges);
+    }
+}
+
+for (const letter in rangesS) {
+    if (rangesS.hasOwnProperty(letter)) {
+        const letterRanges = rangesS[letter];
+        composedRangesS[letter] = composeRanges(letterRanges);
+    }
+}
+
+const white = "#FFFFFF";
+const black = "#000000";
+const transBlue = "#6ad7fb";
+const transRose = "#f8b9c5";
+
+const biPink = "#d70271";
+const biViolet = "#9c4e98";
+const biBlue = "#0035aa";
+
+const aceGrey = "#919191";
+const aceViolet = "#922091";
+
+const panPink = "#ff1a8d";
+const panYellow = "#ffc500";
+const panBlue = "#1ab3ff";
+ 
+trans = {
+    "Q0" : transBlue,
+    "U0" : transRose,
+    "E0" : white,
+    "E1" : transRose,
+    "R0" : transBlue,
+
+    "A0" : transBlue,
+    "L0" : transRose,
+    "L1" : transRose,
+
+    "Y0" : white,
+    "E2" : white,
+    "A1" : transRose,
+    "R1" : transBlue,
+};
+
+
+bi = {
+    "Q0" : biPink,
+    "U0" : biPink,
+    "E0" : biViolet,
+    "E1" : biBlue,
+    "R0" : biBlue,
+
+    "A0" : biPink,
+    "L0" : biPink,
+    "L1" : biPink,
+
+    "Y0" : biViolet,
+    "E2" : biBlue,
+    "A1" : biBlue,
+    "R1" : biBlue,
+};
+
+
+pan = {
+    "Q0" : panPink,
+    "U0" : panPink,
+    "E0" : panYellow,
+    "E1" : panYellow,
+    "R0" : panBlue,
+
+    "A0" : panPink,
+    "L0" : panPink,
+    "L1" : panPink,
+
+    "Y0" : panYellow,
+    "E2" : panYellow,
+    "A1" : panBlue,
+    "R1" : panBlue,
+};
+
+
+ace = {
+    "Q0" : black,
+    "U0" : aceGrey,
+    "E0" : aceGrey,
+    "E1" : white,
+    "R0" : aceViolet,
+
+    "A0" : black,
+    "L0" : aceGrey,
+    "L1" : aceGrey,
+
+    "Y0" : white,
+    "E2" : white,
+    "A1" : aceViolet,
+    "R1" : aceViolet,
+};
+
+targetColors = pan;
+
+for (const key in gradients) {
+    if (gradients.hasOwnProperty(key)) {
+        const gradient = gradients[key];
+        var id = gradient.attributes.id;
+        if (id.length == 3) {
+            var letter = id.substring(0,2);
+            console.log(letter);
+
+            var targetColor = targetColors[letter];
+            var [th, ts, tl] = color(targetColor).hsl().color;
+            var stops = gradient.elements;
+            var diffLightness = adaptRange(composedRangesL[letter], tl);
+            var diffSaturation = adaptRange(composedRangesS[letter], 75);
+            console.log("dl: " + diffLightness);
+            console.log("ds: " + diffSaturation);
+
+            for (const key2 in stops) {
+                if (stops.hasOwnProperty(key2)) {
+                    const stop = stops[key2];
+                    var stopcolor = color(stop.attributes["stop-color"]);
+
+                    var [sh, ss, sl] = stopcolor.hsl().color;
+
+                    var nh = th;
+                    var ns = (ss - diffSaturation) * ts / 100;
+                    var nl = sl - diffLightness;
+
+                    var newColor = color.hsl([nh, ns, nl]).hex()
+                    stop.attributes["stop-color"] = newColor;
+                }
+            }
+        }
+    }
+}
+
+function composeRanges(rangeArray) {
+    var min, max;
+    for (const key in rangeArray) {
+        if (rangeArray.hasOwnProperty(key)) {
+            const range = rangeArray[key];
+            console.log("range: " + util.inspect(range));
+            
+            min = min ? Math.min(min, range.min) : range.min;
+            max = max ? Math.max(max, range.max) : range.max;
+        }
+    }
+    return {
+        "min": min,
+        "max": max,
+        "mid": (min + max) / 2,
+        "width": max - min
+    };
+}
+
+function adaptRange(range, target) {
+    if (target < range.width / 2)
+        target = range.width / 2;
+
+    if (target > 100 - range.width / 2)
+        target = 100 - range.width / 2;
+
+    return range.mid - target;
+}
+
+function getLightnessRange(stops) {
+    return getRange(stops, 2);
+}
+
+function getSaturationRange(stops) {
+    return getRange(stops, 1);
+}
+
+function getRange(stops, index) {
+    var min, max;
+    for (const key2 in stops) {
+        if (stops.hasOwnProperty(key2)) {
+            const stop = stops[key2];
+            var stopcolor = color(stop.attributes["stop-color"]);
+
+            var hsl = stopcolor.hsl().color;
+            min = min ? Math.min(min, hsl[index]) : hsl[index];
+            max = max ? Math.max(max, hsl[index]) : hsl[index];
+        }
+    }
+    return {
+        "min": min,
+        "max": max,
+        "mid": (min + max) / 2,
+        "width": max - min
+    };
+}
+
+
+var output = convert.js2xml(js, { compact: false, spaces: 4 });
+//console.log(util.inspect(js, {showHidden: false, depth: null}));
+fs.writeFileSync("../output.svg", output);

web/404.html

@@ -0,0 +1,60 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>Page Not Found</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <style>
+
+        * {
+            line-height: 1.2;
+            margin: 0;
+        }
+
+        html {
+            color: #888;
+            display: table;
+            font-family: sans-serif;
+            height: 100%;
+            text-align: center;
+            width: 100%;
+        }
+
+        body {
+            display: table-cell;
+            vertical-align: middle;
+            margin: 2em auto;
+        }
+
+        h1 {
+            color: #555;
+            font-size: 2em;
+            font-weight: 400;
+        }
+
+        p {
+            margin: 0 auto;
+            width: 280px;
+        }
+
+        @media only screen and (max-width: 280px) {
+
+            body, p {
+                width: 95%;
+            }
+
+            h1 {
+                font-size: 1.5em;
+                margin: 0 0 0.3em;
+            }
+
+        }
+
+    </style>
+</head>
+<body>
+    <h1>Page Not Found</h1>
+    <p>Sorry, but the page you were trying to view does not exist.</p>
+</body>
+</html>
+<!-- IE needs 512+ bytes: https://blogs.msdn.microsoft.com/ieinternals/2010/08/18/friendly-http-error-pages/ -->

web/browserconfig.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Please read: https://msdn.microsoft.com/en-us/library/ie/dn455106.aspx -->
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square70x70logo src="tile.png"/>
+            <square150x150logo src="tile.png"/>
+            <wide310x150logo src="tile-wide.png"/>
+            <square310x310logo src="tile.png"/>
+        </tile>
+    </msapplication>
+</browserconfig>

web/img/logo.svg

@@ -0,0 +1,945 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="Ebene_1"
+   data-name="Ebene 1"
+   viewBox="0 0 415.55 207.28"
+   version="1.1"
+   sodipodi:docname="Queer All Year Ohne Schatten Linear_verlaufnamen.svg"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)">
+  <metadata
+     id="metadata293">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Queer All Year Ohne Schatten Linear</dc:title>
+      </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="1317"
+     inkscape:window-height="713"
+     id="namedview291"
+     showgrid="false"
+     inkscape:zoom="2.8284271"
+     inkscape:cx="254.36341"
+     inkscape:cy="103.0054"
+     inkscape:window-x="49"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Ebene_1" />
+  <defs
+     id="defs226">
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="292.53"
+       x2="505.12"
+       y1="200.71"
+       x1="452.11"
+       id="E13">
+      <stop
+         id="stop1144"
+         stop-color="#2198d5"
+         offset="0.08" />
+      <stop
+         id="stop1146"
+         stop-color="#0067ab"
+         offset="0.34" />
+      <stop
+         id="stop1148"
+         stop-color="#0c478b"
+         offset="0.66" />
+    </linearGradient>
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="208.51"
+       x2="438.61"
+       y1="300.32"
+       x1="491.62"
+       id="E12">
+      <stop
+         id="stop1118"
+         stop-color="#0575ba"
+         offset="0.34" />
+      <stop
+         id="stop1120"
+         stop-color="#065da4"
+         offset="0.65" />
+      <stop
+         id="stop1122"
+         stop-color="#183e72"
+         offset="0.89" />
+    </linearGradient>
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="296.13"
+       x2="506.39"
+       y1="259.62"
+       x1="443.15"
+       id="E11">
+      <stop
+         id="stop1111"
+         stop-color="#4ab1e5"
+         offset="0.13" />
+      <stop
+         id="stop1113"
+         stop-color="#015a9a"
+         offset="0.6" />
+      <stop
+         id="stop1115"
+         stop-color="#153f72"
+         offset="0.89" />
+    </linearGradient>
+    <style
+       id="style2">.cls-1{fill:url(#Unbenannter_Verlauf_160);}.cls-2{fill:url(#Unbenannter_Verlauf_164);}.cls-3{fill:url(#Unbenannter_Verlauf_51);}.cls-4{fill:url(#Unbenannter_Verlauf_55);}.cls-5{fill:url(#Unbenannter_Verlauf_58);}.cls-6{fill:url(#Unbenannter_Verlauf_51-2);}.cls-7{fill:url(#Unbenannter_Verlauf_55-2);}.cls-8{fill:url(#Unbenannter_Verlauf_58-2);}.cls-9{fill:url(#Unbenannter_Verlauf_22);}.cls-10{fill:url(#Unbenannter_Verlauf_8);}.cls-11{fill:url(#Unbenannter_Verlauf_90);}.cls-12{fill:url(#Unbenannter_Verlauf_83);}.cls-13{fill:url(#Unbenannter_Verlauf_77);}.cls-14{fill:url(#Unbenannter_Verlauf_119);}.cls-15{fill:url(#Unbenannter_Verlauf_127);}.cls-16{fill:url(#Unbenannter_Verlauf_104);}.cls-17{fill:url(#Unbenannter_Verlauf_105);}.cls-18{fill:url(#Unbenannter_Verlauf_71);}.cls-19{fill:url(#Unbenannter_Verlauf_68);}.cls-20{fill:url(#Unbenannter_Verlauf_35);}.cls-21{fill:url(#Unbenannter_Verlauf_39);}.cls-22{fill:url(#Unbenannter_Verlauf_46);}.cls-23{fill:url(#Unbenannter_Verlauf_28);}.cls-24{fill:url(#Unbenannter_Verlauf_11);}.cls-25{fill:url(#Unbenannter_Verlauf_16);}.cls-26{fill:url(#Unbenannter_Verlauf_108);}.cls-27{fill:url(#Unbenannter_Verlauf_113);}.cls-28{fill:url(#Unbenannter_Verlauf_133);}.cls-29{fill:url(#Unbenannter_Verlauf_151);}.cls-30{fill:url(#Unbenannter_Verlauf_155);}</style>
+    <linearGradient
+       id="R12"
+       x1="571.62"
+       y1="195.1"
+       x2="627.02"
+       y2="291.06"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0.17"
+         stop-color="#ee739f"
+         id="stop4" />
+      <stop
+         offset="0.52"
+         stop-color="#ad1f46"
+         id="stop6" />
+      <stop
+         offset="0.77"
+         stop-color="#e31327"
+         id="stop8" />
+    </linearGradient>
+    <linearGradient
+       id="R11"
+       x1="574.27"
+       y1="257.29"
+       x2="641.21"
+       y2="218.64"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0.02"
+         stop-color="#ea556e"
+         id="stop11" />
+      <stop
+         offset="0.07"
+         stop-color="#e94f6e"
+         id="stop13" />
+      <stop
+         offset="0.25"
+         stop-color="#e83e6d"
+         id="stop15" />
+      <stop
+         offset="0.44"
+         stop-color="#e7346c"
+         id="stop17" />
+      <stop
+         offset="0.69"
+         stop-color="#e7316c"
+         id="stop19" />
+      <stop
+         offset="0.97"
+         stop-color="#ad1a4c"
+         id="stop21" />
+    </linearGradient>
+    <linearGradient
+       id="E23"
+       x1="452.11"
+       y1="200.71"
+       x2="505.12"
+       y2="292.53"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0.08"
+         stop-color="#2198d5"
+         id="stop24" />
+      <stop
+         offset="0.34"
+         stop-color="#0067ab"
+         id="stop26" />
+      <stop
+         offset="0.66"
+         stop-color="#0c478b"
+         id="stop28" />
+    </linearGradient>
+    <linearGradient
+       id="E22"
+       x1="491.62"
+       y1="300.32"
+       x2="438.61"
+       y2="208.51"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0.34"
+         stop-color="#0575ba"
+         id="stop31" />
+      <stop
+         offset="0.65"
+         stop-color="#065da4"
+         id="stop33" />
+      <stop
+         offset="0.89"
+         stop-color="#183e72"
+         id="stop35" />
+    </linearGradient>
+    <linearGradient
+       id="E21"
+       x1="443.15"
+       y1="259.62"
+       x2="506.39"
+       y2="296.13"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0.13"
+         stop-color="#4ab1e5"
+         id="stop38" />
+      <stop
+         offset="0.6"
+         stop-color="#015a9a"
+         id="stop40" />
+      <stop
+         offset="0.89"
+         stop-color="#153f72"
+         id="stop42" />
+    </linearGradient>
+    <linearGradient
+       id="Unbenannter_Verlauf_51-2"
+       x1="424.78"
+       y1="82.760002"
+       x2="477.79001"
+       y2="174.57001"
+       xlink:href="#E13" />
+    <linearGradient
+       id="Unbenannter_Verlauf_55-2"
+       x1="464.29001"
+       y1="182.37"
+       x2="411.28"
+       y2="90.550003"
+       xlink:href="#E12" />
+    <linearGradient
+       id="Unbenannter_Verlauf_58-2"
+       x1="415.82001"
+       y1="141.67"
+       x2="479.04999"
+       y2="178.17"
+       xlink:href="#E11" />
+    <linearGradient
+       id="U02"
+       x1="293.43"
+       y1="161.48"
+       x2="367.46"
+       y2="87.46"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0.19"
+         stop-color="#967219"
+         id="stop48" />
+      <stop
+         offset="0.22"
+         stop-color="#b38a18"
+         id="stop50" />
+      <stop
+         offset="0.27"
+         stop-color="#cea217"
+         id="stop52" />
+      <stop
+         offset="0.32"
+         stop-color="#e2b316"
+         id="stop54" />
+      <stop
+         offset="0.36"
+         stop-color="#eebe15"
+         id="stop56" />
+      <stop
+         offset="0.41"
+         stop-color="#f2c115"
+         id="stop58" />
+      <stop
+         offset="0.5"
+         stop-color="#f6c619"
+         id="stop60" />
+      <stop
+         offset="0.57"
+         stop-color="#fcce20"
+         id="stop62" />
+      <stop
+         offset="0.74"
+         stop-color="#f8d732"
+         id="stop64" />
+      <stop
+         offset="0.98"
+         stop-color="#f0e753"
+         id="stop66" />
+    </linearGradient>
+    <linearGradient
+       id="U01"
+       x1="323.60999"
+       y1="92.779999"
+       x2="323.60999"
+       y2="192.55"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#U02">
+      <stop
+         offset="0.04"
+         stop-color="#e7ce00"
+         id="stop69" />
+      <stop
+         offset="0.65"
+         stop-color="#f0e74a"
+         id="stop71" />
+    </linearGradient>
+    <linearGradient
+       id="A03"
+       x1="51.380001"
+       y1="151.41"
+       x2="67.089996"
+       y2="210.05"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#A02">
+      <stop
+         offset="0.29"
+         stop-color="#5f143b"
+         id="stop74" />
+      <stop
+         offset="0.61"
+         stop-color="#bf3155"
+         id="stop76" />
+      <stop
+         offset="0.91"
+         stop-color="#d63528"
+         id="stop78" />
+    </linearGradient>
+    <linearGradient
+       id="A02"
+       x1="264.1"
+       y1="207.94"
+       x2="307.02"
+       y2="250.86"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0.49"
+         stop-color="#ca284a"
+         id="stop81" />
+      <stop
+         offset="0.7"
+         stop-color="#9e2d50"
+         id="stop83" />
+      <stop
+         offset="0.91"
+         stop-color="#701b43"
+         id="stop85" />
+    </linearGradient>
+    <linearGradient
+       id="A01"
+       x1="266.23999"
+       y1="205.8"
+       x2="310.17001"
+       y2="249.73"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#A02">
+      <stop
+         offset="0.22"
+         stop-color="#cb2a4c"
+         id="stop88" />
+      <stop
+         offset="0.67"
+         stop-color="#ca2441"
+         id="stop90" />
+      <stop
+         offset="0.91"
+         stop-color="#d7292a"
+         id="stop92" />
+    </linearGradient>
+    <linearGradient
+       id="Y02"
+       x1="407.03"
+       y1="263.17"
+       x2="458.31"
+       y2="174.36"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0.03"
+         stop-color="#bacd11"
+         id="stop95" />
+      <stop
+         offset="0.56"
+         stop-color="#2f692d"
+         id="stop97" />
+      <stop
+         offset="0.9"
+         stop-color="#76b62c"
+         id="stop99" />
+    </linearGradient>
+    <linearGradient
+       id="Y01"
+       x1="395.39999"
+       y1="195.25999"
+       x2="456.79001"
+       y2="230.7"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#Y02">
+      <stop
+         offset="0.16"
+         stop-color="#00552a"
+         id="stop102" />
+      <stop
+         offset="0.56"
+         stop-color="#73a82d"
+         id="stop104" />
+      <stop
+         offset="0.9"
+         stop-color="#afca1b"
+         id="stop106" />
+    </linearGradient>
+    <linearGradient
+       id="L02"
+       x1="303.93"
+       y1="216.33"
+       x2="377.56"
+       y2="289.96"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0.29"
+         stop-color="#f49412"
+         id="stop109" />
+      <stop
+         offset="0.61"
+         stop-color="#ed6914"
+         id="stop111" />
+      <stop
+         offset="0.91"
+         stop-color="#aa4a1a"
+         id="stop113" />
+    </linearGradient>
+    <linearGradient
+       id="L01"
+       x1="331.59"
+       y1="273.84"
+       x2="331.59"
+       y2="202.33"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#L02">
+      <stop
+         offset="0.03"
+         stop-color="#ab4917"
+         id="stop116" />
+      <stop
+         offset="0.42"
+         stop-color="#ec7d21"
+         id="stop118" />
+      <stop
+         offset="0.57"
+         stop-color="#f4960e"
+         id="stop120" />
+    </linearGradient>
+    <linearGradient
+       id="R02"
+       x1="484.36"
+       y1="99.67"
+       x2="538.4"
+       y2="193.26"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0.22"
+         stop-color="#b94b8e"
+         id="stop123" />
+      <stop
+         offset="0.52"
+         stop-color="#611d49"
+         id="stop125" />
+      <stop
+         offset="0.77"
+         stop-color="#ab3d89"
+         id="stop127" />
+    </linearGradient>
+    <linearGradient
+       id="R01"
+       x1="497.14001"
+       y1="121.07"
+       x2="544.34003"
+       y2="148.33"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#R02">
+      <stop
+         offset="0"
+         stop-color="#b14187"
+         id="stop130" />
+      <stop
+         offset="0.12"
+         stop-color="#b9488d"
+         id="stop132" />
+      <stop
+         offset="0.37"
+         stop-color="#c35095"
+         id="stop134" />
+      <stop
+         offset="0.69"
+         stop-color="#c65397"
+         id="stop136" />
+      <stop
+         offset="0.97"
+         stop-color="#561b4c"
+         id="stop138" />
+    </linearGradient>
+    <linearGradient
+       id="E03"
+       x1="371.41"
+       y1="99.910004"
+       x2="424.42001"
+       y2="191.72"
+       gradientUnits="userSpaceOnUse"
+       spreadMethod="pad">
+      <stop
+         offset="0.08"
+         stop-color="#d8da05"
+         id="stop141" />
+      <stop
+         offset="0.35"
+         stop-color="#9dbe1f"
+         id="stop143" />
+      <stop
+         offset="0.66"
+         stop-color="#49ab34"
+         id="stop145" />
+    </linearGradient>
+    <linearGradient
+       id="E02"
+       x1="410.92001"
+       y1="199.52"
+       x2="357.91"
+       y2="107.7"
+       gradientUnits="userSpaceOnUse"
+       spreadMethod="pad"
+       xlink:href="#E03">
+      <stop
+         offset="0.34"
+         stop-color="#d8da05"
+         id="stop148" />
+      <stop
+         offset="0.65"
+         stop-color="#9dbe1f"
+         id="stop150" />
+      <stop
+         offset="0.89"
+         stop-color="#2a7231"
+         id="stop152" />
+    </linearGradient>
+    <linearGradient
+       id="E01"
+       x1="362.45"
+       y1="158.82"
+       x2="425.68"
+       y2="195.32"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0.13"
+         stop-color="#adca19"
+         id="stop155" />
+      <stop
+         offset="0.6"
+         stop-color="#378434"
+         id="stop157" />
+      <stop
+         offset="0.89"
+         stop-color="#296a2e"
+         id="stop159" />
+    </linearGradient>
+    <linearGradient
+       id="Q03"
+       x1="235.88"
+       y1="108.49"
+       x2="322.41"
+       y2="195.00999"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#Q02">
+      <stop
+         offset="0"
+         stop-color="#a4421a"
+         id="stop162" />
+      <stop
+         offset="0.37"
+         stop-color="#a6471b"
+         id="stop164" />
+      <stop
+         offset="0.5"
+         stop-color="#ed6d1b"
+         id="stop166" />
+      <stop
+         offset="0.66"
+         stop-color="#c64b1a"
+         id="stop168" />
+      <stop
+         offset="0.79"
+         stop-color="#f4990e"
+         id="stop170" />
+    </linearGradient>
+    <linearGradient
+       id="Q02"
+       x1="230.86"
+       y1="158.4"
+       x2="321.1"
+       y2="158.4"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0"
+         stop-color="#f4950f"
+         id="stop173" />
+      <stop
+         offset="0.52"
+         stop-color="#dd6b13"
+         id="stop175" />
+      <stop
+         offset="0.85"
+         stop-color="#c53f1a"
+         id="stop177" />
+      <stop
+         offset="1"
+         stop-color="#b2301a"
+         id="stop179" />
+    </linearGradient>
+    <linearGradient
+       id="Q01"
+       x1="242.81"
+       y1="156.88"
+       x2="294.14999"
+       y2="105.55"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#Q02">
+      <stop
+         offset="0"
+         stop-color="#ec6716"
+         id="stop182" />
+      <stop
+         offset="1"
+         stop-color="#f4960e"
+         id="stop184" />
+    </linearGradient>
+    <linearGradient
+       id="L12"
+       x1="330.54"
+       y1="198.83"
+       x2="404.17"
+       y2="272.46"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0.29"
+         stop-color="#ffea35"
+         id="stop187" />
+      <stop
+         offset="0.61"
+         stop-color="#fdc80f"
+         id="stop189" />
+      <stop
+         offset="0.91"
+         stop-color="#fcbc04"
+         id="stop191" />
+    </linearGradient>
+    <linearGradient
+       id="L11"
+       x1="358.20001"
+       y1="256.34"
+       x2="358.20001"
+       y2="184.83"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#L12">
+      <stop
+         offset="0.03"
+         stop-color="#b18612"
+         id="stop194" />
+      <stop
+         offset="0.42"
+         stop-color="#ffd220"
+         id="stop196" />
+      <stop
+         offset="0.57"
+         stop-color="#fdeb36"
+         id="stop198" />
+    </linearGradient>
+    <linearGradient
+       id="A13"
+       x1="301.19"
+       y1="142.61"
+       x2="316.9"
+       y2="201.25"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0.29"
+         stop-color="#621533"
+         id="stop201" />
+      <stop
+         offset="0.62"
+         stop-color="#972366"
+         id="stop203" />
+      <stop
+         offset="0.94"
+         stop-color="#c64994"
+         id="stop205" />
+    </linearGradient>
+    <linearGradient
+       id="A12"
+       x1="513.91"
+       y1="199.14"
+       x2="556.83"
+       y2="242.06"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0.49"
+         stop-color="#62103a"
+         id="stop208" />
+      <stop
+         offset="0.7"
+         stop-color="#983471"
+         id="stop210" />
+      <stop
+         offset="0.92"
+         stop-color="#62103a"
+         id="stop212" />
+    </linearGradient>
+    <linearGradient
+       id="A11"
+       x1="516.05"
+       y1="197"
+       x2="559.98"
+       y2="240.93"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0.09"
+         stop-color="#973673"
+         id="stop215" />
+      <stop
+         offset="0.28"
+         stop-color="#61103a"
+         id="stop217" />
+      <stop
+         offset="0.47"
+         stop-color="#62103a"
+         id="stop219" />
+      <stop
+         offset="0.67"
+         stop-color="#9d3471"
+         id="stop221" />
+      <stop
+         offset="0.91"
+         stop-color="#df62a0"
+         id="stop223" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#A02"
+       id="linearGradient1100"
+       gradientUnits="userSpaceOnUse"
+       x1="264.10001"
+       y1="207.94"
+       x2="307.01999"
+       y2="250.86" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#E23"
+       id="linearGradient1102"
+       gradientUnits="userSpaceOnUse"
+       x1="452.10999"
+       y1="200.71001"
+       x2="505.12"
+       y2="292.53" />
+  </defs>
+  <title
+     id="title228">Queer All Year Ohne Schatten Linear</title>
+  <path
+     class="cls-1"
+     d="M639.86,283.65l-26.78,4.48-12-37.11h-6.83v34.57H567.87V197.27h34.32a137.44,137.44,0,0,1,14,.5,30.75,30.75,0,0,1,13,4.55Q639,209,639,222.5q0,16-16.28,24.36Zm-25.81-59.5q0-6.83-4.17-9.47-3-1.89-10.72-1.89h-4.92v24h4.67q8.33,0,11.73-3.21T614.05,224.15Z"
+     transform="translate(-224.32 -83.36)"
+     id="path230"
+     style="fill:url(#R12)" />
+  <path
+     class="cls-2"
+     d="M632.26,204.75c.06.93.11,1.87.11,2.82,0,23.21-20,42-44.58,42a46.44,46.44,0,0,1-19.92-4.47v1.06c7.64,5.29,17.89,8.54,29.16,8.54,23.66,0,42.83-14.26,42.83-31.86C639.86,216.14,637.05,209.9,632.26,204.75Z"
+     transform="translate(-224.32 -83.36)"
+     id="path232"
+     style="fill:url(#R11)" />
+  <path
+     class="cls-3"
+     d="M510.13,289.64H451.08V201.31h53.75v16.78H477.45V235H504.2v16.91H477.45v20.94h32.68Z"
+     transform="translate(-224.32 -83.36)"
+     id="path234"
+     style="fill:url(#linearGradient1102);fill-opacity:1.0" />
+  <path
+     class="cls-4"
+     d="M477.45,272.85V251.91H478c-8.35,0-15.11-14.21-15.11-31.73a57.66,57.66,0,0,1,3-18.87H451.08v88.33h59.05V272.85Z"
+     transform="translate(-224.32 -83.36)"
+     id="path236"
+     style="fill:url(#E22)" />
+  <path
+     class="cls-5"
+     d="M477.45,272.85v-.08c-14.71-.88-26.37-12.56-26.37-26.88v43.75h59.05V272.85Z"
+     transform="translate(-224.32 -83.36)"
+     id="path238"
+     style="fill:url(#E21)" />
+  <path
+     class="cls-6"
+     d="M482.8,171.68H423.75V83.36H477.5v16.78H450.12v16.91h26.75V134H450.12v21H482.8Z"
+     transform="translate(-224.32 -83.36)"
+     id="path240"
+     style="fill-opacity:1.0" />
+  <path
+     class="cls-7"
+     d="M450.12,154.9V134h.5c-8.34,0-15.1-14.2-15.1-31.72a57.66,57.66,0,0,1,3-18.87H423.75v88.32H482.8V154.9Z"
+     transform="translate(-224.32 -83.36)"
+     id="path242"
+     style="fill-opacity:1.0" />
+  <path
+     class="cls-8"
+     d="M450.12,154.9v-.09c-14.72-.88-26.37-12.55-26.37-26.87v43.74H482.8V154.9Z"
+     transform="translate(-224.32 -83.36)"
+     id="path244"
+     style="fill-opacity:1.0" />
+  <path
+     class="cls-9"
+     d="M370.43,136.23q0,14.27-2.65,20.94-7.95,20.33-36.21,20.32-23,0-32.68-14A29.69,29.69,0,0,1,294,149.86a139.72,139.72,0,0,1-.5-14.64V87.65h26.37V130.8q0,16.27,2,21.08,3,7.19,11,7.19,10.47,0,13.37-10.48,1.4-4.92,1.39-18.42V87.65h22.84Z"
+     transform="translate(-224.32 -83.36)"
+     id="path246"
+     style="fill:url(#U02)" />
+  <path
+     class="cls-10"
+     d="M344.31,175.25c-13.52,0-24.48-13.51-24.48-30.17V87.65H293.46v47.57a139.72,139.72,0,0,0,.5,14.64,29.69,29.69,0,0,0,4.93,13.62q9.71,14,32.68,14c8.92,0,16.3-1.54,22.19-4.57A20.51,20.51,0,0,1,344.31,175.25Z"
+     transform="translate(-224.32 -83.36)"
+     id="path248"
+     style="fill:url(#U01);fill-opacity:1.0" />
+  <polygon
+     class="cls-11"
+     points="92.63 152.98 66.7 171.61 49.39 171.39 35.64 155.63 18.16 198.58 38.85 198.58 47.43 177.38 74.81 177.38 81.75 198.58 109.89 198.58 92.63 152.98"
+     id="polygon250"
+     style="fill:url(#A03);fill-opacity:1.0" />
+  <path
+     class="cls-12"
+     d="M300.77,193.61H278.43l-20.16,49.53a13.55,13.55,0,0,0,.77,10c5.2,9.76,23.6,10.11,41.1.79a55.44,55.44,0,0,0,17.92-14.67Zm-5.95,52.3c0,3.56-4.15,7.78-9.27,7.78s-9.27-4.22-9.27-7.78c0-1.78,9.85-26.69,9.85-26.69S294.82,244.34,294.82,245.91Z"
+     transform="translate(-224.32 -83.36)"
+     id="path252"
+     style="fill:url(#linearGradient1100);fill-opacity:1.0" />
+  <path
+     class="cls-13"
+     d="M300.77,193.61H278.43L261,236.55a30.15,30.15,0,0,1,12.6-2.62,32.89,32.89,0,0,1,6.63.67c2.75-7.29,5.95-15.38,5.95-15.38s8.69,25.12,8.69,26.69v1.42c0,7.21-9.05,13.08-20.39,13.37,7.55.27,20-1,29-5.81,7.6-4,10.54-10.2,14.67-15.6Z"
+     transform="translate(-224.32 -83.36)"
+     id="path254"
+     style="fill:url(#A01);fill-opacity:1.0" />
+  <path
+     class="cls-14"
+     d="M479.26,186.45l-27.51,53v34.32H425.38V239.45l-25.62-51.74L428,184.18l13.62,34.95,16.15-34.95Z"
+     transform="translate(-224.32 -83.36)"
+     id="path256"
+     style="fill:url(#Y02)" />
+  <path
+     class="cls-15"
+     d="M441.75,219.79q-.3-.85-.51-1.71L428,184.18l-28.27,3.53,25.51,51.52h.14c3,5.43,7.82,9,13.22,9s10.18-3.53,13.21-9h0l4.81-9.27A15.57,15.57,0,0,1,441.75,219.79Z"
+     transform="translate(-224.32 -83.36)"
+     id="path258"
+     style="fill:url(#Y01);fill-opacity:1.0" />
+  <path
+     class="cls-16"
+     d="M376.88,290.64H328a10,10,0,0,1-10-10V202.31h26.38v71.54h32.55Z"
+     transform="translate(-224.32 -83.36)"
+     id="path260"
+     style="fill:url(#L02)" />
+  <path
+     class="cls-17"
+     d="M344.33,273.84V202.33c-14.11.33-25.48,16.2-25.48,35.75S330.22,273.51,344.33,273.84Z"
+     transform="translate(-224.32 -83.36)"
+     id="path262"
+     style="fill:url(#L01);fill-opacity:1.0" />
+  <path
+     class="cls-18"
+     d="M551.56,185.67l-24.77,10-13-40.08H507v34.57H480.61V101.84h34.32a137.44,137.44,0,0,1,14,.5,30.88,30.88,0,0,1,13,4.54q9.84,6.69,9.84,20.19,0,16-16.27,24.35Zm-24.77-57q0-6.81-4.17-9.46-3-1.89-10.72-1.89H507v24h4.67q8.33,0,11.73-3.22T526.79,128.71Z"
+     transform="translate(-224.32 -83.36)"
+     id="path264"
+     style="fill:url(#R02)" />
+  <path
+     class="cls-19"
+     d="M545,109.32c.06.93.11,1.87.11,2.82,0,23.21-20,42-44.58,42a46.44,46.44,0,0,1-19.92-4.46v1.05c7.64,5.3,17.89,8.55,29.16,8.55,23.66,0,42.84-14.27,42.84-31.86C552.61,120.7,549.79,114.46,545,109.32Z"
+     transform="translate(-224.32 -83.36)"
+     id="path266"
+     style="fill:url(#R01);fill-opacity:1.0" />
+  <path
+     class="cls-20"
+     d="M429.43,188.83H370.38V100.51h53.75v16.78H396.75V134.2H423.5v16.9H396.75v21h32.68Z"
+     transform="translate(-224.32 -83.36)"
+     id="path268"
+     style="fill-opacity:1;fill:url(#E03)" />
+  <path
+     class="cls-21"
+     d="M396.75,172.05v-21h.5c-8.34,0-15.1-14.2-15.1-31.72a57.66,57.66,0,0,1,3-18.87H370.38v88.32h59.05V172.05Z"
+     transform="translate(-224.32 -83.36)"
+     id="path270"
+     style="fill-opacity:1.0;fill:url(#E02)" />
+  <path
+     class="cls-22"
+     d="M396.75,172.05V172c-14.71-.88-26.37-12.55-26.37-26.87v43.74h59.05V172.05Z"
+     transform="translate(-224.32 -83.36)"
+     id="path272"
+     style="fill:url(#E01)" />
+  <path
+     class="cls-23"
+     d="M321.1,190.27l-9.21,15.27L273,186.1h-3.4q-21.33,0-33.32-12.36t-12-33.69q0-19.82,12.55-32.56t31.74-12.74q19.54,0,31.67,13.38Q312,121,312,140.68a48,48,0,0,1-4.41,21.2q-4.43,9.09-14.14,17.28Zm-36.85-49.46q0-27.65-16.27-27.64-16,0-16,27.26t16.15,27.25Q284.26,167.68,284.25,140.81Z"
+     transform="translate(-224.32 -83.36)"
+     id="path274"
+     style="fill-opacity:1.0;fill:url(#Q03)" />
+  <path
+     class="cls-24"
+     d="M290.62,177.93h0l-29.67-12L248,160.05l-7.87-45.41-1.3-3.38a42.06,42.06,0,0,0-3.75,6.3c-10.9,22.56-.09,50.34,24.14,62.05l52.64,25.93,9.21-15.27Z"
+     transform="translate(-224.32 -83.36)"
+     id="path276"
+     style="fill:url(#Q02)" />
+  <path
+     class="cls-25"
+     d="M304.62,131.22a36.31,36.31,0,0,0-36.08-36.47l-.66,0a36.46,36.46,0,0,0-.11,72.89Q252,167.38,252,140.43q0-27.25,16-27.26,16.27,0,16.27,27.64,0,26.76-16,26.87h.26A36.3,36.3,0,0,0,304.62,131.22Z"
+     transform="translate(-224.32 -83.36)"
+     id="path278"
+     style="fill:url(#Q01);fill-opacity:1.0" />
+  <path
+     class="cls-26"
+     d="M403.49,273.14H354.58a10,10,0,0,1-10-10V184.81h26.38v71.54h32.55Z"
+     transform="translate(-224.32 -83.36)"
+     id="path280"
+     style="fill:url(#L12)" />
+  <path
+     class="cls-27"
+     d="M370.94,256.34V184.83c-14.11.33-25.48,16.2-25.48,35.75S356.83,256,370.94,256.34Z"
+     transform="translate(-224.32 -83.36)"
+     id="path282"
+     style="fill:url(#L11);fill-opacity:1.0" />
+  <polygon
+     class="cls-28"
+     points="342.43 144.18 316.51 162.81 299.2 162.59 285.45 146.83 267.96 189.78 288.65 189.78 297.23 168.58 324.62 168.58 331.56 189.78 359.69 189.78 342.43 144.18"
+     id="polygon284"
+     style="fill:url(#A13)" />
+  <path
+     class="cls-29"
+     d="M550.57,184.81H528.24l-20.17,49.53a13.55,13.55,0,0,0,.77,10c5.21,9.76,23.61,10.11,41.11.79a55.66,55.66,0,0,0,17.92-14.67Zm-6,52.3c0,3.56-4.15,7.78-9.27,7.78s-9.26-4.22-9.26-7.78c0-1.78,9.85-26.69,9.85-26.69S544.62,235.54,544.62,237.11Z"
+     transform="translate(-224.32 -83.36)"
+     id="path286"
+     style="fill:url(#A12)" />
+  <path
+     class="cls-30"
+     d="M550.57,184.81H528.24l-17.48,42.94a30.09,30.09,0,0,1,12.6-2.62,33,33,0,0,1,6.63.67c2.75-7.29,6-15.38,6-15.38s8.68,25.12,8.68,26.69v1.42c0,7.21-9,13.08-20.38,13.37,7.54.27,20-1,29-5.81,7.61-4.05,10.54-10.2,14.68-15.6Z"
+     transform="translate(-224.32 -83.36)"
+     id="path288"
+     style="fill:url(#A11)" />
+</svg>

web/index.html

@@ -24,8 +24,8 @@
     <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
   <![endif]-->
   <div class="screenbox">
-    <!-- <img id="mainlogo" src="img/logo.svg" alt="Queer all year"> -->
-    <?php include('img/logo.svg'); ?>
+    <!-- The next line will be replaces with the inlined SVG-file, but don't change it! -->
+    <img id="mainlogo" src="img/logo.svg" alt="Queer all year">
   </div>
   <div class="screenbox">
     <div class="innerbox">

web/js/main.js

@@ -0,0 +1,4 @@
+//$("stop").attr("stop-color","#FFFF00");
+
+// This is needed so that the CSS rules apply to the logo
+$("svg").attr("id","mainlogo");