From 61316b8a6be50b871c652c072e0cb34bc69aee1e Mon Sep 17 00:00:00 2001
From: hendr-ik <hello@niefeld.com>
Date: Mon, 19 Aug 2019 22:47:34 +0200
Subject: [PATCH] buttons and logo

---
 homepage/content/pages/index.md               |   4 +
 homepage/theme/static/images/logo.svg         | 111 ------------------
 .../images/offen-logo-letters-only-grey.svg   |   6 +
 .../images/offen-logo-letters-only-white.svg  |   6 +
 homepage/theme/templates/base.html            |  17 ++-
 styles/index.css                              |  76 +++++++++---
 6 files changed, 90 insertions(+), 130 deletions(-)
 delete mode 100644 homepage/theme/static/images/logo.svg
 create mode 100644 homepage/theme/static/images/offen-logo-letters-only-grey.svg
 create mode 100644 homepage/theme/static/images/offen-logo-letters-only-white.svg

diff --git a/homepage/content/pages/index.md b/homepage/content/pages/index.md
index 549ff64..9c964c7 100644
--- a/homepage/content/pages/index.md
+++ b/homepage/content/pages/index.md
@@ -10,3 +10,7 @@ Usage metrics come with explanations about their meaning, relevance, usage and p
 __Offen__ treats both users and operators as parties of equal importance. Users can expect full transparency and are encouraged to make *autonomous and informed decisions regarding the use of their data*. Operators are enabled to gain insights while respecting their users' privacy and data.
 
 __Offen__ is currently in the early stages of development and is applying for funds to sustain its development. An early alpha version is running on this site: you can *visit the [auditorium](https://auditorium-alpha.offen.dev)* to access your data.
+
+<div class="btn-wrapper">
+<a class="btn btn-color-yellow" href="/deep-dive/">Deep dive</a>
+</div>
diff --git a/homepage/theme/static/images/logo.svg b/homepage/theme/static/images/logo.svg
deleted file mode 100644
index 8ccdf92..0000000
--- a/homepage/theme/static/images/logo.svg
+++ /dev/null
@@ -1,111 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- 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="165"
-   height="102"
-   viewBox="0 0 43.656248 26.9875"
-   version="1.1"
-   id="svg876"
-   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
-   sodipodi:docname="logo.svg">
-  <defs
-     id="defs870" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="2.8284271"
-     inkscape:cx="17.025315"
-     inkscape:cy="35.503545"
-     inkscape:document-units="px"
-     inkscape:current-layer="layer1"
-     showgrid="false"
-     showguides="false"
-     units="px"
-     inkscape:window-width="1957"
-     inkscape:window-height="829"
-     inkscape:window-x="42"
-     inkscape:window-y="72"
-     inkscape:window-maximized="0" />
-  <metadata
-     id="metadata873">
-    <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></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(0,-270.01246)">
-    <g
-       transform="matrix(0.93794678,0,0,0.93794678,0.15285618,18.564905)"
-       id="g1419"
-       inkscape:label="Layer 1"
-       style="fill:#f7bf08;fill-opacity:1">
-      <g
-         id="g1417"
-         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:24.30451775px;line-height:1.25;font-family:'Caveat Brush';-inkscape-font-specification:'Caveat Brush, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#f7bf08;fill-opacity:1;stroke:none;stroke-width:0.60761291"
-         aria-label="offen">
-        <path
-           id="path1409"
-           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:24.30451775px;font-family:'Caveat Brush';-inkscape-font-specification:'Caveat Brush, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#f7bf08;fill-opacity:1;stroke-width:0.60761291"
-           d="m 5.0254636,287.97574 q -0.1701317,-0.97218 -0.9478762,-0.89927 -0.4374813,0.0243 -0.7534401,0.58331 -0.4374813,0.85066 -0.3888723,2.21171 0.072914,1.33675 0.1944362,1.94436 0.1458271,0.58331 0.4860903,1.02079 0.1944362,0.34026 0.5833085,0.31596 0.6805265,0 0.9964852,-1.14231 l 0.1944361,-0.58331 q 0.1215226,-0.12152 0.048609,-0.24305 0.2430452,-0.60761 0.2673497,-1.43396 -0.2430452,-0.17014 -0.2916542,-0.31596 -0.1458272,-0.41318 -0.1458272,-0.55901 -0.1701316,-0.12152 -0.1944361,-0.46178 -0.024305,-0.34027 -0.048609,-0.43748 z m -4.44772678,2.28462 0.0972181,-1.23953 q 0.17013163,-1.67701 1.02078968,-2.86793 0.8263536,-0.99649 2.3332337,-1.02079 h 0.1458271 q 1.4096621,0 2.0415795,0.60761 0.6805265,0.5347 0.9964853,1.16662 0.3402632,0.63191 0.4374813,0.92357 0.097218,0.29165 0.1215226,0.85066 0.048609,1.04509 -0.4131768,1.19092 0.3402632,2.30893 -0.4131768,3.66998 -0.2430452,0.559 -0.704831,1.21523 -0.3402633,0.43748 -1.2152259,0.48609 -0.8749627,0 -1.5311846,-0.0972 -0.6319175,-0.0972 -1.4096621,-0.60761 -0.7777445,-0.5347 -1.09370324,-1.72562 -0.34026325,-1.14232 -0.41317681,-2.55198 z"
-           inkscape:connector-curvature="0" />
-        <path
-           id="path1411"
-           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:24.30451775px;font-family:'Caveat Brush';-inkscape-font-specification:'Caveat Brush, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#f7bf08;fill-opacity:1;stroke-width:0.60761291"
-           d="m 15.447545,285.52098 0.48609,-0.0243 q 0.704831,0 2.284625,-0.31596 0.04861,-0.19444 0.04861,-0.43748 l 0.121522,-0.60762 q 0,-0.24304 0.145827,-0.87496 0,-0.31596 0.09722,-0.60761 0,-0.24305 0.07291,-0.63192 0.07291,-0.41318 0.121523,-0.89927 0.07291,-0.0972 0.07291,-0.29165 0.0243,-0.21874 0.09722,-0.46179 -0.656222,-0.14583 -1.482575,-0.19443 -1.118008,0.14582 -1.239531,0.26735 -0.534699,0.46178 -0.729135,0.80204 -0.218741,0.36457 -0.510395,1.19093 -0.121523,0.0486 -0.194436,0.38887 -0.04861,0.38887 -0.26735,0.97218 -0.170132,0.46178 -0.291654,1.0694 -0.121523,0.58331 -0.04861,0.70483 0.243045,0 0.388872,-0.0243 0.170132,-0.17013 0.826354,-0.0243 z m 4.909512,4.76369 q -0.07291,0.60761 -0.04861,0.72913 l -0.07291,0.5104 v 0.43748 q 0.04861,1.43396 0.09722,2.01727 0.121522,0.48609 0.121522,0.72914 0,0.43748 -0.680526,0.70483 -0.413177,0.17013 -0.923572,0.17013 -0.510395,0 -0.75344,-0.38887 l -0.170131,-0.58331 -0.09722,-0.559 -0.07291,-0.19444 q 0,-0.12152 -0.07291,-0.34026 l -0.04861,-0.68053 q 0,-0.58331 0.0243,-1.02079 v -0.17013 q 0,-0.0972 0.04861,-0.29166 0.07291,-0.19443 0.0243,-0.46178 0.145827,-1.23953 0.121523,-1.55549 0,-0.31596 0.04861,-0.65622 0.04861,-0.36457 0,-0.72914 0.121523,-0.43748 0.170132,-0.85066 -0.461786,-0.0243 -1.579794,0.0486 -1.215226,0.0729 -2.600583,0.34027 -0.09722,0.29165 -0.121523,0.68052 -0.02431,0.38887 -0.07291,0.99649 -0.04861,0.58331 -0.04861,0.87496 v 0.82635 q -0.07291,0.55901 -0.04861,0.72914 l -0.07291,0.51039 v 0.43749 q 0.04861,1.43396 0.09722,1.99297 0.121522,0.48609 0.121522,0.75344 0,0.41317 -0.680526,0.70483 -0.534699,0.14582 -0.996485,0.14582 -0.437482,0 -0.680527,-0.36456 l -0.170131,-0.58331 -0.09722,-0.58331 -0.07291,-0.19444 q 0,-0.0972 -0.07291,-0.31596 l -0.04861,-0.68052 q 0,-0.60761 0.02431,-1.02079 v -0.17013 q 0,-0.0972 0.04861,-0.29166 0.07291,-0.19443 0.0243,-0.48609 0.145828,-1.21522 0.121523,-1.55549 0,-0.34026 0.04861,-0.65622 0.04861,-0.34026 0,-0.70483 0.07291,-0.34026 0.09722,-0.38887 0.02431,-0.0729 0.07291,-0.46179 h -0.826354 q -0.5833083,0 -0.7291354,-0.0243 -0.704831,0 -0.8992672,-0.38887 -0.1458271,-0.41318 0.1944362,-0.92358 0.048609,-0.12152 0.4131768,-0.14582 0.5590036,0 1.9929706,-0.29166 0.04861,-0.19443 0.04861,-0.34026 l 0.121522,-0.85066 q 0,-0.21874 0.145828,-0.87496 0,-0.31596 0.09722,-0.60761 0,-0.21875 0.07291,-0.72914 0.194436,-0.99649 0.218741,-1.48258 0.170131,-0.31595 0.194436,-0.41317 -0.09722,-0.12153 0.07291,-0.34027 l 0.07291,-0.14582 q 0.04861,-0.29166 0.680527,-0.89927 l 0.631917,-0.36457 q 0.145827,-0.19443 1.166617,-0.51039 0.218741,-0.12153 0.923572,0.0972 0.07291,0.0243 0.413176,0 0.364568,-0.0243 0.559004,0.0486 0.194436,0.0729 0.26735,0.0729 l 0.559004,0.0729 q 1.118008,0.36457 1.604098,0.68053 0.145827,-0.24305 0.388872,-0.46179 0.243046,-0.24304 0.388873,-0.29165 l 0.437481,-0.29166 q 0.26735,-0.29165 1.093703,-0.46178 0.850658,-0.17013 1.458271,0.0243 0.315959,0 0.510395,0.0729 0.194436,0.0729 0.291654,0.0729 l 0.583309,0.0972 q 0.826353,0.34026 0.947876,0.5347 0.121523,0.17013 0.07291,0.34026 -0.291655,0.87496 -1.312444,0.72914 l -1.045095,0.0486 q -0.802049,0.29166 -1.142312,0.99649 -0.413177,0.60761 -0.559004,1.48258 -0.145827,0.85065 -0.218741,1.04509 -0.04861,0.19444 -0.121522,0.43748 -0.07291,0.17013 -0.170132,0.68053 -0.09722,0.48609 -0.0243,0.60761 0.243045,0 0.388872,-0.0243 0.170132,-0.17014 0.826354,-0.0243 l 0.48609,-0.0243 q 1.336748,0 1.628403,0.48609 0.170131,0.24304 -0.02431,0.60761 -0.170131,0.34026 -0.510395,0.46179 l -2.357538,0.29165 -0.75344,0.14583 q -0.121523,0.34026 -0.145827,0.80205 -0.02431,0.46178 -0.07291,0.97218 -0.04861,0.51039 -0.04861,0.77774 z"
-           inkscape:connector-curvature="0" />
-        <path
-           id="path1413"
-           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:24.30451775px;font-family:'Caveat Brush';-inkscape-font-specification:'Caveat Brush, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#f7bf08;fill-opacity:1;stroke-width:0.60761291"
-           d="m 29.329981,286.22581 q -0.04861,-0.12152 -0.340263,-0.0972 -0.26735,0.0243 -0.413177,0.29166 -0.996485,1.57979 -1.069399,3.37832 0.826354,0.19444 1.409663,-0.72913 0.75344,-2.38184 0.413176,-2.84363 z m -1.895752,9.64889 -0.243045,-0.0486 -0.340263,-0.34027 q -0.145828,0 -0.218741,-0.12152 -0.26735,-0.31596 -0.972181,-1.26384 l -0.364568,-1.33674 q 0,-0.38888 -0.145827,-0.68053 -0.243045,-1.0937 -0.291654,-1.23953 -0.04861,-0.17013 -0.07291,-0.89927 0,-0.72913 0.07291,-1.0694 0.07291,-0.46178 0.899267,-2.28462 0.218741,-0.21874 0.26735,-0.58331 l 0.388872,-0.559 q 0.5347,-0.63192 1.142313,-0.92358 0,-0.0486 0.826353,-0.24304 0.170132,-0.0243 0.777745,0.12152 1.458271,0.34027 1.822839,0.85066 l 0.07291,0.12152 q 0.461786,0.65622 0.534699,2.01728 -0.07291,0.60761 -0.121522,1.02079 -0.04861,0.41317 -0.5347,1.50688 -0.364567,0.68052 -0.704831,1.0937 -0.534699,0.38887 -0.729135,0.38887 -0.09722,0.0486 -0.413177,0.0486 h -0.559004 q -0.07291,-0.0243 -0.315958,-0.0243 -0.243046,0 -0.704832,-0.12152 0,0.53469 0.291655,1.53118 0.315958,0.97218 0.510395,1.19092 0.510394,0.38887 0.802049,0.5104 0.291654,0.12152 0.777744,0.0486 0.486091,-0.0972 0.704831,-0.34026 l 0.631918,-0.77774 q 0.607613,-0.82636 1.23953,-0.14583 0.291654,0.31596 0.218741,0.63192 -0.04861,0.29165 -0.486091,1.19092 -0.364567,0.58331 -0.777744,0.97218 -0.75344,0.38887 -0.899267,0.38887 -0.218741,0.0243 -0.680527,-0.0729 -0.243045,0.12152 -0.826353,-0.0243 0,-0.0486 -0.145828,-0.0729 -0.121522,0 -0.340263,-0.0729 l 0.04861,-0.0243 q -0.04861,0 -0.291654,0 l -0.680526,-0.36457 z"
-           inkscape:connector-curvature="0" />
-        <path
-           id="path1415"
-           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:24.30451775px;font-family:'Caveat Brush';-inkscape-font-specification:'Caveat Brush, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#f7bf08;fill-opacity:1;stroke-width:0.60761291"
-           d="m 39.755481,294.2463 -0.145827,-0.41318 -0.26735,-1.6284 q -0.121522,-0.46178 -0.121522,-0.82635 l 0.09722,-1.0694 q 0,-0.26735 0.0243,-0.29165 -0.291654,0 -0.874962,0.70483 -0.04861,0.0729 -0.145827,0.24304 -1.02079,1.6284 -1.215226,3.91303 -0.194436,0.41318 -0.510395,0.41318 -0.656222,-0.14583 -0.729136,-0.14583 l -0.170131,0.0243 h -0.315959 q -0.559004,-0.0486 -0.729136,-0.43748 -0.09722,-0.12152 -0.09722,-0.63192 v -0.34026 l -0.07291,-1.33675 v -1.99297 q 0,-0.34026 -0.04861,-0.85066 -0.04861,-0.559 -0.0243,-1.74992 0.0243,-1.21523 -0.0243,-1.28814 -0.04861,-0.0972 -0.04861,-0.24305 0,-0.14582 0.07291,-0.29165 0.07291,-0.14583 0.656222,-0.31596 0.315959,-0.19443 0.5347,-0.19443 0.340263,0.0729 0.874962,0.29165 0.364568,0.0729 0.364568,0.70483 0.04861,1.04509 0,1.50688 -0.0243,0.46179 0.0243,1.87145 1.798534,-3.45124 3.208196,-4.15607 0.121523,-0.12153 0.364568,-0.12153 0.243045,0 0.559004,0.24305 0.315958,0.24304 0.437481,0.31596 0.121523,0.0729 0.26735,0.24304 0.170131,0.17013 0.267349,0.21874 0.291655,0.48609 0.121523,2.28463 -0.0243,0.26735 -0.04861,0.48609 -0.0243,0.19443 -0.0243,0.87496 0,0.68053 0.0243,0.94788 0.07291,0.85066 0.07291,0.99648 l 0.121523,0.92357 q 0.243045,0.55901 0.243045,0.87497 0.0243,0.29165 0.437482,0.94787 0.170131,0.36457 -0.145828,0.58331 -0.48609,0.24305 -0.534699,0.19444 -0.0243,-0.0243 -0.26735,0.0486 -0.243045,0.0972 -0.874962,0.0486 -0.315959,-0.0729 -0.631918,-0.38888 l -0.364568,-0.36456 q -0.194436,-0.29166 -0.267349,-0.63192 -0.121523,-0.12152 -0.07291,-0.19444 z"
-           inkscape:connector-curvature="0" />
-      </g>
-    </g>
-    <g
-       id="layer1-3"
-       inkscape:label="Layer 1"
-       transform="matrix(0.11331872,0,0,0.11331872,26.188505,260.73811)"
-       style="fill:#f7bf08;fill-opacity:1">
-      <g
-         transform="translate(218.54583,-14.816667)"
-         id="g2026"
-         style="fill:#f7bf08;fill-opacity:1">
-        <path
-           inkscape:connector-curvature="0"
-           style="fill:#f7bf08;stroke:none;stroke-width:0.26458332;fill-opacity:1"
-           d="m -120.04445,102.97209 c -5.0673,0.66543 -10.2399,1.16046 -15.08125,2.98503 -2.31801,0.87365 -4.26772,2.46274 -6.34999,3.76872 -3.51923,2.20716 -7.21387,4.57359 -10.00549,7.69012 -2.6108,2.91412 -4.48281,6.69078 -5.88912,10.31478 -1.62676,4.19206 -3.09925,8.78682 -3.73967,13.22917 -0.28356,1.96691 -0.67048,3.79862 -0.42527,5.82083 0.81608,6.72942 5.2337,10.97518 11.06371,13.81972 3.54171,1.72826 6.56828,2.67626 10.58334,2.27462 1.42081,-0.14181 2.81384,-0.53525 4.23333,-0.70749 1.87536,-0.22728 4.01743,-0.25506 5.82083,-0.80936 1.24434,-0.38259 2.26563,-1.1483 3.43958,-1.6727 2.95858,-1.32186 5.8428,-2.55773 8.73125,-4.04416 3.32873,-1.71291 7.00353,-3.0681 10.05417,-5.28611 3.99865,-2.90724 7.14693,-7.86632 9.228667,-12.30577 0.713317,-1.52056 1.024732,-3.1533 1.46685,-4.7625 1.626129,-5.91978 2.2733,-12.1965 -0.201348,-17.99167 -1.131093,-2.64901 -2.927879,-4.60534 -4.937919,-6.61458 -1.36578,-1.36525 -2.77177,-2.72283 -4.49792,-3.63458 -1.97564,-1.04352 -4.44605,-1.36525 -6.61458,-1.74202 -2.29129,-0.39793 -4.5421,-0.6387 -6.87917,-0.33205 z"
-           id="path821" />
-        <path
-           inkscape:connector-curvature="0"
-           style="fill:#f7bf08;stroke:none;stroke-width:0.26458332;fill-opacity:1"
-           d="m -87.236113,107.73459 c 0.474398,1.6465 1.360752,3.16997 1.997869,4.7625 1.198033,2.99482 2.078567,6.08542 2.652448,9.26042 1.419489,7.8568 0.639498,16.54096 -2.008452,24.07708 -1.405467,4.00077 -3.471598,7.76896 -5.171811,11.64167 -2.696633,6.14283 -4.963847,12.4423 -10.699221,16.46105 -1.14141,0.79957 -2.46009,1.14618 -3.70417,1.73831 -3.53986,1.68461 -7.73456,3.34407 -11.64166,3.95579 -1.40256,0.2196 -2.8067,-0.31803 -4.23334,-0.11536 -5.20858,0.74057 -10.01156,1.84997 -15.34583,1.48431 -5.99202,-0.41063 -12.2256,-2.15688 -17.4625,-5.11545 -1.72863,-0.97658 -3.41312,-2.01745 -5.02708,-3.17606 -1.22248,-0.87762 -2.31032,-1.94257 -3.70417,-2.53259 1.00682,2.25901 3.10904,3.51393 4.71657,5.29272 3.65559,4.04522 7.32859,8.05763 11.42698,11.67501 4.2635,3.76343 8.24389,8.47804 13.75437,10.45686 3.38984,1.21735 6.7728,1.4605 10.31875,1.70339 2.95778,0.2024 6.02588,0.49265 8.99583,0.19553 5.61763,-0.56145 11.09213,-2.96202 16.139584,-5.34432 3.975629,-1.87669 7.875058,-3.67639 11.067521,-6.82731 5.699389,-5.62478 9.200091,-12.18565 12.162631,-19.53313 1.687777,-4.18544 3.258608,-8.4291 3.712104,-12.96458 0.295275,-2.9509 -0.153458,-6.31085 -0.438944,-9.26042 -0.582083,-6.01319 -1.859227,-11.61944 -4.24471,-17.19792 -1.382448,-3.23321 -3.267869,-6.14389 -4.823354,-9.26042 -1.415786,-2.83686 -3.098007,-5.42687 -5.031317,-7.9375 -0.985044,-1.27926 -1.917435,-2.72812 -3.408098,-3.43958 z"
-           id="path853" />
-      </g>
-    </g>
-  </g>
-</svg>
diff --git a/homepage/theme/static/images/offen-logo-letters-only-grey.svg b/homepage/theme/static/images/offen-logo-letters-only-grey.svg
new file mode 100644
index 0000000..68264f8
--- /dev/null
+++ b/homepage/theme/static/images/offen-logo-letters-only-grey.svg
@@ -0,0 +1,6 @@
+<svg width="172" height="77" viewBox="0 0 172 77" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.044 41.5376C17.5839 38.9083 16.302 37.6922 14.1986 37.8894C13.0153 37.9551 11.9965 38.744 11.1419 40.2559C9.95871 42.5566 9.43284 45.5474 9.5643 49.2285C9.76151 52.8439 10.0244 55.4733 10.3531 57.1166C10.7475 58.6942 11.4049 60.0746 12.3251 61.2578C12.851 62.1781 13.6398 62.6053 14.6916 62.5396C16.5321 62.5396 17.8797 60.9949 18.7342 57.9054L19.523 55.5389C19.8517 55.2103 19.9174 54.8816 19.7202 54.553C20.3776 52.9096 20.7391 50.9705 20.8048 48.7355C20.1475 48.2754 19.7531 47.8481 19.6216 47.4537C19.2272 46.3363 19.03 45.5803 19.03 45.1858C18.5699 44.8572 18.3069 44.2327 18.2412 43.3124C18.1755 42.3921 18.1097 41.8005 18.044 41.5376ZM0 50.8061L0.394404 45.7775C0.854543 41.2419 2.23496 37.3635 4.53565 34.1425C6.77061 31.4474 9.92584 30.067 14.0014 30.0013H14.593C18.4055 30.0013 21.1664 30.823 22.8754 32.4663C24.716 33.9125 26.0635 35.4901 26.9181 37.1992C27.8384 38.9083 28.43 40.1571 28.6929 40.946C28.9558 41.7348 29.1202 42.8852 29.1859 44.3971C29.3174 47.2236 28.7586 48.8341 27.5097 49.2285C28.43 55.4732 27.8712 60.4362 25.8335 64.1173C25.1761 65.6291 24.223 67.2725 22.974 69.0474C22.0538 70.2306 20.4104 70.8879 18.044 71.0194C15.6776 71.0194 13.6069 70.8879 11.8321 70.6251C10.123 70.3622 8.21675 69.5405 6.11327 68.1601C4.00978 66.7139 2.53076 64.3802 1.67622 61.1593C0.755942 58.0698 0.197202 54.6188 2.4181e-07 50.8062L0 50.8061Z" fill="#898989"/>
+<path d="M60.3255 31.5788L62.2975 31.4803C64.2038 31.4803 67.2933 31.0531 71.566 30.1985C71.6975 29.6726 71.7632 29.0809 71.7632 28.4236L72.2562 25.9586C72.2562 25.3013 72.4534 24.118 72.8478 22.409C72.8478 21.5544 72.9793 20.7328 73.2422 19.944C73.2422 19.2866 73.3408 18.432 73.538 17.3803C73.7352 16.2628 73.8996 15.0468 74.031 13.7321C74.2282 13.4692 74.3268 13.0748 74.3268 12.5488C74.3926 11.9572 74.524 11.3328 74.7212 10.6754C72.9464 10.281 70.9415 10.0181 68.7066 9.88663C65.6828 10.281 64.0066 10.6426 63.6779 10.9713C62.2318 12.2202 61.2458 13.3048 60.7199 14.2251C60.1283 15.2111 59.4381 16.8215 58.6493 19.0565C58.3206 19.188 58.0577 19.7139 57.8605 20.6342C57.729 21.6859 57.3675 23.0005 56.7759 24.5782C56.3157 25.8271 55.9213 27.2732 55.5926 28.9166C55.264 30.4942 55.1982 31.4474 55.3954 31.7761C56.0528 31.7761 56.5786 31.7432 56.9731 31.6775C57.4332 31.2174 58.5507 31.1845 60.3255 31.579L60.3255 31.5788ZM80.2429 50.9047C80.0457 52.548 79.98 53.534 80.0457 53.8627L79.7499 55.9334V57.7081C79.8814 61.5864 80.0129 64.3144 80.1443 65.892C80.473 67.2067 80.6373 68.1928 80.6373 68.8501C80.6373 70.0334 79.7171 70.9865 77.8765 71.7096C76.759 72.1697 75.5101 72.3997 74.1297 72.3997C72.7492 72.3997 71.7304 71.8739 71.073 70.8221L70.3828 68.4557L69.9884 66.1879L69.6926 65.399C69.6926 65.0704 69.594 64.6103 69.3968 64.0187L69.1996 61.2578C69.1996 59.6802 69.2325 58.2998 69.2982 57.1166V56.4264C69.2982 56.1635 69.364 55.7691 69.4954 55.2431C69.6926 54.7173 69.7255 54.0928 69.594 53.3697C69.9884 50.0173 70.1527 47.9138 70.087 47.0593C70.087 46.2047 70.1527 45.3173 70.2842 44.397C70.4157 43.411 70.4157 42.4249 70.2842 41.4389C70.6129 40.2557 70.843 39.1054 70.9744 37.9879C69.7255 37.9222 67.5891 37.988 64.5654 38.1852C61.2787 38.3823 57.7619 38.8425 54.015 39.5656C53.7521 40.3544 53.5878 41.2746 53.522 42.3264C53.4563 43.3781 53.3577 44.7257 53.2262 46.369C53.0948 47.9467 53.029 49.1298 53.029 49.9186V53.271C52.8318 54.7829 52.7661 55.769 52.8318 56.2291L52.536 58.2997V60.0746C52.6675 63.9529 52.799 66.648 52.9305 68.1599C53.2591 69.4746 53.4235 70.4934 53.4235 71.2165C53.4235 72.3339 52.5032 73.2871 50.6626 74.0759C49.2165 74.4703 47.8689 74.6675 46.62 74.6675C45.4368 74.6675 44.5165 74.1744 43.8592 73.1885L43.169 70.8221L42.7745 68.4557L42.4788 67.6668C42.4788 67.4039 42.3802 66.9767 42.183 66.385L41.9858 63.6243C41.9858 61.9809 42.0186 60.6004 42.0844 59.4829V58.7928C42.0844 58.5299 42.1501 58.1354 42.2816 57.6095C42.4788 57.0836 42.5116 56.4263 42.3802 55.6375C42.7746 52.3508 42.9389 50.2473 42.8732 49.327C42.8732 48.4068 42.9389 47.5194 43.0704 46.6648C43.2019 45.7445 43.2019 44.7914 43.0704 43.8054C43.2676 42.8851 43.399 42.3593 43.4648 42.2278C43.5305 42.0307 43.6291 41.4062 43.7606 40.3544H40.4081C38.8305 40.3544 37.8445 40.3214 37.4501 40.2557C35.5438 40.2557 34.3277 39.7299 33.8019 38.6782C33.4075 37.5607 33.6704 36.3117 34.5907 34.9313C34.7221 34.6026 35.2809 34.4054 36.2669 34.3397C37.7788 34.3397 40.4739 33.9453 44.3522 33.1565C44.4837 32.6306 44.5494 32.1705 44.5494 31.7761L45.0424 28.3251C45.0424 27.7335 45.2396 26.5502 45.634 24.7754C45.634 23.9208 45.7655 23.0992 46.0284 22.3104C46.0284 21.7188 46.127 20.7327 46.3242 19.3523C46.8501 16.6572 47.1459 14.6523 47.2116 13.3376C47.6718 12.4831 47.9347 11.9243 48.0004 11.6614C47.7375 11.3327 47.8361 10.8726 48.2962 10.281L48.592 9.68941C48.7235 8.90058 49.6438 7.68453 51.3528 6.04119L53.9165 4.56219C54.3109 4.03634 55.8885 3.34607 58.6493 2.49152C59.2409 2.16283 60.4899 2.29427 62.3962 2.88585C62.5933 2.95157 63.1521 2.95157 64.0724 2.88585C65.0584 2.82013 65.8143 2.88591 66.3402 3.08307C66.8661 3.28024 67.2276 3.37885 67.4248 3.37885L69.6926 3.6745C72.7164 4.66051 74.8856 5.58084 76.2003 6.43539C76.5947 5.77804 77.1206 5.15355 77.7779 4.56195C78.4353 3.90462 78.9611 3.51019 79.3555 3.37872L81.1304 2.1955C81.8534 1.4067 83.3324 0.78219 85.5674 0.322056C87.8681 -0.138077 89.8401 -0.105125 91.4835 0.420731C92.338 0.420731 93.0282 0.51934 93.5541 0.716505C94.08 0.913671 94.4744 1.01216 94.7373 1.01216L97.1037 1.40648C99.3387 2.32675 100.62 3.04982 100.949 3.5757C101.278 4.03583 101.376 4.49601 101.245 4.95615C100.456 7.32257 98.6813 8.30865 95.9205 7.91426L91.6807 8.11136C89.5114 8.90019 87.9667 10.2477 87.0464 12.154C85.9289 13.7974 85.173 15.8022 84.7786 18.1687C84.3842 20.4694 84.0884 21.8827 83.8912 22.4086C83.7597 22.9345 83.5954 23.526 83.3982 24.1833C83.201 24.6435 82.9709 25.5638 82.708 26.9442C82.445 28.2589 82.4122 29.0806 82.6094 29.4092C83.2667 29.4092 83.7926 29.3764 84.187 29.3107C84.6471 28.8505 85.7646 28.8176 87.5394 29.212L89.5114 29.1135C93.1268 29.1135 95.3289 29.7708 96.1177 31.0855C96.5779 31.7428 96.545 32.5644 96.0191 33.5505C95.559 34.4707 94.8687 35.0952 93.9485 35.4239L84.3842 36.6071L81.3275 37.1988C80.9989 38.1191 80.8017 39.2036 80.7359 40.4526C80.6702 41.7015 80.5716 43.0162 80.4401 44.3967C80.3087 45.7771 80.2429 46.8288 80.2429 47.5519L80.2429 50.9047Z" fill="#898989"/>
+<path d="M116.645 34.4383C116.513 34.1097 116.053 33.9782 115.265 34.044C114.541 34.1097 113.983 34.5041 113.588 35.2272C110.893 39.4999 109.447 44.0684 109.25 48.9328C111.485 49.4586 113.391 48.4727 114.969 45.9748C117.006 39.5328 117.565 35.6874 116.645 34.4384V34.4383ZM108.954 73.5829L107.968 73.3858L106.588 72.0054C106.193 72.0054 105.897 71.8411 105.7 71.5124C104.977 70.6579 103.662 68.9487 101.756 66.3851L100.277 60.9621C100.277 59.9103 100.08 58.99 99.6855 58.2012C99.0282 55.2432 98.6338 53.5669 98.5023 53.1725C98.3709 52.7124 98.2723 51.4963 98.2065 49.5243C98.2065 47.5523 98.3051 46.1062 98.5023 45.1859C98.6995 43.9369 99.9156 40.8475 102.151 35.9174C102.742 35.3258 103.104 34.537 103.235 33.551L104.813 31.2831C106.259 29.574 107.804 28.325 109.447 27.5362C109.447 27.4048 110.565 27.0762 112.799 26.5503C113.26 26.4846 114.311 26.649 115.955 27.0433C119.899 27.9636 122.364 29.1139 123.35 30.4943L123.646 30.9873C124.895 32.7621 125.618 35.4901 125.815 39.1712C125.618 40.8145 125.453 42.1949 125.322 43.3124C125.19 44.4299 124.467 46.4677 123.153 49.4258C122.167 51.2663 121.213 52.7453 120.293 53.8627C118.847 54.9145 117.861 55.4404 117.335 55.4404C117.072 55.5719 116.513 55.6375 115.659 55.6375H113.391C113.194 55.5718 112.767 55.539 112.109 55.539C111.452 55.539 110.499 55.3746 109.25 55.046C109.25 56.4921 109.644 58.5627 110.433 61.2579C111.288 63.8872 111.978 65.4977 112.504 66.0893C113.884 67.141 114.969 67.8313 115.758 68.16C116.546 68.4886 117.598 68.5543 118.913 68.3571C120.227 68.0942 121.181 67.634 121.772 66.9766L124.336 63.8214C125.979 61.5864 127.655 61.3893 129.364 63.2298C130.153 64.0844 130.449 64.939 130.252 65.7935C130.12 66.5823 129.463 68.1928 128.28 70.625C127.294 72.2026 126.242 73.5172 125.125 74.5689C123.087 75.6207 121.871 76.1466 121.476 76.1466C120.885 76.2123 119.964 76.1137 118.716 75.8508C118.058 76.1795 116.941 76.1467 115.363 75.7523C115.363 75.6208 115.166 75.5222 114.771 75.4565C114.443 75.4565 113.983 75.3579 113.391 75.1607L113.588 75.0622C113.457 75.0622 113.062 75.0622 112.405 75.0622L109.644 73.5831L108.954 73.5829Z" fill="#898989"/>
+<path d="M158.94 66.9767L158.349 65.3005L157.264 58.6941C156.935 57.4452 156.771 56.3277 156.771 55.3417L157.165 51.0033C157.165 50.2802 157.198 49.8859 157.264 49.8202C156.475 49.8202 155.292 50.7732 153.714 52.6795C153.583 52.8767 153.386 53.2053 153.123 53.6655C150.362 58.0697 148.719 63.3614 148.193 69.5404C147.667 70.6579 146.977 71.2166 146.122 71.2166C144.347 70.8222 143.361 70.6249 143.164 70.6249L142.474 70.7235H141.192C139.68 70.592 138.694 70.0005 138.234 68.9487C137.971 68.62 137.84 67.7655 137.84 66.385V65.0047L137.544 59.5816V51.4963C137.544 50.576 137.478 49.4257 137.347 48.0453C137.215 46.5334 137.182 44.1669 137.248 40.9459C137.314 37.6592 137.281 35.9174 137.149 35.7202C137.018 35.4573 136.952 35.1285 136.952 34.7341C136.952 34.3397 137.051 33.9454 137.248 33.551C137.445 33.1565 138.333 32.7292 139.91 32.2691C140.765 31.7432 141.488 31.4803 142.08 31.4803C143 31.6775 144.183 32.0719 145.629 32.6635C146.615 32.8607 147.108 33.8138 147.108 35.523C147.24 38.3495 147.24 40.3872 147.108 41.6362C147.042 42.8851 147.075 45.4159 147.207 49.2285C152.071 39.8943 156.41 34.274 160.222 32.3677C160.551 32.039 161.044 31.8747 161.701 31.8747C162.358 31.8747 163.114 32.2034 163.969 32.8607C164.823 33.5181 165.415 33.9453 165.744 34.1425C166.072 34.3397 166.434 34.6683 166.828 35.1285C167.289 35.5886 167.65 35.8845 167.913 36.0159C168.702 37.3306 168.866 40.4202 168.406 45.2845C168.34 46.0076 168.275 46.6649 168.209 47.2565C168.143 47.7824 168.11 48.9655 168.11 50.806C168.11 52.6466 168.143 53.9285 168.209 54.6516C168.406 56.9523 168.505 58.2998 168.505 58.6941L168.998 62.441C169.655 63.9529 169.984 65.1362 169.984 65.9907C170.049 66.7795 170.641 68.0613 171.758 69.8361C172.219 70.8222 172.021 71.611 171.167 72.2026C169.852 72.8599 169.129 73.1228 168.998 72.9914C168.932 72.9256 168.57 72.9913 167.913 73.1885C167.256 73.4514 166.072 73.5171 164.363 73.3857C163.509 73.1885 162.654 72.6626 161.8 71.808L160.321 70.329C159.795 69.5402 159.433 68.6857 159.236 67.7655C158.907 67.4368 158.809 67.1738 158.94 66.9766L158.94 66.9767Z" fill="#898989"/>
+</svg>
diff --git a/homepage/theme/static/images/offen-logo-letters-only-white.svg b/homepage/theme/static/images/offen-logo-letters-only-white.svg
new file mode 100644
index 0000000..02c4971
--- /dev/null
+++ b/homepage/theme/static/images/offen-logo-letters-only-white.svg
@@ -0,0 +1,6 @@
+<svg width="172" height="77" viewBox="0 0 172 77" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.044 41.5376C17.5839 38.9083 16.302 37.6922 14.1986 37.8894C13.0153 37.9551 11.9965 38.744 11.1419 40.2559C9.95871 42.5566 9.43284 45.5474 9.5643 49.2285C9.76151 52.8439 10.0244 55.4733 10.3531 57.1166C10.7475 58.6942 11.4049 60.0746 12.3251 61.2578C12.851 62.1781 13.6398 62.6053 14.6916 62.5396C16.5321 62.5396 17.8797 60.9949 18.7342 57.9054L19.523 55.5389C19.8517 55.2103 19.9174 54.8816 19.7202 54.553C20.3776 52.9096 20.7391 50.9705 20.8048 48.7355C20.1475 48.2754 19.7531 47.8481 19.6216 47.4537C19.2272 46.3363 19.03 45.5803 19.03 45.1858C18.5699 44.8572 18.3069 44.2327 18.2412 43.3124C18.1755 42.3921 18.1097 41.8005 18.044 41.5376ZM0 50.8061L0.394404 45.7775C0.854543 41.2419 2.23496 37.3635 4.53565 34.1425C6.77061 31.4474 9.92584 30.067 14.0014 30.0013H14.593C18.4055 30.0013 21.1664 30.823 22.8754 32.4663C24.716 33.9125 26.0635 35.4901 26.9181 37.1992C27.8384 38.9083 28.43 40.1571 28.6929 40.946C28.9558 41.7348 29.1202 42.8852 29.1859 44.3971C29.3174 47.2236 28.7586 48.8341 27.5097 49.2285C28.43 55.4732 27.8712 60.4362 25.8335 64.1173C25.1761 65.6291 24.223 67.2725 22.974 69.0474C22.0538 70.2306 20.4104 70.8879 18.044 71.0194C15.6776 71.0194 13.6069 70.8879 11.8321 70.6251C10.123 70.3622 8.21675 69.5405 6.11327 68.1601C4.00978 66.7139 2.53076 64.3802 1.67622 61.1593C0.755942 58.0698 0.197202 54.6188 2.4181e-07 50.8062L0 50.8061Z" fill="white"/>
+<path d="M60.3255 31.5788L62.2975 31.4803C64.2038 31.4803 67.2933 31.0531 71.566 30.1985C71.6975 29.6726 71.7632 29.0809 71.7632 28.4236L72.2562 25.9586C72.2562 25.3013 72.4534 24.118 72.8478 22.409C72.8478 21.5544 72.9793 20.7328 73.2422 19.944C73.2422 19.2866 73.3408 18.432 73.538 17.3803C73.7352 16.2628 73.8996 15.0468 74.031 13.7321C74.2282 13.4692 74.3268 13.0748 74.3268 12.5488C74.3926 11.9572 74.524 11.3328 74.7212 10.6754C72.9464 10.281 70.9415 10.0181 68.7066 9.88663C65.6828 10.281 64.0066 10.6426 63.6779 10.9713C62.2318 12.2202 61.2458 13.3048 60.7199 14.2251C60.1283 15.2111 59.4381 16.8215 58.6493 19.0565C58.3206 19.188 58.0577 19.7139 57.8605 20.6342C57.729 21.6859 57.3675 23.0005 56.7759 24.5782C56.3157 25.8271 55.9213 27.2732 55.5926 28.9166C55.264 30.4942 55.1982 31.4474 55.3954 31.7761C56.0528 31.7761 56.5786 31.7432 56.9731 31.6775C57.4332 31.2174 58.5507 31.1845 60.3255 31.579L60.3255 31.5788ZM80.2429 50.9047C80.0457 52.548 79.98 53.534 80.0457 53.8627L79.7499 55.9334V57.7081C79.8814 61.5864 80.0129 64.3144 80.1443 65.892C80.473 67.2067 80.6373 68.1928 80.6373 68.8501C80.6373 70.0334 79.7171 70.9865 77.8765 71.7096C76.759 72.1697 75.5101 72.3997 74.1297 72.3997C72.7492 72.3997 71.7304 71.8739 71.073 70.8221L70.3828 68.4557L69.9884 66.1879L69.6926 65.399C69.6926 65.0704 69.594 64.6103 69.3968 64.0187L69.1996 61.2578C69.1996 59.6802 69.2325 58.2998 69.2982 57.1166V56.4264C69.2982 56.1635 69.364 55.7691 69.4954 55.2431C69.6926 54.7173 69.7255 54.0928 69.594 53.3697C69.9884 50.0173 70.1527 47.9138 70.087 47.0593C70.087 46.2047 70.1527 45.3173 70.2842 44.397C70.4157 43.411 70.4157 42.4249 70.2842 41.4389C70.6129 40.2557 70.843 39.1054 70.9744 37.9879C69.7255 37.9222 67.5891 37.988 64.5654 38.1852C61.2787 38.3823 57.7619 38.8425 54.015 39.5656C53.7521 40.3544 53.5878 41.2746 53.522 42.3264C53.4563 43.3781 53.3577 44.7257 53.2262 46.369C53.0948 47.9467 53.029 49.1298 53.029 49.9186V53.271C52.8318 54.7829 52.7661 55.769 52.8318 56.2291L52.536 58.2997V60.0746C52.6675 63.9529 52.799 66.648 52.9305 68.1599C53.2591 69.4746 53.4235 70.4934 53.4235 71.2165C53.4235 72.3339 52.5032 73.2871 50.6626 74.0759C49.2165 74.4703 47.8689 74.6675 46.62 74.6675C45.4368 74.6675 44.5165 74.1744 43.8592 73.1885L43.169 70.8221L42.7745 68.4557L42.4788 67.6668C42.4788 67.4039 42.3802 66.9767 42.183 66.385L41.9858 63.6243C41.9858 61.9809 42.0186 60.6004 42.0844 59.4829V58.7928C42.0844 58.5299 42.1501 58.1354 42.2816 57.6095C42.4788 57.0836 42.5116 56.4263 42.3802 55.6375C42.7746 52.3508 42.9389 50.2473 42.8732 49.327C42.8732 48.4068 42.9389 47.5194 43.0704 46.6648C43.2019 45.7445 43.2019 44.7914 43.0704 43.8054C43.2676 42.8851 43.399 42.3593 43.4648 42.2278C43.5305 42.0307 43.6291 41.4062 43.7606 40.3544H40.4081C38.8305 40.3544 37.8445 40.3214 37.4501 40.2557C35.5438 40.2557 34.3277 39.7299 33.8019 38.6782C33.4075 37.5607 33.6704 36.3117 34.5907 34.9313C34.7221 34.6026 35.2809 34.4054 36.2669 34.3397C37.7788 34.3397 40.4739 33.9453 44.3522 33.1565C44.4837 32.6306 44.5494 32.1705 44.5494 31.7761L45.0424 28.3251C45.0424 27.7335 45.2396 26.5502 45.634 24.7754C45.634 23.9208 45.7655 23.0992 46.0284 22.3104C46.0284 21.7188 46.127 20.7327 46.3242 19.3523C46.8501 16.6572 47.1459 14.6523 47.2116 13.3376C47.6718 12.4831 47.9347 11.9243 48.0004 11.6614C47.7375 11.3327 47.8361 10.8726 48.2962 10.281L48.592 9.68941C48.7235 8.90058 49.6438 7.68453 51.3528 6.04119L53.9165 4.56219C54.3109 4.03634 55.8885 3.34607 58.6493 2.49152C59.2409 2.16283 60.4899 2.29427 62.3962 2.88585C62.5933 2.95157 63.1521 2.95157 64.0724 2.88585C65.0584 2.82013 65.8143 2.88591 66.3402 3.08307C66.8661 3.28024 67.2276 3.37885 67.4248 3.37885L69.6926 3.6745C72.7164 4.66051 74.8856 5.58084 76.2003 6.43539C76.5947 5.77804 77.1206 5.15355 77.7779 4.56195C78.4353 3.90462 78.9611 3.51019 79.3555 3.37872L81.1304 2.1955C81.8534 1.4067 83.3324 0.78219 85.5674 0.322056C87.8681 -0.138077 89.8401 -0.105125 91.4835 0.420731C92.338 0.420731 93.0282 0.51934 93.5541 0.716505C94.08 0.913671 94.4744 1.01216 94.7373 1.01216L97.1037 1.40648C99.3387 2.32675 100.62 3.04982 100.949 3.5757C101.278 4.03583 101.376 4.49601 101.245 4.95615C100.456 7.32257 98.6813 8.30865 95.9205 7.91426L91.6807 8.11136C89.5114 8.90019 87.9667 10.2477 87.0464 12.154C85.9289 13.7974 85.173 15.8022 84.7786 18.1687C84.3842 20.4694 84.0884 21.8827 83.8912 22.4086C83.7597 22.9345 83.5954 23.526 83.3982 24.1833C83.201 24.6435 82.9709 25.5638 82.708 26.9442C82.445 28.2589 82.4122 29.0806 82.6094 29.4092C83.2667 29.4092 83.7926 29.3764 84.187 29.3107C84.6471 28.8505 85.7646 28.8176 87.5394 29.212L89.5114 29.1135C93.1268 29.1135 95.3289 29.7708 96.1177 31.0855C96.5779 31.7428 96.545 32.5644 96.0191 33.5505C95.559 34.4707 94.8687 35.0952 93.9485 35.4239L84.3842 36.6071L81.3275 37.1988C80.9989 38.1191 80.8017 39.2036 80.7359 40.4526C80.6702 41.7015 80.5716 43.0162 80.4401 44.3967C80.3087 45.7771 80.2429 46.8288 80.2429 47.5519L80.2429 50.9047Z" fill="white"/>
+<path d="M116.645 34.4383C116.513 34.1097 116.053 33.9782 115.265 34.044C114.541 34.1097 113.983 34.5041 113.588 35.2272C110.893 39.4999 109.447 44.0684 109.25 48.9328C111.485 49.4586 113.391 48.4727 114.969 45.9748C117.006 39.5328 117.565 35.6874 116.645 34.4384V34.4383ZM108.954 73.5829L107.968 73.3858L106.588 72.0054C106.193 72.0054 105.897 71.8411 105.7 71.5124C104.977 70.6579 103.662 68.9487 101.756 66.3851L100.277 60.9621C100.277 59.9103 100.08 58.99 99.6855 58.2012C99.0282 55.2432 98.6338 53.5669 98.5023 53.1725C98.3709 52.7124 98.2723 51.4963 98.2065 49.5243C98.2065 47.5523 98.3051 46.1062 98.5023 45.1859C98.6995 43.9369 99.9156 40.8475 102.151 35.9174C102.742 35.3258 103.104 34.537 103.235 33.551L104.813 31.2831C106.259 29.574 107.804 28.325 109.447 27.5362C109.447 27.4048 110.565 27.0762 112.799 26.5503C113.26 26.4846 114.311 26.649 115.955 27.0433C119.899 27.9636 122.364 29.1139 123.35 30.4943L123.646 30.9873C124.895 32.7621 125.618 35.4901 125.815 39.1712C125.618 40.8145 125.453 42.1949 125.322 43.3124C125.19 44.4299 124.467 46.4677 123.153 49.4258C122.167 51.2663 121.213 52.7453 120.293 53.8627C118.847 54.9145 117.861 55.4404 117.335 55.4404C117.072 55.5719 116.513 55.6375 115.659 55.6375H113.391C113.194 55.5718 112.767 55.539 112.109 55.539C111.452 55.539 110.499 55.3746 109.25 55.046C109.25 56.4921 109.644 58.5627 110.433 61.2579C111.288 63.8872 111.978 65.4977 112.504 66.0893C113.884 67.141 114.969 67.8313 115.758 68.16C116.546 68.4886 117.598 68.5543 118.913 68.3571C120.227 68.0942 121.181 67.634 121.772 66.9766L124.336 63.8214C125.979 61.5864 127.655 61.3893 129.364 63.2298C130.153 64.0844 130.449 64.939 130.252 65.7935C130.12 66.5823 129.463 68.1928 128.28 70.625C127.294 72.2026 126.242 73.5172 125.125 74.5689C123.087 75.6207 121.871 76.1466 121.476 76.1466C120.885 76.2123 119.964 76.1137 118.716 75.8508C118.058 76.1795 116.941 76.1467 115.363 75.7523C115.363 75.6208 115.166 75.5222 114.771 75.4565C114.443 75.4565 113.983 75.3579 113.391 75.1607L113.588 75.0622C113.457 75.0622 113.062 75.0622 112.405 75.0622L109.644 73.5831L108.954 73.5829Z" fill="white"/>
+<path d="M158.94 66.9767L158.349 65.3005L157.264 58.6941C156.935 57.4452 156.771 56.3277 156.771 55.3417L157.165 51.0033C157.165 50.2802 157.198 49.8859 157.264 49.8202C156.475 49.8202 155.292 50.7732 153.714 52.6795C153.583 52.8767 153.386 53.2053 153.123 53.6655C150.362 58.0697 148.719 63.3614 148.193 69.5404C147.667 70.6579 146.977 71.2166 146.122 71.2166C144.347 70.8222 143.361 70.6249 143.164 70.6249L142.474 70.7235H141.192C139.68 70.592 138.694 70.0005 138.234 68.9487C137.971 68.62 137.84 67.7655 137.84 66.385V65.0047L137.544 59.5816V51.4963C137.544 50.576 137.478 49.4257 137.347 48.0453C137.215 46.5334 137.182 44.1669 137.248 40.9459C137.314 37.6592 137.281 35.9174 137.149 35.7202C137.018 35.4573 136.952 35.1285 136.952 34.7341C136.952 34.3397 137.051 33.9454 137.248 33.551C137.445 33.1565 138.333 32.7292 139.91 32.2691C140.765 31.7432 141.488 31.4803 142.08 31.4803C143 31.6775 144.183 32.0719 145.629 32.6635C146.615 32.8607 147.108 33.8138 147.108 35.523C147.24 38.3495 147.24 40.3872 147.108 41.6362C147.042 42.8851 147.075 45.4159 147.207 49.2285C152.071 39.8943 156.41 34.274 160.222 32.3677C160.551 32.039 161.044 31.8747 161.701 31.8747C162.358 31.8747 163.114 32.2034 163.969 32.8607C164.823 33.5181 165.415 33.9453 165.744 34.1425C166.072 34.3397 166.434 34.6683 166.828 35.1285C167.289 35.5886 167.65 35.8845 167.913 36.0159C168.702 37.3306 168.866 40.4202 168.406 45.2845C168.34 46.0076 168.275 46.6649 168.209 47.2565C168.143 47.7824 168.11 48.9655 168.11 50.806C168.11 52.6466 168.143 53.9285 168.209 54.6516C168.406 56.9523 168.505 58.2998 168.505 58.6941L168.998 62.441C169.655 63.9529 169.984 65.1362 169.984 65.9907C170.049 66.7795 170.641 68.0613 171.758 69.8361C172.219 70.8222 172.021 71.611 171.167 72.2026C169.852 72.8599 169.129 73.1228 168.998 72.9914C168.932 72.9256 168.57 72.9913 167.913 73.1885C167.256 73.4514 166.072 73.5171 164.363 73.3857C163.509 73.1885 162.654 72.6626 161.8 71.808L160.321 70.329C159.795 69.5402 159.433 68.6857 159.236 67.7655C158.907 67.4368 158.809 67.1738 158.94 66.9766L158.94 66.9767Z" fill="white"/>
+</svg>
diff --git a/homepage/theme/templates/base.html b/homepage/theme/templates/base.html
index 28419f1..8b70dce 100644
--- a/homepage/theme/templates/base.html
+++ b/homepage/theme/templates/base.html
@@ -42,7 +42,7 @@
               <a href="/status/">Status</a>
             </li>
             <li>
-              <a>Auditorium</a>
+              <a href="#">Auditorium</a>
               <ul class="nav-dropdown">
                 <li>
                   <a href="/auditorium/operator/">for Operators</a>
@@ -70,9 +70,15 @@
   {% if page.href == "/" %}
     <div class="intro">
       <div class="container-reader">
+        <a href="/" title="offen home page" alt="offen home page">
+          <img src="/theme/images/offen-logo-letters-only-white.svg" alt="offen logo" width="172" height="76">
+        </a>
         <h1>
-          <strong>offen</strong> is a free and open source analytics software for websites and web applications that allows respectful handling of data.
+          is a free and open source analytics software for websites and web applications that allows respectful handling of data.
         </h1>
+        <div class="btn-wrapper">
+        <a class="btn btn-color-black" href="{{GITHUB_ORG}}" target="_blank">Get involved</a>
+        </div>
       </div>
     </div>
     <div class="feature">
@@ -83,6 +89,9 @@
     <div class="cta-top">
       <div class="container-full">
         CTA TOP
+        <div class="btn-wrapper">
+        <a class="btn btn-color-yellow-black" href="/status/">Status</a>
+        </div>
       </div>
     </div>
   {% endif %}
@@ -108,7 +117,9 @@
   </div>
   <div class="footer">
     <div class="container-full">
-     FOOTER
+      <a href="/" title="offen home page" alt="offen home page">
+        <img src="/theme/images/offen-logo-letters-only-grey.svg" alt="offen logo" width="86" height="38">
+      </a>
    </div>
   </div>
 
diff --git a/styles/index.css b/styles/index.css
index 1292975..04a2608 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -36,7 +36,6 @@ LAYOUT
 }
 .intro {
   width: 100%;
-  height: 400px;
   margin: 70px 0 0 0;
   background-color: var(--yellow-mid);
 }
