diff --git a/playlist/static/bsod.css b/playlist/static/bsod.css new file mode 100644 index 0000000..0431c82 --- /dev/null +++ b/playlist/static/bsod.css @@ -0,0 +1,46 @@ +/* Based on https://codepen.io/agalliat/pen/mdedZYK */ +.window { + display: none; +} + +body { + display: block; + background-color: #000084; + font-family: "Pixelated MS Sans Serif", Arial; + margin: 10px; + color: #bbb; + font-size: 1rem; + height: 100vh; + display: flex; + justify-content: center; + align-items: center; + font-weight: bold; +} + +#bsod { + display: block; + width: 70vw; + flex-shrink: 1; + gap: 1rem; + display: flex; + flex-flow: column nowrap; + justify-content: space-between; + align-items: flex-start; +} + + +#bsod h1 { + font-size: 1rem; + background-color: #bbb; + color: #000084; + padding: 1rem; + box-shadow: 1rem 1rem black; + margin: 1rem; + text-align: center; + align-self: center; +} + +#bsod .continue { + text-align: center; + font-size: 1.5rem; +} \ No newline at end of file diff --git a/playlist/static/style.css b/playlist/static/style.css index 0dc0441..fcc40d0 100644 --- a/playlist/static/style.css +++ b/playlist/static/style.css @@ -30,7 +30,7 @@ input[type=submit] { filter: contrast(1); } -.hide { +#bsod, .hide { display: none; } diff --git a/playlist/templates/Login.html b/playlist/templates/Login.html index c7037df..5b7bfb0 100644 --- a/playlist/templates/Login.html +++ b/playlist/templates/Login.html @@ -26,11 +26,41 @@
- + + +