diff --git a/web/images/fal-logo-dark.svg b/web/images/fal-logo-dark.svg new file mode 100644 index 0000000..51fa2bd --- /dev/null +++ b/web/images/fal-logo-dark.svg @@ -0,0 +1 @@ + diff --git a/web/images/fal-logo-light.svg b/web/images/fal-logo-light.svg new file mode 100644 index 0000000..8460f14 --- /dev/null +++ b/web/images/fal-logo-light.svg @@ -0,0 +1 @@ + diff --git a/web/index.html b/web/index.html index add0d6d..f12c08f 100644 --- a/web/index.html +++ b/web/index.html @@ -51,7 +51,15 @@

infinite lo-fi music in the background

diff --git a/web/style.css b/web/style.css index 6184892..b89b41a 100644 --- a/web/style.css +++ b/web/style.css @@ -72,9 +72,12 @@ main { footer { padding: 1rem 0; - display: flex; align-items: center; justify-content: center; + color: var(--text); + text-align: center; + text-wrap: nowrap; + overflow: auto; } @media (min-width: 768px) { footer { @@ -82,11 +85,6 @@ footer { } } -footer > span { - color: var(--text); - opacity: 0.5; -} - a { color: var(--link-accent); } @@ -378,3 +376,12 @@ aside#notification > #notification-title { opacity: 0; } } + +.fal-logo { + vertical-align: bottom; + height: 1rem; +} + +.fal-link { + text-decoration: none; +}