@@ -149,10 +148,6 @@ color: var(--grey-bright);
 }
 
 
-
-
-
-
 /* ---------------------------------------------------
 TYPO ELEMENTS
 ----------------------------------------------------*/
@@ -164,9 +159,6 @@ hr {
   margin: 80px 0 20px 0;
   border-top: 1px solid var(--grey-bright);
 }
-.intro h1 {
-  color: var(--white);
-}
 blockquote {
   margin: 0;
   padding: 0 0 0 20px;
@@ -174,7 +166,7 @@ blockquote {
   border-left: 1px solid var(--grey-bright);
 }
 strong {
-  font-weight: 700
+  font-weight: 700;
 }
 strong,
 h1 strong,
@@ -185,16 +177,63 @@ h3 strong {
   color: var(--black-mid);
 }
 em {
-background: linear-gradient(transparent 66%, var(--yellow-bright) 66%);
-font-style: normal;
+  background: linear-gradient(transparent 66%, var(--yellow-bright) 66%);
+  font-style: normal;
 }
 .footnote {
   color: var(--grey-bright);
 }
 ol {
-padding-inline-start: 20px;
+  padding-inline-start: 20px;
 }
 
+
+/* ---------------------------------------------------
+BUTTONS
+----------------------------------------------------*/
+.btn-wrapper {
+  margin: 40px 0 0 0;
+}
+.btn {
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0px;
+  padding: 8px 30px;
+  text-align: center;
+  text-decoration: none;
+}
+.btn-color-yellow,
+.btn-color-yellow:visited,
+.btn-color-yellow:link,
+.btn-color-yellow:hover,
+.btn-color-yellow:active {
+  font-weight: 700;
+  background: var(--white);
+  color: var(--yellow-mid);
+  border: solid var(--yellow-mid) 5px;
+}
+.btn-color-yellow-black,
+.btn-color-yellow-black:visited,
+.btn-color-yellow-black:link,
+.btn-color-yellow-black:hover,
+.btn-color-yellow-black:active {
+  font-weight: 700;
+  background: var(--black-mid);
+  color: var(--yellow-mid);
+  border: solid var(--yellow-mid) 5px;
+}
+.btn-color-black,
+.btn-color-black:visited,
+.btn-color-black:link,
+.btn-color-black:hover,
+.btn-color-black:active {
+  font-weight: 700;
+  background: var(--yellow-mid);
+  color: var(--black-mid);
+  border: solid var(--black-mid) 5px;
+}
+
+
 /* ---------------------------------------------------
 MENU
 ----------------------------------------------------*/
@@ -209,7 +248,7 @@ MENU
 }
 .brand a,
 .brand a:visited {
-  color: var(--black-mid);;
+  color: var(--black-mid);
   text-decoration: none;
 }
 .nav-container {
@@ -233,12 +272,12 @@ nav ul li a:visited {
   padding: 0 20px;
   line-height: 70px;
   background: var(--yellow-mid);
-  color: var(--black-mid);;
+  color: var(--black-mid);
   text-decoration: none;
 }
 nav ul li a:hover,
 nav ul li a:visited:hover {
-  color: var(--black-mid);;
+  color: var(--black-mid);
 }
 nav ul li a:not(:only-child):after,
 nav ul li a:visited:not(:only-child):after {
@@ -320,7 +359,7 @@ nav ul li ul li a {
   border-radius: 1px;
   height: 3px;
   width: 35px;
-  background: var(--black-mid);;
+  background: var(--black-mid);
   position: absolute;
   display: block;
   content: '';
@@ -344,3 +383,8 @@ nav ul li ul li a {
 #nav-toggle.active span:after {
   transform: rotate(-45deg);
 }
+
+
+/* ---------------------------------------------------
+IMAGES
+----------------------------------------------------*/