commit fa1792ecadd63528ecc107a110294c2423d5c76b
parent b3aff71bca96db885e1f985d773aceb94a2fa4fe
Author: mjkloeckner <martinjkloeckner@gmail.com>
Date: Fri, 23 Feb 2024 23:53:41 -0300
Remove previously used fonts and main style space changes
Diffstat:
3 files changed, 27 insertions(+), 25 deletions(-)
diff --git a/common/footer.shtml b/common/footer.shtml
@@ -3,7 +3,7 @@
The content of this webpage is licensed under <a style="white-space: nowrap;" rel="license" href="http://creativecommons.org/licenses/by/4.0">CC BY 4.0</a>
</div>
<a href="http://creativecommons.org/licenses/by/4.0/">
- <img id="footer-buttons" alt="CC License" src=/common/by.png>
+ <img id="footer-buttons" alt="CC License" src="/common/by.png"/>
</a>
<a href="https://www.debian.org/">
<img id="footer-buttons" alt="Debian Logo" src="/common/debian.gif"/>
@@ -21,7 +21,7 @@
<a href="https://github.com/mjkloeckner">
<img id="footer-buttons" alt="Messivrve" src="/common/messirve.gif"/>
</a>
- <a href="https://pagespeed.web.dev/analysis/https-kloeckner-com-ar/nn0gdw6h2u?form_factor=mobile">
+ <a href="https://pagespeed.web.dev/analysis/https-kloeckner-com-ar/nn0gdw6h2u?form_factor=desktop">
<img id="footer-buttons" alt="Google Page Speed Insights" src="/common/fast.gif"/>
</a>
</footer>
diff --git a/common/head.shtml b/common/head.shtml
@@ -1,20 +1,13 @@
-<!-- <link rel="preload" href="/fonts/Futura/FuturaBT-Medium.ttf" as="font" type="font/ttf" crossorigin="anonymous"> -->
-<!-- <link rel="preload" href="/fonts/Futura/FuturaBT-Medium.woff" as="font" type="font/woff" crossorigin="anonymous"> -->
-<!-- <link rel="preload" href="/fonts/Futura/FuturaBT-Medium.woff2" as="font" type="font/woff2" crossorigin="anonymous"> -->
-<!-- <link rel="preload" href="/fonts/Futura/FuturaBT-Medium.woff2" as="font" type="font/woff2" crossorigin="anonymous"> -->
-
<meta charset="utf-8">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<!-- <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap" as="font" type="font/woff2" crossorigin="anonymous"> -->
-<!-- <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap"> -->
<link
as="style"
rel="stylesheet preload prefetch"
- href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap"
+ href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400&display=swap"
type="text/css"
crossorigin="anonymous"/>
-<link rel='stylesheet' type='text/css' href="/css/style.css?ver=0.1">
+<link rel='stylesheet' type='text/css' href="/css/style.css?ver=0.2">
<link rel="icon" type="image/x-icon" href="favicon.webp">
diff --git a/css/style.css b/css/style.css
@@ -10,6 +10,7 @@
html {
margin-left: calc(100vw - 100%);
margin-right: 0;
+ overflow-y: scroll;
}
body {
@@ -19,7 +20,7 @@ body {
margin-left: .5em;
margin-right: .5em;
font-size: 16px;
- font-family: inconsolata, "DejaVu Sans", sans, "Verdana", sans-serif, "Georgia", serif;
+ font-family: "inconsolata", monospace, "DejaVu Sans", sans, "Verdana", sans-serif, "Georgia", serif;
}
header {
@@ -34,7 +35,7 @@ header {
text-align: center;
- padding-top: 1em;
+ padding-top: .75em;
padding-bottom: .25em;
border-top: 1em;
@@ -70,9 +71,6 @@ header {
color: inherit;
transition: .75;
- font-family: inconsolata, "Futura Medium";
-}
-
font-family: "inconsolata", monospace, "DejaVu Sans", sans, sans-serif;
}
@@ -335,10 +333,8 @@ hr {
text-decoration: underline;
}
-
b-time {
- font-family: "Ubuntu Mono", monospace;
- /* font-family: "IBMPlexMono"; */
+ font-family: "inconsolata", monospace;
}
@media (max-width: 800px) {
@@ -405,8 +401,22 @@ b-time {
body {
font-size: 14px;
}
+ header {
+ padding-top: 0em;
+ padding-bottom: 0;
+ margin-top: .25em;
+ }
+ article {
+ margin-bottom: .25em;
+ }
+ p { padding-bottom: .75em; }
#header_title {
font-size: 2.25em;
+ padding-bottom: 0;
+ }
+ .header_bottom_bar {
+ margin-top: 0;
+ margin-bottom: 0;
}
.header_buttons {
padding-bottom: .25em;
@@ -419,23 +429,22 @@ b-time {
#latest-uploads {
padding-bottom: 0;
}
- p { padding-bottom: .75em; }
.article_bottom_bar {
padding-top: .25em;
- margin-top: .75em;
+ margin-top: .5em;
}
- article {
- margin-bottom: .25em;
+ .footer-div {
+ padding: 0em 2em 1.75em 2em;
}
}
@media (prefers-color-scheme: light) {
body {
background: white;
- color: #090909;
+ color: #000000;
}
article {
- color: #090909;
+ color: #000000;
}
#header_link {
color: #CC2936;
