Compare revisions

eaca0dd1 · eaca0dd1 · eaca0dd1 · eaca0dd1 · eaca0dd1 · eaca0dd1
--- a/OBS-recources/bb3-intro-chime.wav
+++ b/OBS-recources/bb3-intro-chime.wav
--- a/OBS-recources/technical dificulties/technical-difficulties-static.svg
+++ b/OBS-recources/technical dificulties/technical-difficulties-static.svg
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="1920"
+   height="1080"
+   viewBox="0 0 508 285.75"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)"
+   sodipodi:docname="technical-difficulties-static.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="mm"
+     showgrid="false"
+     units="px"
+     inkscape:snap-page="true"
+     inkscape:zoom="0.78305976"
+     inkscape:cx="408.65336"
+     inkscape:cy="440.5794"
+     inkscape:window-width="3840"
+     inkscape:window-height="2054"
+     inkscape:window-x="0"
+     inkscape:window-y="39"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs2">
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#media-dark"
+       id="linearGradient11765"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.8664957,0,0,1.4181238,-2666.1804,-670.26815)"
+       x1="1274.2083"
+       y1="270.42169"
+       x2="1274.2083"
+       y2="449.97531" />
+    <linearGradient
+       inkscape:collect="always"
+       id="media-dark">
+      <stop
+         style="stop-color:#020613;stop-opacity:1"
+         offset="0"
+         id="stop305514" />
+      <stop
+         style="stop-color:#332a39;stop-opacity:1"
+         offset="1"
+         id="stop305516" />
+    </linearGradient>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="fill:#030714;fill-opacity:1;stroke:none;stroke-width:1.26035;stop-color:#000000"
+       id="rect32338"
+       width="508"
+       height="285.75"
+       x="0"
+       y="0" />
+    <rect
+       style="fill:url(#linearGradient11765);fill-opacity:1;stroke-width:4.32362;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:3.96851"
+       id="rect11763"
+       width="157.30418"
+       height="254.54079"
+       x="-332.6521"
+       y="-285.75"
+       inkscape:export-filename="/home/betalars/Development/congress/bridging-bubbles-design/draft/metabals_background.png"
+       inkscape:export-xdpi="237.57231"
+       inkscape:export-ydpi="237.57231"
+       transform="scale(-1)" />
+    <path
+       id="path11777"
+       style="font-variation-settings:normal;fill:#ffebd8;fill-opacity:1;stroke:none;stroke-width:9.96043;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;stop-color:#000000"
+       d="m 256.94282,49.302253 a 54.724191,54.724191 0 0 0 -54.72399,54.723977 54.724191,54.724191 0 0 0 3.56345,19.03173 c 1.08449,1.34248 2.48037,2.79103 4.32458,4.31681 3.73618,3.09119 9.5983,5.98681 16.69721,8.4536 l 2.35007,0.40779 a 32.723454,12.80648 9.5621092 0 1 -6.7791,-9.63809 32.723454,12.80648 9.5621092 0 1 6.55576,-6.01908 c -1.52964,-4.11411 -2.78896,-8.57123 -3.37789,-13.08042 a 46.727359,18.286968 10.626199 0 0 -19.2795,10.65368 46.727359,18.286968 10.626199 0 0 -0.003,1.01003 52.7959,52.795919 0 0 1 -2.60231,-16.11496 52.7959,52.795919 0 0 1 52.79615,-52.796147 52.7959,52.795919 0 0 1 52.79614,52.796147 52.7959,52.795919 0 0 1 -11.1648,32.46215 46.727359,18.286968 10.626199 0 0 0.0311,-0.12444 46.727359,18.286968 10.626199 0 0 -9.55809,-14.22602 c -0.68438,5.58304 -1.42337,10.63389 -2.10118,13.18154 a 32.723454,12.80648 9.5621092 0 1 0.44557,3.12899 32.723454,12.80648 9.5621092 0 1 -5.6624,5.61353 c -0.20204,0.17437 -0.33195,0.27718 -0.41002,0.33441 2.25071,-0.12556 4.45737,-0.31461 6.59688,-0.58108 5.0163,-0.62484 9.51455,-3.02884 12.52707,-5.01463 a 54.724191,54.724191 0 0 0 11.7026,-33.79442 54.724191,54.724191 0 0 0 -54.72398,-54.725097 z m -5.08017,2.95454 c -25.14224,2.511515 -36.8332,18.811372 -40.25574,31.675462 4.72505,-5.925459 10.2235,-10.29866 15.31939,-10.97591 0.93208,-10.222329 12.44757,-17.971249 24.93635,-20.699552 z m -0.42112,29.558729 c 6.74634,4.220495 13.00354,8.537659 17.27056,24.740798 3.83302,14.55501 1.22465,31.39354 2.46007,31.15767 0.5173,-1.56885 1.67125,-16.94698 -0.2389,-28.72871 -2.30445,-14.213619 -9.89566,-26.264871 -19.49173,-27.169758 z m -7.86359,1.272259 c -1.20203,0.388865 -6.42656,2.09277 -7.48691,2.524525 -1.8812,3.436627 -3.41369,7.451485 -4.35458,12.118173 0.68956,-1.933613 3.10614,-8.463456 4.92571,-10.888133 2.85993,-1.718133 3.08504,-1.461846 6.91578,-3.754565 z m -1.64783,14.388243 c -4.97293,-0.0064 -8.58267,2.050552 -10.87257,3.974576 0.31564,1.50492 2.27013,1.51748 3.2401,1.20559 1.13538,-0.36529 1.61073,-1.81554 1.36782,-3.1901 0.68276,1.32936 2.00528,2.03741 3.23678,1.73228 1.01826,-0.25228 1.78761,-1.15458 1.99784,-2.344521 0.42542,1.392061 1.55696,2.306341 2.79453,2.256731 0.93095,-0.0394 1.78015,-0.61807 2.27118,-1.552264 0.16991,0.901924 0.69743,1.621694 1.44338,1.972284 1.05676,0.49668 2.36831,0.16921 3.30233,-0.82336 -0.16139,1.11021 0.22696,2.13563 1.02559,2.70786 1.06369,0.76165 2.6105,0.55564 3.74124,-0.49779 -0.6912,1.4313 -0.40307,3.0194 0.6889,3.80123 0.55286,0.39603 1.25652,0.54135 1.9834,0.41002 -0.57311,0.89938 -0.65267,1.93611 -0.21222,2.76675 0.4973,0.93798 1.57813,1.46532 2.79897,1.36671 -0.60969,0.81248 -0.77473,1.78848 -0.44557,2.62676 0.48619,1.23791 1.93383,1.90473 3.47789,1.60338 -1.21033,0.85385 -1.72584,2.24674 -1.26559,3.41789 0.50629,1.28764 2.03886,1.94072 3.61345,1.57449 l -0.12112,3.36789 c 0,0 -10.9299,-16.0687 -21.62625,-17.74168 -0.87626,-0.1374 -1.7176,-0.19381 -2.50786,-0.19445 l -0.005,-0.001 c -1.42316,-0.002 -2.67113,0.17525 -3.65123,0.38335 0.23329,0.0193 0.46882,0.0395 0.71557,0.0656 16.34857,1.57304 28.7476,21.85737 28.7476,21.85737 0,0 -0.005,-0.0935 -0.0133,-0.26668 -0.0644,-0.87221 -0.33783,-3.80686 -1.30782,-7.53135 0.003,-0.001 0.006,-0.001 0.009,-0.002 -1.88466,-7.41825 -6.54115,-18.15863 -17.96058,-21.858476 -2.36574,-0.76646 -4.52095,-1.084121 -6.46687,-1.086704 z m -11.04258,7.118006 c -0.87737,18.24766 8.97118,34.33471 9.16586,34.83779 l 5.14793,1.48005 C 237.48056,129.4444 234.17176,125.2406 230.88753,104.59403 Z m 48.4649,0.93892 c -0.0738,6e-5 -0.1484,0.002 -0.22335,0.009 -1.19936,0.095 -2.13914,0.92648 -2.69675,1.96228 -0.55761,1.03575 -0.80943,2.32818 -0.70002,3.70789 0.1094,1.3797 0.56172,2.61626 1.2756,3.55123 0.71388,0.93493 1.77295,1.60848 2.97232,1.51339 1.19936,-0.0951 2.14358,-0.92654 2.70119,-1.96229 0.55761,-1.0358 0.80499,-2.3282 0.69558,-3.7079 -0.1094,-1.3797 -0.55839,-2.61741 -1.27226,-3.55234 -0.66927,-0.87653 -1.64467,-1.52223 -2.75231,-1.52116 z m 0.003,2.02451 c 0.33982,0 0.73885,0.20211 1.14115,0.72891 0.34353,0.44991 0.63686,1.11053 0.78224,1.8834 a 1.2148109,1.5988571 49.956698 0 0 -0.90892,0.43334 1.2148109,1.5988571 49.956698 0 0 -0.44223,1.95896 1.2148109,1.5988571 49.956698 0 0 1.17781,0.3189 c -0.0613,0.17266 -0.13004,0.33211 -0.20667,0.47445 -0.33518,0.62262 -0.72502,0.87531 -1.07892,0.90337 -0.3539,0.0279 -0.77426,-0.16018 -1.20337,-0.72225 -0.42913,-0.562 -0.78075,-1.45679 -0.86225,-2.48452 -0.0815,-1.02776 0.12484,-1.96303 0.46001,-2.58564 0.33518,-0.62259 0.72058,-0.87862 1.07448,-0.9067 0.0221,-0.002 0.044,-0.002 0.0667,-0.002 z m -62.82425,33.24218 a 54.724191,54.724191 0 0 0 40.41131,17.95171 54.724191,54.724191 0 0 0 22.32961,-4.88464 48.742667,19.075672 9.5621092 0 1 -10.70813,0.47003 52.7959,52.795919 0 0 1 -12.1015,1.50561 52.7959,52.795919 0 0 1 -30.991,-10.38033 48.742667,19.075672 9.5621092 0 1 -8.94029,-4.66238 z" />
+    <path
+       id="path11779"
+       style="font-variation-settings:normal;fill:#5253ff;fill-opacity:1;stroke:none;stroke-width:9.96043;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;stop-color:#000000"
+       d="m 258.28064,67.981741 c -0.97631,0.01291 -1.93725,0.143848 -2.87121,0.418904 -4.40471,1.298331 -10.02355,2.101099 -17.76724,12.39151 5.26358,-3.762531 9.03399,-8.775462 22.50851,-10.467005 6.15187,5.411388 13.58783,14.376768 17.02055,27.875344 0.20779,0.817115 0.38801,1.68599 0.54668,2.593416 1.41169,1.12193 2.93871,2.46855 4.09013,3.82568 2.90868,3.42836 2.74464,8.68338 1.32449,10.87035 -0.90412,1.3921 -3.12165,2.95512 -4.61682,3.90901 -0.36538,9.49176 -1.5135,18.73749 -2.1834,23.17296 1.45361,-0.15912 2.92959,-0.64269 4.41903,-1.2467 0,0 3.21199,-12.60757 4.53237,-24.45411 1.32043,-11.84649 -0.85493,-27.508347 -7.87025,-36.77341 -4.69042,-6.194581 -12.29867,-12.189895 -19.13284,-12.115949 z m -58.39411,40.950209 c -2.73016,2.08644 -4.38652,4.50634 -4.89571,7.15467 -2.3241,12.85579 22.21124,28.03619 54.80177,33.90663 32.59064,5.8705 60.89561,0.20805 63.22092,-12.64816 0.59299,-3.30082 -0.59967,-6.88362 -3.499,-10.51145 l -4.46903,7.38023 c -0.0163,0.1746 -0.0404,0.34687 -0.0667,0.51891 -2.14434,11.29348 -27.2747,16.01012 -56.13292,10.53478 -28.85894,-5.47563 -50.51815,-19.07014 -48.376,-30.36431 0.15943,-0.64822 0.19441,-0.6312 0.51335,-1.24448 -0.30471,-1.17496 -0.73179,-3.00879 -1.09671,-4.72682 z" />
+    <text
+       xml:space="preserve"
+       style="font-weight:bold;font-size:26.1781px;line-height:1.25;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';letter-spacing:0px;display:inline;fill:#5253ff;fill-opacity:1;stroke:none;stroke-width:0.341743;stroke-linejoin:round"
+       x="182.37514"
+       y="208.46675"
+       id="text141205-9-3"><tspan
+         sodipodi:role="line"
+         id="tspan141203-2"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Genos;-inkscape-font-specification:'Genos Bold';fill:#5253ff;fill-opacity:1;stroke:none;stroke-width:0.341743"
+         x="182.37514"
+         y="208.46675">technical</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:22.7706px;line-height:1.25;font-family:'Noto Sans JP';-inkscape-font-specification:'Noto Sans JP Bold';letter-spacing:4.52554px;display:inline;fill:#ffebd8;fill-opacity:1;stroke:none;stroke-width:0.732197;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       x="188.0452"
+       y="187.51851"
+       id="text143139-0-7"><tspan
+         sodipodi:role="line"
+         id="tspan143137-6"
+         style="font-style:normal;font-variant:normal;font-weight:900;font-stretch:normal;font-family:'Noto Sans JP';-inkscape-font-specification:'Noto Sans JP Heavy';fill:#ffebd8;fill-opacity:1;stroke:none;stroke-width:0.732197;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         x="188.0452"
+         y="187.51851">技術的困難</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-weight:bold;font-size:26.1781px;line-height:1.25;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';letter-spacing:0px;display:inline;fill:#5253ff;fill-opacity:1;stroke:none;stroke-width:0.341743;stroke-linejoin:round"
+       x="202.73286"
+       y="224.23206"
+       id="text150488-8-5"><tspan
+         sodipodi:role="line"
+         id="tspan150486-9"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Genos;-inkscape-font-specification:'Genos Bold';fill:#5253ff;fill-opacity:1;stroke:none;stroke-width:0.341743"
+         x="202.73286"
+         y="224.23206">difficulties</tspan></text>
+  </g>
+</svg>
--- a/divoc-intro-banner.png
+++ b/divoc-intro-banner.png
--- a/slide-template.odp
+++ b/slide-template.odp
--- a/stickers/Sticker_layouted.svg
+++ b/stickers/Sticker_layouted.svg
--- a/styleguide-website/index.html
+++ b/styleguide-website/index.html
@@ -9,10 +9,6 @@
    <link rel="stylesheet" href="styleguide.css"/>
 </head>
 <body>
