From 50461d401a49c50e92f58e0e2f8c108ec2e02572 Mon Sep 17 00:00:00 2001 From: Alexander Brown Date: Tue, 27 Jan 2026 13:22:35 -0800 Subject: [PATCH] Add a placeholder logo. (#8321) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ## Summary We could also color it. ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-8321-Add-a-placeholder-logo-2f46d73d3650819496a2f46d805afc4e) by [Unito](https://www.unito.io) --------- Co-authored-by: Amp Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com> Co-authored-by: AustinMroz --- index.html | 43 ++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 42 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 9ff6edb07..1b025c90f 100644 --- a/index.html +++ b/index.html @@ -15,21 +15,62 @@ body { /* Setting it early for background during load */ --bg-color: #202020; + --fg-color: #FFFFFF; } } + html, body { + width: 100%; + height: 100%; + margin: 0; + } body { + display: grid; background-color: var(--bg-color); background-image: var(--bg-img); background-position: center; background-size: cover; background-repeat: no-repeat; } + #vue-app:has(#loading-logo) { + display: contents; + color: var(--fg-color); + & #loading-logo { + place-self: center; + font-size: clamp(2px, 1vw, 6px); + line-height: 1; + overflow: hidden; + max-width: 100vw; + border-radius: 20ch; + } + } + .visually-hidden { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip-path: inset(50%); + white-space: nowrap; + border: 0; + } -
+
+ + +