diff --git a/theme/static/css/hoa.css b/theme/static/css/hoa.css
index dd5150af59c2b8bc25ba927ae9633c4e529c99c3..e22f64ba90f0dadfe3e8b61bf29fab33fa37619d 100644
--- a/theme/static/css/hoa.css
+++ b/theme/static/css/hoa.css
@@ -1,17 +1,49 @@
+@font-face{font-family:"Geo";src:url("../fonts/Geo-Regular.ttf")}
+@font-face{font-family:"Fira Sans";src:url("../fonts/FiraSans-Regular.ttf")}
html {
- font-family: sans-serif;
+ font-family: "Fira Sans", sans-serif;
+ --hoa-bg-color: #F5F5F5;
+ --hoa-fg-color: #6c1384;
+ --hoa-text-color: #000000;
+}
+@media (prefers-color-scheme: dark) {
+ html {
+ --hoa-bg-color: #000000;
+ --hoa-fg-color: #93ec7b;
+ --hoa-text-color: #F5F5F5;
+ }
+ .tiles img, #left img, #right img {
+ filter: invert();
+ }
+ a {
+ color: #ffff11;
+ }
+ a:visited {
+ color: #aae574;
+ }
+}
+.hoa {
+ font-family: "Geo", sans-serif;
}
body {
margin: 0;
+ background-color: var(--hoa-bg-color);
+ color: var(--hoa-text-color);
+ font-size: 21px;
}
#main {
max-width: 750px;
margin: 0 auto;
- background-color: #cccccc;
flex-grow: 1;
+ background: inherit;
+ padding: 0 6px;
}
-#main h1, #main > p {
+#main > h1, #main > h1 + p {
text-align: center;
+ font-size: 32px;
+}
+#main > h1 {
+ font-size: 74px;
}
.tiles {
display: flex;
@@ -23,20 +55,21 @@ body {
height: 160px;
background: aqua;
margin: 10px;
+ border: 1px solid var(--hoa-fg-color);
}
#right, #left {
- background: aquamarine;
height: 100vh;
position: sticky;
top: 0;
}
#right {
- width: 300px;
+ width: 299px;
overflow: hidden;
display: flex;
flex-direction: column;
flex-shrink: 1;
min-width: 150px;
+ border-left: 1px solid var(--hoa-fg-color);
}
#right > img {
width: 90%;
@@ -44,19 +77,21 @@ body {
align-self: center;
}
#left {
- width: 80px;
+ width: 79px;
display: flex;
flex-shrink: 0;
flex-direction: column;
overflow-y: auto;
+ border-right: 1px solid var(--hoa-fg-color);
}
#left > a {
display: block;
width: 60px;
height: 60px;
background: red;
- margin: 10px;
+ margin: 10px auto;
flex-shrink: 0;
+ border: 1px solid var(--hoa-fg-color);
}
#left > a.active {
filter: invert();
@@ -75,9 +110,17 @@ body {
margin-top: 50px;
background: inherit;
padding: 20px 0;
+ z-index: 4;
}
a.active {
font-weight: bold;
+ text-decoration: none;
+}
+#languages-menu {
+ margin: 5px auto 0;
+}
+#footnote {
+ text-align: center;
}
@media only screen and (max-width: 980px) {
#right {
diff --git a/theme/static/img/specht.svg b/theme/static/img/specht.svg
index 999609978b61a52b19a8e2beec09f13c5eed2aaf..5bce87be821dd5511cdebe3fd63f925783c64eb0 100644
--- a/theme/static/img/specht.svg
+++ b/theme/static/img/specht.svg
@@ -2,46 +2,18 @@
<!-- 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"
width="111.88647mm"
height="196.71375mm"
viewBox="0 0 396.44816 697.0172"
id="svg2"
version="1.1"
- inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
- sodipodi:docname="specht.svg">
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs4" />
- <sodipodi:namedview
- id="base"
- pagecolor="#ffffff"
- bordercolor="#666666"
- borderopacity="1.0"
- inkscape:pageopacity="0.0"
- inkscape:pageshadow="2"
- inkscape:zoom="0.7"
- inkscape:cx="69.621045"
- inkscape:cy="262.96757"
- inkscape:document-units="px"
- inkscape:current-layer="layer1"
- showgrid="false"
- inkscape:snap-smooth-nodes="true"
- inkscape:object-nodes="true"
- inkscape:window-width="1920"
- inkscape:window-height="1030"
- inkscape:window-x="0"
- inkscape:window-y="26"
- inkscape:window-maximized="1"
- fit-margin-top="0"
- fit-margin-left="0"
- fit-margin-right="0"
- fit-margin-bottom="0" />
<metadata
id="metadata7">
<rdf:RDF>
@@ -50,40 +22,32 @@
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
- <dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<g
- inkscape:label="Layer 1"
- inkscape:groupmode="layer"
id="layer1"
transform="translate(353.44314,-78.924499)">
<g
transform="matrix(3.1454296,0,0,3.1454296,713.09119,-383.23809)"
id="g4119-0-3"
- style="stroke:#cb4b16;stroke-opacity:1">
+ style="stroke:#6c1384;stroke-opacity:1">
<g
- style="stroke:#cb4b16;stroke-opacity:1"
- inkscape:label="Layer 1"
+ style="stroke:#6c1384;stroke-opacity:1"
id="layer1-3-9-4-5"
transform="matrix(0.31792146,0,0,0.31792146,-387.82422,101.52207)">
<path
- sodipodi:nodetypes="ccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc"
id="path4290-1-85-5"
- style="fill:none;fill-rule:evenodd;stroke:#cb4b16;stroke-width:3.00000024;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:16.39999962;stroke-dasharray:none;stroke-opacity:1"
- d="M 323.75389,539.70979 329.30973,521.52704 339.91633,533.64887 M 383.35289,500.81891 396.73741,510.16283 M 305.57115,497.28338 329.30973,521.52704 363.40238,520.76943 396.73741,510.16283 393.45442,528.09303 M 510.12704,672.03977 544.47222,599.81386 M 431.84021,750.32659 462.64987,734.66923 426.28437,690.72759 485.3783,671.02962 423.25392,621.53213 M 455.35714,560.57649 423.25392,621.53213 473.76154,620.01692 485.3783,671.02962 M 451.42857,274.32649 474.73214,317.45149 461.78572,355.93363 511.64226,388.18691 501.07143,486.29078 544.47222,599.81386 494.28572,532.00506 473.76154,620.01692 544.47222,599.81386 M 474.73214,317.45149 523.25902,362.93309 511.64226,388.18691 537.90623,411.42041 527.80471,466.9788 545.48237,477.08033 M 501.07143,486.29078 442.14286,501.29078 494.28572,532.00506 M 419.21331,294.24272 454.28572,318.79077 387.89858,370.50924 479.64286,396.29078 377.79705,449.80621 442.14286,501.29078 393.45442,528.09303 435.35714,532.3622 412.64731,560.41791 M 388.40365,233.12849 416.30912,234.51745 M 438.92857,258.79077 425.40049,243.10375 414.16254,247.14436 M 470.71429,250.57649 433.73425,234.01237 M 401.53564,210.40006 424.89542,225.42608 451.03311,186.1564 467.19555,190.57581 470.71429,250.57649 502.04582,204.84422 M 455.35714,560.57649 473.76154,620.01692 510.12704,672.03977 529.82501,735.17431 M 412.64731,560.41791 455.35714,560.57649 M 482.34784,297.27318 474.73214,317.45149 511.64226,388.18691 527.80471,466.9788 544.47222,599.81386 M 479.64286,396.29078 461.78572,355.93363 454.28572,318.79077 451.42857,274.32649 438.92857,258.79077 470.71429,250.57649 482.34784,264.44322 M 479.64286,396.29078 457.85714,455.93363 442.14286,501.29078 435.35714,532.3622 455.35714,560.57649 494.28572,532.00506 501.07143,486.29078 Z M 473.25647,176.05487 485.75711,178.83279 496.99505,178.07518 M 485.75711,178.83279 483.10546,198.90957 M 519.21841,146.76045 485.75711,178.83279 467.19555,190.57581 M 495.9849,189.69193 483.10546,198.90957 M 461.13464,178.07518 467.19555,190.57581 483.10546,198.90957 502.04582,204.84422 M 431.46141,228.70907 416.30912,234.51745 431.58768,240.70463 M 424.89542,225.42608 431.46141,228.70907 433.73425,234.01237 431.58768,240.70463 425.40049,243.10375 418.45569,239.94702 416.30912,234.51745 419.33958,228.5828 Z M 385.24693,254.59423 388.40365,233.12849 414.16254,247.14436 412.14224,274.03967 M 393.95949,264.44322 385.24693,254.59423 373.75644,246.76555 M 414.16254,247.14436 385.24693,254.59423 307.08637,280.10058 M 307.08637,280.10058 373.75644,246.76555 388.40365,233.12849 401.53564,210.40006 424.76915,195.75285 451.03311,186.1564 461.13464,178.07518 473.25647,176.05487 519.21841,146.76045 511.64226,163.93304 496.99505,178.07518 495.9849,189.69193 502.04582,204.84422 491.94429,237.1691 482.34784,264.44322 V 297.27318 L 504.5712,329.59806 523.25902,362.93309 537.90623,411.42041 545.48237,477.08033 544.47222,529.10319 V 599.81386 L 538.91638,650.82657 529.82501,735.17431 485.3783,671.02962 462.64987,734.66923 462.14479,831.64387 431.84021,750.32659 426.28437,690.72759 423.25392,621.53213 412.64731,560.41791 393.45442,528.09303 339.91633,533.64887 328.29958,575.5702 314.15744,575.82275 318.19805,556.88238 323.75389,539.70979 313.14729,518.49658 284.86302,500.31384 305.57115,497.28338 293.47692,488.11449 309.65493,488.1283 334.86557,509.91029 357.594,509.40521 383.35289,500.81891 377.79705,449.80621 387.89858,370.50924 409.11178,324.04222 419.21331,294.24272 412.14224,274.03967 393.95949,264.44322 Z"
- inkscape:connector-curvature="0" />
+ style="fill:none;fill-rule:evenodd;stroke:#6c1384;stroke-width:3.00000024;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:16.39999962;stroke-dasharray:none;stroke-opacity:1"
+ d="M 323.75389,539.70979 329.30973,521.52704 339.91633,533.64887 M 383.35289,500.81891 396.73741,510.16283 M 305.57115,497.28338 329.30973,521.52704 363.40238,520.76943 396.73741,510.16283 393.45442,528.09303 M 510.12704,672.03977 544.47222,599.81386 M 431.84021,750.32659 462.64987,734.66923 426.28437,690.72759 485.3783,671.02962 423.25392,621.53213 M 455.35714,560.57649 423.25392,621.53213 473.76154,620.01692 485.3783,671.02962 M 451.42857,274.32649 474.73214,317.45149 461.78572,355.93363 511.64226,388.18691 501.07143,486.29078 544.47222,599.81386 494.28572,532.00506 473.76154,620.01692 544.47222,599.81386 M 474.73214,317.45149 523.25902,362.93309 511.64226,388.18691 537.90623,411.42041 527.80471,466.9788 545.48237,477.08033 M 501.07143,486.29078 442.14286,501.29078 494.28572,532.00506 M 419.21331,294.24272 454.28572,318.79077 387.89858,370.50924 479.64286,396.29078 377.79705,449.80621 442.14286,501.29078 393.45442,528.09303 435.35714,532.3622 412.64731,560.41791 M 388.40365,233.12849 416.30912,234.51745 M 438.92857,258.79077 425.40049,243.10375 414.16254,247.14436 M 470.71429,250.57649 433.73425,234.01237 M 401.53564,210.40006 424.89542,225.42608 451.03311,186.1564 467.19555,190.57581 470.71429,250.57649 502.04582,204.84422 M 455.35714,560.57649 473.76154,620.01692 510.12704,672.03977 529.82501,735.17431 M 412.64731,560.41791 455.35714,560.57649 M 482.34784,297.27318 474.73214,317.45149 511.64226,388.18691 527.80471,466.9788 544.47222,599.81386 M 479.64286,396.29078 461.78572,355.93363 454.28572,318.79077 451.42857,274.32649 438.92857,258.79077 470.71429,250.57649 482.34784,264.44322 M 479.64286,396.29078 457.85714,455.93363 442.14286,501.29078 435.35714,532.3622 455.35714,560.57649 494.28572,532.00506 501.07143,486.29078 Z M 473.25647,176.05487 485.75711,178.83279 496.99505,178.07518 M 485.75711,178.83279 483.10546,198.90957 M 519.21841,146.76045 485.75711,178.83279 467.19555,190.57581 M 495.9849,189.69193 483.10546,198.90957 M 461.13464,178.07518 467.19555,190.57581 483.10546,198.90957 502.04582,204.84422 M 431.46141,228.70907 416.30912,234.51745 431.58768,240.70463 M 424.89542,225.42608 431.46141,228.70907 433.73425,234.01237 431.58768,240.70463 425.40049,243.10375 418.45569,239.94702 416.30912,234.51745 419.33958,228.5828 Z M 385.24693,254.59423 388.40365,233.12849 414.16254,247.14436 412.14224,274.03967 M 393.95949,264.44322 385.24693,254.59423 373.75644,246.76555 M 414.16254,247.14436 385.24693,254.59423 307.08637,280.10058 M 307.08637,280.10058 373.75644,246.76555 388.40365,233.12849 401.53564,210.40006 424.76915,195.75285 451.03311,186.1564 461.13464,178.07518 473.25647,176.05487 519.21841,146.76045 511.64226,163.93304 496.99505,178.07518 495.9849,189.69193 502.04582,204.84422 491.94429,237.1691 482.34784,264.44322 V 297.27318 L 504.5712,329.59806 523.25902,362.93309 537.90623,411.42041 545.48237,477.08033 544.47222,529.10319 V 599.81386 L 538.91638,650.82657 529.82501,735.17431 485.3783,671.02962 462.64987,734.66923 462.14479,831.64387 431.84021,750.32659 426.28437,690.72759 423.25392,621.53213 412.64731,560.41791 393.45442,528.09303 339.91633,533.64887 328.29958,575.5702 314.15744,575.82275 318.19805,556.88238 323.75389,539.70979 313.14729,518.49658 284.86302,500.31384 305.57115,497.28338 293.47692,488.11449 309.65493,488.1283 334.86557,509.91029 357.594,509.40521 383.35289,500.81891 377.79705,449.80621 387.89858,370.50924 409.11178,324.04222 419.21331,294.24272 412.14224,274.03967 393.95949,264.44322 Z" />
</g>
<path
- inkscape:connector-curvature="0"
d="M -314.71246,190.57605 -320.44051,174.63044 -304.20883,187.53502 M -320.44051,174.63044 -327.26118,194.24429 M -295.45488,250.57103 -314.71246,190.57605 -338.59766,197.3076 -320.44051,174.63044 -292.06761,183.82236 -314.71246,190.57605"
- style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#cb4b16;stroke-width:0.95343751;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+ style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#6c1384;stroke-width:0.95343751;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
id="path848-2-12-8" />
<path
- inkscape:connector-curvature="0"
d="M -291.04073,256.7977 -286.84397,211.72115 M -297.58201,256.86442 -298.09811,211.59124 M -307.90396,211.79426 -304.29128,256.86442 M -316.67762,211.59124 -279.17453,211.79426 M -319.00041,194.15195 -310.05757,256.68228 -284.59677,256.6839 -277.36855,194.1546 Z"
- style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#cb4b16;stroke-width:1.0360347;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+ style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#6c1384;stroke-width:1.0360347;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
id="path857-7-97-7" />
</g>
</g>
diff --git a/theme/templates/base.html b/theme/templates/base.html
index 8ff459d6e39e03fe83a5ab6661184d445ae7d203..e599963634e9d6ea6ee80589e3115f037a67d2c5 100644
--- a/theme/templates/base.html
+++ b/theme/templates/base.html
@@ -44,8 +44,8 @@
{% endblock %}
</div>
<div id="main">
- <h1 id="sticky">{{ EVENT_HEADLINE }}</h1>
- <p>1234 in gifhorn</p>
+ <h1 id="sticky" class="hoa">{{ EVENT_HEADLINE }}</h1>
+ <p class="hoa">1234 in gifhorn</p>
{% block main %}{% endblock %}
{% block footer %}
{% if content.group == "en" %}
@@ -61,7 +61,7 @@
<h2 id="footnote">An Event by <a href="https://stratum0.org">Stratum 0</a></h2>
</footer>
{% else %}
- <h2 id="footnote">Kontakt</h2>
+ <h2>Kontakt</h2>
<footer>
<ul>
<li>Mail: <a href="mailto:kontakt@hackenopenair.de">kontakt@hackenopenair.de</a></li>