Added generalsans and modified styles

assets/sass/_global.scss

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

assets/sass/components/_header.scss

@@ -2,6 +2,7 @@
 
 .header {
   font-family: $fontHeader;
+  font-size: 1.1rem;
   padding: 0 20px;
   height: 60px;
   display: flex;
@@ -29,99 +30,21 @@
       margin: 5px;
       a {
         color: $white;
-        text-decoration: none;
       }
       a:hover {
-      color: $lightpurple;
+      color: $link_hover_color;
       }
     }
   }
 }
 .terminal {
-  font-size: 1em;
+  font-size: 1.1rem;
 }
 .terminal a{
   color: $white;
   text-decoration: none;
 }
 .terminal a:hover {
-  color: #ebcb8b;
-}
-.hamb {
-  cursor: pointer;
-  float: right;
-  display: none;
-  padding: 10px 4px;
-}
-
-.hamb-line {
-  background: $white;
-  display: block;
-  height: 2px;
-  position: relative;
-  width: 24px;
-} /* Style span tag */
-
-.hamb-line::before,
-.hamb-line::after {
-  background: $white;
-  content: "";
-  display: block;
-  height: 100%;
-  position: absolute;
-  transition: all 0.2s ease-out;
-  width: 100%;
-}
-.hamb-line::before {
-  top: 5px;
-}
-.hamb-line::after {
-  top: -5px;
-}
-
-.side-menu {
-  display: none;
+  color: $h1_header_color;
 }
 
-.side-menu:checked ~ .headerLinks {
-  max-height: 100%;
-}
-.side-menu:checked ~ .hamb .hamb-line {
-  background: transparent;
-}
-.side-menu:checked ~ .hamb .hamb-line::before {
-  transform: rotate(-45deg);
-  top: 0;
-}
-.side-menu:checked ~ .hamb .hamb-line::after {
-  transform: rotate(45deg);
-  top: 0;
-}
-
-@media screen and (max-width: 768px) {
-  .headerLinks {
-    width: 100%;
-    height: 100%;
-    position: fixed;
-    top: 60px;
-    left: 0;
-    background-color: $backgroundDark;
-    overflow: hidden;
-    max-height: 0;
-    transition: max-height 0.5s ease-out;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    ul {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-    }
-  }
-
-  .hamb {
-    display: block;
-  }
-}

assets/sass/components/_post.scss

@@ -9,6 +9,7 @@
   color: $orange;
   text-transform: capitalize;
   font-family: $fontHeader;
+  font-size: 1.25rem;
   margin: 0;
 }
 
@@ -45,9 +46,6 @@
   text-decoration: none;
 }
 
-a,
-a:link,
-a:visited,
-a:hover,
-a:active{
-}
+a:hover {
+  color: $link_hover_color;
+};

assets/sass/components/_social.scss

@@ -10,8 +10,6 @@
     }
   }
   a {
-    color: $pink;
-    text-shadow: $black 0px 0px 2px;
     -webkit-font-smoothing: antialiased;
     display: inline-block;
     margin: 10px;

assets/sass/pages/_single.scss

@@ -3,6 +3,8 @@
 .postWrapper {
     text-align: left;
 }
+.mainPostTitle {
+}
 
 .postMetadata {
     font-family: $fontCode;
@@ -30,4 +32,4 @@ dd {
 
 dt::after {
     content: ":";
-}
+}

assets/sass/utils/_fonts.scss

@@ -5,17 +5,16 @@
          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: 500;
+    font-weight: 400;
     font-style: normal;
 }
-
 @font-face {
-    font-family: "Open Sans";
-    src: url("../fonts/OpenSans/OpenSans-Regular.eot");
-    src: url("../fonts/OpenSans/OpenSans-Regular.eot?#iefix") format("embedded-opentype"),
-    url("../fonts/OpenSans/OpenSans-Regular.woff") format("woff"),
-    url("../fonts/OpenSans/OpenSans-Regular.ttf") format("truetype"),
-    url("../fonts/OpenSans/OpenSans-Regular.svg#OpenSansRegular") format("svg");
-    font-weight: normal;
+    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;
-}
+}
+
+

assets/sass/utils/_variables.scss

@@ -4,15 +4,15 @@ $white: #eceff4;
 $black: #2f2f2f;
 $blue: #3366cc;
 $orange: #88c0d0;
-$pink: #ebcb8b;
-$lightpurple:#a3be8c;
+$h1_header_color: #ebcb8b;
+$link_hover_color:#a3be8c;
 
 $backgroundDark: #2e3440;
 $backgroundDarker: #3b4252;
 
 //Fonts
 $fontHeader: 'Fira Mono', monospace;
-$fontParagraph: 'Open Sans', sans-serif;
+$fontParagraph: 'GeneralSans', sans-serif;
 $fontCode: 'Fira Mono', monospace;
 
 // Content

config.toml

