Skip to content
Snippets Groups Projects
Commit c10f949e authored by Kasalehlia's avatar Kasalehlia
Browse files

Mostly finish new layout

parent c17770ea
No related branches found
No related tags found
No related merge requests found
Pipeline #3497 passed
Stage: test
Hide whitespace changes
Inline Side-by-side
theme/static/css/hoa.css
+ 50
− 7
View file @ c10f949e
@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 {
......
theme/static/img/specht.svg
+ 11
− 47
View file @ c10f949e
......@@ -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>
......
theme/templates/base.html
+ 3
− 3
View file @ c10f949e
......@@ -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>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment