From 919e6d192af80fc0bece8075e9b7987fb942ad72 Mon Sep 17 00:00:00 2001 From: Tom Butcher Date: Sat, 27 Dec 2025 16:35:37 +0000 Subject: [PATCH] Added pre-load animation. --- index.html | 7 +++++-- public/preload.css | 37 +++++++++++++++++++++++++++++++++++++ 2 files changed, 42 insertions(+), 2 deletions(-) create mode 100644 public/preload.css diff --git a/index.html b/index.html index 225d980..8d90c3a 100644 --- a/index.html +++ b/index.html @@ -11,12 +11,15 @@ /> - + + Farm Control -
+
+
+
diff --git a/public/preload.css b/public/preload.css new file mode 100644 index 0000000..5103c17 --- /dev/null +++ b/public/preload.css @@ -0,0 +1,37 @@ +.fc-preload { + width: 100vw; + height: 100vh; + display: flex; + justify-content: center; + align-items: center; +} + +@media (prefers-color-scheme: dark) { + body { + background-color: black; + } +} + +@media (prefers-color-scheme: light) { + body { + background-color: white; + } +} + +/* HTML:
*/ +.fc-loader { + width: 35px; + aspect-ratio: 1; + border-radius: 50%; + background: + radial-gradient(farthest-side, #008eff 94%, #0000) top/6px 6px no-repeat, + conic-gradient(#0000 30%, #008eff); + -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 6px), #000 0); + animation: l13 1s infinite linear; +} + +@keyframes l13 { + 100% { + transform: rotate(1turn); + } +}