diff --git a/RpiLedBars/web/index.css b/RpiLedBars/web/index.css index 00734a4..3bfe7a4 100644 --- a/RpiLedBars/web/index.css +++ b/RpiLedBars/web/index.css @@ -1,13 +1,36 @@ -@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,600); +html, +body, +.page { + width: 100%; + height: 100%; + margin: 0; + padding: 0; +} + body { background: #434d5a; font-family: "Roboto"; } +.page { + top: 0px; + left: 0px; +} + +.window { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + background: rgba(0, 0, 0, 1); + padding: 1em; +} + h1 { color: #7e8c9f; - padding: 0; - margin: 0; + font-size: 50px; + margin: 2em 0px; + padding: 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; @@ -16,6 +39,15 @@ h1 { text-align: center; } +h1 { + text-align: center; +} + +h1 #enc { + font-size: 80px; + font-weight: bold; +} + #picker { display: flex; justify-content: space-around; @@ -27,4 +59,22 @@ h1 { flex-wrap: wrap; align-content: center; justify-content: space-around; +} + +#reconnect { + position: fixed; + visibility: hidden; + background: rgba(0, 0, 0, .5); + z-index: 2; + display: flex; + justify-content: center; + align-items: center; +} + +#reconnect .window div { + color: rgb(165, 165, 165); + font-family: monospace; + font-size: 2em; + font-weight: bold; + margin-bottom: .5em; } \ No newline at end of file diff --git a/RpiLedBars/web/index.html b/RpiLedBars/web/index.html index 1ea02f0..b0c9f3b 100644 --- a/RpiLedBars/web/index.html +++ b/RpiLedBars/web/index.html @@ -16,10 +16,19 @@
-