commit c6228b201ec20367e78a2a9ead87ef2768388efa
parent b4c0c4aee8357cfb900098b0cec80071dec0ba0b
Author: mjkloeckner <martin.cachari@gmail.com>
Date: Tue, 27 Sep 2022 23:45:20 -0300
Preload fonts for desktop users plus minor fixes
The following files get woff and woff2 fonts preloaded
- about.html
- blog.html
- blog/dwm-config/dwm-config.html
- blog/nerdearla-2022/nerdearla-2022.html
- blog/sav/sav.html
- blog/vim-config/vim-config.html
Now the 88x31 CC gif gets linked to the CC BY 4.0 webpage
Diffstat:
11 files changed, 41 insertions(+), 14 deletions(-)
diff --git a/about.html b/about.html
@@ -3,6 +3,10 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<head>
<title>About | Martin Klöckner's Webpage</title>
+
+ <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='stylesheet' type='text/css' href="/css/style.css">
<link rel='stylesheet' type='text/css' href="/css/about_style.css">
<link rel="icon" href="/favicon.png">
diff --git a/blog.html b/blog.html
@@ -3,6 +3,10 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<head>
<title>Blog | Martin Klöckner's Webpage</title>
+
+ <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='stylesheet' type='text/css' href="/css/style.css">
<link rel="icon" href="/favicon.png">
<meta charset="utf-8"/>
diff --git a/blog/dwm-config/dwm-config.html b/blog/dwm-config/dwm-config.html
@@ -6,6 +6,10 @@
<meta name="article-title" content="dwm - A tiling window manager configuration">
<title>dwm - A tiling window manager configuration | Martin Klöckner's Webpage</title>
+
+ <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='stylesheet' type='text/css' href="/css/style.css">
<link rel="icon" href="/favicon.png">
<meta charset="utf-8"/>
diff --git a/blog/nerdearla-2022/nerdearla-2022.html b/blog/nerdearla-2022/nerdearla-2022.html
@@ -9,6 +9,10 @@
<meta name="article-title" content="I'm going to Nerdearla 2022">
<title>I'm going to Nerdearla 2022 | Martin's Webpage</title>
+
+ <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='stylesheet' type='text/css' href="/css/style.css">
<link rel="icon" href="/favicon.png">
<style type="text/css">code{white-space: pre;}</style>
diff --git a/blog/sav/sav.html b/blog/sav/sav.html
@@ -10,6 +10,10 @@
<meta name="article-title" content="SAV - Sorting Algorithms Visualized">
<title>SAV - Sorting Algorithms Visualized | Martin Klöckner's Webpage</title>
+
+ <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='stylesheet' type='text/css' href="/css/style.css">
<link rel="icon" href="/favicon.png">
diff --git a/blog/vim-config/vim-config.html b/blog/vim-config/vim-config.html
@@ -7,6 +7,10 @@
<meta name="article-title" content="vim - The keyboard driven text editor">
<title>The keyboard driven text editor | Martin Klöckner's Webpage</title>
+
+ <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='stylesheet' type='text/css' href="/css/style.css">
<link rel="icon" href="/favicon.png">
</head>
diff --git a/common/footer.shtml b/common/footer.shtml
@@ -1,6 +1,6 @@
<footer class="footer">
- <div class="footer-div" style="padding: 0em 2em 2em 2em;">
- The content of this webpage is licensed under <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>
+ <div class="footer-div">
+ 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>
- <img alt="Creative Commons License" style="padding: 0; margin: 0; border-width:0; width: 88px;" src="https://i.creativecommons.org/l/by/4.0/88x31.png"/>
+ <a href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="padding: 0; margin: 0; border-width:0; width: 88px;" src="https://i.creativecommons.org/l/by/4.0/88x31.png"/></a>
</footer>
diff --git a/common/header.shtml b/common/header.shtml
@@ -2,14 +2,11 @@
<link rel="canonical" href="https://kloeckner.com.ar/" />
<!-- <link rel="preload" href="/fonts/Futura/FuturaBT-Medium.woff" as="font" type="font/woff" crossorigin> -->
<!-- <link rel="preload" href="/fonts/Futura/FuturaBT-Medium.woff2" as="font" type="font/woff2" crossorigin> -->
-
- <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> -->
- <link rel="stylesheet" href="">
<div class="header_flex_div">
<h1 id="header_title">
<a href="/" id="header_link">Martin Klöckner</a>
</h1>
- <ul style="list-style-type: none;" class="header_buttons">
+ <ul style="list-style-type: none; padding-bottom: .5em" class="header_buttons">
<li class="header_button" style="padding-right: 10px"><a href="/blog" style="text-decoration: none; mergin-left: 1em;">blog</a></li>
<li class="header_button" style="padding-right: 10px"><a href="/about" style="text-decoration: none;">about</a></li>
<li class="header_button"><a href="/resume.pdf" style="text-decoration: none;" target="_blank">cv<i class="icon-download"></i></a></li>
diff --git a/css/style.css b/css/style.css
@@ -2,13 +2,12 @@
font-family: 'Futura Medium';
src: local('Futura Medium'),
local('FuturaBT-Medium'),
- local('futura_medium'),
url('/fonts/Futura/FuturaBT-Medium.woff2') format('woff2'), /* Modern Browsers */
url('/fonts/Futura/FuturaBT-Medium.woff') format('woff'),
- url('/fonts/Futura/futura_medium.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('/fonts/Futura/FuturaBT-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
url('/fonts/Futura/FuturaBT-Medium.svg#svgFutura') format('svg'), /* Legacy iOS */
url('/fonts/Futura/FuturaBT-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
- url('/fonts/Futura/futura_medium.ttf'); /* IE9 Compat Modes */
+ url('/fonts/Futura/FuturaBT-Medium.ttf'); /* IE9 Compat Modes */
}
@font-face {
@@ -102,6 +101,7 @@ header {
font-size: 1.5em;
display: inline;
align-self: center;
+ padding-bottom: 0em;
/* padding-top: 1em; */
}
@@ -203,7 +203,7 @@ footer {
}
.footer-div {
- padding: 0em 2em 2em 2em;
+ padding: 0em 1em 2em 1em;
margin-left: auto;
margin-right:auto;
}
@@ -230,6 +230,7 @@ footer {
font-size: 1.75em;
align-self: center;
padding-top: 0em;
+ padding-bottom: 0em;
}
.header_bottom_bar{
width: 55%;
@@ -242,8 +243,9 @@ footer {
padding-left: .5em;
padding-right: .5em;
}
- .footer-div {
- max-width: 75%;
+ #index-title {
+ padding-top: .5em;
+ padding-bottom: .75em;
}
}
diff --git a/index.html b/index.html
@@ -5,6 +5,10 @@
<meta name="description" content="This is the personal webpage of Martin Klöckner, you will find contact information, a cv, and a blog, where he posts about random stuff, mostly tech related.">
<head>
<title>Martin Klöckner's Webpage</title>
+
+ <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='stylesheet' type='text/css' href="css/style.css">
<link rel="icon" type="image/x-icon" href="favicon.png">
<meta charset="utf-8"/>
diff --git a/rss.xml b/rss.xml
@@ -5,7 +5,7 @@
<description>Latest uploads on Martin Klöckner's Webpage</description>
<generator>Shell script</generator>
<language>en-us</language>
-<lastBuildDate>Mon Sep 26 12:49:09 PM -03 2022</lastBuildDate>
+<lastBuildDate>Tue Sep 27 11:09:45 PM -03 2022</lastBuildDate>
<item>
<title>I'm going to Nerdearla 2022</title>
<link>https://kloeckner.com.ar/blog/nerdearla-2022/nerdearla-2022.html</link>
