summaryrefslogtreecommitdiffstatshomepage
diff options
context:
space:
mode:
authorpokonski <piotrek@okonski.org>2024-05-24 21:54:37 +0200
committerGitHub <noreply@github.com>2024-05-24 13:54:37 -0600
commiteeecde2270a868facceec891d02bc3bbb3d07a8c (patch)
tree14a9bd3b4d1ef6581eb24c8fd6f19511a9892ca4
parent601d16c5ef2e94decc0d4189864e986a652c4bb3 (diff)
downloadhtmx-eeecde2270a868facceec891d02bc3bbb3d07a8c.tar.gz
htmx-eeecde2270a868facceec891d02bc3bbb3d07a8c.zip
Add Dark mode to the website (#2562)
* Add dark mode CSS * Add dark mode variants of logos * Use alternative Github star button with dark mode working * Preserve github stars count when navigation to avoid flickers
Diffstat
-rw-r--r--www/content/_index.md65
-rw-r--r--www/content/docs.md2
-rw-r--r--www/static/img/codereviewbot-dark.svg22
-rw-r--r--www/static/img/commspace-dark.svg65
-rw-r--r--www/static/img/das-filter-dark.svg52
-rw-r--r--www/static/img/hydra-hosting-dark.svg1
-rw-r--r--www/static/img/logo-craft-cms-dark.svg3
-rw-r--r--www/static/img/pullapprove-logo-dark.svg21
-rw-r--r--www/static/img/transloadit-logo-dark.svg1
-rw-r--r--www/static/img/ui-bakery-dark.svg10
-rw-r--r--www/static/img/ui-bakery.pngbin1839 -> 0 bytes
-rw-r--r--www/static/img/ui-bakery.svg10
-rw-r--r--www/static/img/v7n-logo-dark.pngbin0 -> 5741 bytes
-rw-r--r--www/static/img/vps-server-logo-dark.svg1
-rw-r--r--www/themes/htmx-theme/static/css/site.css96
-rw-r--r--www/themes/htmx-theme/templates/base.html10
16 files changed, 302 insertions, 57 deletions
diff --git a/www/content/_index.md b/www/content/_index.md
index d94d1a28..1d783877 100644
--- a/www/content/_index.md
+++ b/www/content/_index.md
@@ -90,20 +90,20 @@ if(window.location.search=="?ads=true") {
</a>
</div>
-<div style="border: 1px solid lightgrey; margin:24px;padding:12px;border-radius: 8px; background-color: whitesmoke; filter: drop-shadow(3px 3px darkgray)">
-<b>NEWS:</b> htmx finished 2nd in the <a href="https://risingstars.js.org/2023/en#section-framework">2023
+<div class="alert">
+<b>NEWS:</b> htmx finished 2nd in the <a href="https://risingstars.js.org/2023/en#section-framework">2023
JavaScript Rising Stars</a> "Front-end Frameworks" category, just behind React (htmx is a library, btw) and <a href="https://risingstars.js.org/2023/en#section-all">#10 overall</a>!
Thank you to everyone who <a href="https://github.com/bigskysoftware/htmx">starred</a> us!
</div>
<h2>introduction</h2>
-htmx gives you access to [AJAX](@/docs.md#ajax), [CSS Transitions](@/docs.md#css_transitions), [WebSockets](@/docs.md#websockets) and [Server Sent Events](@/docs.md#sse)
-directly in HTML, using [attributes](@/reference.md#attributes), so you can build
-[modern user interfaces](@/examples/_index.md) with the [simplicity](https://en.wikipedia.org/wiki/HATEOAS) and
+htmx gives you access to [AJAX](@/docs.md#ajax), [CSS Transitions](@/docs.md#css_transitions), [WebSockets](@/docs.md#websockets) and [Server Sent Events](@/docs.md#sse)
+directly in HTML, using [attributes](@/reference.md#attributes), so you can build
+[modern user interfaces](@/examples/_index.md) with the [simplicity](https://en.wikipedia.org/wiki/HATEOAS) and
[power](https://www.ics.uci.edu/~fielding/pubs/dissertation/rest_arch_style.htm) of hypertext
-htmx is small ([~14k min.gz'd](https://unpkg.com/htmx.org/dist/)),
+htmx is small ([~14k min.gz'd](https://unpkg.com/htmx.org/dist/)),
[dependency-free](https://github.com/bigskysoftware/htmx/blob/master/package.json),
[extendable](https://extensions.htmx.org),
IE11 compatible & has **reduced** code base sizes by [67% when compared with react](@/essays/a-real-world-react-to-htmx-port.md)
@@ -138,7 +138,7 @@ Read the [docs introduction](@/docs.md#introduction) for a more in-depth... intr
<h2><a name='book'></a>book</h2>
-We are happy to announce the release of [Hypermedia Systems](https://hypermedia.systems), a book on how to build
+We are happy to announce the release of [Hypermedia Systems](https://hypermedia.systems), a book on how to build
[Hypermedia-Driven Applications](@/essays/hypermedia-driven-applications.md) using htmx & more:
<div style="text-align: center;padding: 24px">
@@ -164,8 +164,8 @@ Thank you to all our generous <a href="https://github.com/sponsors/bigskysoftwar
@media only screen and (max-width: 760px) {
/* Force table to not be like tables anymore */
- table, thead, tbody, th, td, tr {
- display: block;
+ table, thead, tbody, th, td, tr {
+ display: block;
}
}
@@ -175,7 +175,10 @@ Thank you to all our generous <a href="https://github.com/sponsors/bigskysoftwar
<table id="sponsor-table">
<tr>
<td colspan="3">
- <a data-github-account="NotASithLord" href="https://hydrahost.com"><img src="/img/hydra-hosting.svg" alt="The GPU Marketplace" style="width:100%;"></a>
+ <a data-github-account="NotASithLord" href="https://hydrahost.com">
+ <img class="dark-hidden" src="/img/hydra-hosting.svg" alt="The GPU Marketplace" style="width:100%;">
+ <img class="dark-visible" src="/img/hydra-hosting-dark.svg" alt="The GPU Marketplace" style="width:100%;">
+ </a>
</td>
</tr>
<tr>
@@ -183,31 +186,38 @@ Thank you to all our generous <a href="https://github.com/sponsors/bigskysoftwar
<a data-github-account="JetBrainsOfficial" href="https://www.jetbrains.com"><img src="/img/jetbrains.png" alt="Jetbrains" style="max-width:30%;min-width:100px;"></a>
</td>
<td>
- <a data-github-account="commspace" href="https://www.commspace.co.za"><img src="/img/commspace.svg" alt="commspace" style="min-width:200px"></a>
+ <a data-github-account="commspace" href="https://www.commspace.co.za">
+ <img class="dark-hidden" src="/img/commspace.svg" alt="commspace" style="min-width:200px"/>
+ <img class="dark-visible" src="/img/commspace-dark.svg" alt="commspace" style="min-width:200px"/>
+ </a>
</td>
<td>
- <a href="https://github.blog/2023-04-12-github-accelerator-our-first-cohort-and-whats-next"><img src="/img/Github_Logo.png" alt="GitHub" style="max-width:30%;min-width:100px;"></a>
+ <a href="https://github.blog/2023-04-12-github-accelerator-our-first-cohort-and-whats-next"><img class="dark-invert" src="/img/Github_Logo.png" alt="GitHub" style="max-width:30%;min-width:100px;"></a>
</td>
</tr>
<tr>
<td>
- <a data-github-account="craftcms" href="https://craftcms.com"><img src="/img/logo-craft-cms.svg" alt="craft cms" style="width:90%;max-width:200px"></a>
+ <a data-github-account="craftcms" href="https://craftcms.com">
+ <img class="dark-hidden" src="/img/logo-craft-cms.svg" alt="craft cms" style="width:90%;max-width:200px">
+ <img class="dark-visible" src="/img/logo-craft-cms-dark.svg" alt="craft cms" style="width:90%;max-width:200px">
+ </a>
</td>
<td>
<a data-github-account="ButterCMS" href="https://buttercms.com/?utm_campaign=sponsorship&utm_medium=banner&utm_source=htmxhome">
- <img src="/img/butter-cms.svg" alt="ButterCMS" style="width:100%;max-width:200px">
+ <img class="dark-invert" src="/img/butter-cms.svg" alt="ButterCMS" style="width:100%;max-width:200px">
</a>
</td>
<td>
<a data-github-account="Black-HOST" href="https://black.host">
- <img src="/img/blackhost-logo.svg" alt="Black Host" style="width:100%;max-width:200px">
+ <img class="dark-invert" src="/img/blackhost-logo.svg" alt="Black Host" style="width:100%;max-width:200px">
</a>
</td>
</tr>
<tr>
<td>
<a href="https://www.v7n.com/">
- <img alt="V7N" src="/img/v7n-logo.png" style="width:100%;max-width:200px">
+ <img alt="V7N" class="dark-hidden" src="/img/v7n-logo.png" style="width:100%;max-width:200px">
+ <img alt="V7N" class="dark-visible" src="/img/v7n-logo-dark.png" style="width:100%;max-width:200px">
</a>
</td>
<td>
@@ -215,29 +225,34 @@ Thank you to all our generous <a href="https://github.com/sponsors/bigskysoftwar
</td>
<td>
<a href="https://dasfilter.shop/pages/affiliates">
- <img alt="Das Filter" src="/img/das-filter.svg" style="width:100%;max-width:300px">
+ <img class="dark-hidden" alt="Das Filter" src="/img/das-filter.svg" style="width:100%;max-width:300px">
+ <img class="dark-visible" alt="Das Filter" src="/img/das-filter-dark.svg" style="width:100%;max-width:300px">
</a>
</td>
</tr>
<tr>
<td>
<a href="https://www.pullapprove.com/?utm_campaign=sponsorship&utm_medium=banner&utm_source=htmx">
- <img src="/img/pullapprove-logo.svg" alt="PullApprove" style="width:100%;max-width:200px">
+ <img class="dark-hidden" src="/img/pullapprove-logo.svg" alt="PullApprove" style="width:100%;max-width:200px"/>
+ <img class="dark-visible" src="/img/pullapprove-logo-dark.svg" alt="PullApprove" style="width:100%;max-width:200px"/>
</a>
</td>
<td>
<a data-github-account="transloadit" href=" https://transloadit.com/?utm_source=htmx&utm_medium=referral&utm_campaign=sponsorship&utm_content=website/">
- <img alt="Transloadit" src="/img/logos-transloadit-default.svg" style="width:100%;max-width:200px">
+ <img class="dark-hidden" alt="Transloadit" src="/img/logos-transloadit-default.svg" style="width:100%;max-width:200px">
+ <img class="dark-visible" alt="Transloadit" src="/img/transloadit-logo-dark.svg" style="width:100%;max-width:200px">
</a>
</td>
<td>
- <a data-github-account="uibakery" href="https://uibakery.io"><img src="/img/ui-bakery.png" alt="UI Bakery" style="width:100%;max-width:250px"></a>
+ <a data-github-account="uibakery" href="https://uibakery.io">
+ <img class="dark-hidden" src="/img/ui-bakery.svg" alt="UI Bakery" style="width:100%;max-width:250px">
+ <img class="dark-visible" src="/img/ui-bakery-dark.svg" alt="UI Bakery" style="width:100%;max-width:250px"></a>
</td>
</tr>
<tr>
<td>
<a data-github-account="jai-deepsource" href=" https://deepsource.com/">
- <img alt="Deepsource" src="/img/deepsource.svg" style="width:100%;max-width:250px">
+ <img class="dark-invert" alt="Deepsource" src="/img/deepsource.svg" style="width:100%;max-width:250px">
</a>
</td>
<td>
@@ -251,12 +266,13 @@ Thank you to all our generous <a href="https://github.com/sponsors/bigskysoftwar
<tr>
<td>
<a data-github-account="codacy" href="https://www.codacy.com//">
- <img alt="Deepsource" src="/img/codacy.svg" style="width:100%;max-width:250px">
+ <img class="dark-invert" alt="Codacy" src="/img/codacy.svg" style="width:100%;max-width:250px">
</a>
</td>
<td>
<a data-github-account="apesternikov" href="https://codereviewbot.ai/">
- <img alt="AI Code Review Bot" src="/img/codereviewbot.svg" style="width:100%;max-width:250px">
+ <img class="dark-hidden" alt="AI Code Review Bot" src="/img/codereviewbot.svg" style="width:100%;max-width:250px">
+ <img class="dark-visible" alt="AI Code Review Bot" src="/img/codereviewbot-dark.svg" style="width:100%;max-width:250px">
</a>
</td>
<td>
@@ -268,7 +284,8 @@ Thank you to all our generous <a href="https://github.com/sponsors/bigskysoftwar
<tr>
<td>
<a data-github-account="VPSServerCom" href="https://www.vpsserver.com/">
- <img alt="VPS Server Hosting in the Cloud: Cost Efficiency" src="/img/vps-server-logo.svg" style="width:100%;max-width:250px">
+ <img class="dark-hidden" alt="VPS Server Hosting in the Cloud: Cost Efficiency" src="/img/vps-server-logo.svg" style="width:100%;max-width:250px">
+ <img class="dark-visible" alt="VPS Server Hosting in the Cloud: Cost Efficiency" src="/img/vps-server-logo-dark.svg" style="width:100%;max-width:250px">
</a>
</td>
<td>
diff --git a/www/content/docs.md b/www/content/docs.md
index adec84ba..d3782ca6 100644
--- a/www/content/docs.md
+++ b/www/content/docs.md
@@ -817,7 +817,7 @@ htmx has experimental support for declarative use of both
[WebSockets](https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API/Writing_WebSocket_client_applications)
and [Server Sent Events](https://developer.mozilla.org/en-US/docs/Web/API/Server-sent_events/Using_server-sent_events).
-<div style="border: 1px solid whitesmoke; background-color: #e4f0ff; padding: 8px; border-radius: 8px">
+<div class="alert">
**Note:** In htmx 2.0, these features will be migrated to extensions. These new extensions are already available in
htmx 1.7+ and, if you are writing new code, you are encouraged to use the extensions instead. All new feature work for
diff --git a/www/static/img/codereviewbot-dark.svg b/www/static/img/codereviewbot-dark.svg
new file mode 100644
index 00000000..4f438d24
--- /dev/null
+++ b/www/static/img/codereviewbot-dark.svg
@@ -0,0 +1,22 @@
+<svg width="501" height="55" viewBox="0 0 501 55" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M120.064 44.576C117.472 44.576 115.056 44.16 112.816 43.328C110.608 42.464 108.688 41.248 107.056 39.68C105.424 38.112 104.144 36.272 103.216 34.16C102.32 32.048 101.872 29.728 101.872 27.2C101.872 24.672 102.32 22.352 103.216 20.24C104.144 18.128 105.424 16.288 107.056 14.72C108.72 13.152 110.656 11.952 112.864 11.12C115.072 10.256 117.488 9.824 120.112 9.824C123.024 9.824 125.648 10.336 127.984 11.36C130.352 12.352 132.336 13.824 133.936 15.776L128.944 20.384C127.792 19.072 126.512 18.096 125.104 17.456C123.696 16.784 122.16 16.448 120.496 16.448C118.928 16.448 117.488 16.704 116.176 17.216C114.864 17.728 113.728 18.464 112.768 19.424C111.808 20.384 111.056 21.52 110.512 22.832C110 24.144 109.744 25.6 109.744 27.2C109.744 28.8 110 30.256 110.512 31.568C111.056 32.88 111.808 34.016 112.768 34.976C113.728 35.936 114.864 36.672 116.176 37.184C117.488 37.696 118.928 37.952 120.496 37.952C122.16 37.952 123.696 37.632 125.104 36.992C126.512 36.32 127.792 35.312 128.944 33.968L133.936 38.576C132.336 40.528 130.352 42.016 127.984 43.04C125.648 44.064 123.008 44.576 120.064 44.576Z" fill="white"/>
+<path d="M150.056 44.384C147.304 44.384 144.856 43.808 142.712 42.656C140.6 41.504 138.92 39.936 137.672 37.952C136.456 35.936 135.848 33.648 135.848 31.088C135.848 28.496 136.456 26.208 137.672 24.224C138.92 22.208 140.6 20.64 142.712 19.52C144.856 18.368 147.304 17.792 150.056 17.792C152.776 17.792 155.208 18.368 157.352 19.52C159.496 20.64 161.176 22.192 162.392 24.176C163.608 26.16 164.216 28.464 164.216 31.088C164.216 33.648 163.608 35.936 162.392 37.952C161.176 39.936 159.496 41.504 157.352 42.656C155.208 43.808 152.776 44.384 150.056 44.384ZM150.056 38.24C151.304 38.24 152.424 37.952 153.416 37.376C154.408 36.8 155.192 35.984 155.768 34.928C156.344 33.84 156.632 32.56 156.632 31.088C156.632 29.584 156.344 28.304 155.768 27.248C155.192 26.192 154.408 25.376 153.416 24.8C152.424 24.224 151.304 23.936 150.056 23.936C148.808 23.936 147.688 24.224 146.696 24.8C145.704 25.376 144.904 26.192 144.296 27.248C143.72 28.304 143.432 29.584 143.432 31.088C143.432 32.56 143.72 33.84 144.296 34.928C144.904 35.984 145.704 36.8 146.696 37.376C147.688 37.952 148.808 38.24 150.056 38.24Z" fill="white"/>
+<path d="M180.31 44.384C177.878 44.384 175.686 43.84 173.734 42.752C171.782 41.632 170.23 40.08 169.078 38.096C167.958 36.112 167.398 33.776 167.398 31.088C167.398 28.368 167.958 26.016 169.078 24.032C170.23 22.048 171.782 20.512 173.734 19.424C175.686 18.336 177.878 17.792 180.31 17.792C182.486 17.792 184.39 18.272 186.022 19.232C187.654 20.192 188.918 21.648 189.814 23.6C190.71 25.552 191.158 28.048 191.158 31.088C191.158 34.096 190.726 36.592 189.862 38.576C188.998 40.528 187.75 41.984 186.118 42.944C184.518 43.904 182.582 44.384 180.31 44.384ZM181.606 38.24C182.822 38.24 183.926 37.952 184.918 37.376C185.91 36.8 186.694 35.984 187.27 34.928C187.878 33.84 188.182 32.56 188.182 31.088C188.182 29.584 187.878 28.304 187.27 27.248C186.694 26.192 185.91 25.376 184.918 24.8C183.926 24.224 182.822 23.936 181.606 23.936C180.358 23.936 179.238 24.224 178.246 24.8C177.254 25.376 176.454 26.192 175.846 27.248C175.27 28.304 174.982 29.584 174.982 31.088C174.982 32.56 175.27 33.84 175.846 34.928C176.454 35.984 177.254 36.8 178.246 37.376C179.238 37.952 180.358 38.24 181.606 38.24ZM188.374 44V38.72L188.518 31.04L188.038 23.408V8.384H195.526V44H188.374Z" fill="white"/>
+<path d="M215.272 44.384C212.328 44.384 209.736 43.808 207.496 42.656C205.288 41.504 203.576 39.936 202.36 37.952C201.144 35.936 200.536 33.648 200.536 31.088C200.536 28.496 201.128 26.208 202.312 24.224C203.528 22.208 205.176 20.64 207.256 19.52C209.336 18.368 211.688 17.792 214.312 17.792C216.84 17.792 219.112 18.336 221.128 19.424C223.176 20.48 224.792 22.016 225.976 24.032C227.16 26.016 227.752 28.4 227.752 31.184C227.752 31.472 227.736 31.808 227.704 32.192C227.672 32.544 227.64 32.88 227.608 33.2H206.632V28.832H223.672L220.792 30.128C220.792 28.784 220.52 27.616 219.976 26.624C219.432 25.632 218.68 24.864 217.72 24.32C216.76 23.744 215.64 23.456 214.36 23.456C213.08 23.456 211.944 23.744 210.952 24.32C209.992 24.864 209.24 25.648 208.696 26.672C208.152 27.664 207.88 28.848 207.88 30.224V31.376C207.88 32.784 208.184 34.032 208.792 35.12C209.432 36.176 210.312 36.992 211.432 37.568C212.584 38.112 213.928 38.384 215.464 38.384C216.84 38.384 218.04 38.176 219.064 37.76C220.12 37.344 221.08 36.72 221.944 35.888L225.928 40.208C224.744 41.552 223.256 42.592 221.464 43.328C219.672 44.032 217.608 44.384 215.272 44.384Z" fill="white"/>
+<path d="M233.265 44V10.4H247.809C250.817 10.4 253.409 10.896 255.585 11.888C257.761 12.848 259.441 14.24 260.625 16.064C261.809 17.888 262.401 20.064 262.401 22.592C262.401 25.088 261.809 27.248 260.625 29.072C259.441 30.864 257.761 32.24 255.585 33.2C253.409 34.16 250.817 34.64 247.809 34.64H237.585L241.041 31.232V44H233.265ZM254.625 44L246.225 31.808H254.529L263.025 44H254.625ZM241.041 32.096L237.585 28.448H247.377C249.777 28.448 251.569 27.936 252.753 26.912C253.937 25.856 254.529 24.416 254.529 22.592C254.529 20.736 253.937 19.296 252.753 18.272C251.569 17.248 249.777 16.736 247.377 16.736H237.585L241.041 13.04V32.096Z" fill="white"/>
+<path d="M280.85 44.384C277.906 44.384 275.314 43.808 273.074 42.656C270.866 41.504 269.154 39.936 267.938 37.952C266.722 35.936 266.114 33.648 266.114 31.088C266.114 28.496 266.706 26.208 267.89 24.224C269.106 22.208 270.754 20.64 272.834 19.52C274.914 18.368 277.266 17.792 279.89 17.792C282.418 17.792 284.69 18.336 286.706 19.424C288.754 20.48 290.37 22.016 291.554 24.032C292.738 26.016 293.33 28.4 293.33 31.184C293.33 31.472 293.314 31.808 293.282 32.192C293.25 32.544 293.218 32.88 293.186 33.2H272.21V28.832H289.25L286.37 30.128C286.37 28.784 286.098 27.616 285.554 26.624C285.01 25.632 284.258 24.864 283.298 24.32C282.338 23.744 281.218 23.456 279.938 23.456C278.658 23.456 277.522 23.744 276.53 24.32C275.57 24.864 274.818 25.648 274.274 26.672C273.73 27.664 273.458 28.848 273.458 30.224V31.376C273.458 32.784 273.762 34.032 274.37 35.12C275.01 36.176 275.89 36.992 277.01 37.568C278.162 38.112 279.506 38.384 281.042 38.384C282.418 38.384 283.618 38.176 284.642 37.76C285.698 37.344 286.658 36.72 287.522 35.888L291.506 40.208C290.322 41.552 288.834 42.592 287.042 43.328C285.25 44.032 283.186 44.384 280.85 44.384Z" fill="white"/>
+<path d="M304.855 44L294.007 18.176H301.735L310.759 40.4H306.919L316.279 18.176H323.479L312.583 44H304.855Z" fill="white"/>
+<path d="M326.534 44V18.176H334.022V44H326.534ZM330.278 14.576C328.902 14.576 327.782 14.176 326.918 13.376C326.054 12.576 325.622 11.584 325.622 10.4C325.622 9.216 326.054 8.224 326.918 7.424C327.782 6.624 328.902 6.224 330.278 6.224C331.654 6.224 332.774 6.608 333.638 7.376C334.502 8.112 334.934 9.072 334.934 10.256C334.934 11.504 334.502 12.544 333.638 13.376C332.806 14.176 331.686 14.576 330.278 14.576Z" fill="white"/>
+<path d="M353.788 44.384C350.844 44.384 348.252 43.808 346.012 42.656C343.804 41.504 342.092 39.936 340.876 37.952C339.66 35.936 339.052 33.648 339.052 31.088C339.052 28.496 339.644 26.208 340.828 24.224C342.044 22.208 343.692 20.64 345.772 19.52C347.852 18.368 350.204 17.792 352.828 17.792C355.356 17.792 357.628 18.336 359.644 19.424C361.692 20.48 363.308 22.016 364.492 24.032C365.676 26.016 366.268 28.4 366.268 31.184C366.268 31.472 366.252 31.808 366.22 32.192C366.188 32.544 366.156 32.88 366.124 33.2H345.148V28.832H362.188L359.308 30.128C359.308 28.784 359.036 27.616 358.492 26.624C357.948 25.632 357.196 24.864 356.236 24.32C355.276 23.744 354.156 23.456 352.876 23.456C351.596 23.456 350.46 23.744 349.468 24.32C348.508 24.864 347.756 25.648 347.212 26.672C346.668 27.664 346.396 28.848 346.396 30.224V31.376C346.396 32.784 346.7 34.032 347.308 35.12C347.948 36.176 348.828 36.992 349.948 37.568C351.1 38.112 352.444 38.384 353.98 38.384C355.356 38.384 356.556 38.176 357.58 37.76C358.636 37.344 359.596 36.72 360.46 35.888L364.444 40.208C363.26 41.552 361.772 42.592 359.98 43.328C358.188 44.032 356.124 44.384 353.788 44.384Z" fill="white"/>
+<path d="M376.688 44L367.376 18.176H374.432L382.16 40.4H378.8L386.864 18.176H393.2L401.024 40.4H397.664L405.632 18.176H412.256L402.896 44H395.648L388.784 24.944H390.992L383.888 44H376.688Z" fill="white"/>
+<path d="M416.265 44V10.4H432.681C436.905 10.4 440.073 11.2 442.185 12.8C444.329 14.4 445.401 16.512 445.401 19.136C445.401 20.896 444.969 22.432 444.105 23.744C443.241 25.024 442.057 26.016 440.553 26.72C439.049 27.424 437.321 27.776 435.369 27.776L436.281 25.808C438.393 25.808 440.265 26.16 441.897 26.864C443.529 27.536 444.793 28.544 445.689 29.888C446.617 31.232 447.081 32.88 447.081 34.832C447.081 37.712 445.945 39.968 443.673 41.6C441.401 43.2 438.057 44 433.641 44H416.265ZM423.993 38.144H433.065C435.081 38.144 436.601 37.824 437.625 37.184C438.681 36.512 439.209 35.456 439.209 34.016C439.209 32.608 438.681 31.568 437.625 30.896C436.601 30.192 435.081 29.84 433.065 29.84H423.417V24.176H431.721C433.609 24.176 435.049 23.856 436.041 23.216C437.065 22.544 437.577 21.536 437.577 20.192C437.577 18.88 437.065 17.904 436.041 17.264C435.049 16.592 433.609 16.256 431.721 16.256H423.993V38.144Z" fill="white"/>
+<path d="M464.728 44.384C461.976 44.384 459.528 43.808 457.384 42.656C455.272 41.504 453.592 39.936 452.344 37.952C451.128 35.936 450.52 33.648 450.52 31.088C450.52 28.496 451.128 26.208 452.344 24.224C453.592 22.208 455.272 20.64 457.384 19.52C459.528 18.368 461.976 17.792 464.728 17.792C467.448 17.792 469.88 18.368 472.024 19.52C474.168 20.64 475.848 22.192 477.064 24.176C478.28 26.16 478.888 28.464 478.888 31.088C478.888 33.648 478.28 35.936 477.064 37.952C475.848 39.936 474.168 41.504 472.024 42.656C469.88 43.808 467.448 44.384 464.728 44.384ZM464.728 38.24C465.976 38.24 467.096 37.952 468.088 37.376C469.08 36.8 469.864 35.984 470.44 34.928C471.016 33.84 471.304 32.56 471.304 31.088C471.304 29.584 471.016 28.304 470.44 27.248C469.864 26.192 469.08 25.376 468.088 24.8C467.096 24.224 465.976 23.936 464.728 23.936C463.48 23.936 462.36 24.224 461.368 24.8C460.376 25.376 459.576 26.192 458.968 27.248C458.392 28.304 458.104 29.584 458.104 31.088C458.104 32.56 458.392 33.84 458.968 34.928C459.576 35.984 460.376 36.8 461.368 37.376C462.36 37.952 463.48 38.24 464.728 38.24Z" fill="white"/>
+<path d="M494.454 44.384C491.413 44.384 489.046 43.616 487.35 42.08C485.653 40.512 484.805 38.192 484.805 35.12V12.464H492.294V35.024C492.294 36.112 492.581 36.96 493.157 37.568C493.733 38.144 494.518 38.432 495.51 38.432C496.693 38.432 497.701 38.112 498.533 37.472L500.549 42.752C499.781 43.296 498.854 43.712 497.765 44C496.709 44.256 495.606 44.384 494.454 44.384ZM480.821 24.512V18.752H498.726V24.512H480.821Z" fill="white"/>
+<path d="M78.7443 35.2008C78.6204 36.7233 78.641 38.2746 78.3449 39.763C77.5155 43.9319 75.2842 47.2473 71.8542 49.766C68.8403 51.9793 65.4377 52.9803 61.727 52.9827C50.0915 52.9902 38.4561 52.9957 26.8207 52.9761C20.1295 52.9648 13.9726 48.8604 11.4776 42.7332C10.541 40.433 10.0396 38.0251 10.2047 35.3704C10.2108 31.1459 10.2121 27.0673 10.2059 22.9887C10.205 22.3818 10.1687 21.775 10.1488 21.1682C10.303 19.2757 10.2829 17.3488 10.6494 15.4981C11.3204 12.1093 13.0851 9.28513 15.6761 6.9733C18.3214 4.6131 21.3805 3.16316 24.8973 2.69138C25.499 2.61067 26.1103 2.56566 26.7172 2.56489C38.3181 2.55029 49.9191 2.51554 61.5198 2.54934C67.6128 2.5671 72.498 5.06683 75.9674 10.0897C78.1166 13.2013 78.862 16.7479 78.7328 20.4951C78.7246 20.7327 78.7313 20.9708 78.7073 21.3349C78.6774 25.9415 78.6708 30.4219 78.6686 34.9024C78.6685 35.0018 78.718 35.1013 78.7443 35.2008Z" fill="#FCFAFA"/>
+<path d="M81.0954 35.7651C80.9627 37.3967 80.9848 39.059 80.6678 40.654C79.7799 45.1213 77.3914 48.6739 73.7197 51.3729C70.4932 53.7446 66.8509 54.8172 62.8785 54.8198C50.423 54.8279 37.9675 54.8338 25.512 54.8128C18.3491 54.8007 11.7583 50.4025 9.08742 43.8368C8.08475 41.3719 7.54802 38.7916 7.72476 35.9469C7.73125 31.4201 7.73267 27.0495 7.72604 22.679C7.72505 22.0287 7.68621 21.3785 7.66488 20.7282C7.82999 18.7003 7.80852 16.6355 8.20077 14.6523C8.91905 11.0209 10.8081 7.99461 13.5818 5.51731C16.4135 2.98818 19.6882 1.43446 23.453 0.928918C24.0971 0.84243 24.7514 0.79419 25.4011 0.793372C37.8197 0.777724 50.2384 0.740485 62.6568 0.776709C69.1792 0.795735 74.4088 3.47439 78.1227 8.85682C80.4234 12.1911 81.2214 15.9915 81.0831 20.0069C81.0743 20.2615 81.0815 20.5167 81.0557 20.9068C81.0238 25.8431 81.0167 30.6443 81.0143 35.4454C81.0142 35.552 81.0672 35.6586 81.0954 35.7651ZM55.9662 8.88438C46.2968 8.88431 36.6273 8.88091 26.9579 8.88647C24.4709 8.8879 22.1023 9.35275 20.0393 10.8442C17.1796 12.9116 15.8553 15.7812 15.8315 19.2477C15.7938 24.7303 15.7945 30.2136 15.8438 35.6959C15.8555 36.9851 16.0176 38.2964 16.3012 39.5546C16.8308 41.9047 18.2783 43.662 20.2669 44.9693C22.1287 46.1932 24.2199 46.6413 26.4229 46.6413C38.5951 46.6412 50.7677 46.6946 62.9394 46.6128C68.1639 46.5776 72.6917 42.9166 72.7943 36.9833C72.9003 30.8489 72.9066 24.7095 72.7861 18.5756C72.6864 13.5085 69.0839 9.61148 64.0537 9.08558C61.4364 8.81194 58.7771 8.93876 55.9662 8.88438Z" fill="#0B1E3F"/>
+<path d="M7.59587 20.7312C7.68621 21.3785 7.72505 22.0287 7.72604 22.679C7.73267 27.0495 7.73125 31.4201 7.71632 35.8675C6.74247 35.7085 5.75845 35.5477 4.8314 35.2241C-0.168688 33.4785 -1.2686 27.1641 1.6236 23.7154C3.14436 21.9021 5.15101 20.9218 7.59587 20.7312Z" fill="#5FA2D8"/>
+<path d="M81.1693 35.7528C81.0672 35.6586 81.0142 35.552 81.0143 35.4454C81.0167 30.6443 81.0238 25.8431 81.0724 20.9842C84.3691 20.6113 88.1121 23.4864 88.6076 27.3221C89.0849 31.0178 86.7192 34.6412 83.1772 35.4728C82.5464 35.6209 81.8886 35.6541 81.1693 35.7528Z" fill="#5EA1D8"/>
+<path d="M35.3847 40.8975C34.8015 39.8219 34.2015 38.8284 34.2426 37.5903C34.2722 36.6964 34.6455 36.0438 35.4451 35.7017C36.1719 35.3908 36.9315 35.1351 37.6992 34.9464C38.5768 34.7307 38.862 35.4612 39.1954 36.0442C39.5445 36.6547 39.7767 37.3528 40.2119 37.8898C41.9951 40.0901 44.4103 39.943 45.9648 37.5777C46.2435 37.1538 46.4712 36.6953 46.7074 36.2449C47.5233 34.6893 49.5776 34.5148 50.7257 35.8701C51.3219 36.5739 52.1756 37.1581 51.8135 38.2454C51.5314 39.0925 51.1857 39.9308 50.7639 40.7172C48.0675 45.7435 40.6638 45.7768 37.4998 43.1525C36.7273 42.5117 36.1046 41.6907 35.3847 40.8975Z" fill="#0C2041"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M59.2084 36.7964C64.9101 36.7964 69.5322 32.1793 69.5322 26.4839C69.5322 20.7884 64.9101 16.1714 59.2084 16.1714C53.5067 16.1714 48.8845 20.7884 48.8845 26.4839C48.8845 32.1793 53.5067 36.7964 59.2084 36.7964ZM59.1231 30.3191C61.1964 30.3191 62.8772 28.6402 62.8772 26.5691C62.8772 24.498 61.1964 22.8191 59.1231 22.8191C57.0497 22.8191 55.3689 24.498 55.3689 26.5691C55.3689 28.6402 57.0497 30.3191 59.1231 30.3191Z" fill="#B2213E"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29.1754 36.6259C34.8771 36.6259 39.4992 32.0089 39.4992 26.3134C39.4992 20.618 34.8771 16.0009 29.1754 16.0009C23.4737 16.0009 18.8515 20.618 18.8515 26.3134C18.8515 32.0089 23.4737 36.6259 29.1754 36.6259ZM29.09 30.1487C31.1634 30.1487 32.8442 28.4697 32.8442 26.3987C32.8442 24.3276 31.1634 22.6487 29.09 22.6487C27.0167 22.6487 25.3359 24.3276 25.3359 26.3987C25.3359 28.4697 27.0167 30.1487 29.09 30.1487Z" fill="#B2213E"/>
+</svg>
diff --git a/www/static/img/commspace-dark.svg b/www/static/img/commspace-dark.svg
new file mode 100644
index 00000000..beefbafa
--- /dev/null
+++ b/www/static/img/commspace-dark.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 841.89 206.43" style="enable-background:new 0 0 841.89 206.43;" xml:space="preserve">
+<style type="text/css">
+ .st0{fill:#418ECC;}
+ .st1{fill: white;}
+</style>
+<g>
+ <g>
+ <g>
+ <path class="st0" d="M120.64,72.23v19.85c-3.41-4.16-6.46-7.01-9.16-8.56c-2.65-1.59-5.77-2.39-9.36-2.39
+ c-5.62,0-10.29,1.97-14,5.91s-5.58,8.87-5.58,14.8c0,6.06,1.79,11.04,5.38,14.93c3.63,3.9,8.25,5.85,13.87,5.85
+ c3.58,0,6.75-0.78,9.49-2.32c2.66-1.5,5.78-4.42,9.36-8.77v19.72c-6.06,3.14-12.12,4.71-18.19,4.71c-10,0-18.36-3.23-25.09-9.69
+ c-6.73-6.51-10.09-14.58-10.09-24.23s3.41-17.79,10.22-24.43c6.81-6.64,15.18-9.96,25.09-9.96
+ C108.96,67.65,114.98,69.18,120.64,72.23z"/>
+ <path class="st0" d="M216.82,69.45h14.94v5.97c2.88-3.01,5.33-5.04,7.37-6.11c2.17-1.1,4.89-1.66,8.16-1.66
+ c7.3,0,13.08,3.19,17.32,9.56c4.69-6.37,11.04-9.56,19.05-9.56c14.56,0,21.84,8.83,21.84,26.49v39.96h-15V98.19
+ c0-6.2-0.75-10.58-2.26-13.14c-1.55-2.61-4.09-3.92-7.63-3.92c-4.11,0-7.11,1.55-8.99,4.65c-1.88,3.1-2.82,8.07-2.82,14.93v33.39
+ h-15V98.38c0-11.51-3.32-17.26-9.96-17.26c-4.2,0-7.27,1.57-9.19,4.71c-1.92,3.15-2.89,8.1-2.89,14.87v33.39h-14.94V69.45z"/>
+ <path class="st0" d="M324.35,69.45h14.94v5.97c2.88-3.01,5.33-5.04,7.37-6.11c2.17-1.1,4.89-1.66,8.16-1.66
+ c7.3,0,13.08,3.19,17.32,9.56c4.69-6.37,11.04-9.56,19.05-9.56c14.56,0,21.84,8.83,21.84,26.49v39.96h-15V98.19
+ c0-6.2-0.75-10.58-2.26-13.14c-1.55-2.61-4.09-3.92-7.63-3.92c-4.11,0-7.11,1.55-8.99,4.65c-1.88,3.1-2.82,8.07-2.82,14.93v33.39
+ h-15V98.38c0-11.51-3.32-17.26-9.96-17.26c-4.2,0-7.27,1.57-9.19,4.71c-1.92,3.15-2.89,8.1-2.89,14.87v33.39h-14.94V69.45z"/>
+ <path class="st1" d="M469.45,80.46l-12.35,6.57c-1.95-3.99-4.36-5.98-7.23-5.98c-1.37,0-2.55,0.45-3.52,1.36
+ c-0.97,0.91-1.46,2.07-1.46,3.49c0,2.48,2.88,4.94,8.63,7.37c7.92,3.41,13.25,6.55,16,9.43c2.74,2.88,4.12,6.75,4.12,11.62
+ c0,6.24-2.3,11.46-6.9,15.67c-4.47,3.98-9.87,5.97-16.2,5.97c-10.84,0-18.52-5.29-23.03-15.86l12.75-5.91
+ c1.77,3.1,3.12,5.07,4.05,5.91c1.81,1.68,3.98,2.52,6.51,2.52c5.04,0,7.57-2.3,7.57-6.91c0-2.66-1.95-5.13-5.84-7.43
+ c-1.5-0.75-3.01-1.48-4.51-2.19c-1.5-0.7-3.03-1.44-4.58-2.19c-4.34-2.13-7.39-4.25-9.16-6.37c-2.26-2.7-3.38-6.17-3.38-10.42
+ c0-5.62,1.92-10.26,5.77-13.94c3.94-3.67,8.72-5.51,14.34-5.51C459.27,67.65,465.42,71.92,469.45,80.46z"/>
+ <path class="st1" d="M501.97,169.28h-14.94V69.45h14.94v7.03c5.88-5.88,12.57-8.83,20.05-8.83c8.89,0,16.22,3.27,21.97,9.83
+ c5.84,6.5,8.76,14.71,8.76,24.62c0,9.69-2.9,17.77-8.7,24.23c-5.75,6.42-13.01,9.63-21.77,9.63c-7.57,0-14.34-3.03-20.31-9.09
+ V169.28z M537.49,102.17c0-6.19-1.68-11.24-5.05-15.13c-3.41-3.94-7.7-5.91-12.88-5.91c-5.49,0-9.93,1.9-13.34,5.71
+ c-3.41,3.81-5.11,8.81-5.11,15c0,6.06,1.7,11.06,5.11,15c3.36,3.85,7.79,5.78,13.27,5.78c5.18,0,9.45-1.95,12.81-5.85
+ C535.76,112.88,537.49,108.01,537.49,102.17z"/>
+ <path class="st1" d="M616.21,69.45h15v64.65h-15v-6.77c-6.15,5.76-12.77,8.63-19.85,8.63c-8.94,0-16.33-3.23-22.17-9.69
+ c-5.8-6.6-8.7-14.82-8.7-24.69c0-9.69,2.9-17.77,8.7-24.23c5.8-6.46,13.05-9.69,21.77-9.69c7.52,0,14.27,3.1,20.24,9.29V69.45z
+ M580.76,101.57c0,6.19,1.66,11.24,4.98,15.13c3.41,3.94,7.7,5.91,12.88,5.91c5.53,0,10-1.91,13.41-5.71
+ c3.41-3.93,5.11-8.93,5.11-15c0-6.07-1.7-11.06-5.11-15c-3.41-3.85-7.83-5.78-13.27-5.78c-5.14,0-9.43,1.95-12.88,5.84
+ C582.47,90.91,580.76,95.77,580.76,101.57z"/>
+ <path class="st1" d="M700.37,72.23v19.85c-3.41-4.16-6.46-7.01-9.16-8.56c-2.65-1.59-5.77-2.39-9.36-2.39
+ c-5.62,0-10.29,1.97-14,5.91c-3.72,3.94-5.58,8.87-5.58,14.8c0,6.06,1.79,11.04,5.38,14.93c3.63,3.9,8.25,5.85,13.87,5.85
+ c3.58,0,6.75-0.78,9.49-2.32c2.66-1.5,5.78-4.42,9.36-8.77v19.72c-6.06,3.14-12.12,4.71-18.19,4.71c-10,0-18.36-3.23-25.09-9.69
+ c-6.73-6.51-10.09-14.58-10.09-24.23s3.41-17.79,10.22-24.43c6.81-6.64,15.18-9.96,25.09-9.96
+ C688.69,67.65,694.71,69.18,700.37,72.23z"/>
+ <path class="st1" d="M773.72,105.29h-46.33c0.4,5.31,2.12,9.54,5.18,12.68c3.05,3.09,6.97,4.65,11.75,4.65
+ c3.72,0,6.79-0.89,9.23-2.66c2.39-1.77,5.11-5.05,8.16-9.83l12.61,7.04c-1.95,3.32-4.01,6.16-6.17,8.53
+ c-2.17,2.37-4.49,4.31-6.97,5.84c-2.48,1.53-5.15,2.65-8.03,3.35c-2.88,0.71-6,1.06-9.36,1.06c-9.65,0-17.39-3.09-23.23-9.29
+ c-5.84-6.24-8.76-14.51-8.76-24.82c0-10.22,2.83-18.5,8.5-24.82c5.71-6.24,13.28-9.36,22.7-9.36c9.51,0,17.04,3.03,22.57,9.09
+ c5.49,6.02,8.23,14.36,8.23,25.02L773.72,105.29z M758.39,93.08c-2.08-7.97-7.1-11.95-15.07-11.95c-1.82,0-3.52,0.27-5.11,0.83
+ c-1.59,0.55-3.04,1.35-4.35,2.39c-1.31,1.04-2.42,2.29-3.35,3.75c-0.93,1.46-1.64,3.12-2.12,4.98H758.39z"/>
+ </g>
+ <g>
+ <g>
+ <path class="st0" d="M172.81,95.39c17.2,8.93,21.68,20.68,22.43,29.98c6.13-6.8,9.6-16.06,8.74-26.12
+ c-1.41-16.55-14.89-30-31.45-31.38c-5.8-0.48-11.32,0.48-16.26,2.55c-2.28,0.96-3.37,3.6-2.5,5.92
+ C155.81,81.8,160.79,89.16,172.81,95.39z"/>
+ <path class="st0" d="M167.24,106.12c-15.02-7.79-21.73-17.5-24.69-25.3c-5.14,6.46-8.02,14.81-7.41,23.84
+ c1.13,16.88,14.88,30.76,31.75,32.04c4.55,0.35,8.93-0.2,12.99-1.46c1.86-0.58,3.16-2.24,3.31-4.17
+ C183.77,123.58,182.45,114.01,167.24,106.12z"/>
+ </g>
+ </g>
+ </g>
+</g>
+</svg>
diff --git a/www/static/img/das-filter-dark.svg b/www/static/img/das-filter-dark.svg
new file mode 100644
index 00000000..e4ecdd49
--- /dev/null
+++ b/www/static/img/das-filter-dark.svg
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 174 150">
+ <defs>
+ <style>
+ .cls-1 {
+ letter-spacing: -.08em;
+ }
+
+ .cls-2 {
+ letter-spacing: -.04em;
+ }
+
+ .cls-3 {
+ letter-spacing: 0em;
+ }
+
+ .cls-4 {
+ letter-spacing: 0em;
+ }
+
+ .cls-5 {
+ font-family: NeueKabel-ExtraBold, 'Neue Kabel';
+ font-size: 32px;
+ font-weight: 700;
+ }
+
+ .cls-5, .cls-6 {
+ fill: white;
+
+ }
+
+ .cls-6, .cls-7 {
+ stroke-width: 0px;
+ }
+
+ </style>
+ </defs>
+ <text class="cls-5" transform="translate(7.84 80.63)"><tspan class="cls-2" x="0" y="0">D</tspan><tspan class="cls-4" x="20.26" y="0">A</tspan><tspan x="36.85" y="0">S FI</tspan><tspan class="cls-1" x="88.45" y="0">L</tspan><tspan class="cls-3" x="100.79" y="0">TER</tspan></text>
+ <text/>
+ <g>
+ <path class="cls-6" d="m50.03,94.97h-4.2l-.78,2.64h-3.42l4.45-12.66h3.69l4.45,12.66h-3.42l-.78-2.64Zm-.81-2.73l-1.28-4.32-1.28,4.32h2.57Z"/>
+ <path class="cls-6" d="m58.66,90.05h3.54v2.89h-3.54v4.67h-3.2v-12.66h7.2l.42,2.89h-4.41v2.21Z"/>
+ <path class="cls-6" d="m67.83,90.05h3.54v2.89h-3.54v4.67h-3.2v-12.66h7.2l.42,2.89h-4.41v2.21Z"/>
+ <path class="cls-6" d="m77.09,97.61h-3.2v-12.66h3.2v12.66Z"/>
+ <path class="cls-6" d="m86.93,94.53l-.45,3.07h-7.22v-12.66h3.2v9.59h4.47Z"/>
+ <path class="cls-6" d="m91.58,97.61h-3.2v-12.66h3.2v12.66Z"/>
+ <path class="cls-6" d="m101.27,94.97h-4.2l-.78,2.64h-3.42l4.45-12.66h3.69l4.45,12.66h-3.42l-.78-2.64Zm-.81-2.73l-1.28-4.32-1.28,4.32h2.57Z"/>
+ <path class="cls-6" d="m110.68,87.93v9.68h-3.2v-9.68h-3.13l.43-2.98h8.61l.43,2.98h-3.15Z"/>
+ <path class="cls-6" d="m123.05,94.81l-.4,2.8h-7.6v-12.66h7.42l.4,2.8h-4.67v2.03h3.78v2.8h-3.78v2.23h4.85Z"/>
+ <path class="cls-6" d="m124.7,93.67c1.36.96,2.66,1.46,3.76,1.46.94,0,1.41-.49,1.41-1.09,0-.56-.36-.98-1.43-1.32l-.76-.25c-2.15-.71-3.11-2.1-3.11-3.91,0-2.22,1.75-3.89,4.32-3.89,1.16,0,2.37.29,3.64.89l-.42,2.88c-1.32-.69-2.41-1.03-3.27-1.03-.8,0-1.23.42-1.23,1s.36.94,1.43,1.28l.74.25c2.22.72,3.22,2.17,3.22,3.91,0,2.12-1.52,4.03-4.49,4.03-1.45,0-2.86-.43-4.25-1.28l.43-2.93Z"/>
+ </g>
+</svg>
diff --git a/www/static/img/hydra-hosting-dark.svg b/www/static/img/hydra-hosting-dark.svg
new file mode 100644
index 00000000..8ac11f99
--- /dev/null
+++ b/www/static/img/hydra-hosting-dark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="#FFFFFF" viewBox="0 0 165 48" width="165" height="48"><g clip-path="url(#logo-mono_svg__a)"><path fill-rule="evenodd" d="m148.462 13.352-11.361 19.59 3.539 4.006 1.388-2.48h12.914l3.072 5.51h5.9l-15.452-26.626Zm-4.401 17.475 4.401-7.93 4.442 7.93h-8.843Zm-87.31-5.91v-10.56h5.605v25.615H56.75V28.885H42.627v11.087h-5.604V31.23a49.435 49.435 0 0 0 5.323-16.872h.28v10.56H56.75Zm17.136 15.055v-11.51L62.553 14.358h6.344l7.765 9.72 7.854-9.72h6.31L79.535 28.463v11.51h-5.647Zm26.531-25.615c8.635 0 15.568 5.509 15.568 12.807s-6.933 12.808-15.568 12.808h-9.342V14.357h9.342Zm-3.737 3.923v17.76h3.362c6.103 0 10.34-3.998 10.34-8.876 0-4.879-4.237-8.884-10.299-8.884h-3.403Zm21.009 21.692h5.603l.004-9.9h2.698l8.678 9.9h6.511l-9.425-10.668c3.653-1.156 5.937-3.543 5.937-7.017 0-5.017-4.769-7.93-11.454-7.93h-8.552v25.615Zm8.554-13.685h-2.951v-8.035h2.951c3.444 0 5.77 1.44 5.77 4.035 0 2.563-2.326 4-5.77 4Z" clip-rule="evenodd"></path></g><path fill-rule="evenodd" d="M14.688 10.272c-.516-.559-.971-1.17-1.357-1.822-.01.726.143 1.445.446 2.107.202.458.468.887.79 1.274.4.137 1.074.381 1.753.615l2.218.783a12.553 12.553 0 0 1-1.736-1.064 13.262 13.262 0 0 1-2.114-1.893ZM10.453 12.105c-.645-.06-1.066-.07-1.066-.07s.197.225.408.478c.122.154.244.316.358.49.8-.157 3.362-.306 3.362-.306a14.71 14.71 0 0 0-3.063-.592ZM5.387 15.385s.494-.14 1.116-.293c.559-.138 1.218-.287 1.693-.352 0 0-.445-.119-1.075-.22-.717-.113-1.687-.203-2.508-.06.303.269.564.58.774.925Z" clip-rule="evenodd"></path><path d="M25.306 12.018h-.001l.001.001v-.001ZM21.766 43.295a11.988 11.988 0 0 1-3.88-1.42 13.092 13.092 0 0 1-5.056-5.428C7.254 25.47 17.401 17.54 28.028 22.052h.018s-1.481.35-2.468 1.069c2.126-.37 4.07-.102 5.732.333 0 0 .981-2.22 1.164-2.8.183-.579-.269-1.7-.604-2.298a2.646 2.646 0 0 1-.19.829l-1.97-1.259c.486-1.874-3.425-1.804-4.417-5.914 0 .14-.082 2.128 1.14 3.085l-1.122-.617-.016-.042c-.086-.031-3.403-1.264-5.553-2.809 1.465 1.744 3.455 2.137 3.224 3.596l1.97 1.258c.108-.265.172-.545.19-.83.335.599.785 1.72.602 2.3-.182.579-1.162 2.8-1.162 2.8-1.67-.436-3.613-.703-5.732-.336.987-.721 2.467-1.067 2.467-1.067-3.71-.813-6.932-.204-9.494 1.276v-.023c-.47.287-4.757 3.099-3.136 9.606l2.425 4.177c1.075 2.19 3.794 6.144 4.897 7.22 1.985 1.947 5.116 3.894 5.116 3.894"></path><path d="M26.446 15.103c-1.222-.956-1.147-2.944-1.14-3.084a3.112 3.112 0 0 0 .008 2.43l.016.042 1.116.612ZM16.342 31.198v-.032c-2.023-4.975 1.913-11.41 11.702-9.114-10.628-4.508-21.518 3.337-15.939 14.31 1.118 2.25 3.46 4.675 5.643 5.97 1.198.693 2.597 1.404 4.034.963 1.728-1.44 3.348-3 4.846-4.67a11.96 11.96 0 0 1-3.195-.477c-5.23-1.541-6.971-6.58-7.091-6.95Z"></path><path fill-rule="evenodd" d="M0 9.58a48.14 48.14 0 0 0 5.761 21.502 49.206 49.206 0 0 0 14.879 16.78 49.22 49.22 0 0 0 14.876-16.78A48.153 48.153 0 0 0 41.278 9.58a44.562 44.562 0 0 0-13.076-4.407c3.722 1.85 7.394 4.12 10.008 6.162l-.023.351a45.283 45.283 0 0 1-5.213 17.867 46.179 46.179 0 0 1-12.003 14.385l-.322.258-.323-.258A46.181 46.181 0 0 1 8.32 29.552a45.285 45.285 0 0 1-5.215-17.87l-.023-.351a28.832 28.832 0 0 1 6.043-5.296A45.007 45.007 0 0 0 .014 9.58H0Z" clip-rule="evenodd"></path><path d="M23.612.99s-.128 2.106 1.139 3.093l-1.12-.617v-.014C21.967 2.694 19.778 1.4 18.403.154c0 .072-.01.144-.01.216 0-.072 0-.144.01-.216 0 0 1.075 2.809 4.24 3.814l-3.004-.417s-2.637-.657-5.179.191c0 0 .99-.035 3.687.567 0 0-2.101.234-2.913.406-.086 0-3.423.136-5.54 1.444l.013.01c1.63-.35 3.861-.154 3.861-.154-.931.246-3.1 1.082-3.1 1.082v-.01c-.124.036-2.85.877-4.636 2.864a21.92 21.92 0 0 1 2.83-.974 15.75 15.75 0 0 0-1.9 1.606s-1.827 1.778-3.283 5.044l.179.454a11.35 11.35 0 0 1 1.735-.716 4.102 4.102 0 0 0-.773-.925c1.312-.811 3.093-1.17 4.279-1.327.295-.21.598-.413.904-.608l-.408-.477a8.441 8.441 0 0 1 1.916-.392 19.044 19.044 0 0 1 2.472-1.074 4.891 4.891 0 0 1-.453-2.112 16.34 16.34 0 0 0 2.167 1.615 17.06 17.06 0 0 1 2.925-.45v.013c.032-.12.074-.238.126-.35.029.111.063.22.095.327a16.65 16.65 0 0 1 7.702 1.45h.038-.023c-.16.039-1.523.385-2.451 1.064 2.126-.37 4.068-.102 5.732.334 0 0 .981-2.22 1.164-2.809.183-.588-.269-1.701-.604-2.298a2.69 2.69 0 0 1-.179.83l-1.97-1.26c.505-2.065-3.534-1.957-4.43-5.958"></path><path fill-rule="evenodd" d="M18.392.16c0 .035-.002.071-.004.107-.002.036-.005.072-.005.108 0 .948.416 2.015.977 2.826.087.125.179.244.268.352l3.004.417c-3.161-1.01-4.24-3.81-4.24-3.81Zm6.36 3.923C23.484 3.09 23.611.99 23.611.99a2.94 2.94 0 0 0-.238 1.283c.011.406.099.806.258 1.181V3.468l1.12.615ZM5.815 9.944c.925-.387 1.876-.71 2.847-.967a15.75 15.75 0 0 0-1.9 1.606 2.448 2.448 0 0 0-.947-.639Zm7.738-3.929s-2.232-.198-3.867.153c.299.266.555.575.761.915v.01s2.175-.832 3.106-1.078Zm.896-2.268c.02 0 1.012-.03 3.686.567 0 0-2.1.234-2.912.4a9.846 9.846 0 0 0-.774-.967ZM26.603 38.738a46.06 46.06 0 0 0 6.024-8.453l-.061-.067c-4.976 7.338-14.297 5.893-16.252 1.082 0 0 1.668 5.373 7.085 6.973 1.04.302 2.119.463 3.204.477v-.012ZM18.544 9.282a3.14 3.14 0 0 0 .018 2.472l1.12.615c-1.267-.99-1.138-3.094-1.138-3.094v.007Z" clip-rule="evenodd"></path><path d="m26.358 11.064-.004-.002h-.006c-2.585-.563-4.931-.477-6.975.083-.067-.1-.131-.204-.194-.31l-.027-.047a3.919 3.919 0 0 1-.198-.373 6.158 6.158 0 0 1-.323-.812 16.65 16.65 0 0 1 7.702 1.45l.021.01h.004v.001ZM15.497 10.062h.012c.332.212.66.407.967.586l.015.009.358.198h.01l.169.093.054.03.24.13.107.056.131.07.149.078.07.035.179.087.04.022.004.001c.055.028.105.053.155.076.096-.039.197-.074.297-.11a3.039 3.039 0 0 1-.07-.262l-.016-.086c-.01-.057-.022-.111-.029-.165l-.006-.05-.006-.045a5.64 5.64 0 0 1-.013-.151.417.417 0 0 1 0-.063V10.172c0-.033 0-.067.01-.098.006-.015.006-.03.006-.044 0-.015 0-.03.007-.046.01-.02.01-.04.011-.062V9.91l.002-.015c.003-.024.009-.048.015-.072l.005-.02a1.12 1.12 0 0 0 .01-.045l.005-.029.002-.013.022-.084v-.001l.007-.026v-.012c-.985.071-1.962.228-2.92.469ZM11.298 11.643h.002c.795-.415 1.62-.773 2.468-1.072a5.35 5.35 0 0 0 .785 1.267h-.013a11.011 11.011 0 0 0-3.24-.195l-.004.002.002-.002ZM10.162 13.002s-.517.018-1.271.118c.295-.211.598-.413.913-.608l.023.03.035.046c.098.129.203.268.3.414Z"></path><defs><clipPath id="logo-mono_svg__a"><path fill="#fff" d="M30.494 9.933h133.508v30.621H30.494z"></path></clipPath></defs></svg>
diff --git a/www/static/img/logo-craft-cms-dark.svg b/www/static/img/logo-craft-cms-dark.svg
new file mode 100644
index 00000000..53f94fb4
--- /dev/null
+++ b/www/static/img/logo-craft-cms-dark.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="220" height="54" viewBox="0 0 220 54">
+ <path fill="#FFF" d="M76.1875 32.5625C72.5625 32.5625 70.5625 30.25 71.0625 26.9375 71.625 23.5625 74.375 21.3125 77.9375 21.3125 79.8125 21.3125 81.5 22.1875 82.5 23.5L86 20.625C84.125 18.5 81.4375 17.4375 78.5625 17.4375 72.6875 17.4375 67.5625 21.375 66.6875 26.9375 65.8125 32.5625 69.5625 36.4375 75.5 36.4375 78.5 36.4375 81.5 35.1875 84.125 33.125L81.625 30.25C79.8125 31.875 77.9375 32.5625 76.1875 32.5625M99.6875 17.625C99.6875 17.625 98.9375 17.5 98.875 17.5 98.0625 17.375 97.1875 17.4375 96.375 17.5 95.625 17.5625 94.875 17.6875 94.125 17.9375 93.5 18.125 92.8125 18.375 92.25 18.75L92.375 17.875 88.125 17.875 85.25 36 89.5 36 91.1875 25.4375C91.25 24.8125 91.5 24.25 91.8125 23.75 92.125 23.25 92.5625 22.8125 93.0625 22.5 93.5625 22.125 94.0625 21.875 94.625 21.6875 95.1875 21.5 95.75 21.375 96.375 21.3125 97.1875 21.25 98.0625 21.3125 98.875 21.5 98.875 21.5 98.9375 21.5 98.9375 21.5 99.0625 21.5 99.6875 17.625 99.6875 17.625M114.5625 19C113.375 18 111.5625 17.4375 109.4375 17.4375 104.125 17.4375 99.3125 21.25 98.375 26.875 97.5 32.5 101.1875 36.3125 106.3125 36.3125 108.625 36.3125 110.5625 36 112.1875 34.875L112.0625 35.875 115.9375 35.875 118.75 17.875 114.75 17.875 114.5625 19zM113.6875 26.875L113.6875 26.875C113.125 30.3125 110.5625 32.6875 107.25 32.6875 103.875 32.6875 101.9375 30.1875 102.5 26.8125 103.0625 23.4375 105.75 21.0625 109.0625 21.0625 112.375 21.125 114.1875 23.4375 113.6875 26.875L113.6875 26.875zM138.375 17.875L139.1875 12.75 134.3125 16.25 134.0625 17.9375 128.5625 17.9375 129.125 14.5C129.4375 12.875 131.1875 12.9375 131.1875 12.9375L133.25 12.9375 133.875 9.1875 131.5 9.1875 130.9375 9.1875C125.125 9.1875 124.9375 13.6875 124.9375 13.6875L124.5625 15.8125 124.25 17.9375 123.875 17.9375 119.125 21.6875 123.625 21.6875 120.75 40 125.125 40 128 21.625 133.5 21.625 131.25 36 135.5625 36 137.8125 21.625 143.1875 21.625 143.8125 17.875 138.375 17.875zM149.9375 26.9375C150.8125 21.375 155.875 17.4375 161.8125 17.4375 164.6875 17.4375 167.375 18.5625 169.25 20.625L165.75 23.5C164.75 22.1875 163.0625 21.3125 161.1875 21.3125 157.625 21.3125 154.875 23.625 154.3125 26.9375 153.8125 30.25 155.8125 32.5625 159.4375 32.5625 161.1875 32.5625 163.0625 31.875 164.875 30.25L167.375 33.125C164.75 35.25 161.75 36.4375 158.75 36.4375 152.8125 36.4375 149.0625 32.5625 149.9375 26.9375M200.5625 25L198.875 36 194.625 36 196.3125 25.3125C196.75 22.8125 195.375 21.3125 192.9375 21.3125 190.375 21.3125 187.8125 22.875 187.4375 25.4375L185.75 36 181.5 36 183.1875 25.3125C183.5625 22.875 182.125 21.375 179.8125 21.3125 177.4375 21.4375 174.6875 22.9375 174.3125 25.4375L172.625 36 168.375 36 171.25 17.875 175.5 17.875 175.375 18.75C176.8125 17.875 178.4375 17.5 180.5 17.4375L180.875 17.4375C183.5 17.4375 185.625 18.5 186.75 20.3125 188.5 18.5 191.1875 17.4375 193.875 17.4375 198.5 17.4375 201.3125 20.5 200.5625 25M200.375 33.8125L203 30.5625C204.4375 31.6875 207.1875 32.5625 209.5 32.5625 211.625 32.5625 213.75 32.125 214 30.6875 214.1875 29.5625 212.125 29.1875 209.8125 28.8125 205 28 202.5625 27 203.0625 23.375 203.8125 18.8125 208.5 17.5 212.375 17.5 215.125 17.5 218 18.4375 219.9375 19.75L217.3125 23C215.8125 22.0625 213.875 21.375 211.6875 21.375 209.125 21.375 207.625 22.125 207.4375 23.3125 207.3125 24.125 208 24.4375 211 24.9375 215.375 25.6875 219 26.375 218.3125 30.5625 217.75 34.375 213.875 36.5 208.8125 36.5 206 36.4375 202.375 35.4375 200.375 33.8125M47.8125 0L5.625 0C2.5 0 0 2.5 0 5.625L0 47.8125C0 50.9375 2.5 53.4375 5.625 53.4375L47.8125 53.4375C50.875 53.4375 53.4375 50.9375 53.4375 47.8125L53.4375 5.625C53.4375 2.5 50.9375 0 47.8125 0M26.625 32.5625C28.375 32.5625 30.25 31.875 32.0625 30.25L34.5625 33.125C31.9375 35.25 28.9375 36.4375 25.9375 36.4375 20 36.4375 16.25 32.5 17.125 26.9375 18 21.375 23.0625 17.4375 29 17.4375 31.875 17.4375 34.5625 18.5625 36.4375 20.625L32.9375 23.5C31.9375 22.1875 30.25 21.3125 28.375 21.3125 24.8125 21.3125 22.0625 23.625 21.5 26.9375 21 30.25 23 32.5625 26.625 32.5625"/>
+</svg>
diff --git a/www/static/img/pullapprove-logo-dark.svg b/www/static/img/pullapprove-logo-dark.svg
new file mode 100644
index 00000000..0000ea8f
--- /dev/null
+++ b/www/static/img/pullapprove-logo-dark.svg
@@ -0,0 +1,21 @@
+<svg width="756" height="120" viewBox="0 0 756 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <g clip-path="url(#clip0_1945_42)">
+ <path d="M134.724 51.7143C126.103 60.2633 115.327 70.9496 102.498 83.6713L81.4593 104.535C74.5831 110.845 66.0648 114 56.0071 114C45.9493 114 37.431 110.845 30.5548 104.535L22.0366 96.0878L5 112.982V62.5023H55.9044L38.9705 79.3968L47.4888 87.8441C49.7466 89.9813 52.6203 90.9991 56.0071 90.9991C59.3938 90.9991 62.1649 89.9813 64.5253 87.8441L117.79 35.0233C116.764 30.9524 116.661 26.9832 117.688 22.9122C118.611 18.8413 120.767 15.2792 123.948 12.1242C128.874 7.3408 134.519 5 140.882 5C147.245 5 152.89 7.3408 157.816 12.1242C162.537 17.0093 165 22.6069 165 28.9169C165 35.2269 162.64 40.8245 157.816 45.7096C154.634 48.8646 151.042 50.9001 146.937 51.9178C142.832 52.8338 138.829 52.8338 134.724 51.7143ZM151.042 18.7395C148.169 15.9916 144.679 14.6685 140.882 14.6685C136.982 14.6685 133.595 16.0934 130.824 18.8413C127.951 21.6909 126.616 24.9477 126.616 28.8151C126.616 32.6825 128.053 36.0411 130.824 38.789C133.698 41.6387 136.982 42.9617 140.882 42.9617C144.782 42.9617 148.169 41.5369 150.94 38.789C153.813 35.9393 155.148 32.6825 155.148 28.8151C155.148 25.0495 153.711 21.6909 151.042 18.7395Z" fill="white"/>
+ </g>
+ <path d="M727.304 96.0227C722.054 96.0227 717.52 94.9317 713.702 92.7499C709.906 90.5454 706.986 87.4317 704.94 83.409C702.895 79.3636 701.872 74.6022 701.872 69.1249C701.872 63.7386 702.895 59.0113 704.94 54.9431C707.009 50.8522 709.895 47.6704 713.599 45.3976C717.304 43.1022 721.656 41.9545 726.656 41.9545C729.884 41.9545 732.929 42.4772 735.793 43.5226C738.679 44.5454 741.224 46.1363 743.429 48.2954C745.656 50.4545 747.406 53.2045 748.679 56.5454C749.952 59.8636 750.588 63.8181 750.588 68.409V72.1931H707.668V63.8749H738.759C738.736 61.5113 738.224 59.409 737.224 57.5681C736.224 55.7045 734.827 54.2386 733.031 53.1704C731.259 52.1022 729.19 51.5681 726.827 51.5681C724.304 51.5681 722.088 52.1817 720.179 53.409C718.27 54.6136 716.781 56.2045 715.713 58.1817C714.668 60.1363 714.134 62.284 714.111 64.6249V71.8863C714.111 74.9317 714.668 77.5454 715.781 79.7272C716.895 81.8863 718.452 83.5454 720.452 84.7045C722.452 85.8408 724.793 86.409 727.474 86.409C729.27 86.409 730.895 86.159 732.349 85.659C733.804 85.1363 735.065 84.3749 736.134 83.3749C737.202 82.3749 738.009 81.1363 738.554 79.659L750.077 80.9545C749.349 83.9999 747.963 86.659 745.918 88.9317C743.895 91.1817 741.304 92.9317 738.145 94.1817C734.986 95.409 731.372 96.0227 727.304 96.0227Z" fill="white"/>
+ <path d="M697.364 42.6364L678.716 95H665.08L646.432 42.6364H659.591L671.625 81.5341H672.17L684.239 42.6364H697.364Z" fill="white"/>
+ <path d="M616.807 96.0227C611.693 96.0227 607.261 94.8977 603.511 92.6477C599.761 90.3977 596.852 87.2499 594.784 83.2045C592.739 79.159 591.716 74.4317 591.716 69.0227C591.716 63.6136 592.739 58.8749 594.784 54.8067C596.852 50.7386 599.761 47.5795 603.511 45.3295C607.261 43.0795 611.693 41.9545 616.807 41.9545C621.92 41.9545 626.352 43.0795 630.102 45.3295C633.852 47.5795 636.75 50.7386 638.795 54.8067C640.864 58.8749 641.898 63.6136 641.898 69.0227C641.898 74.4317 640.864 79.159 638.795 83.2045C636.75 87.2499 633.852 90.3977 630.102 92.6477C626.352 94.8977 621.92 96.0227 616.807 96.0227ZM616.875 86.1363C619.648 86.1363 621.966 85.3749 623.83 83.8522C625.693 82.3067 627.08 80.2386 627.989 77.6477C628.92 75.0567 629.386 72.1704 629.386 68.9886C629.386 65.784 628.92 62.8863 627.989 60.2954C627.08 57.6817 625.693 55.6022 623.83 54.0567C621.966 52.5113 619.648 51.7386 616.875 51.7386C614.034 51.7386 611.67 52.5113 609.784 54.0567C607.92 55.6022 606.523 57.6817 605.591 60.2954C604.682 62.8863 604.227 65.784 604.227 68.9886C604.227 72.1704 604.682 75.0567 605.591 77.6477C606.523 80.2386 607.92 82.3067 609.784 83.8522C611.67 85.3749 614.034 86.1363 616.875 86.1363Z" fill="white"/>
+ <path d="M558.06 95V42.6364H570.026V51.3636H570.571C571.526 48.3409 573.162 46.0114 575.48 44.375C577.821 42.7159 580.492 41.8864 583.492 41.8864C584.173 41.8864 584.935 41.9204 585.776 41.9886C586.639 42.0341 587.355 42.1136 587.923 42.2273V53.5795C587.401 53.3977 586.571 53.2386 585.435 53.1023C584.321 52.9432 583.242 52.8636 582.196 52.8636C579.946 52.8636 577.923 53.3523 576.128 54.3295C574.355 55.2841 572.957 56.6136 571.935 58.3182C570.912 60.0227 570.401 61.9886 570.401 64.2159V95H558.06Z" fill="white"/>
+ <path d="M498.06 114.636V42.6363H510.196V51.2954H510.912C511.548 50.0227 512.446 48.6704 513.605 47.2386C514.764 45.784 516.332 44.5454 518.31 43.5226C520.287 42.4772 522.81 41.9545 525.878 41.9545C529.923 41.9545 533.571 42.9886 536.821 45.0567C540.094 47.1022 542.685 50.1363 544.594 54.159C546.526 58.159 547.491 63.0681 547.491 68.8863C547.491 74.6363 546.548 79.5227 544.662 83.5454C542.776 87.5681 540.207 90.6363 536.957 92.7499C533.707 94.8636 530.026 95.9204 525.912 95.9204C522.912 95.9204 520.423 95.4204 518.446 94.4204C516.469 93.4204 514.878 92.2158 513.673 90.8067C512.491 89.3749 511.571 88.0227 510.912 86.7499H510.401V114.636H498.06ZM510.162 68.8181C510.162 72.2045 510.639 75.1704 511.594 77.7158C512.571 80.2613 513.969 82.2499 515.787 83.6817C517.628 85.0908 519.855 85.7954 522.469 85.7954C525.196 85.7954 527.48 85.0681 529.321 83.6136C531.162 82.1363 532.548 80.1249 533.48 77.5795C534.435 75.0113 534.912 72.0908 534.912 68.8181C534.912 65.5681 534.446 62.6817 533.514 60.159C532.582 57.6363 531.196 55.659 529.355 54.2272C527.514 52.7954 525.219 52.0795 522.469 52.0795C519.832 52.0795 517.594 52.7726 515.753 54.159C513.912 55.5454 512.514 57.4886 511.56 59.9886C510.628 62.4886 510.162 65.4317 510.162 68.8181Z" fill="white"/>
+ <path d="M438.06 114.636V42.6363H450.196V51.2954H450.912C451.548 50.0227 452.446 48.6704 453.605 47.2386C454.764 45.784 456.332 44.5454 458.31 43.5226C460.287 42.4772 462.81 41.9545 465.878 41.9545C469.923 41.9545 473.571 42.9886 476.821 45.0567C480.094 47.1022 482.685 50.1363 484.594 54.159C486.526 58.159 487.491 63.0681 487.491 68.8863C487.491 74.6363 486.548 79.5227 484.662 83.5454C482.776 87.5681 480.207 90.6363 476.957 92.7499C473.707 94.8636 470.026 95.9204 465.912 95.9204C462.912 95.9204 460.423 95.4204 458.446 94.4204C456.469 93.4204 454.878 92.2158 453.673 90.8067C452.491 89.3749 451.571 88.0227 450.912 86.7499H450.401V114.636H438.06ZM450.162 68.8181C450.162 72.2045 450.639 75.1704 451.594 77.7158C452.571 80.2613 453.969 82.2499 455.787 83.6817C457.628 85.0908 459.855 85.7954 462.469 85.7954C465.196 85.7954 467.48 85.0681 469.321 83.6136C471.162 82.1363 472.548 80.1249 473.48 77.5795C474.435 75.0113 474.912 72.0908 474.912 68.8181C474.912 65.5681 474.446 62.6817 473.514 60.159C472.582 57.6363 471.196 55.659 469.355 54.2272C467.514 52.7954 465.219 52.0795 462.469 52.0795C459.832 52.0795 457.594 52.7726 455.753 54.159C453.912 55.5454 452.514 57.4886 451.56 59.9886C450.628 62.4886 450.162 65.4317 450.162 68.8181Z" fill="white"/>
+ <path d="M378.102 94.9999H364.602L389.182 25.1818H404.795L429.409 94.9999H415.909L397.261 39.4999H396.716L378.102 94.9999ZM378.545 67.6249H415.364V77.784H378.545V67.6249Z" fill="white"/>
+ <path d="M355.901 25.1818V94.9999H343.56V25.1818H355.901Z" fill="white"/>
+ <path d="M330.869 25.1818V94.9999H318.528V25.1818H330.869Z" fill="white"/>
+ <path d="M293.497 72.9773V42.6364H305.838V95H293.872V85.6932H293.327C292.145 88.625 290.202 91.0227 287.497 92.8864C284.815 94.75 281.508 95.6818 277.577 95.6818C274.145 95.6818 271.111 94.9204 268.474 93.3977C265.861 91.8523 263.815 89.6136 262.338 86.6818C260.861 83.7273 260.122 80.1591 260.122 75.9773V42.6364H272.463V74.0682C272.463 77.3864 273.372 80.0227 275.19 81.9773C277.008 83.9318 279.395 84.9091 282.349 84.9091C284.168 84.9091 285.929 84.4659 287.633 83.5795C289.338 82.6932 290.736 81.375 291.827 79.625C292.94 77.8523 293.497 75.6364 293.497 72.9773Z" fill="white"/>
+ <path d="M198.886 94.9999V25.1818H225.068C230.432 25.1818 234.932 26.1818 238.568 28.1818C242.227 30.1818 244.989 32.9318 246.852 36.4318C248.739 39.909 249.682 43.8636 249.682 48.2954C249.682 52.7727 248.739 56.7499 246.852 60.2272C244.966 63.7045 242.182 66.4431 238.5 68.4431C234.818 70.4204 230.284 71.409 224.898 71.409H207.545V61.0113H223.193C226.33 61.0113 228.898 60.4659 230.898 59.3749C232.898 58.284 234.375 56.784 235.33 54.8749C236.307 52.9659 236.795 50.7727 236.795 48.2954C236.795 45.8181 236.307 43.6363 235.33 41.7499C234.375 39.8636 232.886 38.3977 230.864 37.3522C228.864 36.284 226.284 35.7499 223.125 35.7499H211.534V94.9999H198.886Z" fill="white"/>
+ <defs>
+ <clipPath id="clip0_1945_42">
+ <rect width="160" height="109" fill="white" transform="translate(5 5)"/>
+ </clipPath>
+ </defs>
+ </svg>
diff --git a/www/static/img/transloadit-logo-dark.svg b/www/static/img/transloadit-logo-dark.svg
new file mode 100644
index 00000000..7f7a5a9a
--- /dev/null
+++ b/www/static/img/transloadit-logo-dark.svg
@@ -0,0 +1 @@
+<svg width="154" height="35" viewBox="0 0 154 35" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M34.04 13.048c.425 2.306.588 8.104.588 13.79 0 4.94-8.699 8.162-17.314 8.162C8.694 35 0 31.777 0 26.838c0-5.686.159-11.484.588-13.79.398-2.154 9.514-3.745 15.481-3.95V4.966a2.592 2.592 0 0 1-1.538-2.374C14.53 1.162 15.68 0 17.095 0c1.42 0 2.568 1.162 2.568 2.592a2.588 2.588 0 0 1-1.542 2.374v4.12c5.947.14 15.509 1.755 15.919 3.962zM21.747 32.593c.497-.269.68-.9.413-1.402a1.018 1.018 0 0 0-1.391-.418c-.016.004-1.372.715-3.467.715-2.076 0-3.407-.699-3.443-.715a1.018 1.018 0 0 0-1.387.41 1.044 1.044 0 0 0 .405 1.41c.072.04 1.777.968 4.425.968 2.644 0 4.37-.928 4.445-.968zM3.74 24.046c0 3.223 2.585 5.835 5.769 5.835 3.188 0 5.773-2.612 5.773-5.835 0-3.222-2.585-5.835-5.773-5.835-3.184 0-5.769 2.613-5.769 5.835zm21.373 5.835c3.189 0 5.773-2.612 5.773-5.835 0-3.222-2.584-5.835-5.773-5.835-3.189 0-5.773 2.613-5.773 5.835 0 3.223 2.584 5.835 5.773 5.835z" fill="#FFFFFE" fill-rule="nonzero"/><path d="M10.794 26.638a1.292 1.292 0 0 1-1.284-1.294c0-.716.577-1.298 1.284-1.298.708 0 1.284.582 1.284 1.298 0 .711-.576 1.294-1.284 1.294zM9.51 20.156c-2.12 0-3.844 1.744-3.844 3.89s1.725 3.89 3.844 3.89c2.122 0 3.848-1.744 3.848-3.89s-1.726-3.89-3.848-3.89zM26.395 26.638a1.292 1.292 0 0 1-1.283-1.294c0-.716.576-1.298 1.283-1.298.708 0 1.284.582 1.284 1.298 0 .711-.576 1.294-1.284 1.294zm-1.283-6.482c-2.118 0-3.843 1.744-3.843 3.89s1.725 3.89 3.843 3.89c2.122 0 3.847-1.744 3.847-3.89s-1.725-3.89-3.847-3.89z" fill="#FFFFFE" fill-rule="nonzero"/><g transform="translate(43 12)" fill="#FFF"><path fill-rule="nonzero" d="M11.69 3.082H7.015v11.974H4.676V3.082H0V.876h11.69v2.206M18.51 6.232h-3.118c-.526 0-.78.315-.78.946v7.878h-2.337V7.178c0-2.148.993-3.152 3.117-3.152h3.118v2.206M27.666 9.777L22.99 10.96c-.702.176-.78.414-.78.945 0 .63.254.945.78.945h3.897c.526 0 .778-.314.778-.945V9.777h.001zm2.34-2.6v4.726c0 2.145-.994 3.15-3.118 3.15H22.99c-2.123 0-3.117-1.005-3.117-3.15 0-.946.312-1.595.994-1.99.701-.413 1.111-.55 2.123-.806l4.677-1.181v-.747c0-.63-.254-.946-.778-.946H22.99c-.525 0-.779.315-.779.946v.787h-2.338v-.787c0-2.148.994-3.152 3.117-3.152h3.898c2.123 0 3.116 1.003 3.116 3.15zM40.04 7.178c0-.63-.254-.946-.779-.946h-3.898c-.527 0-.78.315-.78.946v7.878h-2.337V7.178c0-2.148.994-3.152 3.117-3.152h3.898c2.123 0 3.116 1.004 3.116 3.152v7.878H40.04V7.178M51.535 15.056h-3.898c-2.124 0-3.117-1.006-3.117-3.152v-.787h2.339v.787c0 .63.253.945.778.945h3.898c.526 0 .778-.314.778-.945 0-.452 0-.67-.778-.945l-3.898-.985c-1.014-.257-1.422-.393-2.124-.788-.682-.414-.993-1.063-.993-2.008 0-2.148.993-3.152 3.117-3.152h3.898c2.123 0 3.116 1.004 3.116 3.152v.787h-2.337v-.787c0-.63-.254-.946-.778-.946h-3.899c-.526 0-.777.315-.777.946 0 .45 0 .669.777.945l3.899.984c1.013.258 1.42.394 2.104.808.702.393 1.013 1.044 1.013 1.99-.001 2.145-.994 3.15-3.118 3.15M59.523 12.849h1.948v2.204h-1.948c-1.95 0-2.728-.787-2.728-2.757V.875h2.338v11.422c0 .394.059.552.39.552M70.726 7.178c0-.63-.254-.946-.78-.946H66.05c-.528 0-.78.315-.78.946v4.725c0 .63.254.946.78.946h3.897c.526 0 .778-.317.778-.946V7.178zm2.339 0v4.725c0 2.145-.957 3.15-3.118 3.15H66.05c-2.163 0-3.117-1.005-3.117-3.15V7.178c0-2.148.955-3.152 3.117-3.152h3.897c2.163 0 3.118 1.004 3.118 3.152zM82.904 9.777l-4.676 1.182c-.703.176-.78.414-.78.945 0 .63.253.945.78.945h3.897c.526 0 .779-.314.779-.945V9.777zm2.337-2.6v4.726c0 2.145-.992 3.15-3.116 3.15h-3.897c-2.123 0-3.118-1.005-3.118-3.15 0-.946.312-1.595.995-1.99.7-.413 1.109-.55 2.123-.806l4.676-1.181v-.747c0-.63-.254-.946-.779-.946h-3.897c-.527 0-.78.315-.78.946v.787H75.11v-.787c0-2.148.995-3.152 3.118-3.152h3.897c2.123 0 3.116 1.003 3.116 3.15zM95.178 11.904V6.233h-4.676c-.527 0-.779.314-.779.945v4.725c0 .63.253.946.78.946h3.896c.526 0 .78-.314.78-.945zM97.516.876v11.028c0 2.146-.955 3.152-3.117 3.152h-3.897c-2.164 0-3.117-1.006-3.117-3.152V7.18c0-2.148.954-3.151 3.117-3.151h4.676V.876h2.338zM102.192 4.122v10.931h-2.338V4.122h2.338z"/><circle cx="100.938" cy="1.494" r="1.494"/><path d="M110.765 12.849v2.204h-3.507c-1.947 0-2.726-.787-2.726-2.757V.875h2.337v3.151h3.507v2.206h-3.507v6.063c0 .395.06.553.39.553h3.506" fill-rule="nonzero"/></g></g></svg> \ No newline at end of file
diff --git a/www/static/img/ui-bakery-dark.svg b/www/static/img/ui-bakery-dark.svg
new file mode 100644
index 00000000..de6f05e8
--- /dev/null
+++ b/www/static/img/ui-bakery-dark.svg
@@ -0,0 +1,10 @@
+<svg width="793" height="200" viewBox="0 0 793 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2895_1849)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M65.5035 2.08668C65.5035 0.428971 63.6026 -0.509117 62.2869 0.499278L0.995096 47.4743C0.501268 47.8528 0.211706 48.4395 0.211706 49.0617V84.1676C0.211706 85.8039 2.06958 86.7478 3.3911 85.7828L64.6829 41.0298C65.1986 40.6532 65.5035 40.0531 65.5035 39.4145V2.08668ZM73.5472 157.649C58.6242 160.416 44.2808 150.577 41.5101 135.672C38.7403 120.766 48.5914 106.441 63.5145 103.674C78.4375 100.907 92.7809 110.747 95.5516 125.652C98.3223 140.556 88.4703 154.882 73.5472 157.649ZM128.143 96.878C109.484 63.9558 67.67 52.3918 34.7477 71.05C1.82449 89.7082 -9.73857 131.522 8.91964 164.445C27.5779 197.367 69.3927 208.931 102.314 190.273C135.237 171.616 146.8 129.8 128.143 96.878ZM167 139.895C167 162.017 183.276 176.952 206.126 176.952C228.974 176.952 245.25 162.017 245.25 139.895V84.7619H220.015V139.433C220.015 148.221 214.37 153.9 206.126 153.9C197.88 153.9 192.235 148.221 192.235 139.433V84.7619H167V139.895ZM262.639 84.7619V174.071H288.722V84.7619H262.639ZM387.918 126.913L387.916 126.912C394.964 122.778 399.581 115.599 399.581 107.619C399.581 94.4239 387.644 84.7619 371.285 84.7619H329.613V174.071H372.137C389.167 174.071 402.067 163.111 402.067 148.64C402.067 138.894 396.612 130.903 387.918 126.913ZM375.982 112.131H375.984C375.984 116.425 372.881 119.333 367.851 119.333H355.697V104.929H367.85C372.88 104.929 375.982 107.837 375.982 112.131ZM378.882 145.223C378.882 150.35 375.24 153.905 369.67 153.905H355.697V136.619H369.67C375.24 136.619 378.882 140.174 378.882 145.223ZM491.593 104.17L473.686 104.169L471.228 109.613C465.469 104.817 458.131 102.048 449.916 102.048C428.588 102.048 413.343 117.566 413.343 139.369C413.343 161.248 428.588 176.952 449.916 176.952C458.017 176.952 465.25 174.262 470.962 169.592L473.02 174.57H491.593V104.17ZM468.407 140.913C468.407 150.001 461.655 156.786 452.468 156.786C443.281 156.786 436.528 150.001 436.528 140.913C436.528 131.88 443.225 125.095 452.468 125.095C461.655 125.095 468.407 131.88 468.407 140.913ZM547.423 174.071H575.639L551.791 137.514L573.447 104.223H546.572L530.018 131.587V79H506.083V174.071H530.018V144.533L547.423 174.071ZM653.888 138.835L653.889 138.832C653.889 118.213 638.441 102.048 616.132 102.048C594.407 102.048 578.537 117.894 578.537 139.445C578.537 160.921 594.536 176.952 616.132 176.952C633.496 176.952 647.498 166.929 652.369 150.885H628.645C626.353 155 621.701 157.478 616.132 157.478C608.604 157.478 603.562 153.308 602.002 145.245H653.395C653.706 143.071 653.888 140.953 653.888 138.835ZM601.722 133.738C603.72 126.299 608.724 122.214 615.921 122.214C623.373 122.214 628.537 126.253 630.704 133.738H601.722ZM715.176 126.619L705.355 104.929C696.879 104.929 690.762 107.28 685.74 112.893L681.914 105.256H665.481V174.071H690.009V139.078C690.009 130.3 693.646 126.619 702.33 126.619H715.176ZM793 104.929H766.986L753.084 143.098L738.165 104.929H711.852L740.903 168.493C737.622 177.116 734.828 179.493 725.564 179.493H718.905L727.197 200C745.348 200 754.059 192.34 763.535 171.134L793 104.929Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_2895_1849">
+<rect width="793" height="200" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/www/static/img/ui-bakery.png b/www/static/img/ui-bakery.png
deleted file mode 100644
index f99290fb..00000000
--- a/www/static/img/ui-bakery.png
+++ /dev/null
Binary files differ
diff --git a/www/static/img/ui-bakery.svg b/www/static/img/ui-bakery.svg
new file mode 100644
index 00000000..a81f5bfb
--- /dev/null
+++ b/www/static/img/ui-bakery.svg
@@ -0,0 +1,10 @@
+<svg width="793" height="200" viewBox="0 0 793 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2895_1849)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M65.5035 2.08668C65.5035 0.428971 63.6026 -0.509117 62.2869 0.499278L0.995096 47.4743C0.501268 47.8528 0.211706 48.4395 0.211706 49.0617V84.1676C0.211706 85.8039 2.06958 86.7478 3.3911 85.7828L64.6829 41.0298C65.1986 40.6532 65.5035 40.0531 65.5035 39.4145V2.08668ZM73.5472 157.649C58.6242 160.416 44.2808 150.577 41.5101 135.672C38.7403 120.766 48.5914 106.441 63.5145 103.674C78.4375 100.907 92.7809 110.747 95.5516 125.652C98.3223 140.556 88.4703 154.882 73.5472 157.649ZM128.143 96.878C109.484 63.9558 67.67 52.3918 34.7477 71.05C1.82449 89.7082 -9.73857 131.522 8.91964 164.445C27.5779 197.367 69.3927 208.931 102.314 190.273C135.237 171.616 146.8 129.8 128.143 96.878ZM167 139.895C167 162.017 183.276 176.952 206.126 176.952C228.974 176.952 245.25 162.017 245.25 139.895V84.7619H220.015V139.433C220.015 148.221 214.37 153.9 206.126 153.9C197.88 153.9 192.235 148.221 192.235 139.433V84.7619H167V139.895ZM262.639 84.7619V174.071H288.722V84.7619H262.639ZM387.918 126.913L387.916 126.912C394.964 122.778 399.581 115.599 399.581 107.619C399.581 94.4239 387.644 84.7619 371.285 84.7619H329.613V174.071H372.137C389.167 174.071 402.067 163.111 402.067 148.64C402.067 138.894 396.612 130.903 387.918 126.913ZM375.982 112.131H375.984C375.984 116.425 372.881 119.333 367.851 119.333H355.697V104.929H367.85C372.88 104.929 375.982 107.837 375.982 112.131ZM378.882 145.223C378.882 150.35 375.24 153.905 369.67 153.905H355.697V136.619H369.67C375.24 136.619 378.882 140.174 378.882 145.223ZM491.593 104.17L473.686 104.169L471.228 109.613C465.469 104.817 458.131 102.048 449.916 102.048C428.588 102.048 413.343 117.566 413.343 139.369C413.343 161.248 428.588 176.952 449.916 176.952C458.017 176.952 465.25 174.262 470.962 169.592L473.02 174.57H491.593V104.17ZM468.407 140.913C468.407 150.001 461.655 156.786 452.468 156.786C443.281 156.786 436.528 150.001 436.528 140.913C436.528 131.88 443.225 125.095 452.468 125.095C461.655 125.095 468.407 131.88 468.407 140.913ZM547.423 174.071H575.639L551.791 137.514L573.447 104.223H546.572L530.018 131.587V79H506.083V174.071H530.018V144.533L547.423 174.071ZM653.888 138.835L653.889 138.832C653.889 118.213 638.441 102.048 616.132 102.048C594.407 102.048 578.537 117.894 578.537 139.445C578.537 160.921 594.536 176.952 616.132 176.952C633.496 176.952 647.498 166.929 652.369 150.885H628.645C626.353 155 621.701 157.478 616.132 157.478C608.604 157.478 603.562 153.308 602.002 145.245H653.395C653.706 143.071 653.888 140.953 653.888 138.835ZM601.722 133.738C603.72 126.299 608.724 122.214 615.921 122.214C623.373 122.214 628.537 126.253 630.704 133.738H601.722ZM715.176 126.619L705.355 104.929C696.879 104.929 690.762 107.28 685.74 112.893L681.914 105.256H665.481V174.071H690.009V139.078C690.009 130.3 693.646 126.619 702.33 126.619H715.176ZM793 104.929H766.986L753.084 143.098L738.165 104.929H711.852L740.903 168.493C737.622 177.116 734.828 179.493 725.564 179.493H718.905L727.197 200C745.348 200 754.059 192.34 763.535 171.134L793 104.929Z" fill="#1F2026"/>
+</g>
+<defs>
+<clipPath id="clip0_2895_1849">
+<rect width="793" height="200" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/www/static/img/v7n-logo-dark.png b/www/static/img/v7n-logo-dark.png
new file mode 100644
index 00000000..b4b89eba
--- /dev/null
+++ b/www/static/img/v7n-logo-dark.png
Binary files differ
diff --git a/www/static/img/vps-server-logo-dark.svg b/www/static/img/vps-server-logo-dark.svg
new file mode 100644
index 00000000..8f727352
--- /dev/null
+++ b/www/static/img/vps-server-logo-dark.svg
@@ -0,0 +1 @@
+<?xml version='1.0' encoding='UTF-8'?><svg id='b' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240.07483 54.85788'><g id='c'><g><g><g><path d='M42.08455,21.80865l.00037,.00019v-3.45127L23.75445,7.77442,5.42397,18.35747v.16438l-.00037-.00019v3.45127l3.15966,1.82423-3.15929,1.82404v.16438l-.00037-.00019v3.45127l3.15966,1.82418-3.15929,1.82399v.16438l-.00037-.00019v3.45127l18.33048,10.58314,18.33048-10.58305v-.16438l.00037,.00019v-3.45127l-3.15929-1.82423,3.15892-1.82395v-.16438l.00037,.00019v-3.45127l-3.15966-1.82423,3.15929-1.82404v-.16438Zm-33.60074,.87619c-.22376-.29212-.22338-.66834,.00074-.84019,.2245-.1719,.58777-.0744,.81153,.21777s.22338,.66834-.00074,.84024c-.22413,.17185-.58777,.07435-.81153-.21782Zm0,7.15246c-.22376-.29212-.22338-.6683,.00074-.84019,.2245-.1719,.58777-.0744,.81153,.21777s.22338,.66834-.00074,.84024c-.22413,.17185-.58777,.07435-.81153-.21782Zm.81153,7.41509c-.22413,.17185-.58777,.07435-.81153-.21777-.22376-.29217-.22338-.66834,.00074-.84024,.2245-.17185,.58777-.07435,.81153,.21777,.22376,.29217,.22338,.66834-.00074,.84024Zm2.57893,1.44105c-.2245,.1719-.58777,.0744-.81153-.21777-.22413-.29217-.22376-.66834,.00074-.84019,.22413-.1719,.5874-.0744,.81153,.21777,.22376,.29217,.22338,.66834-.00074,.84019Zm27.3638-4.00087l-15.484,8.93958-15.48363-8.93944,3.30178-1.90619,12.18185,7.0333,12.18259-7.03344,3.30141,1.90619Zm-28.17459-4.25436c.22413-.1719,.5874-.0744,.81153,.21777,.22376,.29217,.22338,.66834-.00074,.84019-.2245,.1719-.58777,.0744-.81153-.21777-.22413-.29217-.22376-.66834,.00074-.84019Zm28.17459-3.00928l-15.484,8.93958-15.48363-8.93944,3.30178-1.90623,12.18185,7.03326,12.18259-7.0334,3.30141,1.90623Zm-28.17459-4.14323c.22413-.17185,.5874-.07435,.81153,.21782,.22376,.29217,.22338,.66834-.00074,.84019-.2245,.1719-.58777,.0744-.81153-.21777-.22413-.29217-.22376-.66834,.00074-.84024Zm12.69059,5.81907l-15.48363-8.93944,15.484-8.93958,15.48363,8.93944-15.484,8.93958Z' fill='#fff'/><path d='M47.50861,13.71455l-.0003,27.42896-23.75398,13.71437L0,41.14365,.00011,13.71437,23.75409,0l23.75451,13.71455Zm-3.03957,25.67363l-.00046-23.91847L23.75462,3.50976,3.04003,15.46933v23.91916s20.71441,11.95926,20.71441,11.95926l20.7146-11.95958Z' fill='#fff'/></g><g><path d='M107.87787,24.33836c-1.9977-.62209-3.08012-1.07973-3.08012-1.71732,0-1.41403,2.25719-1.72339,3.1273-1.72339,1.94243,0,3.8761,.63085,5.30631,1.73013l.59176,.45494,3.33557-5.12096-.56413-.38013c-2.60294-1.75102-5.35618-2.60227-8.41743-2.60227-4.32363,0-7.60663,1.69605-9.08308,4.44866-1.51656-2.59106-4.60696-4.08875-8.79108-4.08875h-20.12094l-3.12848,5.70261h12.5101l.04524-.07793-.01508,.07793h10.34925c2.18372,0,3.48789,1.12893,3.48789,3.01947,0,2.96959-2.22686,4.96459-5.54085,4.96459h-3.3423c.56047-2.91452-1.67285-5.61824-4.64077-5.61824h-.7695l-3.21206,16.65074h6.44939l1.00829-5.33057h4.03854c6.14087,0,10.75735-3.09099,12.22294-7.82887,1.27906,1.50148,3.43127,2.62063,6.49505,3.37921,1.49962,.36732,3.22031,.9146,3.22031,1.88649,0,1.70115-2.71348,2.33537-4.42406,2.33537-2.47354,0-4.40316-.69151-5.89942-2.11497l-.60389-.57424-3.23851,5.02256,.39361,.39361c.97054,.97054,3.81342,3.22773,9.2397,3.22773,5.52468,0,11.09923-2.60766,11.09923-8.43361,0-4.62221-4.07089-6.47837-8.04876-7.68279Z' fill='#fff'/><polygon points='71.18765 23.40771 66.82122 31.3667 64.03361 15.33927 57.46425 15.33927 62.30887 40.09417 68.49608 40.09417 78.18929 23.40771 71.18765 23.40771' fill='#fff'/></g></g><g><g><path d='M127.4733,39.78529c-1.1345,0-2.2186-.17061-3.25088-.51038-1.03228-.34049-1.98537-.84511-2.85927-1.5153-.87391-.66875-1.63984-1.49154-2.29778-2.46767l1.2252-1.25903c.99916,1.45195,2.11062,2.49071,3.33654,3.1141,1.2252,.62484,2.5303,.93653,3.91386,.93653,1.20288,0,2.28123-.2102,3.23432-.62988s1.70678-.99844,2.26395-1.7363c.55573-.73713,.83359-1.57073,.83359-2.5015,0-.63563-.10798-1.17985-.32394-1.63408-.21596-.45351-.5219-.85087-.91854-1.19136-.39736-.34049-.87391-.64103-1.42964-.90198-.55645-.26059-1.18057-.49886-1.87235-.71482-.6925-.2156-1.4354-.43695-2.2294-.66371-1.08914-.31782-2.05951-.64679-2.91038-.98728s-1.57721-.74901-2.17901-1.22556c-.60108-.47655-1.05459-1.04343-1.36125-1.70174-.30594-.65795-.45927-1.46383-.45927-2.41692,0-.93006,.18716-1.78129,.56149-2.55297,.37433-.77097,.90198-1.44079,1.58297-2.0084,.68099-.56689,1.46851-1.00384,2.36545-1.3105,.89622-.3063,1.86659-.45927,2.91038-.45927,1.22592,0,2.29778,.17601,3.21704,.52766,.91854,.35201,1.72982,.84547,2.43312,1.48039,.70402,.63563,1.33893,1.38465,1.90618,2.24667l-1.25903,1.22556c-.49886-.77133-1.05459-1.44079-1.66791-2.0084-.6126-.56689-1.29934-1.0042-2.05879-1.3105-.76089-.3063-1.61752-.45963-2.57061-.45963-1.08914,0-2.05951,.19904-2.91038,.59568-.85087,.39736-1.5261,.94805-2.02496,1.65099-.49958,.70366-.74937,1.50954-.74937,2.41692,0,.63563,.1195,1.19136,.35777,1.66791s.6126,.89082,1.1237,1.24247c.50966,.35201,1.15681,.66947,1.9393,.95309,.7832,.28398,1.71902,.56149,2.80888,.83395,1.11146,.27211,2.12142,.59028,3.02916,.95309,.90702,.36317,1.69598,.79436,2.36545,1.29322,.66947,.49958,1.18057,1.10102,1.53186,1.80396,.35201,.70402,.52838,1.55489,.52838,2.55333,0,1.27127-.35273,2.41152-1.05531,3.42076-.70402,1.00996-1.66863,1.80396-2.89383,2.38273s-2.62028,.86815-4.18669,.86815Z' fill='#fff'/><path d='M161.00138,39.4448V15.61752h8.57782c1.4066,0,2.66059,.31782,3.76197,.95309,1.09994,.63527,1.96809,1.49226,2.603,2.56989,.63635,1.07799,.95309,2.29742,.95309,3.65904s-.3009,2.55297-.90126,3.57409c-.6018,1.02112-1.42964,1.82124-2.48495,2.4-1.05531,.57841-2.25171,.86779-3.59065,.86779h-7.21729v9.80338h-1.70174Zm1.70174-11.50512h7.42173c.97469,0,1.83708-.2156,2.58573-.64679,.75009-.43083,1.33318-1.03228,1.75357-1.80432,.41896-.77097,.62916-1.64487,.62916-2.621,0-1.06611-.23755-2.0192-.7141-2.85927-.47655-.83899-1.14025-1.49766-1.99113-1.97421-.85087-.47655-1.82124-.71482-2.9111-.71482h-6.77386v10.62042Zm13.14028,11.50512l-5.92299-10.24573,1.42964-.88506,6.4672,11.13079h-1.97385Z' fill='#fff'/><path d='M187.45038,39.4448l-8.95215-23.82728h1.90618l6.16054,16.47466c.27211,.70402,.50534,1.32742,.69826,1.87235s.38008,1.06683,.56149,1.56569c.1814,.49958,.36281,1.02148,.54421,1.56569,.1814,.54493,.38584,1.18057,.61332,1.90618h-.91854c.31674-.97541,.5946-1.82124,.83359-2.53606,.23755-.71482,.48086-1.4174,.73138-2.1099,.24907-.69178,.56725-1.51458,.95309-2.46767l6.39953-16.27094h1.83852l-9.39558,23.82728h-1.97385Z' fill='#fff'/><path d='M223.25896,39.4448V15.61752h8.57782c1.4066,0,2.66059,.31782,3.76197,.95309,1.09994,.63527,1.96809,1.49226,2.603,2.56989,.63635,1.07799,.95309,2.29742,.95309,3.65904s-.3009,2.55297-.90126,3.57409c-.6018,1.02112-1.42964,1.82124-2.48495,2.4-1.05531,.57841-2.25171,.86779-3.59065,.86779h-7.21729v9.80338h-1.70174Zm1.70174-11.50512h7.42173c.97469,0,1.83708-.2156,2.58573-.64679,.75009-.43083,1.33318-1.03228,1.75357-1.80432,.41896-.77097,.62916-1.64487,.62916-2.621,0-1.06611-.23755-2.0192-.7141-2.85927-.47655-.83899-1.14025-1.49766-1.99113-1.97421s-1.82124-.71482-2.9111-.71482h-6.77386v10.62042Zm13.14028,11.50512l-5.92299-10.24573,1.42964-.88506,6.4672,11.13079h-1.97385Z' fill='#fff'/></g><path d='M141.08868,39.4448V15.61752h13.85438v1.70174h-12.15263v20.42379h12.01586v1.70174h-13.7176Zm5.24648-11.43709v-1.7021h6.66716v1.7021h-6.66716Z' fill='#fff'/><path d='M203.34627,39.4448V15.61752h13.85438v1.70174h-12.15263v20.42379h12.01586v1.70174h-13.7176Zm5.24648-11.43709v-1.7021h6.66716v1.7021h-6.66716Z' fill='#fff'/></g></g></g></svg> \ No newline at end of file
diff --git a/www/themes/htmx-theme/static/css/site.css b/www/themes/htmx-theme/static/css/site.css
index 5e78f447..1a3a245a 100644
--- a/www/themes/htmx-theme/static/css/site.css
+++ b/www/themes/htmx-theme/static/css/site.css
@@ -1,6 +1,47 @@
:root {
- --midBlue: #3366cc;
+ --alertBackground: whitesmoke;
+ --alertBorder: lightgrey;
+ --alertShadow: darkgray;
+ --anchorColor: #3366cc;
+ --bodyBackground: white;
+ --footerBackground: #f6f6f6;
--lightBlue: #3d72d7;
+ --midBlue: #3366cc;
+ --searchBorder: #eee;
+ --textColor: #111;
+ --topNavBackground: linear-gradient(#fff, #f4f5f5);
+ --topNavBorder: #d0d0d0;
+ --topNavShadow: #efefef;
+ color-scheme: light dark;
+}
+
+@media (prefers-color-scheme: dark) {
+ :root {
+ --alertBackground: #161719;
+ --alertBorder: #41464b;
+ --alertShadow: rgba(0, 0, 0, 0.15);
+ --anchorColor: #e2dada;
+ --bodyBackground: #1f1f1f;
+ --footerBackground: #1a1d1e;
+ --midBlue: #5b96d5;
+ --searchBorder: #495057;
+ --textColor: #c7c4c1;
+ --topNavBackground: linear-gradient(#161718, #1b1d1f);
+ --topNavBorder: #41464b;
+ --topNavShadow: #2d2d2d;
+ }
+
+ .dark-invert {
+ filter: invert(1);
+ }
+
+ .dark-visible {
+ display: block;
+ }
+
+ .dark-hidden {
+ display: none;
+ }
}
body {
@@ -8,16 +49,31 @@ body {
margin: 0px;
line-height: 1.5em;
font-size: 16px;
- color: #111;
- background-color: white;
+ color: var(--textColor);
+ background-color: var(--bodyBackground);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
"Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important;
}
+@media (prefers-color-scheme: light) {
+ .dark-visible {
+ display: none;
+ }
+}
+
table {
font-size: 16px;
}
+.alert {
+ border: 1px solid var(--alertBorder);
+ margin: 24px 8px;
+ padding: 12px;
+ border-radius: 8px;
+ background-color: var(--alertBackground);
+ filter: drop-shadow(3px 3px var(--alertShadow));
+}
+
.info-table table tbody tr td:first-of-type {
white-space: nowrap;
}
@@ -50,10 +106,10 @@ table {
.top-nav {
line-height: 30px;
- border-bottom: 1px solid #d0d0d0;
+ border-bottom: 1px solid var(--topNavBorder);
margin: 0px;
- background-image: linear-gradient(#fff, #f4f5f5);
- box-shadow: 0px 4px 15px 0px rgb(239, 239, 239);
+ background-image: var(--topNavBackground);
+ box-shadow: 0px 4px 15px 0px var(--topNavShadow);
margin-bottom:1em;
}
@@ -86,7 +142,7 @@ code:not(code[class*="language-"]) {
box-shadow:
inset 0px 11px 8px -10px #262626,
inset 0px -11px 8px -10px #262626;
- border-bottom: 1px solid whitesmoke;
+ border-bottom: 1px solid var(--topNavBorder);
}
.dark-hero * {
opacity: 0;
@@ -329,8 +385,8 @@ transition: visibility 0s 1s, opacity 1s linear;
padding:1em 0;
}
-.github-stars iframe{
- max-width:95px
+.github-stars {
+ margin-top: 5px;
}
/* Content */
@@ -376,13 +432,6 @@ h1,h2,h3,h4{
.navigation-items > *:not(:last-child){
margin-right: calc(.5em + .7vw);
}
- .github-stars{
- display:flex;
- align-items:center;
- }
- .github-stars a{
- margin:0 calc(.5em + .7vw);
- }
/* Content */
.content .col:not(:nth-child(1)):not(.nav) {
@@ -415,16 +464,6 @@ h1,h2,h3,h4{
}
-@media(max-width:45rem) {
- .github-stars{
- text-align:center;
- margin-top:1em;
- }
- .github-stars a{
- display:block;
- }
-}
-
.logo-wrapper {
white-space: nowrap;
@@ -440,7 +479,7 @@ background: none;
transition: all .2s ease-in-out;
width: 2.5rem;
padding: 4px 6px;
- border: 2px solid #eee;
+ border: 2px solid var(--searchBorder);
border-radius: 10px;
margin-right: 10px;
outline: 0;
@@ -462,7 +501,7 @@ footer {
margin-top: 2em;
padding-top: 2em;
padding-bottom: 5em;
-background-color: #f6f6f6;
+background-color: var(--footerBackground);
}
footer .footer-menu {
@@ -491,6 +530,7 @@ pre[class|="language"] {
margin-left: -1.3rem;
margin-right: .3rem;
opacity: 40%;
+ color: var(--anchorColor);
}
.zola-anchor:hover {
opacity: 95%;
diff --git a/www/themes/htmx-theme/templates/base.html b/www/themes/htmx-theme/templates/base.html
index 5ee3c22a..f35c6735 100644
--- a/www/themes/htmx-theme/templates/base.html
+++ b/www/themes/htmx-theme/templates/base.html
@@ -52,9 +52,11 @@
</label>
</form>
</div>
- </div>
- <div class="github-stars">
- <iframe style="margin:auto;" src="https://ghbtns.com/github-btn.html?user=bigskysoftware&repo=htmx&type=star&count=true" frameborder="0" scrolling="0" width="150" height="20" title="Star htmx on GitHub"></iframe>
+ <div>
+ <div class="github-stars" hx-preserve="true" id="github-stars">
+ <a class="github-button" href="https://github.com/bigskysoftware/htmx" data-color-scheme="no-preference: light; light: light; dark: dark;" data-icon="octicon-star" data-show-count="true" aria-label="Star bigskysoftware/htmx on GitHub">Star</a>
+ </div>
+ </div>
</div>
</div>
</div>
@@ -98,6 +100,6 @@
</div>
</div>
</footer>
-
+<script async defer src="https://buttons.github.io/buttons.js"></script>
</body>
</html>
generated by cgit v1.2.3 (git 2.39.1) at 2025-04-30 12:10:21 +0000