From f0a6b66cad46b520af57827d9e2a296d7f405246 Mon Sep 17 00:00:00 2001 From: Fred Boniface Date: Mon, 19 Dec 2022 22:54:23 +0000 Subject: [PATCH] Begin work on board.html page --- static/board.html | 13 +++++++++---- static/styles/boards.css | 37 +++++++++++++++++++++++++++++++++++++ 2 files changed, 46 insertions(+), 4 deletions(-) diff --git a/static/board.html b/static/board.html index 37c9d2a..8ae6435 100644 --- a/static/board.html +++ b/static/board.html @@ -8,12 +8,17 @@ -
+
+
+ +

Loading

+
-
+
-
-

+
\ No newline at end of file diff --git a/static/styles/boards.css b/static/styles/boards.css index e69de29..4120469 100644 --- a/static/styles/boards.css +++ b/static/styles/boards.css @@ -0,0 +1,37 @@ +/* Loading Box: */ +@keyframes spinner { + 0% { + transform: translate3d(-50%, -50%, 0) rotate(0deg); + } + 100% { + transform: translate3d(-50%, -50%, 0) rotate(360deg); + } +} +.spinner::before { + animation: 1.5s linear infinite spinner; + animation-play-state: inherit; + border: solid 5px var(--overlay-color); + border-bottom-color: white; + border-radius: 50%; + content: ""; + height: 40px; + width: 40px; + position: absolute; + top: 30%; + margin: auto; + transform: translate3d(-50%, -50%, 0); + will-change: transform; +} +#loading { + position: absolute; + top: 45%; + margin: auto; + background-color: var(--overlay-color); + border-radius: 45px; + padding: 20px; + padding-bottom: 1px; + min-width: 90px; +} +#loading p { + padding-top: 50px; +} \ No newline at end of file