From c1e57673e230670a80b8180833aca153eb6b59aa Mon Sep 17 00:00:00 2001 From: Andinus Date: Fri, 22 May 2020 13:20:33 +0530 Subject: [PATCH 1/7] Show scrollbar on header overflow Currently the header text "tilde.insitute" will overflow on small screens, instead we ask it show scrollbar. --- tilde.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/tilde.css b/tilde.css index 1db5d0a..0fe0099 100644 --- a/tilde.css +++ b/tilde.css @@ -7,6 +7,13 @@ body { font-size: 1.0em; } +pre { + display: block; + white-space: pre; + word-break: break-all; + overflow-x: auto; +} + .date { font-weight: bold; } From 07c1dc115cc473c04885e2f5338a96b02acd32fa Mon Sep 17 00:00:00 2001 From: Andinus Date: Fri, 22 May 2020 14:08:36 +0530 Subject: [PATCH 2/7] Float news section only on large screens --- tilde.css | 17 +++++++++-------- 1 file changed, 9 insertions(+), 8 deletions(-) diff --git a/tilde.css b/tilde.css index 0fe0099..b7877d6 100644 --- a/tilde.css +++ b/tilde.css @@ -57,18 +57,19 @@ pre { color: #ffffff; } -#front-content { - max-width: 69%; - float: left; -} - #content { margin: 0 auto; } -#news { - float: right; - max-width: 29%; +@media (min-width: 1024px) { + #news { + float: right; + max-width: 29%; + } + #front-content { + max-width: 69%; + float: left; + } } #sshfp { From b3199f215ecc54e3fb6706311f297e54f729283e Mon Sep 17 00:00:00 2001 From: Andinus Date: Fri, 22 May 2020 13:48:39 +0530 Subject: [PATCH 3/7] Restyle header links Current version looks bad on small screens, this restyle won't look bad on small screens. --- header.html | 48 +++++++++++------------------------------------- tilde.css | 28 ++++++---------------------- 2 files changed, 17 insertions(+), 59 deletions(-) diff --git a/header.html b/header.html index 3b4b93d..7b6ce63 100644 --- a/header.html +++ b/header.html @@ -9,41 +9,15 @@ ╚═╝ ╚═╝╚══════╝╚═════╝ ╚══════╝╚═╝╚═╝╚═╝ ╚═══╝╚══════╝ ╚═╝ ╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚══════╝ diff --git a/tilde.css b/tilde.css index b7877d6..3dd0f15 100644 --- a/tilde.css +++ b/tilde.css @@ -25,35 +25,19 @@ pre { } #navigation { - margin: 0 auto; + line-height: 2.8em; text-align: center; } -#navigation table { - border: 0px; - width: 100%; -} - -#navigation td { - text-align: center; - vertical-align: center; - height: 1.5em; +#navigation a { + padding: 0.5em; + margin: 0.1em; + text-decoration: none; background-color: #0B3861; } -#navigation td:hover { +#navigation a:hover { background-color: #045fb4; -} - -#navigation td a { - display: block; - width: 100%; - text-decoration: none; - min-width: 3.5rem; -} - -#navigation td a:hover { - text-decoration: none; color: #ffffff; } From c4f2958dfa4cf3799e1462fa9320d347cb8e2a79 Mon Sep 17 00:00:00 2001 From: Andinus Date: Fri, 22 May 2020 14:51:32 +0530 Subject: [PATCH 4/7] Restyle sshfp section --- index.php | 10 ++++++---- tilde.css | 11 +++-------- 2 files changed, 9 insertions(+), 12 deletions(-) diff --git a/index.php b/index.php index 2d27ae3..c0217db 100755 --- a/index.php +++ b/index.php @@ -122,10 +122,12 @@
-256 SHA256:QSijnje9WlvxZyIXc5h8uJ2MzPCKbviy0WnBG7U4aP0 (ECDSA)
-256 SHA256:3n9E2Y0Kz4YeF776aUQNM+roVICTVQHFs64ekyADQxY (ED25519)
-3072 SHA256:GsmsdVkfRA8YznxI6EZJW+pf9IntSUIpNfeeGhpIs8w (RSA)
-1024 SHA256:foWYUgDuqfFIKnD2sLgeF1m2l9/ykSLwwlMyLWgesCA (DSA) + 
+256 SHA256:QSijnje9WlvxZyIXc5h8uJ2MzPCKbviy0WnBG7U4aP0 (ECDSA)
+256 SHA256:3n9E2Y0Kz4YeF776aUQNM+roVICTVQHFs64ekyADQxY (ED25519)
+3072 SHA256:GsmsdVkfRA8YznxI6EZJW+pf9IntSUIpNfeeGhpIs8w (RSA)
+1024 SHA256:foWYUgDuqfFIKnD2sLgeF1m2l9/ykSLwwlMyLWgesCA (DSA)
+
diff --git a/tilde.css b/tilde.css index 3dd0f15..8b8c711 100644 --- a/tilde.css +++ b/tilde.css @@ -54,14 +54,9 @@ pre { max-width: 69%; float: left; } -} - -#sshfp { - float: left; - margin: 0 auto; - min-width: 100%; - text-align: center; - padding-bottom: 3rem; + #sshfp { + float: left; + } } #code { From 182421f56f1eb1711b831dd5f4fd27db2aa18782 Mon Sep 17 00:00:00 2001 From: Andinus Date: Fri, 22 May 2020 17:08:53 +0530 Subject: [PATCH 5/7] Increase max-width on small screens --- tilde.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/tilde.css b/tilde.css index 8b8c711..8a6f9d8 100644 --- a/tilde.css +++ b/tilde.css @@ -3,7 +3,7 @@ body { font-family: sans-serif; color: #ffffff; margin: 0 auto; - max-width: 75%; + max-width: 90%; font-size: 1.0em; } @@ -46,6 +46,9 @@ pre { } @media (min-width: 1024px) { + body { + max-width: 75%; + } #news { float: right; max-width: 29%; From 328582b10183c95483b25774b64f670a11517ba8 Mon Sep 17 00:00:00 2001 From: Andinus Date: Sat, 6 Jun 2020 22:23:13 +0530 Subject: [PATCH 6/7] Change line-height, margin & padding of #navigation --- tilde.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/tilde.css b/tilde.css index 8a6f9d8..8745bf7 100644 --- a/tilde.css +++ b/tilde.css @@ -25,13 +25,13 @@ pre { } #navigation { - line-height: 2.8em; + line-height: 2.4em; text-align: center; } #navigation a { - padding: 0.5em; - margin: 0.1em; + padding: 0.36em; + margin: -0.05em; text-decoration: none; background-color: #0B3861; } From 8cb0f40a0b7e6ea15e7fb12e29ab03d71db20305 Mon Sep 17 00:00:00 2001 From: Andinus Date: Sat, 6 Jun 2020 22:29:40 +0530 Subject: [PATCH 7/7] Revert "Restyle header links" This reverts commit f3e764f4051f4d53b98252162f480a05457c47b7. --- header.html | 48 +++++++++++++++++++++++++++++++++++++----------- tilde.css | 28 ++++++++++++++++++++++------ 2 files changed, 59 insertions(+), 17 deletions(-) diff --git a/header.html b/header.html index 7b6ce63..3b4b93d 100644 --- a/header.html +++ b/header.html @@ -9,15 +9,41 @@ ╚═╝ ╚═╝╚══════╝╚═════╝ ╚══════╝╚═╝╚═╝╚═╝ ╚═══╝╚══════╝ ╚═╝ ╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚══════╝ diff --git a/tilde.css b/tilde.css index 8745bf7..fd7e224 100644 --- a/tilde.css +++ b/tilde.css @@ -25,19 +25,35 @@ pre { } #navigation { - line-height: 2.4em; + margin: 0 auto; text-align: center; } -#navigation a { - padding: 0.36em; - margin: -0.05em; - text-decoration: none; +#navigation table { + border: 0px; + width: 100%; +} + +#navigation td { + text-align: center; + vertical-align: center; + height: 1.5em; background-color: #0B3861; } -#navigation a:hover { +#navigation td:hover { background-color: #045fb4; +} + +#navigation td a { + display: block; + width: 100%; + text-decoration: none; + min-width: 3.5rem; +} + +#navigation td a:hover { + text-decoration: none; color: #ffffff; }