commit 345e74bd04de143b1c42ccc0e8aca4252e5b095d
parent 96b2b0fcb303e301fb226ad4fd0c20ca868dbf17
Author: mjkloeckner <martin.cachari@gmail.com>
Date: Mon, 26 Sep 2022 17:12:42 -0300
Reduced general webpage size
favicon.ico gets deprecated in favor of favicon.png which is smaller in
size.
Now the fonts are preloaded and gets their own css file.
Diffstat:
15 files changed, 32 insertions(+), 30 deletions(-)
diff --git a/about.html b/about.html
@@ -5,7 +5,7 @@
<title>About | Martin Klöckner's Webpage</title>
<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.ico">
+ <link rel="icon" href="/favicon.png">
<meta charset="utf-8"/>
</head>
diff --git a/blog.html b/blog.html
@@ -4,7 +4,7 @@
<head>
<title>Blog | Martin Klöckner's Webpage</title>
<link rel='stylesheet' type='text/css' href="/css/style.css">
- <link rel="icon" href="/favicon.ico">
+ <link rel="icon" href="/favicon.png">
<meta charset="utf-8"/>
</head>
diff --git a/blog/dwm-config/dwm-config.html b/blog/dwm-config/dwm-config.html
@@ -7,7 +7,7 @@
<title>dwm - A tiling window manager configuration | Martin Klöckner's Webpage</title>
<link rel='stylesheet' type='text/css' href="/css/style.css">
- <link rel="icon" href="/favicon.ico">
+ <link rel="icon" href="/favicon.png">
<meta charset="utf-8"/>
</head>
diff --git a/blog/nerdearla-2022/nerdearla-2019.jpeg b/blog/nerdearla-2022/nerdearla-2019.jpeg
Binary files differ.
diff --git a/blog/nerdearla-2022/nerdearla-2019.png b/blog/nerdearla-2022/nerdearla-2019.png
Binary files differ.
diff --git a/blog/nerdearla-2022/nerdearla-2022.html b/blog/nerdearla-2022/nerdearla-2022.html
@@ -10,7 +10,7 @@
<title>I'm going to Nerdearla 2022 | Martin's Webpage</title>
<link rel='stylesheet' type='text/css' href="/css/style.css">
- <link rel="icon" href="/favicon.ico">
+ <link rel="icon" href="/favicon.png">
<style type="text/css">code{white-space: pre;}</style>
</head>
@@ -29,7 +29,7 @@ href="https://en.wikipedia.org/wiki/Jon_Hall_(programmer)">John ‘Maddog’
Hall</a> was making a presentation called “50 years of UNIX and the
landing on the Moon”, you can find a record of the presentation <a
href="https://www.youtube.com/watch?v=9O_FnKZI6_M">here</a>.</p>
-<p><img src="nerdearla-2019.jpeg" title="Nerdearla 2019" /></p>
+<p><a href="/blog/nerdearla-2022/nerdearla-2019.png"><img src="nerdearla-2019.jpeg" title="Nerdearla 2019" /></a></p>
<p>It was my first talk ever and I loved it, sadly becouse of the
pandemic I couldn’t go in the past two years.</p>
<p>The event is half remote half presential and the entrance is free. It
diff --git a/blog/sav/sav.html b/blog/sav/sav.html
@@ -11,7 +11,7 @@
<title>SAV - Sorting Algorithms Visualized | Martin Klöckner's Webpage</title>
<link rel='stylesheet' type='text/css' href="/css/style.css">
- <link rel="icon" href="/favicon.ico">
+ <link rel="icon" href="/favicon.png">
<style type="text/css">code{white-space: pre;}</style>
</head>
diff --git a/blog/vim-config/vim-config.html b/blog/vim-config/vim-config.html
@@ -8,7 +8,7 @@
<title>The keyboard driven text editor | Martin Klöckner's Webpage</title>
<link rel='stylesheet' type='text/css' href="/css/style.css">
- <link rel="icon" href="/favicon.ico">
+ <link rel="icon" href="/favicon.png">
</head>
<body>
diff --git a/common/header.shtml b/common/header.shtml
@@ -1,6 +1,9 @@
<header>
<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="/fonts/fonts.css">
<div class="header_flex_div">
<h1 id="header_title">
<a href="/" id="header_link">Martin Klöckner</a>
diff --git a/css/style.css b/css/style.css
@@ -1,22 +1,3 @@
-/* src: url('webfont.eot?#iefix') format('embedded-opentype'), /1* IE6-IE8 *1/ */
-@font-face {
- font-family: 'Futura Medium';
- src: url('/fonts/Futura/futura_medium.ttf'); /* IE9 Compat Modes */
- src: url('/fonts/Futura/FuturaBT-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
- url('/fonts/Futura/FuturaBT-Medium.woff') format('woff'), /* Modern Browsers */
- url('/fonts/Futura/futura_medium.ttf') format('truetype'), /* Safari, Android, iOS */
- url('/fonts/Futura/FuturaBT-Medium.svg#svgFutura') format('svg'); /* Legacy iOS */
-}
-
-@font-face {
- font-family: 'Ubuntu Mono';
- src: url('/fonts/UbuntuMono/UbuntuMono-Regular.ttf'); /* IE9 Compat Modes */
- src: url('/fonts/UbuntuMono/UbuntuMono-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
- url('/fonts/UbuntuMono/UbuntuMono-Regular.woff') format('woff'), /* Modern Browsers */
- url('/fonts/UbuntuMono/UbuntuMono-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
- url('/fonts/UbuntuMono/UbuntuMono-Regular.svg#svgUbuntuMono') format('svg'); /* Legacy iOS */
-}
-
* {
margin: 0;
padding: 0;
diff --git a/favicon.ico b/favicon.ico
Binary files differ.
diff --git a/favicon.png b/favicon.png
Binary files differ.
diff --git a/fonts/fonts.css b/fonts/fonts.css
@@ -0,0 +1,19 @@
+/* src: url('webfont.eot?#iefix') format('embedded-opentype'), /1* IE6-IE8 *1/ */
+@font-face {
+ font-family: 'Futura Medium';
+ src: url('/fonts/Futura/futura_medium.ttf'); /* IE9 Compat Modes */
+ src: url('/fonts/Futura/FuturaBT-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('/fonts/Futura/FuturaBT-Medium.woff') format('woff'), /* Modern Browsers */
+ url('/fonts/Futura/futura_medium.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('/fonts/Futura/FuturaBT-Medium.svg#svgFutura') format('svg'); /* Legacy iOS */
+}
+
+@font-face {
+ font-family: 'Ubuntu Mono';
+ src: url('/fonts/UbuntuMono/UbuntuMono-Regular.ttf'); /* IE9 Compat Modes */
+ src: url('/fonts/UbuntuMono/UbuntuMono-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('/fonts/UbuntuMono/UbuntuMono-Regular.woff') format('woff'), /* Modern Browsers */
+ url('/fonts/UbuntuMono/UbuntuMono-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('/fonts/UbuntuMono/UbuntuMono-Regular.svg#svgUbuntuMono') format('svg'); /* Legacy iOS */
+}
+
diff --git a/index.html b/index.html
@@ -5,9 +5,8 @@
<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="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel='stylesheet' type='text/css' href="css/style.css">
- <link rel="icon" type="image/x-icon" href="favicon.ico">
+ <link rel="icon" type="image/x-icon" href="favicon.png">
<meta charset="utf-8"/>
</head>
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>Sun Sep 25 05:43:28 PM -03 2022</lastBuildDate>
+<lastBuildDate>Mon Sep 26 12:49:09 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>
@@ -21,7 +21,7 @@ Hall</a> was making a
presentation called "50 years of UNIX and the landing on the Moon", you
can find a record of the presentation
<a href="https://www.youtube.com/watch?v=9O_FnKZI6_M">here</a>.</p>
-<p><img src="nerdearla-2019.jpeg" alt="" title="Nerdearla 2019"></p>
+<p><a href="/blog/nerdearla-2022/nerdearla-2019.png"><img src="nerdearla-2019.jpeg" alt="" title="Nerdearla 2019"></a></p>
<p>It was my first talk ever and I loved it, sadly becouse of the pandemic
I couldn't go in the past two years.</p>
<p>The event is half remote half presential and the entrance is free. It
