Initial commit

3 files changed, 223 insertions, 0 deletions

diff --git a/htdocs/public/assets/css/fonts.css b/htdocs/public/assets/css/fonts.css
new file mode 100644
index 0000000..a7fc4d5
--- /dev/null
+++ b/htdocs/public/assets/css/fonts.css
@@ -0,0 +1,19 @@
+@font-face {
+    font-family: 'Raleway';
+    src: url('/assets/fonts/new/regular.ttf');
+    font-weight: 125 950;
+    font-stretch: 75% 125%;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Raleway';
+    src: url('/assets/fonts/new/italic.ttf');
+    font-weight: 125 950;
+    font-stretch: 75% 125%;
+    font-style: italic;
+}
+
+* {
+    font-family: "Raleway", sans-serif;
+}
\ No newline at end of file
diff --git a/htdocs/public/assets/css/main.css b/htdocs/public/assets/css/main.css
new file mode 100644
index 0000000..59df155
--- /dev/null
+++ b/htdocs/public/assets/css/main.css
@@ -0,0 +1,97 @@
+html, body {
+    height: 100%;
+    width: 100%;
+    background-color: #222;
+    margin: 0;
+    padding: 0;
+}
+
+main {
+    position: fixed;
+    overflow: auto;
+    padding: 20px;
+    inset: 0;
+    color: white;
+}
+
+.grid-3 {
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-gap: 20px;
+}
+
+.grid-2 {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-gap: 20px;
+}
+
+.button {
+    color: inherit;
+    text-decoration: inherit;
+    transform: scale(1);
+    opacity: 1;
+    transition: transform 200ms;
+}
+
+.button:hover {
+    opacity: .5;
+}
+
+.button:active {
+    transform: scale(.95);
+}
+
+.tagline {
+    opacity: .5;
+    margin-top: 0;
+}
+
+a {
+    color: #ffa0a0;
+}
+
+a:hover {
+    opacity: .75;
+}
+
+a:focus, a:active {
+    opacity: .5;
+}
+
+.hr-style-01 {
+    border-bottom: none;
+    border-top: 1px solid white;
+}
+
+.big-button {
+    transition: color 200ms, background 200ms, opacity 200ms;
+    color: white;
+    background: #333;
+    border: 1px solid white;
+    padding: 10px 20px;
+    text-decoration: none;
+    margin-top: 10px;
+    opacity: 1 !important;
+    border-radius: 5px;
+}
+
+.big-button:hover {
+    color: #333;
+    background: white;
+}
+
+.big-button:active {
+    opacity: .5 !important;
+}
+
+.stand {
+    padding: 5px;
+    margin-left: -20px;
+    margin-right: -20px;
+    background: #333;
+}
+
+.stand-strong {
+    padding: 20px;
+}
\ No newline at end of file
diff --git a/htdocs/public/assets/css/rainbow.css b/htdocs/public/assets/css/rainbow.css
new file mode 100644
index 0000000..c548bb4
--- /dev/null
+++ b/htdocs/public/assets/css/rainbow.css
@@ -0,0 +1,107 @@
+:root {
+    --rainbow-1: rgba(0, 116, 10, 1);
+    --rainbow-2: rgba(97, 116, 0, 1);
+    --rainbow-3: rgba(116, 69, 0, 1);
+    --rainbow-4: rgba(116, 0, 13, 1);
+    --rainbow-5: rgba(104, 0, 116, 1);
+    --rainbow-6: rgba(46, 0, 116, 1);
+    --rainbow-1l: rgb(184, 230, 187);
+    --rainbow-2l: rgb(222, 230, 184);
+    --rainbow-3l: rgb(230, 212, 184);
+    --rainbow-4l: rgb(230, 184, 189);
+    --rainbow-5l: rgb(225, 184, 230);
+    --rainbow-6l: rgb(201, 184, 230);
+    --rainbow-1ld: rgb(77, 128, 80);
+    --rainbow-2ld: rgb(119, 128, 77);
+    --rainbow-3ld: rgb(128, 108, 77);
+    --rainbow-4ld: rgb(128, 77, 82);
+    --rainbow-5ld: rgb(122, 77, 128);
+    --rainbow-6ld: rgb(95, 77, 128);
+}
+
+.rnbwsquare-outer {
+    border-radius: 5px;
+    background: linear-gradient(135deg, var(--rainbow-1) 0%, var(--rainbow-2) 20%, var(--rainbow-3) 40%, var(--rainbow-4) 60%, var(--rainbow-5) 80%, var(--rainbow-6) 100%);
+    /*animation-name: rainbow;*/
+    /*animation-timing-function: linear;*/
+    /*animation-duration: 240s;*/
+    /*animation-direction: normal;*/
+    /*animation-play-state: running;*/
+    /*animation-fill-mode: forwards;*/
+    /*animation-iteration-count: infinite;*/
+    padding: 2px;
+}
+
+.rnbwsquare-fixed {
+    background: linear-gradient(135deg, var(--rainbow-1l) 0%, var(--rainbow-2l) 20%, var(--rainbow-3l) 40%, var(--rainbow-4l) 60%, var(--rainbow-5l) 80%, var(--rainbow-6l) 100%);
+    animation: none !important;
+}
+
+.rnbwsquare-fixed-top {
+    background: linear-gradient(135deg, var(--rainbow-1ld) 0%, var(--rainbow-2ld) 20%, var(--rainbow-3ld) 40%, var(--rainbow-4ld) 60%, var(--rainbow-5ld) 80%, var(--rainbow-6ld) 100%);
+    animation: none !important;
+}
+
+.rnbwsquare-fixed .rnbwsquare-inner {
+    animation: none !important;
+}
+
+.rnbwsquare-stand .rnbwsquare-inner {
+    background: #333;
+}
+
+.rnbwsquare-inner {
+    border-radius: 5px;
+    background: #222;
+    padding: 15px;
+}
+
+@keyframes rainbow {
+    0% {
+        filter: hue-rotate(0deg);
+    }
+    100% {
+        filter: hue-rotate(360deg);
+    }
+}
+
+@keyframes rainbow-back {
+    0% {
+        filter: hue-rotate(0deg);
+    }
+    100% {
+        filter: hue-rotate(-360deg);
+    }
+}
+
+@keyframes rainbow-compensate {
+    0% {
+        filter: hue-rotate(360deg);
+    }
+    100% {
+        filter: hue-rotate(0deg);
+    }
+}
+
+/*noinspection CssInvalidPropertyValue*/
+.rnbwsquare-title {
+    background: linear-gradient(90deg, rgba(80, 191, 90, 1) 0%, rgba(191, 210, 92, 1) 20%, rgba(200, 152, 82, 1) 40%, rgba(199, 85, 97, 1) 60%, rgba(183, 80, 195, 1) 80%, rgba(118, 68, 194, 1) 100%);
+    background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    animation-name: rainbow-back;
+    animation-timing-function: linear;
+    animation-duration: 10s;
+    animation-direction: normal;
+    margin-bottom: 5px;
+    animation-play-state: running;
+    animation-fill-mode: forwards;
+    animation-iteration-count: infinite;
+}
+
+.rnbwsquare-separator {
+    border: none;
+    height: 3px;
+    padding: 0 !important;
+    margin: 20px -20px;
+}
\ No newline at end of file