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;
+}