diff --git a/static/Nekomata.png b/static/Nekomata.png new file mode 100644 index 0000000..238e50d Binary files /dev/null and b/static/Nekomata.png differ diff --git a/static/crossroad.css b/static/crossroad.css index 5a01c5c..a390c14 100644 --- a/static/crossroad.css +++ b/static/crossroad.css @@ -1,16 +1,24 @@ +:root { + --red: #cb0b0b; + --blue: #2081c3; + --large: 2em; + --medium: 1em; +} + html, body { - background: linear-gradient(300deg, #cb0b0b, #2081c3); + background: linear-gradient(300deg, var(--red), var(--blue)); background-size: 100vw 100vh; margin: 0; min-height: 100vh; height: 100vh; + font-family: sans-serif; } dialog { background-color: white; border: 0; - border-radius: 2em; + border-radius: var(--large); opacity: 0; transition: opacity 0.125s ease-out; } @@ -35,10 +43,44 @@ dialog[open] { } } +header { + display: flex; + justify-content: space-between; +} + +abbr[title] { + text-decoration-color: var(--blue); +} + .flex-vcenter { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; +} + +.flex-row { + display: flex; + flex-direction: row; +} + +.half-width { + min-width: 50%; +} + +.half-height { + min-height: 50%; +} + +.separator-bottom { + border-bottom: solid 1px #0008; +} + +.margin-auto-top { + margin-top: auto; +} + +.margin-large-bottom { + margin-bottom: var(--large); } \ No newline at end of file diff --git a/static/crossroad.html b/static/crossroad.html index 8fbe927..405032e 100644 --- a/static/crossroad.html +++ b/static/crossroad.html @@ -14,17 +14,27 @@ getMainDialog().show(); // Don't show until the page is ready
- -

FeDirect

-

By Nekomata

-
- - -
-
- + +
+
+

FeDirect

+

  By Nekomata

+
+ Nekomata Logo +
+
+
+
+ + +
+
+ +
+
+
@@ -35,6 +45,15 @@
+ + +

diff --git a/static/nekomata_small.png b/static/nekomata_small.png new file mode 100644 index 0000000..dd7f0ab Binary files /dev/null and b/static/nekomata_small.png differ