Modified font again and added new post

Author: vachan-maker

assets/sass/_global.scss

@@ -8,8 +8,8 @@ body {
   display: flex;
   flex-direction: column;
   min-height: 100vh;
-  font-size: 1.3rem;
-  line-height: 1.6;
+  font-size: 1.2rem;
+  line-height: 1.5;
 }
 
 a {

assets/sass/utils/_fonts.scss

@@ -1,11 +1,10 @@
 @font-face{
     font-family: "Fira Mono";
-    src: url("../fonts/FiraMono/FiraMono-Medium.eot");
     src: local("Fira Mono"),
-         url("../fonts/FiraMono/FiraMono-Medium.eot") format("embedded-opentype"),
-         url("../fonts/FiraMono/FiraMono-Medium.woff") format("woff"),
-         url("../fonts/FiraMono/FiraMono-Medium.ttf") format("truetype");
+    	 url("../fonts/FiraMono/FiraMono-Medium.woff2") format("woff2"),
+         url("../fonts/FiraMono/FiraMono-Medium.woff") format("woff");
     font-weight: 400;
+    font-display: swap;
     font-style: normal;
 }
 @font-face {

content/posts/fresh-coat-of-paint/index.md

@@ -0,0 +1,17 @@
++++
+title = 'A fresh coat of paint'
+date = 2024-02-02
+draft = false
+description = 'I gave my website a small facelift'
++++
+
+If you didn't know already, my website is built using [Hugo](https://gohugo.io/), a static site generator and I use a theme called Nightfall. Although the theme is simple and clean, there were some things which really bothered me. However, I have resolved most of the issues and thought I would share what I did with you.
+
+- For navigation on mobile devices, a hamburger menu was used. Currently, I only have two links in my nav bar and there isn't a need for me to use it. Plus, these menus are not accessible to all. So I decided to remove it.
+- All links are now underlined and have a contrasting colour.
+- Typography has improved! Now, the body text uses [GeneralSans](https://www.fontshare.com/fonts/general-sans) font, which I discovered after browsing [Kev Quirk's](https://kevquirk.com/) website. The font size and line height has also changed. 
+- I also made some changes to the structure of the [HTML](https://developer.mozilla.org/en-US/docs/Web/HTML) files. Some of the [div](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div) classes have been replaced with [semantic elements](https://developer.mozilla.org/en-US/docs/Glossary/semantics#semantics_in_html).
+
+Making and testing these changes did take a few hours. But I am happy how it turned out in the end. If you have any suggestions, please do send me an e-mail or message me through Mastodon. 
+
+This is day 4 of [#100daystoOffload](https://100daystooffload.com/)

resources/_gen/assets/scss/sass/main.scss_511aa33e99371f93fbf403479ebfd32e.content

@@ -1 +1 @@
-body{font-family:generalsans,sans-serif;color:#eceff4;background-color:#2e3440;margin:0;display:flex;flex-direction:column;min-height:100vh;font-size:1.3rem;line-height:1.6}a{color:#88c0d0}pre code{font-family:fira mono,monospace;font-size:75%;display:block;background:#3b4252;padding:10px;overflow:auto}code{font-family:fira mono,monospace;font-size:75%}h1{font-family:fira mono,monospace}h2{font-family:fira mono,monospace}h3{font-family:fira mono,monospace}h4{font-family:fira mono,monospace}h5{font-family:fira mono,monospace}h6{font-family:fira mono,monospace}@-ms-viewport{width: device-width; }@font-face{font-family:fira mono;src:url(../fonts/FiraMono/FiraMono-Medium.eot);src:local("Fira Mono"),url(../fonts/FiraMono/FiraMono-Medium.eot)format("embedded-opentype"),url(../fonts/FiraMono/FiraMono-Medium.woff)format("woff"),url(../fonts/FiraMono/FiraMono-Medium.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:generalsans;src:url(../fonts/GeneralSans/GeneralSans-Variable.woff2)format("woff2"),url(../fonts/GeneralSans/GeneralSans-Variable.woff)format("woff");font-weight:200 700;font-display:swap;font-style:normal}.footer{padding:15px;text-align:center;background-color:#3b4252}.footerLink{color:#88c0d0}.header{font-family:fira mono,monospace;font-size:1.1rem;padding:0 20px;height:60px;display:flex;justify-content:space-between;align-items:center;width:760px}.headerWrapper{overflow:auto;box-sizing:border-box;background-color:#3b4252;display:flex;justify-content:center;flex-shrink:0}.headerLinks ul{list-style:none;padding:0;margin:0}.headerLinks ul li{display:inline;margin:5px}.headerLinks ul li a{color:#eceff4}.headerLinks ul li a:hover{color:#a3be8c}.terminal{font-size:1.1rem}.terminal a{color:#eceff4;text-decoration:none}.terminal a:hover{color:#ebcb8b}.postDate{float:right;color:#eceff4}.postTitle{color:#88c0d0;text-transform:capitalize;font-family:fira mono,monospace;font-size:1.25rem;margin:0}.postHeader{overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;align-items:baseline}.postsList{margin-top:20px}.postListItem{padding:20px;background-color:#3b4252;margin-bottom:20px}.postExcerpt{text-align:initial;text-decoration:none;color:#eceff4}.headerContainer{display:flex;justify-content:space-between}.noDecoration{text-decoration:none}a:hover{color:#a3be8c}.socialNavbar ul{list-style:none;padding:0}.socialNavbar ul li{display:inline}.socialNavbar a{-webkit-font-smoothing:antialiased;display:inline-block;margin:10px}.postWrapper{text-align:left}.postMetadata{font-family:fira mono,monospace;display:block;background:#3b4252;padding:10px}dt,dd{line-height:1.5}dl{display:grid;grid-template-columns:max-content auto}dt{grid-column-start:1}dd{grid-column-start:2}dt::after{content:":"}.listHeader,.listContent{text-align:left}.indexWrapper{display:flex;flex-direction:column;justify-content:center}.indexHeader{font-size:3em}.content{text-align:center;flex:1 auto;display:flex;justify-content:center}.content img{max-width:100%}.vertical{flex-direction:column;align-items:center}.flexWrapper{display:flex;flex-direction:column;justify-content:center;min-height:100vh;flex:1 auto}.main{height:100%;padding:20px}@media only screen and (min-width:992px){.main{width:760px}}
+body{font-family:generalsans,sans-serif;color:#eceff4;background-color:#2e3440;margin:0;display:flex;flex-direction:column;min-height:100vh;font-size:1.2rem;line-height:1.5}a{color:#88c0d0}pre code{font-family:fira mono,monospace;font-size:75%;display:block;background:#3b4252;padding:10px;overflow:auto}code{font-family:fira mono,monospace;font-size:75%}h1{font-family:fira mono,monospace}h2{font-family:fira mono,monospace}h3{font-family:fira mono,monospace}h4{font-family:fira mono,monospace}h5{font-family:fira mono,monospace}h6{font-family:fira mono,monospace}@-ms-viewport{width: device-width; }@font-face{font-family:fira mono;src:local("Fira Mono"),url(../fonts/FiraMono/FiraMono-Medium.woff2)format("woff2"),url(../fonts/FiraMono/FiraMono-Medium.woff)format("woff");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:generalsans;src:url(../fonts/GeneralSans/GeneralSans-Variable.woff2)format("woff2"),url(../fonts/GeneralSans/GeneralSans-Variable.woff)format("woff");font-weight:200 700;font-display:swap;font-style:normal}.footer{padding:15px;text-align:center;background-color:#3b4252}.footerLink{color:#88c0d0}.header{font-family:fira mono,monospace;font-size:1.1rem;padding:0 20px;height:60px;display:flex;justify-content:space-between;align-items:center;width:760px}.headerWrapper{overflow:auto;box-sizing:border-box;background-color:#3b4252;display:flex;justify-content:center;flex-shrink:0}.headerLinks ul{list-style:none;padding:0;margin:0}.headerLinks ul li{display:inline;margin:5px}.headerLinks ul li a{color:#eceff4}.headerLinks ul li a:hover{color:#a3be8c}.terminal{font-size:1.1rem}.terminal a{color:#eceff4;text-decoration:none}.terminal a:hover{color:#ebcb8b}.postDate{float:right;color:#eceff4}.postTitle{color:#88c0d0;text-transform:capitalize;font-family:fira mono,monospace;font-size:1.25rem;margin:0}.postHeader{overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;align-items:baseline}.postsList{margin-top:20px}.postListItem{padding:20px;background-color:#3b4252;margin-bottom:20px}.postExcerpt{text-align:initial;text-decoration:none;color:#eceff4}.headerContainer{display:flex;justify-content:space-between}.noDecoration{text-decoration:none}a:hover{color:#a3be8c}.socialNavbar ul{list-style:none;padding:0}.socialNavbar ul li{display:inline}.socialNavbar a{-webkit-font-smoothing:antialiased;display:inline-block;margin:10px}.postWrapper{text-align:left}.postMetadata{font-family:fira mono,monospace;display:block;background:#3b4252;padding:10px}dt,dd{line-height:1.5}dl{display:grid;grid-template-columns:max-content auto}dt{grid-column-start:1}dd{grid-column-start:2}dt::after{content:":"}.listHeader,.listContent{text-align:left}.indexWrapper{display:flex;flex-direction:column;justify-content:center}.indexHeader{font-size:3em}.content{text-align:center;flex:1 auto;display:flex;justify-content:center}.content img{max-width:100%}.vertical{flex-direction:column;align-items:center}.flexWrapper{display:flex;flex-direction:column;justify-content:center;min-height:100vh;flex:1 auto}.main{height:100%;padding:20px}@media only screen and (min-width:992px){.main{width:760px}}

resources/_gen/assets/scss/sass/main.scss_511aa33e99371f93fbf403479ebfd32e.json

@@ -1 +1 @@
-{"Target":"sass/main.min.5bd85d62e90f7a600f78542da0642a54698bce694332373de9e2d5adc24076a5.css","MediaType":"text/css","Data":{"Integrity":"sha256-W9hdYukPemAPeFQtoGQqVGmLzmlDMjc96eLVrcJAdqU="}}
+{"Target":"sass/main.min.8755f476e08370598147ebf70a98c381576be5603050dd93291f857d2986a956.css","MediaType":"text/css","Data":{"Integrity":"sha256-h1X0duCDcFmBR+v3CpjDgVdr5WAwUN2TKR+FfSmGqVY="}}