diff options
| author | Ben Morrison <ben@gbmor.dev> | 2020-06-06 17:10:04 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-06-06 17:10:04 +0000 |
| commit | 8d97deceeabb9b98bbb3db71148bce10d3831322 (patch) | |
| tree | 858c04de16c5ad6b5e18d19ddd08cfd1d3578bc8 | |
| parent | 0188cd93ab45daada0de18ad92bc03ad2ba09ece (diff) | |
| parent | 8cb0f40a0b7e6ea15e7fb12e29ab03d71db20305 (diff) | |
| download | site-8d97deceeabb9b98bbb3db71148bce10d3831322.tar.gz | |
Merge pull request #6 from andinus/mobile-friendly
Mobile friendly
| -rwxr-xr-x | index.php | 10 | ||||
| -rw-r--r-- | tilde.css | 40 |
2 files changed, 29 insertions, 21 deletions
diff --git a/index.php b/index.php index 2d27ae3..c0217db 100755 --- a/index.php +++ b/index.php @@ -122,10 +122,12 @@ <?php include("newsdata.html"); ?> </div> <div id="sshfp"> -<code>256 SHA256:QSijnje9WlvxZyIXc5h8uJ2MzPCKbviy0WnBG7U4aP0 (ECDSA)<br /> -256 SHA256:3n9E2Y0Kz4YeF776aUQNM+roVICTVQHFs64ekyADQxY (ED25519)<br /> -3072 SHA256:GsmsdVkfRA8YznxI6EZJW+pf9IntSUIpNfeeGhpIs8w (RSA)<br /> -1024 SHA256:foWYUgDuqfFIKnD2sLgeF1m2l9/ykSLwwlMyLWgesCA (DSA)</code> + <pre> +256 SHA256:QSijnje9WlvxZyIXc5h8uJ2MzPCKbviy0WnBG7U4aP0 (ECDSA) +256 SHA256:3n9E2Y0Kz4YeF776aUQNM+roVICTVQHFs64ekyADQxY (ED25519) +3072 SHA256:GsmsdVkfRA8YznxI6EZJW+pf9IntSUIpNfeeGhpIs8w (RSA) +1024 SHA256:foWYUgDuqfFIKnD2sLgeF1m2l9/ykSLwwlMyLWgesCA (DSA) + </pre> </div> </div> </body> diff --git a/tilde.css b/tilde.css index 1db5d0a..fd7e224 100644 --- a/tilde.css +++ b/tilde.css @@ -3,10 +3,17 @@ body { font-family: sans-serif; color: #ffffff; margin: 0 auto; - max-width: 75%; + max-width: 90%; font-size: 1.0em; } +pre { + display: block; + white-space: pre; + word-break: break-all; + overflow-x: auto; +} + .date { font-weight: bold; } @@ -50,26 +57,25 @@ body { color: #ffffff; } -#front-content { - max-width: 69%; - float: left; -} - #content { margin: 0 auto; } -#news { - float: right; - max-width: 29%; -} - -#sshfp { - float: left; - margin: 0 auto; - min-width: 100%; - text-align: center; - padding-bottom: 3rem; +@media (min-width: 1024px) { + body { + max-width: 75%; + } + #news { + float: right; + max-width: 29%; + } + #front-content { + max-width: 69%; + float: left; + } + #sshfp { + float: left; + } } #code { |