From 46fedda7c48518d0003d15a94ce6221f3653651d Mon Sep 17 00:00:00 2001
From: hendr-ik <hello@niefeld.com>
Date: Thu, 22 Aug 2019 00:13:11 +0200
Subject: [PATCH] layout ready

---
 homepage/theme/static/images/illustration.svg |   3 +
 ...-circle-only.svg => offen-brand-white.svg} |   0
 .../images/offen-logo-letters-only-grey.svg   |   6 -
 .../images/offen-logo-letters-only-white.svg  |   6 -
 .../static/images/offen-sign-brand-grey.svg   |   8 +
 .../static/images/offen-sign-brand-white.svg  |   8 +
 homepage/theme/static/scripts/fade.js         |   3 +
 .../static/scripts/{functions.js => menu.js}  |   1 -
 homepage/theme/templates/base.html            |  63 +++++---
 styles/index.css                              | 138 ++++++++++++------
 10 files changed, 165 insertions(+), 71 deletions(-)
 create mode 100644 homepage/theme/static/images/illustration.svg
 rename homepage/theme/static/images/{offen-logo-circle-only.svg => offen-brand-white.svg} (100%)
 delete mode 100644 homepage/theme/static/images/offen-logo-letters-only-grey.svg
 delete mode 100644 homepage/theme/static/images/offen-logo-letters-only-white.svg
 create mode 100644 homepage/theme/static/images/offen-sign-brand-grey.svg
 create mode 100644 homepage/theme/static/images/offen-sign-brand-white.svg
 create mode 100644 homepage/theme/static/scripts/fade.js
 rename homepage/theme/static/scripts/{functions.js => menu.js} (89%)

