Initial commit

theme/css/custom.css

@@ -0,0 +1,57 @@
+/* Base styles and content styles */
+
+@import url(https://fonts.googleapis.com/css?family=Raleway:800|Roboto:300);
+
+:root {
+  --scandio-red: #d21515;
+  --scandio-blue: #42d4fb;
+}
+
+.coal {
+  --quote-bg: hsl(226, 15%, 17%);
+}
+
+.light {
+  --links: var(--scandio-red);
+  --quote-bg: var(--scandio-blue);
+}
+
+html {
+    font-family: "Roboto", sans-serif;
+}
+
+h1,h2,h3 {
+    font-family: "Raleway", sans-serif;
+    font-weight: 800;
+}
+
+.solution {
+  margin: 12px 0;
+}
+
+.solution * {
+  margin-top: 12px;
+}
+
+.solution:not(.expanded) * {
+  display: none;
+}
+
+.solution::before {
+  content: 'Lösung';
+  cursor: pointer;
+  color: var(--links);
+}
+
+.solution:hover::before {
+  color: var(--scandio-blue);
+}
+
+a:hover {
+  color: var(--scandio-blue);
+}
+
+.content a:hover {
+  text-decoration: none;
+}
+

theme/favicon.svg

@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="16.933332mm"
+   height="16.933332mm"
+   viewBox="0 0 16.933333 16.933332"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   sodipodi:docname="favicon.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#111111"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="1"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="1.6819304"
+     inkscape:cx="10.999266"
+     inkscape:cy="32.105966"
+     inkscape:window-width="1916"
+     inkscape:window-height="1150"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g11" />
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-101.76211,-135.01027)">
+    <g
+       id="g11"
+       transform="matrix(0.26458333,0,0,0.26458333,-289.86536,91.25779)">
+      <path
+         class="st0"
+         d="m 1496.7031,215.29626 c -9.2306,-9.22583 -9.2306,-24.16162 0,-33.38745 9.2306,-9.22583 24.1741,-9.22583 33.4047,0 8.1991,8.19486 9.0984,20.93655 2.6978,30.13594 l 4.9988,5.02266 c 9.31,-12.18655 8.4107,-29.68655 -2.7507,-40.8157 -16.1337,-16.12537 -53.6115,-9.56948 -53.6115,-9.56948 0,0 -6.427,37.59062 9.5744,53.58382 11.1614,11.15558 28.644,12.02794 40.8368,2.74924 l -4.9988,-5.02266 c -9.2041,6.37085 -21.9524,5.49849 -30.1515,-2.69637 z"
+         id="path8"
+         style="fill:#990000;stroke-width:0.264419" />
+      <path
+         class="st1"
+         d="m 1509.8746,202.07874 c 0.6612,0.66088 1.5075,1.08384 2.3539,1.29532 l -3.6499,-3.64804 c 0.2116,0.84592 0.6083,1.66541 1.296,2.35272 z"
+         id="path9"
+         style="fill:#404040;stroke-width:0.264419" />
+      <path
+         class="st1"
+         d="m 1516.8306,195.12633 c -0.6348,-0.63444 -1.4283,-1.0574 -2.2217,-1.26889 l 3.4912,3.48943 c -0.238,-0.81949 -0.6348,-1.5861 -1.2695,-2.22054 z"
+         id="path10"
+         style="fill:#404040;stroke-width:0.264419" />
+      <path
+         class="st1"
+         d="m 1516.8306,202.07874 c 1.2695,-1.26888 1.6927,-3.0929 1.2695,-4.73187 l -3.4912,-3.48943 c -1.6398,-0.42296 -3.4383,-0.0264 -4.7343,1.26889 -1.2431,1.24244 -1.6663,2.98716 -1.296,4.59969 l 3.6499,3.64804 c 1.6134,0.37009 3.359,-0.0529 4.6021,-1.29532 z"
+         id="path11"
+         style="fill:#404040;stroke-width:0.264419" />
+    </g>
+  </g>
+</svg>

theme/head.hbs

@@ -0,0 +1,11 @@
+<script>
+window.onload = function () {
+  const solutions = document.getElementsByClassName('solution');
+  for (let i = 0; i < solutions.length; i++) {
+    const solution = solutions[i];
+    solution.addEventListener('click', function() {
+      this.classList.toggle('expanded');
+    });
+  }
+}
+</script>