@@ -4,7 +4,7 @@
     min = "0.80.0"
     theme = "nightfall"
 [params]
-  user = "Vachan S Panicker"
+  user = "vachan"
   hostname = " "
   sitedescription = "Hey there! You can read my posts, know more about me and get in touch with me"
     [params.author]
@@ -24,22 +24,22 @@
 
 [[params.social]]
 key = 0
-name = "github"
+name = "GitHub"
 url = "https://github.com/vachan-maker"
 
 [[params.social]]
 key = 1
-name = "mastodon"
+name = "Mastodon"
 url = "https://fosstodon.org/@nattukaran"
 
 [[params.social]]
 key = 2
-name = "email"
+name = "E-mail"
 url = "mailto:[email protected]"
 
 [[params.social]]
 key = 3
-name = "pixelfed"
+name = "PixelFed"
 url = "https://pixelfed.social/V4vachan"
 
 [[params.social]]

layouts/_default/single.html

@@ -4,7 +4,7 @@
 
 {{ define "main" }}
 <div class="postWrapper">
-    <h1>{{ .Title }}</h1>
+    <h1 class = "mainPostTitle">{{ .Title }}</h1>
     {{ if .Description}}
     	<p>{{.Description}}</p>
     {{ end }}

layouts/partials/header.html

@@ -3,8 +3,6 @@
         <div>
 		<h1 class="terminal"><a href="{{ .Site.BaseURL }}">{{ .Site.Params.user }} ~ $</a></h1>
         </div>
-        <input class="side-menu" type="checkbox" id="side-menu">
-        <label class="hamb" for="side-menu"><span class="hamb-line"></span></label>
         <nav class="headerLinks">
             <ul>
                 {{ range .Site.Menus.header }}

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

@@ -1 +1 @@
-body{font-family:open sans,sans-serif;color:#eceff4;background-color:#2e3440;margin:0;display:flex;flex-direction:column;min-height:100vh}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:500;font-style:normal}@font-face{font-family:open sans;src:url(../fonts/OpenSans/OpenSans-Regular.eot);src:url(../fonts/OpenSans/OpenSans-Regular.eot?#iefix)format("embedded-opentype"),url(../fonts/OpenSans/OpenSans-Regular.woff)format("woff"),url(../fonts/OpenSans/OpenSans-Regular.ttf)format("truetype"),url(../fonts/OpenSans/OpenSans-Regular.svg#OpenSansRegular)format("svg");font-weight:400;font-style:normal}.footer{padding:15px;text-align:center;background-color:#3b4252}.footerLink{color:#88c0d0}.header{font-family:fira mono,monospace;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;text-decoration:none}.headerLinks ul li a:hover{color:#a3be8c}.terminal{font-size:1em}.terminal a{color:#eceff4;text-decoration:none}.terminal a:hover{color:#ebcb8b}.hamb{cursor:pointer;float:right;display:none;padding:10px 4px}.hamb-line{background:#eceff4;display:block;height:2px;position:relative;width:24px}.hamb-line::before,.hamb-line::after{background:#eceff4;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.hamb-line::before{top:5px}.hamb-line::after{top:-5px}.side-menu{display:none}.side-menu:checked~.headerLinks{max-height:100%}.side-menu:checked~.hamb .hamb-line{background:0 0}.side-menu:checked~.hamb .hamb-line::before{transform:rotate(-45deg);top:0}.side-menu:checked~.hamb .hamb-line::after{transform:rotate(45deg);top:0}@media screen and (max-width:768px){.headerLinks{width:100%;height:100%;position:fixed;top:60px;left:0;background-color:#2e3440;overflow:hidden;max-height:0;transition:max-height .5s ease-out;display:flex;align-items:center;justify-content:center}.headerLinks ul{display:flex;flex-direction:column;align-items:center;justify-content:center}.hamb{display:block}}.postDate{float:right;color:#eceff4}.postTitle{color:#88c0d0;text-transform:capitalize;font-family:fira mono,monospace;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}.socialNavbar ul{list-style:none;padding:0}.socialNavbar ul li{display:inline}.socialNavbar a{color:#ebcb8b;text-shadow:#2f2f2f 0 0 2px;-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.24rem;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: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}}

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

@@ -1 +1 @@
-{"Target":"sass/main.min.35937c98efcf0982caef6b12bfa564062eb396ac8cf110b9704837d03c44cc96.css","MediaType":"text/css","Data":{"Integrity":"sha256-NZN8mO/PCYLK72sSv6VkBi6zlqyM8RC5cEg30DxEzJY="}}
+{"Target":"sass/main.min.49f2e89e37df1987a9ebcb587f7cb7b43ef89cb54f725177b045d67b9c43f35e.css","MediaType":"text/css","Data":{"Integrity":"sha256-SfLonjffGYep68tYf3y3tD74nLVPclF3sEXWe5xD814="}}