diff --git a/assets/sass/_global.scss b/assets/sass/_global.scss index b753455..dd9a3b8 100644 --- a/assets/sass/_global.scss +++ b/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 { diff --git a/assets/sass/components/_header.scss b/assets/sass/components/_header.scss index f2e978f..5647561 100644 --- a/assets/sass/components/_header.scss +++ b/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; - } -} diff --git a/assets/sass/components/_post.scss b/assets/sass/components/_post.scss index f4e5d4f..af746c9 100644 --- a/assets/sass/components/_post.scss +++ b/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; +}; diff --git a/assets/sass/components/_social.scss b/assets/sass/components/_social.scss index 6bec5ae..f733447 100644 --- a/assets/sass/components/_social.scss +++ b/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; diff --git a/assets/sass/pages/_single.scss b/assets/sass/pages/_single.scss index 9de82e1..2015cc8 100644 --- a/assets/sass/pages/_single.scss +++ b/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: ":"; -} \ No newline at end of file +} diff --git a/assets/sass/utils/_fonts.scss b/assets/sass/utils/_fonts.scss index 7238127..d76c6d1 100644 --- a/assets/sass/utils/_fonts.scss +++ b/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; -} \ No newline at end of file +} + + diff --git a/assets/sass/utils/_variables.scss b/assets/sass/utils/_variables.scss index eb4aae5..d55a248 100644 --- a/assets/sass/utils/_variables.scss +++ b/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 diff --git a/config.toml b/config.toml index 3e5430e..e090336 100644 --- a/config.toml +++ b/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:vachan@tutanota.com" [[params.social]] key = 3 -name = "pixelfed" +name = "PixelFed" url = "https://pixelfed.social/V4vachan" [[params.social]] diff --git a/layouts/_default/single.html b/layouts/_default/single.html index d56a1db..5dcab62 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -4,7 +4,7 @@ {{ define "main" }}
-

{{ .Title }}

+

{{ .Title }}

{{ if .Description}}

{{.Description}}

{{ end }} diff --git a/layouts/partials/header.html b/layouts/partials/header.html index c76ed2c..79b4296 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -3,8 +3,6 @@

{{ .Site.Params.user }} ~ $

- -