-<header>
-    <img id="banner-img" src="svg/banner.svg"
-         alt="Text: dieser Styleguide ist noch etwas WIP. Einige gelbe Streifen angelehnt das beliebte Cyber Klebeband"/>
-</header>
 <main>
    <div>
        <h1> Divoc - bridging bubbles - Styleguide </h1>
@@ -865,10 +861,13 @@
        <p> Für abgeleitete Light Themes ist nur ein Gradient vorgesehen. </p>
        <hr/>
    </section>
-    <section aria-labelledby="text-demo">
+    <section aria-labelledby="Text">
        <div>
-            <h2 id="text-demo">Text-Demo</h2>
+            <h2 id="text-demo">Text</h2>
        </div>
+        <p>
+          Das DiVOC Design benutzt Genos als Schriftart für Überschriften und Ubuntu als Schriftart für Fließtext. Hier ist eine Demo, das CSS dieses Styleguides kann gern genutzt werden.
+
        <div>
            <span class="mock-h1">Überschrift 1</span>
        </div>
@@ -889,7 +888,7 @@
        <ul lang="en">
            <li>Hello!</li>
            <li>Hey!</li>
-            <li lang="de">Listen!</li>
+            <li>Listen!</li>
            <li>Look!</li>
            <li>Watch out!</li>
        </ul>