diff --git a/homepage/theme/static/images/illustration.svg b/homepage/theme/static/images/illustration.svg
new file mode 100644
index 0000000..4614354
--- /dev/null
+++ b/homepage/theme/static/images/illustration.svg
@@ -0,0 +1,3 @@
+<svg width="185" height="128" viewBox="0 0 185 128" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M91.4087 12.7144C58.4384 37.3772 20.4201 67.8688 4.07537 107.159C0.32521 116.174 7.02345 117.39 14.2976 114.492C31.4903 107.642 46.3982 91.8941 60.0754 80.0477C78.3068 64.2568 95.5667 47.6339 112.298 30.27C118.59 23.7393 131.488 14.0478 134.742 4.93663C137.071 -1.58385 121.784 10.1295 116.075 14.0477C95.7422 28.0042 75.8244 43.3886 57.6309 60.0477C54.9537 62.4991 37.9359 76.0815 43.6309 82.0477C49.406 88.0978 65.833 82.0447 71.742 80.1589C84.9149 75.9547 139.069 54.0287 132.186 33.3811C124.214 9.46304 61.8077 62.515 55.5198 69.3811C51.3236 73.9632 33.0469 91.9877 48.1865 95.7144C69.524 100.967 96.6782 86.2563 115.409 78.0477C124.955 73.864 139.454 69.366 147.409 62.0477C152.969 56.9322 133.554 68.319 127.409 72.7144C122.67 76.1036 100.183 93.0057 108.52 101.603C115.117 108.407 136.248 95.8091 142.52 93.1589C142.634 93.1105 159.393 86.9016 159.186 87.6033C158.147 91.1366 150.277 95.9273 147.853 98.7144C131.271 117.784 156.591 112.305 167.631 104.603C187.924 90.4452 149.677 95.8312 143.298 98.1589C132.893 101.955 123.39 107.673 113.298 112.159C111.818 112.816 109.167 113.966 107.298 114.381C106.489 114.561 108.756 113.59 109.52 113.27C129.097 105.06 150.274 100.535 171.631 103.048C188.522 105.035 181.353 115.374 175.409 124.714" stroke="white" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/homepage/theme/static/images/offen-logo-circle-only.svg b/homepage/theme/static/images/offen-brand-white.svg
similarity index 100%
rename from homepage/theme/static/images/offen-logo-circle-only.svg
rename to homepage/theme/static/images/offen-brand-white.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
deleted file mode 100644
index 68264f8..0000000
--- a/homepage/theme/static/images/offen-logo-letters-only-grey.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<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
deleted file mode 100644
index 02c4971..0000000
--- a/homepage/theme/static/images/offen-logo-letters-only-white.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<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/static/images/offen-sign-brand-grey.svg b/homepage/theme/static/images/offen-sign-brand-grey.svg
new file mode 100644
index 0000000..a661095
--- /dev/null
+++ b/homepage/theme/static/images/offen-sign-brand-grey.svg
@@ -0,0 +1,8 @@
+<svg width="152" height="94" viewBox="0 0 152 94" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.9439 64.9889C16.5735 62.8715 15.5416 61.8922 13.8484 62.051C12.8959 62.1039 12.0758 62.7392 11.3879 63.9567C10.4354 65.8094 10.0121 68.2179 10.1179 71.1822C10.2767 74.0936 10.4883 76.211 10.7529 77.5344C11.0704 78.8048 11.5995 79.9164 12.3403 80.8692C12.7636 81.6103 13.3986 81.9543 14.2452 81.9014C15.7268 81.9014 16.8116 80.6575 17.4995 78.1696L18.1344 76.2639C18.399 75.9992 18.4519 75.7346 18.2932 75.4699C18.8223 74.1465 19.1133 72.585 19.1662 70.7852C18.6371 70.4146 18.3196 70.0706 18.2138 69.753C17.8963 68.8531 17.7376 68.2443 17.7376 67.9267C17.3672 67.662 17.1555 67.1591 17.1026 66.4181C17.0497 65.677 16.9968 65.2006 16.9439 64.9889V64.9889ZM2.41895 72.4526L2.73643 68.4032C3.10683 64.7507 4.21802 61.6275 6.07002 59.0337C7.86909 56.8634 10.409 55.7518 13.6896 55.6989H14.1659C17.2349 55.6989 19.4573 56.3605 20.833 57.6839C22.3146 58.8484 23.3994 60.1189 24.0873 61.4952C24.828 62.8715 25.3043 63.8772 25.5159 64.5124C25.7276 65.1476 25.8599 66.074 25.9128 67.2915C26.0186 69.5677 25.5688 70.8646 24.5635 71.1822C25.3043 76.211 24.8545 80.2076 23.2142 83.1719C22.685 84.3894 21.9178 85.7128 20.9124 87.142C20.1716 88.0948 18.8488 88.6242 16.9439 88.73C15.0389 88.73 13.3722 88.6242 11.9435 88.4125C10.5677 88.2008 9.0332 87.5391 7.33995 86.4275C5.6467 85.2629 4.45614 83.3836 3.76825 80.7899C3.02746 78.3019 2.57769 75.5229 2.41895 72.4527L2.41895 72.4526Z" fill="#898989"/>
+<path d="M50.9791 56.9692L52.5665 56.8899C54.101 56.8899 56.588 56.5458 60.0274 55.8577C60.1333 55.4342 60.1862 54.9577 60.1862 54.4284L60.583 52.4434C60.583 51.914 60.7418 50.9612 61.0593 49.5849C61.0593 48.8967 61.1651 48.2351 61.3767 47.5998C61.3767 47.0705 61.4561 46.3823 61.6148 45.5354C61.7736 44.6355 61.9059 43.6562 62.0117 42.5975C62.1704 42.3858 62.2498 42.0682 62.2498 41.6447C62.3027 41.1683 62.4085 40.6654 62.5673 40.136C61.1386 39.8184 59.5247 39.6067 57.7257 39.5008C55.2916 39.8184 53.9423 40.1096 53.6777 40.3743C52.5136 41.3801 51.7199 42.2534 51.2966 42.9945C50.8204 43.7885 50.2648 45.0854 49.6298 46.8852C49.3652 46.991 49.1536 47.4146 48.9948 48.1557C48.889 49.0026 48.598 50.0613 48.1218 51.3317C47.7514 52.3374 47.4339 53.502 47.1693 54.8254C46.9047 56.0958 46.8518 56.8634 47.0106 57.128C47.5397 57.128 47.963 57.1016 48.2805 57.0487C48.6509 56.6781 49.5504 56.6517 50.9791 56.9693L50.9791 56.9692ZM67.0121 72.532C66.8533 73.8554 66.8004 74.6494 66.8533 74.9141L66.6152 76.5815V78.0107C66.7211 81.1338 66.8269 83.3306 66.9327 84.6011C67.1973 85.6598 67.3296 86.4538 67.3296 86.9832C67.3296 87.936 66.5888 88.7036 65.1072 89.2859C64.2076 89.6564 63.2023 89.8416 62.0911 89.8416C60.9799 89.8416 60.1597 89.4182 59.6306 88.5712L59.075 86.6655L58.7575 84.8394L58.5194 84.2041C58.5194 83.9394 58.44 83.5689 58.2813 83.0925L58.1225 80.8692C58.1225 79.5988 58.149 78.4872 58.2019 77.5344V76.9785C58.2019 76.7668 58.2548 76.4492 58.3606 76.0257C58.5194 75.6022 58.5458 75.0993 58.44 74.517C58.7575 71.8174 58.8898 70.1235 58.8369 69.4354C58.8369 68.7472 58.8898 68.0326 58.9956 67.2915C59.1014 66.4975 59.1014 65.7034 58.9956 64.9094C59.2602 63.9566 59.4454 63.0303 59.5512 62.1304C58.5458 62.0774 56.8261 62.1304 54.3921 62.2892C51.7464 62.448 48.9155 62.8185 45.8994 63.4008C45.6877 64.036 45.5554 64.7771 45.5025 65.624C45.4496 66.471 45.3702 67.5562 45.2644 68.8795C45.1586 70.15 45.1057 71.1027 45.1057 71.7379V74.4376C44.9469 75.6551 44.894 76.4492 44.9469 76.8197L44.7088 78.4871V79.9164C44.8147 83.0395 44.9205 85.2099 45.0263 86.4274C45.2909 87.4861 45.4232 88.3065 45.4232 88.8888C45.4232 89.7886 44.6824 90.5562 43.2008 91.1914C42.0367 91.509 40.9519 91.6678 39.9466 91.6678C38.9941 91.6678 38.2533 91.2708 37.7242 90.4768L37.1686 88.5712L36.8511 86.6655L36.613 86.0303C36.613 85.8186 36.5336 85.4745 36.3749 84.9981L36.2161 82.7749C36.2161 81.4515 36.2426 80.3398 36.2955 79.4399V78.8842C36.2955 78.6725 36.3484 78.3548 36.4543 77.9313C36.613 77.5078 36.6395 76.9785 36.5336 76.3432C36.8511 73.6965 36.9834 72.0027 36.9305 71.2616C36.9305 70.5205 36.9834 69.8059 37.0892 69.1177C37.1951 68.3766 37.1951 67.6091 37.0892 66.8151C37.248 66.074 37.3538 65.6506 37.4067 65.5447C37.4596 65.3859 37.539 64.883 37.6448 64.036H34.9462C33.6763 64.036 32.8826 64.0095 32.5651 63.9566C31.0306 63.9566 30.0517 63.5331 29.6283 62.6862C29.3109 61.7863 29.5225 60.7805 30.2633 59.6689C30.3691 59.4042 30.8189 59.2454 31.6126 59.1925C32.8296 59.1925 34.9991 58.8749 38.1211 58.2397C38.2269 57.8162 38.2798 57.4457 38.2798 57.128L38.6766 54.349C38.6766 53.8726 38.8354 52.9198 39.1529 51.4905C39.1529 50.8024 39.2587 50.1407 39.4704 49.5055C39.4704 49.0291 39.5497 48.235 39.7085 47.1234C40.1318 44.9531 40.3699 43.3386 40.4228 42.2799C40.7932 41.5917 41.0049 41.1418 41.0578 40.93C40.8461 40.6654 40.9255 40.2948 41.2959 39.8184L41.534 39.342C41.6398 38.7068 42.3806 37.7275 43.7564 36.4042L45.82 35.2132C46.1375 34.7897 47.4074 34.2338 49.6298 33.5457C50.1061 33.281 51.1114 33.3868 52.6459 33.8632C52.8047 33.9162 53.2544 33.9162 53.9952 33.8632C54.789 33.8103 55.3975 33.8633 55.8208 34.0221C56.2441 34.1808 56.5351 34.2602 56.6939 34.2602L58.5194 34.4983C60.9534 35.2923 62.6996 36.0335 63.7579 36.7216C64.0754 36.1923 64.4987 35.6894 65.0278 35.213C65.557 34.6836 65.9803 34.366 66.2978 34.2601L67.7264 33.3073C68.3085 32.6721 69.4991 32.1692 71.2981 31.7987C73.1501 31.4281 74.7376 31.4547 76.0604 31.8781C76.7483 31.8781 77.3039 31.9575 77.7272 32.1163C78.1505 32.2751 78.468 32.3544 78.6797 32.3544L80.5846 32.6719C82.3836 33.413 83.4155 33.9953 83.68 34.4188C83.9446 34.7893 84.024 35.1599 83.9181 35.5304C83.2832 37.436 81.8545 38.2301 79.6321 37.9125L76.2191 38.0713C74.473 38.7065 73.2295 39.7916 72.4887 41.3267C71.5892 42.6501 70.9806 44.2646 70.6632 46.1703C70.3457 48.0229 70.1076 49.1611 69.9488 49.5846C69.843 50.0081 69.7107 50.4844 69.552 51.0138C69.3932 51.3843 69.208 52.1254 68.9964 53.2371C68.7847 54.2958 68.7583 54.9574 68.917 55.2221C69.4462 55.2221 69.8695 55.1956 70.187 55.1427C70.5574 54.7722 71.4569 54.7456 72.8856 55.0633L74.473 54.9839C77.3833 54.9839 79.1559 55.5132 79.7909 56.5719C80.1613 57.1012 80.1348 57.7629 79.7115 58.5569C79.3411 59.298 78.7855 59.8009 78.0447 60.0656L70.3457 61.0184L67.8852 61.4949C67.6206 62.236 67.4619 63.1093 67.4089 64.1151C67.356 65.1208 67.2766 66.1796 67.1708 67.2912C67.065 68.4028 67.0121 69.2498 67.0121 69.8321L67.0121 72.532Z" fill="#898989"/>
+<path d="M96.3149 59.2719C96.2091 59.0072 95.8387 58.9014 95.2037 58.9544C94.6217 59.0073 94.1719 59.3249 93.8544 59.9072C91.6849 63.3479 90.5208 67.0269 90.3621 70.944C92.1612 71.3675 93.6957 70.5735 94.9656 68.562C96.6059 63.3744 97.0557 60.2778 96.3149 59.272V59.2719ZM90.124 90.7944L89.3303 90.6357L88.2191 89.5241C87.9016 89.5241 87.6635 89.3917 87.5047 89.1271C86.9227 88.4389 85.8644 87.0626 84.3299 84.9981L83.1393 80.6311C83.1393 79.7841 82.9806 79.043 82.6631 78.4078C82.134 76.0257 81.8165 74.6759 81.7106 74.3583C81.6048 73.9877 81.5254 73.0085 81.4725 71.4204C81.4725 69.8324 81.5519 68.6678 81.7106 67.9267C81.8694 66.921 82.8483 64.4331 84.6474 60.463C85.1236 59.9866 85.4146 59.3514 85.5204 58.5574L86.7904 56.7311C87.9545 55.3548 89.198 54.349 90.5208 53.7138C90.5208 53.6079 91.4204 53.3433 93.2194 52.9198C93.5898 52.8669 94.4365 52.9993 95.7593 53.3169C98.9342 54.0579 100.918 54.9843 101.712 56.0959L101.95 56.4929C102.956 57.9221 103.538 60.1189 103.696 63.0832C103.538 64.4066 103.405 65.5182 103.3 66.4181C103.194 67.318 102.612 68.959 101.553 71.341C100.76 72.8232 99.9924 74.0142 99.2516 74.9141C98.0875 75.761 97.2938 76.1846 96.8705 76.1846C96.6588 76.2904 96.2091 76.3433 95.5212 76.3433H93.6957C93.5369 76.2904 93.193 76.2639 92.6638 76.2639C92.1347 76.2639 91.3674 76.1316 90.3621 75.8669C90.3621 77.0315 90.6796 78.6989 91.3145 80.8692C92.0024 82.9866 92.558 84.2835 92.9813 84.7599C94.0925 85.6069 94.9656 86.1627 95.6006 86.4274C96.2355 86.6921 97.0822 86.7449 98.1404 86.5861C99.1987 86.3744 99.966 86.0038 100.442 85.4745L102.506 82.9336C103.829 81.1338 105.178 80.9751 106.554 82.4573C107.189 83.1454 107.427 83.8336 107.268 84.5217C107.162 85.1569 106.633 86.4538 105.681 88.4124C104.887 89.6828 104.04 90.7415 103.141 91.5884C101.5 92.4354 100.522 92.8589 100.204 92.8589C99.7279 92.9118 98.9871 92.8324 97.9817 92.6207C97.4526 92.8854 96.553 92.859 95.2831 92.5414C95.2831 92.4355 95.1243 92.3561 94.8069 92.3032C94.5423 92.3032 94.1719 92.2238 93.6957 92.065L93.8544 91.9856C93.7486 91.9856 93.4311 91.9856 92.902 91.9856L90.6796 90.7945L90.124 90.7944Z" fill="#898989"/>
+<path d="M130.361 85.4746L129.885 84.1248L129.012 78.8048C128.748 77.7991 128.615 76.8992 128.615 76.1051L128.933 72.6115C128.933 72.0292 128.959 71.7117 129.012 71.6587C128.377 71.6587 127.425 72.4262 126.155 73.9613C126.049 74.1201 125.89 74.3847 125.679 74.7553C123.456 78.3019 122.133 82.5632 121.71 87.5391C121.287 88.439 120.731 88.8889 120.043 88.8889C118.615 88.5713 117.821 88.4125 117.662 88.4125L117.107 88.4918H116.075C114.858 88.386 114.064 87.9096 113.694 87.0626C113.482 86.798 113.376 86.1098 113.376 84.9981V83.8866L113.138 79.5194V73.0085C113.138 72.2674 113.085 71.3411 112.979 70.2294C112.873 69.0119 112.847 67.1062 112.9 64.5125C112.953 61.8657 112.926 60.463 112.82 60.3042C112.715 60.0925 112.662 59.8278 112.662 59.5101C112.662 59.1925 112.741 58.875 112.9 58.5574C113.059 58.2398 113.773 57.8956 115.043 57.5251C115.731 57.1016 116.313 56.8899 116.789 56.8899C117.53 57.0487 118.482 57.3663 119.646 57.8428C120.44 58.0015 120.837 58.7691 120.837 60.1454C120.943 62.4216 120.943 64.0625 120.837 65.0683C120.784 66.074 120.811 68.1121 120.916 71.1823C124.832 63.6656 128.324 59.1397 131.393 57.6046C131.658 57.3399 132.055 57.2076 132.584 57.2076C133.113 57.2076 133.722 57.4722 134.409 58.0016C135.097 58.5309 135.574 58.8749 135.838 59.0338C136.103 59.1925 136.394 59.4572 136.711 59.8278C137.082 60.1983 137.373 60.4365 137.584 60.5424C138.219 61.6011 138.352 64.0891 137.981 68.0062C137.928 68.5885 137.875 69.1178 137.822 69.5942C137.769 70.0177 137.743 70.9705 137.743 72.4526C137.743 73.9348 137.769 74.9671 137.822 75.5494C137.981 77.4021 138.06 78.4872 138.06 78.8048L138.457 81.8221C138.986 83.0396 139.251 83.9924 139.251 84.6806C139.304 85.3158 139.78 86.348 140.68 87.7773C141.05 88.5713 140.891 89.2065 140.203 89.6829C139.145 90.2123 138.563 90.424 138.457 90.3181C138.404 90.2652 138.113 90.3181 137.584 90.4768C137.055 90.6885 136.103 90.7415 134.727 90.6357C134.039 90.4769 133.351 90.0534 132.663 89.3652L131.473 88.1742C131.049 87.5389 130.758 86.8509 130.6 86.1098C130.335 85.8451 130.256 85.6333 130.361 85.4745L130.361 85.4746Z" fill="#898989"/>
+<path d="M130.045 2.49149C128.046 2.75414 126.005 2.94952 124.095 3.66968C123.18 4.01451 122.411 4.64172 121.59 5.15719C120.201 6.02836 118.743 6.96239 117.642 8.19248C116.612 9.34269 115.873 10.8333 115.318 12.2637C114.677 13.9183 114.096 15.7319 113.843 17.4853C113.731 18.2616 113.578 18.9846 113.675 19.7828C113.997 22.4389 115.74 24.1147 118.04 25.2374C119.438 25.9195 120.632 26.2937 122.216 26.1352C122.776 26.0792 123.326 25.9239 123.886 25.8559C124.626 25.7662 125.471 25.7553 126.183 25.5365C126.674 25.3855 127.077 25.0833 127.54 24.8763C128.707 24.3545 129.845 23.8667 130.985 23.28C132.298 22.604 133.748 22.0691 134.952 21.1936C136.529 20.0461 137.771 18.0888 138.593 16.3365C138.874 15.7364 138.997 15.0919 139.171 14.4568C139.813 12.1202 140.068 9.64282 139.092 7.35547C138.646 6.3099 137.937 5.53774 137.144 4.74469C136.605 4.20583 136.05 3.66999 135.369 3.31012C134.59 2.89825 133.615 2.77126 132.759 2.62255C131.855 2.46549 130.967 2.37046 130.045 2.49149V2.49149Z" fill="#898989"/>
+<path d="M142.99 4.37125C143.177 5.02112 143.527 5.62243 143.778 6.25101C144.251 7.43306 144.598 8.65292 144.824 9.90609C145.384 13.0072 145.077 16.4348 144.032 19.4093C143.477 20.9884 142.662 22.4757 141.991 24.0043C140.928 26.4288 140.033 28.9152 137.77 30.5014C137.32 30.817 136.799 30.9538 136.309 31.1875C134.912 31.8525 133.257 32.5075 131.715 32.7489C131.162 32.8356 130.608 32.6234 130.045 32.7034C127.99 32.9957 126.095 33.4336 123.991 33.2892C121.626 33.1272 119.167 32.4379 117.101 31.2702C116.419 30.8847 115.754 30.4739 115.117 30.0166C114.635 29.6702 114.206 29.2498 113.656 29.017C114.053 29.9086 114.883 30.4039 115.517 31.106C116.959 32.7026 118.408 34.2863 120.025 35.7141C121.707 37.1995 123.278 39.0604 125.452 39.8414C126.789 40.3219 128.124 40.4179 129.523 40.5138C130.69 40.5937 131.901 40.7082 133.073 40.5909C135.289 40.3693 137.449 39.4218 139.44 38.4815C141.009 37.7408 142.547 37.0305 143.807 35.7868C146.056 33.5667 147.437 30.9771 148.606 28.0771C149.272 26.4251 149.891 24.7501 150.07 22.96C150.187 21.7952 150.01 20.4691 149.897 19.3049C149.667 16.9315 149.164 14.7187 148.222 12.5169C147.677 11.2407 146.933 10.0919 146.319 8.86178C145.761 7.74207 145.097 6.71979 144.334 5.72885C143.946 5.22393 143.578 4.65206 142.99 4.37125V4.37125Z" fill="#898989"/>
+</svg>
diff --git a/homepage/theme/static/images/offen-sign-brand-white.svg b/homepage/theme/static/images/offen-sign-brand-white.svg
new file mode 100644
index 0000000..0526b05
--- /dev/null
+++ b/homepage/theme/static/images/offen-sign-brand-white.svg
@@ -0,0 +1,8 @@
+<svg width="152" height="94" viewBox="0 0 152 94" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.9439 64.9889C16.5735 62.8715 15.5416 61.8922 13.8484 62.051C12.8959 62.1039 12.0758 62.7392 11.3879 63.9567C10.4354 65.8094 10.0121 68.2179 10.1179 71.1822C10.2767 74.0936 10.4883 76.211 10.7529 77.5344C11.0704 78.8048 11.5995 79.9164 12.3403 80.8692C12.7636 81.6103 13.3986 81.9543 14.2452 81.9014C15.7268 81.9014 16.8116 80.6575 17.4995 78.1696L18.1344 76.2639C18.399 75.9992 18.4519 75.7346 18.2932 75.4699C18.8223 74.1465 19.1133 72.585 19.1662 70.7852C18.6371 70.4146 18.3196 70.0706 18.2138 69.753C17.8963 68.8531 17.7376 68.2443 17.7376 67.9267C17.3672 67.662 17.1555 67.1591 17.1026 66.4181C17.0497 65.677 16.9968 65.2006 16.9439 64.9889V64.9889ZM2.41895 72.4526L2.73643 68.4032C3.10683 64.7507 4.21802 61.6275 6.07002 59.0337C7.86909 56.8634 10.409 55.7518 13.6896 55.6989H14.1659C17.2349 55.6989 19.4573 56.3605 20.833 57.6839C22.3146 58.8484 23.3994 60.1189 24.0873 61.4952C24.828 62.8715 25.3043 63.8772 25.5159 64.5124C25.7276 65.1476 25.8599 66.074 25.9128 67.2915C26.0186 69.5677 25.5688 70.8646 24.5635 71.1822C25.3043 76.211 24.8545 80.2076 23.2142 83.1719C22.685 84.3894 21.9178 85.7128 20.9124 87.142C20.1716 88.0948 18.8488 88.6242 16.9439 88.73C15.0389 88.73 13.3722 88.6242 11.9435 88.4125C10.5677 88.2008 9.0332 87.5391 7.33995 86.4275C5.6467 85.2629 4.45614 83.3836 3.76825 80.7899C3.02746 78.3019 2.57769 75.5229 2.41895 72.4527L2.41895 72.4526Z" fill="white"/>
+<path d="M50.9791 56.9692L52.5665 56.8899C54.101 56.8899 56.588 56.5458 60.0274 55.8577C60.1333 55.4342 60.1862 54.9577 60.1862 54.4284L60.583 52.4434C60.583 51.914 60.7418 50.9612 61.0593 49.5849C61.0593 48.8967 61.1651 48.2351 61.3767 47.5998C61.3767 47.0705 61.4561 46.3823 61.6148 45.5354C61.7736 44.6355 61.9059 43.6562 62.0117 42.5975C62.1704 42.3858 62.2498 42.0682 62.2498 41.6447C62.3027 41.1683 62.4085 40.6654 62.5673 40.136C61.1386 39.8184 59.5247 39.6067 57.7257 39.5008C55.2916 39.8184 53.9423 40.1096 53.6777 40.3743C52.5136 41.3801 51.7199 42.2534 51.2966 42.9945C50.8204 43.7885 50.2648 45.0854 49.6298 46.8852C49.3652 46.991 49.1536 47.4146 48.9948 48.1557C48.889 49.0026 48.598 50.0613 48.1218 51.3317C47.7514 52.3374 47.4339 53.502 47.1693 54.8254C46.9047 56.0958 46.8518 56.8634 47.0106 57.128C47.5397 57.128 47.963 57.1016 48.2805 57.0487C48.6509 56.6781 49.5504 56.6517 50.9791 56.9693L50.9791 56.9692ZM67.0121 72.532C66.8533 73.8554 66.8004 74.6494 66.8533 74.9141L66.6152 76.5815V78.0107C66.7211 81.1338 66.8269 83.3306 66.9327 84.6011C67.1973 85.6598 67.3296 86.4538 67.3296 86.9832C67.3296 87.936 66.5888 88.7036 65.1072 89.2859C64.2076 89.6564 63.2023 89.8416 62.0911 89.8416C60.9799 89.8416 60.1597 89.4182 59.6306 88.5712L59.075 86.6655L58.7575 84.8394L58.5194 84.2041C58.5194 83.9394 58.44 83.5689 58.2813 83.0925L58.1225 80.8692C58.1225 79.5988 58.149 78.4872 58.2019 77.5344V76.9785C58.2019 76.7668 58.2548 76.4492 58.3606 76.0257C58.5194 75.6022 58.5458 75.0993 58.44 74.517C58.7575 71.8174 58.8898 70.1235 58.8369 69.4354C58.8369 68.7472 58.8898 68.0326 58.9956 67.2915C59.1014 66.4975 59.1014 65.7034 58.9956 64.9094C59.2602 63.9566 59.4454 63.0303 59.5512 62.1304C58.5458 62.0774 56.8261 62.1304 54.3921 62.2892C51.7464 62.448 48.9155 62.8185 45.8994 63.4008C45.6877 64.036 45.5554 64.7771 45.5025 65.624C45.4496 66.471 45.3702 67.5562 45.2644 68.8795C45.1586 70.15 45.1057 71.1027 45.1057 71.7379V74.4376C44.9469 75.6551 44.894 76.4492 44.9469 76.8197L44.7088 78.4871V79.9164C44.8147 83.0395 44.9205 85.2099 45.0263 86.4274C45.2909 87.4861 45.4232 88.3065 45.4232 88.8888C45.4232 89.7886 44.6824 90.5562 43.2008 91.1914C42.0367 91.509 40.9519 91.6678 39.9466 91.6678C38.9941 91.6678 38.2533 91.2708 37.7242 90.4768L37.1686 88.5712L36.8511 86.6655L36.613 86.0303C36.613 85.8186 36.5336 85.4745 36.3749 84.9981L36.2161 82.7749C36.2161 81.4515 36.2426 80.3398 36.2955 79.4399V78.8842C36.2955 78.6725 36.3484 78.3548 36.4543 77.9313C36.613 77.5078 36.6395 76.9785 36.5336 76.3432C36.8511 73.6965 36.9834 72.0027 36.9305 71.2616C36.9305 70.5205 36.9834 69.8059 37.0892 69.1177C37.1951 68.3766 37.1951 67.6091 37.0892 66.8151C37.248 66.074 37.3538 65.6506 37.4067 65.5447C37.4596 65.3859 37.539 64.883 37.6448 64.036H34.9462C33.6763 64.036 32.8826 64.0095 32.5651 63.9566C31.0306 63.9566 30.0517 63.5331 29.6283 62.6862C29.3109 61.7863 29.5225 60.7805 30.2633 59.6689C30.3691 59.4042 30.8189 59.2454 31.6126 59.1925C32.8296 59.1925 34.9991 58.8749 38.1211 58.2397C38.2269 57.8162 38.2798 57.4457 38.2798 57.128L38.6766 54.349C38.6766 53.8726 38.8354 52.9198 39.1529 51.4905C39.1529 50.8024 39.2587 50.1407 39.4704 49.5055C39.4704 49.0291 39.5497 48.235 39.7085 47.1234C40.1318 44.9531 40.3699 43.3386 40.4228 42.2799C40.7932 41.5917 41.0049 41.1418 41.0578 40.93C40.8461 40.6654 40.9255 40.2948 41.2959 39.8184L41.534 39.342C41.6398 38.7068 42.3806 37.7275 43.7564 36.4042L45.82 35.2132C46.1375 34.7897 47.4074 34.2338 49.6298 33.5457C50.1061 33.281 51.1114 33.3868 52.6459 33.8632C52.8047 33.9162 53.2544 33.9162 53.9952 33.8632C54.789 33.8103 55.3975 33.8633 55.8208 34.0221C56.2441 34.1808 56.5351 34.2602 56.6939 34.2602L58.5194 34.4983C60.9534 35.2923 62.6996 36.0335 63.7579 36.7216C64.0754 36.1923 64.4987 35.6894 65.0278 35.213C65.557 34.6836 65.9803 34.366 66.2978 34.2601L67.7264 33.3073C68.3085 32.6721 69.4991 32.1692 71.2981 31.7987C73.1501 31.4281 74.7376 31.4547 76.0604 31.8781C76.7483 31.8781 77.3039 31.9575 77.7272 32.1163C78.1505 32.2751 78.468 32.3544 78.6797 32.3544L80.5846 32.6719C82.3836 33.413 83.4155 33.9953 83.68 34.4188C83.9446 34.7893 84.024 35.1599 83.9181 35.5304C83.2832 37.436 81.8545 38.2301 79.6321 37.9125L76.2191 38.0713C74.473 38.7065 73.2295 39.7916 72.4887 41.3267C71.5892 42.6501 70.9806 44.2646 70.6632 46.1703C70.3457 48.0229 70.1076 49.1611 69.9488 49.5846C69.843 50.0081 69.7107 50.4844 69.552 51.0138C69.3932 51.3843 69.208 52.1254 68.9964 53.2371C68.7847 54.2958 68.7583 54.9574 68.917 55.2221C69.4462 55.2221 69.8695 55.1956 70.187 55.1427C70.5574 54.7722 71.4569 54.7456 72.8856 55.0633L74.473 54.9839C77.3833 54.9839 79.1559 55.5132 79.7909 56.5719C80.1613 57.1012 80.1348 57.7629 79.7115 58.5569C79.3411 59.298 78.7855 59.8009 78.0447 60.0656L70.3457 61.0184L67.8852 61.4949C67.6206 62.236 67.4619 63.1093 67.4089 64.1151C67.356 65.1208 67.2766 66.1796 67.1708 67.2912C67.065 68.4028 67.0121 69.2498 67.0121 69.8321L67.0121 72.532Z" fill="white"/>
+<path d="M96.3149 59.2719C96.2091 59.0072 95.8387 58.9014 95.2037 58.9544C94.6217 59.0073 94.1719 59.3249 93.8544 59.9072C91.6849 63.3479 90.5208 67.0269 90.3621 70.944C92.1612 71.3675 93.6957 70.5735 94.9656 68.562C96.6059 63.3744 97.0557 60.2778 96.3149 59.272V59.2719ZM90.124 90.7944L89.3303 90.6357L88.2191 89.5241C87.9016 89.5241 87.6635 89.3917 87.5047 89.1271C86.9227 88.4389 85.8644 87.0626 84.3299 84.9981L83.1393 80.6311C83.1393 79.7841 82.9806 79.043 82.6631 78.4078C82.134 76.0257 81.8165 74.6759 81.7106 74.3583C81.6048 73.9877 81.5254 73.0085 81.4725 71.4204C81.4725 69.8324 81.5519 68.6678 81.7106 67.9267C81.8694 66.921 82.8483 64.4331 84.6474 60.463C85.1236 59.9866 85.4146 59.3514 85.5204 58.5574L86.7904 56.7311C87.9545 55.3548 89.198 54.349 90.5208 53.7138C90.5208 53.6079 91.4204 53.3433 93.2194 52.9198C93.5898 52.8669 94.4365 52.9993 95.7593 53.3169C98.9342 54.0579 100.918 54.9843 101.712 56.0959L101.95 56.4929C102.956 57.9221 103.538 60.1189 103.696 63.0832C103.538 64.4066 103.405 65.5182 103.3 66.4181C103.194 67.318 102.612 68.959 101.553 71.341C100.76 72.8232 99.9924 74.0142 99.2516 74.9141C98.0875 75.761 97.2938 76.1846 96.8705 76.1846C96.6588 76.2904 96.2091 76.3433 95.5212 76.3433H93.6957C93.5369 76.2904 93.193 76.2639 92.6638 76.2639C92.1347 76.2639 91.3674 76.1316 90.3621 75.8669C90.3621 77.0315 90.6796 78.6989 91.3145 80.8692C92.0024 82.9866 92.558 84.2835 92.9813 84.7599C94.0925 85.6069 94.9656 86.1627 95.6006 86.4274C96.2355 86.6921 97.0822 86.7449 98.1404 86.5861C99.1987 86.3744 99.966 86.0038 100.442 85.4745L102.506 82.9336C103.829 81.1338 105.178 80.9751 106.554 82.4573C107.189 83.1454 107.427 83.8336 107.268 84.5217C107.162 85.1569 106.633 86.4538 105.681 88.4124C104.887 89.6828 104.04 90.7415 103.141 91.5884C101.5 92.4354 100.522 92.8589 100.204 92.8589C99.7279 92.9118 98.9871 92.8324 97.9817 92.6207C97.4526 92.8854 96.553 92.859 95.2831 92.5414C95.2831 92.4355 95.1243 92.3561 94.8069 92.3032C94.5423 92.3032 94.1719 92.2238 93.6957 92.065L93.8544 91.9856C93.7486 91.9856 93.4311 91.9856 92.902 91.9856L90.6796 90.7945L90.124 90.7944Z" fill="white"/>
+<path d="M130.361 85.4746L129.885 84.1248L129.012 78.8048C128.748 77.7991 128.615 76.8992 128.615 76.1051L128.933 72.6115C128.933 72.0292 128.959 71.7117 129.012 71.6587C128.377 71.6587 127.425 72.4262 126.155 73.9613C126.049 74.1201 125.89 74.3847 125.679 74.7553C123.456 78.3019 122.133 82.5632 121.71 87.5391C121.287 88.439 120.731 88.8889 120.043 88.8889C118.615 88.5713 117.821 88.4125 117.662 88.4125L117.107 88.4918H116.075C114.858 88.386 114.064 87.9096 113.694 87.0626C113.482 86.798 113.376 86.1098 113.376 84.9981V83.8866L113.138 79.5194V73.0085C113.138 72.2674 113.085 71.3411 112.979 70.2294C112.873 69.0119 112.847 67.1062 112.9 64.5125C112.953 61.8657 112.926 60.463 112.82 60.3042C112.715 60.0925 112.662 59.8278 112.662 59.5101C112.662 59.1925 112.741 58.875 112.9 58.5574C113.059 58.2398 113.773 57.8956 115.043 57.5251C115.731 57.1016 116.313 56.8899 116.789 56.8899C117.53 57.0487 118.482 57.3663 119.646 57.8428C120.44 58.0015 120.837 58.7691 120.837 60.1454C120.943 62.4216 120.943 64.0625 120.837 65.0683C120.784 66.074 120.811 68.1121 120.916 71.1823C124.832 63.6656 128.324 59.1397 131.393 57.6046C131.658 57.3399 132.055 57.2076 132.584 57.2076C133.113 57.2076 133.722 57.4722 134.409 58.0016C135.097 58.5309 135.574 58.8749 135.838 59.0338C136.103 59.1925 136.394 59.4572 136.711 59.8278C137.082 60.1983 137.373 60.4365 137.584 60.5424C138.219 61.6011 138.352 64.0891 137.981 68.0062C137.928 68.5885 137.875 69.1178 137.822 69.5942C137.769 70.0177 137.743 70.9705 137.743 72.4526C137.743 73.9348 137.769 74.9671 137.822 75.5494C137.981 77.4021 138.06 78.4872 138.06 78.8048L138.457 81.8221C138.986 83.0396 139.251 83.9924 139.251 84.6806C139.304 85.3158 139.78 86.348 140.68 87.7773C141.05 88.5713 140.891 89.2065 140.203 89.6829C139.145 90.2123 138.563 90.424 138.457 90.3181C138.404 90.2652 138.113 90.3181 137.584 90.4768C137.055 90.6885 136.103 90.7415 134.727 90.6357C134.039 90.4769 133.351 90.0534 132.663 89.3652L131.473 88.1742C131.049 87.5389 130.758 86.8509 130.6 86.1098C130.335 85.8451 130.256 85.6333 130.361 85.4745L130.361 85.4746Z" fill="white"/>
+<path d="M130.045 2.49149C128.046 2.75414 126.005 2.94952 124.095 3.66968C123.18 4.01451 122.411 4.64172 121.59 5.15719C120.201 6.02836 118.743 6.96239 117.642 8.19248C116.612 9.34269 115.873 10.8333 115.318 12.2637C114.677 13.9183 114.096 15.7319 113.843 17.4853C113.731 18.2616 113.578 18.9846 113.675 19.7828C113.997 22.4389 115.74 24.1147 118.04 25.2374C119.438 25.9195 120.632 26.2937 122.216 26.1352C122.776 26.0792 123.326 25.9239 123.886 25.8559C124.626 25.7662 125.471 25.7553 126.183 25.5365C126.674 25.3855 127.077 25.0833 127.54 24.8763C128.707 24.3545 129.845 23.8667 130.985 23.28C132.298 22.604 133.748 22.0691 134.952 21.1936C136.529 20.0461 137.771 18.0888 138.593 16.3365C138.874 15.7364 138.997 15.0919 139.171 14.4568C139.813 12.1202 140.068 9.64282 139.092 7.35547C138.646 6.3099 137.937 5.53774 137.144 4.74469C136.605 4.20583 136.05 3.66999 135.369 3.31012C134.59 2.89825 133.615 2.77126 132.759 2.62255C131.855 2.46549 130.967 2.37046 130.045 2.49149V2.49149Z" fill="white"/>
+<path d="M142.99 4.37125C143.177 5.02112 143.527 5.62243 143.778 6.25101C144.251 7.43306 144.598 8.65292 144.824 9.90609C145.384 13.0072 145.077 16.4348 144.032 19.4093C143.477 20.9884 142.662 22.4757 141.991 24.0043C140.928 26.4288 140.033 28.9152 137.77 30.5014C137.32 30.817 136.799 30.9538 136.309 31.1875C134.912 31.8525 133.257 32.5075 131.715 32.7489C131.162 32.8356 130.608 32.6234 130.045 32.7034C127.99 32.9957 126.095 33.4336 123.991 33.2892C121.626 33.1272 119.167 32.4379 117.101 31.2702C116.419 30.8847 115.754 30.4739 115.117 30.0166C114.635 29.6702 114.206 29.2498 113.656 29.017C114.053 29.9086 114.883 30.4039 115.517 31.106C116.959 32.7026 118.408 34.2863 120.025 35.7141C121.707 37.1995 123.278 39.0604 125.452 39.8414C126.789 40.3219 128.124 40.4179 129.523 40.5138C130.69 40.5937 131.901 40.7082 133.073 40.5909C135.289 40.3693 137.449 39.4218 139.44 38.4815C141.009 37.7408 142.547 37.0305 143.807 35.7868C146.056 33.5667 147.437 30.9771 148.606 28.0771C149.272 26.4251 149.891 24.7501 150.07 22.96C150.187 21.7952 150.01 20.4691 149.897 19.3049C149.667 16.9315 149.164 14.7187 148.222 12.5169C147.677 11.2407 146.933 10.0919 146.319 8.86178C145.761 7.74207 145.097 6.71979 144.334 5.72885C143.946 5.22393 143.578 4.65206 142.99 4.37125V4.37125Z" fill="white"/>
+</svg>
diff --git a/homepage/theme/static/scripts/fade.js b/homepage/theme/static/scripts/fade.js
new file mode 100644
index 0000000..6e80612
--- /dev/null
+++ b/homepage/theme/static/scripts/fade.js
@@ -0,0 +1,3 @@
+$(window).scroll(function(){
+    $(".brand").css("opacity", 0 + $(window).scrollTop() / 100);
+  });
diff --git a/homepage/theme/static/scripts/functions.js b/homepage/theme/static/scripts/menu.js
similarity index 89%
rename from homepage/theme/static/scripts/functions.js
rename to homepage/theme/static/scripts/menu.js
index f1341ca..e34d5b3 100644
--- a/homepage/theme/static/scripts/functions.js
+++ b/homepage/theme/static/scripts/menu.js
@@ -1,4 +1,3 @@
-/** code by webdevtrick ( https://webdevtrick.com ) **/
 (function($) {
   $(function() {
     $('nav ul li a:not(:only-child)').click(function(e) {
diff --git a/homepage/theme/templates/base.html b/homepage/theme/templates/base.html
index 4dab771..b9fc6ac 100644
--- a/homepage/theme/templates/base.html
+++ b/homepage/theme/templates/base.html
@@ -30,7 +30,7 @@
     <section class="nav-bar">
       <div class="nav-container">
         <div class="brand">
-          <a href="/"><img src="/theme/images/offen-logo-circle-only.svg" alt="offen logo" width="42" height="46" class="logo"></a>
+          <a href="/"><img src="/theme/images/offen-brand-white.svg" alt="offen logo" width="42" height="46" class="logo"></a>
         </div>
         <nav>
           <div class="nav-mobile"><a id="nav-toggle" href="#!"><span></span></a></div>
@@ -70,9 +70,9 @@
   {% 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>
+        <div class="sign">
+          <img src="/theme/images/offen-sign-brand-white.svg" alt="offen logo" width="152" height="94">
+        </div>
         <h1>
           is a free and open source analytics software for websites and web applications that allows respectful handling of data.
         </h1>
@@ -87,7 +87,7 @@
         <div class="card-deck">
           <div class="card">
             <div class="card-gfx">
-              <img src="/theme/images/offen-logo-circle-only.svg" width="42" height="46">
+              <img src="/theme/images/illustration.svg" width="179" height="122">
             </div>
             <div class="card-text">
               Feature Text 1 - Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
@@ -95,7 +95,7 @@
           </div>
           <div class="card">
             <div class="card-gfx">
-              <img src="/theme/images/offen-logo-circle-only.svg" width="42" height="46">
+              <img src="/theme/images/illustration.svg" width="179" height="122">
             </div>
             <div class="card-text">
               Feature Text 2 - Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
@@ -103,7 +103,7 @@
           </div>
           <div class="card">
             <div class="card-gfx">
-              <img src="/theme/images/offen-logo-circle-only.svg" width="42" height="46">
+              <img src="/theme/images/illustration.svg" width="179" height="122">
             </div>
             <div class="card-text">
               Feature Text 3 - Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
@@ -115,9 +115,18 @@
 
     <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 class="card-deck">
+          <div class="card">
+              <div class="card-gfx">
+                <img src="/theme/images/illustration.svg" width="179" height="122">
+              </div>
+              <div class="card-text">
+              Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+                <div class="btn-wrapper">
+                <a class="btn btn-color-yellow-black" href="/status/">Status</a>
+                </div>
+            </div>
+          </div>
         </div>
       </div>
     </div>
@@ -137,6 +146,7 @@
       </div>
   </div>
 
+  {% if page.href != "/" %}
   <div class="cta-bottom">
     <div class="container-full">
       <div class="card-deck">
@@ -167,23 +177,41 @@
       </div>
     </div>
   </div>
+  {% else %}
+  <div class="outro">
+    <div class="container-full">
+      <div class="card-deck">
+        <div class="card">
+            <div class="card-gfx">
+              <img src="/theme/images/illustration.svg" width="179" height="122">
+            </div>
+            <div class="card-text">
+            Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+              <div class="btn-wrapper">
+              <a class="btn btn-color-black" href="{{PATREON_URL}}">Support us</a>
+              </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  {% endif %}
 
   <div class="footer">
     <div class="footer-card-deck">
       <div class="footer-card">
-        <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>
+        <h3>offen</h3>
+        <h3>Transparent web analytics</h4>
       </div>
       <div class="footer-card">
         <p>
-          <a href="#">LINK</a>
+          <a href="#">Contact</a>
         </p>
         <p>
-          <a href="#">LINK</a>
+          <a href="#">Our data policy</a>
         </p>
         <p>
-          <a href="#">LINK</a>
+          <a href="#">Privacy</a>
         </p>
       </div>
       <div class="footer-card">
@@ -193,7 +221,8 @@
   </div>
 
   <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
-  <script  src="/theme/scripts/functions.js"></script>
+  <script  src="/theme/scripts/menu.js"></script>
+  <script  src="/theme/scripts/fade.js"></script>
 
 </body>
 </html>
diff --git a/styles/index.css b/styles/index.css
index 386bdb7..ee6050a 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -45,7 +45,6 @@ LAYOUT
 }
 .cta-top {
   width: 100%;
-  height: 200px;
   color: var(--yellow-mid);
   background-color: var(--black-mid);
 }
@@ -58,7 +57,8 @@ LAYOUT
   width: 100%;
   background-color: var(--white);
 }
-.cta-bottom {
+.cta-bottom,
+.outro {
   width: 100%;
   background-color: var(--yellow-mid);
 }
@@ -82,7 +82,7 @@ LAYOUT
     padding: 40px 40px 0 40px;
   }
 }
-/* Tablet Styles */
+/* Mobile Styles */
 @media only screen and (min-width: 600px) and (max-width: 960px) {
   .container-reader,
   .container-full {
@@ -91,7 +91,6 @@ LAYOUT
     padding: 60px 20px 120px 20px;
   }
 }
-/* Mobile Styles */
 @media only screen and (max-width: 960px) {
   .container-reader,
   .container-full,
@@ -99,7 +98,18 @@ LAYOUT
     padding: 60px 20px 120px 20px;
   }
 }
-
+/* Mobile Styles*/
+@media only screen and (max-width: 480px) {
+  .menu {
+    position: static;
+  }
+  .intro {
+    margin: 0;
+  }
+  .content {
+    margin: 0;
+  }
+}
 
 /* ---------------------------------------------------
 CARDS
@@ -113,13 +123,23 @@ CARDS
   max-width: 400px;
   color: var(--black-mid);
 }
+.cta-top .card,
+.outro .card {
+  max-width: 600px;
+}
+.cta-top .card {
+  color: var(--yellow-mid);
+}
 .footer-card p {
-  margin: 0 0 4px 0;
+  margin: 0 0 2px 0;
 }
 .footer-card:nth-child(1),
 .footer-card:nth-child(2) {
   margin: 0 0 20px 0;
 }
+.card-gfx {
+  margin: 0 0 20px 0;
+}
 /* Mobile Styles */
 @media only screen and (max-width: 960px) {
   .card-deck,
@@ -138,21 +158,18 @@ CARDS
   .footer-card {
     text-align: center;
   }
-  .card-gfx {
-    margin: 0 0 20px 0;
-  }
-}
-/* Tablet Styles */
-@media only screen and (min-width: 600px) and (max-width: 960px) {
-
 }
 /* Desktop Styles */
 @media only screen and (min-width: 961px) {
   .card-deck,
-  .card,
-  .footer-card-deck {
+  .footer-card-deck,
+  .cta-top .card,
+  .outro .card {
     flex-direction: row;
   }
+  .card {
+    flex-direction: column;
+  }
   .card-deck {
     justify-content: space-evenly;
   }
@@ -161,10 +178,17 @@ CARDS
   }
   .card-gfx,
   .card-text {
+    text-align: center;
+  }
+  .cta-top .card-gfx,
+  .cta-top .card-text,
+  .outro .card-gfx,
+  .outro .card-text {
     text-align: left;
   }
-  .card-gfx {
-    margin: 0 20px 0 0;
+  .cta-top .card-gfx,
+  .outro .card-gfx {
+    margin: 0 40px 0 0;
   }
   .footer-card-deck {
     justify-content: space-between;
@@ -175,7 +199,7 @@ CARDS
   }
   .footer-card:nth-child(3) {
     text-align: right;
-    flex-grow: 10;
+    flex-grow: 8;
   }
 }
 
@@ -186,7 +210,6 @@ TYPO
 body {
   background-color: var(--white);
   font: 18px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 18px;
   line-height: 1.5;
   font-weight: 400;
   word-wrap: break-word;
@@ -196,14 +219,9 @@ h1,
 h2,
 h3,
 h4 {
-  font-size: 28px;
   font-weight: 400;
   color: var(--black-mid);
 }
-h3,
-h4 {
-  font-size: 18px;
-}
 h3 {
   margin: 0 0 20px 0;
 }
@@ -213,8 +231,27 @@ p + h3 {
 h4 {
   color: var(--grey-mid);
 }
-
-
+/* Desktop Styles */
+@media only screen and (min-width: 481px) {
+  body {
+    font-size: 14px;
+  }
+  h1,
+  h2{
+    font-size: 28px;
+  }
+  h3,
+  h4 {
+    font-size: 14px;
+  }
+}
+/* Mobile Styles */
+@media only screen and (max-width: 480px) {
+  h1,
+  h2 {
+    font-size: 20px;
+  }
+}
 /* ---------------------------------------------------
 LINKS
 ----------------------------------------------------*/
@@ -234,7 +271,11 @@ ol li p a:hover,
 ol li p a:focus {
 color: var(--grey-bright);
 }
-
+.footer a,
+.footer a:hover,
+.footer a:focus {
+  font-weight: 400;
+}
 
 /* ---------------------------------------------------
 TYPO ELEMENTS
@@ -264,6 +305,11 @@ h3 strong {
   font-weight: 400;
   color: var(--black-mid);
 }
+.footer h3,
+.footer h4 {
+  color: var(--yellow-mid);
+  margin: 0 0 2px 0;
+}
 em {
   background: linear-gradient(transparent 66%, var(--yellow-bright) 66%);
   font-style: normal;
@@ -325,6 +371,9 @@ BUTTONS
 /* ---------------------------------------------------
 MENU
 ----------------------------------------------------*/
+.nav-list {
+  margin: 0 0 40px 0;
+}
 .nav-bar {
   height: 70px;
 }
@@ -333,11 +382,8 @@ MENU
   padding: 12px 0 0 20px;
   float: left;
   line-height: 70px;
-}
-.brand a,
-.brand a:visited {
-  color: var(--black-mid);
-  text-decoration: none;
+  opacity: 0;
+  }
 }
 .nav-container {
   margin: 0 auto;
@@ -412,20 +458,20 @@ nav ul li ul li a {
     padding: 15px;
     line-height: 20px;
 	  padding-left: 25%;
-
   }
   nav ul li ul li a {
     padding-left: 30%;
   }
+  nav ul li:last-child a {
+    padding-bottom: 60px;
+  }
+  nav ul li:last-child a {
+    box-shadow: 0px 7px 15px -6px rgba(57,53,42,0.2);
+  }
+
   .nav-dropdown {
     position: static;
   }
-	.brand a img {
-    /*
-		max-height: 60px;
-		margin-top: 5px;
-    */
-	}
 }
 /* Desktop Styles */
 @media screen and (min-width: 961px) {
@@ -438,20 +484,22 @@ nav ul li ul li a {
   left: 18px;
   top: 22px;
   cursor: pointer;
-  padding: 10px 35px 16px 0px;
+  padding: 12px 35px 16px 0px;
 }
 #nav-toggle span,
 #nav-toggle span:before,
 #nav-toggle span:after {
   cursor: pointer;
   border-radius: 1px;
-  height: 3px;
+  height: 2px;
   width: 35px;
   background: var(--black-mid);
   position: absolute;
   display: block;
   content: '';
+  /*
   transition: all 300ms ease-in-out;
+  */
 }
 #nav-toggle span:before {
   top: -10px;
@@ -471,3 +519,11 @@ nav ul li ul li a {
 #nav-toggle.active span:after {
   transform: rotate(-45deg);
 }
+
+
+/* ---------------------------------------------------
+GRAPHICS
+----------------------------------------------------*/
+.sign {
+  margin: 0 0 20px 0;
+}