diff --git a/package.json b/package.json index 0152ef4..9388ae9 100644 --- a/package.json +++ b/package.json @@ -11,7 +11,7 @@ "uplot": "^1.6.24" }, "devDependencies": { - "parcel-bundler": "^1.12.4", + "parcel-bundler": "^1.12.5", "postcss-preset-env": "^6.7.0" }, "license": "MIT" diff --git a/src/100.png b/src/100.png new file mode 100644 index 0000000..69bce83 Binary files /dev/null and b/src/100.png differ diff --git a/src/index.css b/src/index.css index 3e80272..6dcadec 100644 --- a/src/index.css +++ b/src/index.css @@ -25,9 +25,10 @@ html { } body { - height: 100vh; + height: 100%; + min-height: 100vh; margin: 0; - padding: 1vw 1vh; + padding: 0; overflow: hidden; background-image: url(bg/mrn-clouds.png); @@ -37,6 +38,7 @@ body { /* centre children */ display: flex; + flex-direction: column; align-items: center; justify-content: center; } @@ -179,6 +181,9 @@ button:hover, .tab:hover { max-width: 1600px; height: 100%; max-height: 1100px; + flex-grow: 1; + + padding: 1vw 1vh; } @media (min-width: 2100px) { @@ -467,3 +472,25 @@ button.shadow-box-title { height: 1px; overflow: hidden; } + +#banner { + width: 100%; + min-height: 6em; + + color: white; + background-color: #518bff; + background-image: url(bg/red-checker.png); + + padding: 0.5em; + + display: flex; + align-items: center; + justify-content: space-around; +} + +/* hide mobile */ +@media (max-width: 800px) { + #banner { + display: none; + } +} diff --git a/src/index.html b/src/index.html index 37a2ad6..66aa5d1 100644 --- a/src/index.html +++ b/src/index.html @@ -12,6 +12,29 @@
+ + +