@@ -922,6 +921,22 @@
        <p>
          Unsere <a href="https://git.cccv.de/divoc/bridging-bubbles-design/-/tree/main/pixels"> Pixel-Asssets im Design-Git </a> können euch dabei helfen, im Event-Stil zu pixeln. Wir empfehlen hier insbesondere die Farbpalette, die ihr in Aseprite nutzen könnt. (Die Anwendung kann gekauft werden, Freund_innen des selbst-kompilierens finden die Anwendung jedoch auch frei im Paketmanager des Vertrauens.)
    </section>
+  </section>
+  <section aria-labelledby="Contributers und Lizenz">
+      <div>
+          <h2 id="pixelwelt">Contributers</h2>
+      </div>
+      <p>
+        Das DiVOC Design wurde koordiniert und in großen Teilen erstellt von betalars. Am Farbschema mitgewirkt hat Eevli. Kimera7790 und Pliess haben Übersetzungen aus dem japanischen beigetragen.
+      </p>
+      <p>
+        Wir haben außerdem genutzt:
+        <ul lang="de">
+            <li><a href="https://azurestudios.bandcamp.com/album/foundations-i-24bit">Das Album Foundations von Azure Productions.</a> CC-BY</li>
+            <li>Wolkenkratzer von TFMSTYLE</li>
+        </ul>
+      </p>
+  </section>
 </main>
 </body>
 </html>
No results found