diff options
Diffstat (limited to 'static')
| -rw-r--r-- | static/badge.png | bin | 0 -> 3872 bytes | |||
| -rw-r--r-- | static/banner.png | bin | 0 -> 1555 bytes | |||
| -rw-r--r-- | static/blunt.png | bin | 0 -> 1350 bytes | |||
| -rw-r--r-- | static/created_by_a_human.png | bin | 0 -> 5180 bytes | |||
| -rw-r--r-- | static/cursor.png | bin | 0 -> 1030 bytes | |||
| -rw-r--r-- | static/gay.gif | bin | 0 -> 1329 bytes | |||
| -rw-r--r-- | static/header.png | bin | 0 -> 1688 bytes | |||
| -rw-r--r-- | static/main.css | 168 | ||||
| -rw-r--r-- | static/mothracompat.gif | bin | 0 -> 7334 bytes | |||
| -rw-r--r-- | static/obsd.jpg | bin | 0 -> 33935 bytes | |||
| -rw-r--r-- | static/tile.png | bin | 0 -> 115727 bytes | |||
| -rw-r--r-- | static/under_construction.png | bin | 0 -> 2552 bytes |
12 files changed, 168 insertions, 0 deletions
diff --git a/static/badge.png b/static/badge.png Binary files differnew file mode 100644 index 0000000..08375c5 --- /dev/null +++ b/static/badge.png diff --git a/static/banner.png b/static/banner.png Binary files differnew file mode 100644 index 0000000..1f8960d --- /dev/null +++ b/static/banner.png diff --git a/static/blunt.png b/static/blunt.png Binary files differnew file mode 100644 index 0000000..b0cff36 --- /dev/null +++ b/static/blunt.png diff --git a/static/created_by_a_human.png b/static/created_by_a_human.png Binary files differnew file mode 100644 index 0000000..4dca2c0 --- /dev/null +++ b/static/created_by_a_human.png diff --git a/static/cursor.png b/static/cursor.png Binary files differnew file mode 100644 index 0000000..bf18a13 --- /dev/null +++ b/static/cursor.png diff --git a/static/gay.gif b/static/gay.gif Binary files differnew file mode 100644 index 0000000..7bfa068 --- /dev/null +++ b/static/gay.gif diff --git a/static/header.png b/static/header.png Binary files differnew file mode 100644 index 0000000..5f4d9b7 --- /dev/null +++ b/static/header.png diff --git a/static/main.css b/static/main.css new file mode 100644 index 0000000..f54c149 --- /dev/null +++ b/static/main.css @@ -0,0 +1,168 @@ +:root { + --color-grey: #222222; + --text-color: #f9f9f9; + --color-purple: #8f60af; + --background-img: url(/static/tile.png); + --banner-img: url(/static/banner.png); +} + +* { + cursor: url("/static/cursor.png"), auto; +} + +body { + min-width: 20rem; + max-width: 60rem; + margin: auto; + padding: 1em; + color: var(--text-color); + background-image: var(--background-img); + display: flex; + gap: 1em; + flex-wrap: wrap; + flex-direction: row-reverse; +} + +header { + flex-basis: 100%; + display: flex; + position: relative; + justify-content: center; +} + +nav { + flex-basis: 10%; + flex-grow: 1; + display: flex; + align-items: start; +} + +main { + flex-basis: 70%; + flex-grow: 1; +} + +footer { + flex-basis: 100%; + display: flex; + flex-wrap: wrap; + gap: 0.5em; +} + +a { + color: lightblue; +} + +.nav-list { + width: 100%; + margin: 0; + padding: 0; + list-style: none; + display: flex; + gap: 1em; + flex-wrap: wrap; +} + +.nav-item { + flex-grow: 1; + flex-shrink: 1; + flex-basis: 0; + display: flex; +} + +.box { + padding: 1em; + border-style: groove; + border-width: 0.5em; + background-color: var(--color-grey); + border-color: var(--color-purple); +} + +.lighten:hover { + filter: brightness(110%); +} + +.nav-link { + width: 100%; + text-align: center; + align-content: center; + color: var(--color-grey); + text-decoration: none; + background: var(--color-purple); + border-style: outset; + border-color: var(--color-purple); + padding: 0.5em; + font-family: monospace; + font-weight: bold; + font-size: 1.5em; +} + +.nav-link:hover { + filter: brightness(130%); +} + +.buttonbadge { + width: 88px; + height: 31px; + vertical-align: middle; +} + +.codeblock { + white-space: pre-wrap; + word-break: break-all; + background: black; + color: lightgreen; +} + +#banner { + max-width: 100%; + object-fit: contain; + image-rendering: pixelated; +} + +#construction { + position: absolute; + bottom: 0; + right: 0; + height: auto; + width: 30%; + max-width: 125px; + max-height: 100%; +} + +#status { + margin: 0; + background-color: #8f60af; + color: var(--color-grey); + border-radius: 1.5em; + padding: 0.5em; + display: flex; + align-items: center; + gap: 1em; + flex-basis: 100%; + border-color: var(--color-grey); + border-width: 0.1em; + border-style: solid; +} + +#status-header { + padding: 0.1em 1em; + background: white; + height: 100%; + border-radius: 1em; + text-align: center; + align-content: center; +} + +#status-body { + margin: 0; + font-size: 1.2em; + color: white; + word-break: break-word; +} + +@media only screen and (min-width: 800px) { + ul { + flex-direction: column; + } +} diff --git a/static/mothracompat.gif b/static/mothracompat.gif Binary files differnew file mode 100644 index 0000000..3ec3731 --- /dev/null +++ b/static/mothracompat.gif diff --git a/static/obsd.jpg b/static/obsd.jpg Binary files differnew file mode 100644 index 0000000..c7edfef --- /dev/null +++ b/static/obsd.jpg diff --git a/static/tile.png b/static/tile.png Binary files differnew file mode 100644 index 0000000..a5ddb12 --- /dev/null +++ b/static/tile.png diff --git a/static/under_construction.png b/static/under_construction.png Binary files differnew file mode 100644 index 0000000..27189c0 --- /dev/null +++ b/static/under_construction.png |
