Skip to content

Commit

Permalink
Added nord theme
Browse files Browse the repository at this point in the history
  • Loading branch information
vachan-maker committed Feb 1, 2024
1 parent a5c4d12 commit 9bd64fc
Show file tree
Hide file tree
Showing 7 changed files with 20 additions and 14 deletions.
11 changes: 9 additions & 2 deletions assets/sass/components/_header.scss
Original file line number Diff line number Diff line change
Expand Up @@ -31,15 +31,22 @@
color: $white;
text-decoration: none;
}
a:hover {
color: $lightpurple;
}
}
}
}

.terminal {
font-size: 1em;
}
.terminal a{
color: $white;
text-decoration: none;
}

.terminal a:hover {
color: #ebcb8b;
}
.hamb {
cursor: pointer;
float: right;
Expand Down
1 change: 0 additions & 1 deletion assets/sass/components/_post.scss
Original file line number Diff line number Diff line change
Expand Up @@ -50,5 +50,4 @@ a:link,
a:visited,
a:hover,
a:active{
text-decoration: none;
}
4 changes: 2 additions & 2 deletions assets/sass/components/_social.scss
Original file line number Diff line number Diff line change
Expand Up @@ -10,10 +10,10 @@
}
}
a {
color: $white;
color: $pink;
text-shadow: $black 0px 0px 2px;
-webkit-font-smoothing: antialiased;
display: inline-block;
margin: 10px;
}
}
}
10 changes: 6 additions & 4 deletions assets/sass/utils/_variables.scss
Original file line number Diff line number Diff line change
@@ -1,12 +1,14 @@
// Colors
$darkGrey: #323232;
$white: #fafafa;
$white: #eceff4;
$black: #2f2f2f;
$blue: #3366cc;
$orange: #ffb300;
$orange: #88c0d0;
$pink: #ebcb8b;
$lightpurple:#a3be8c;

$backgroundDarker: #222222;
$backgroundDark: #2d2d2d;
$backgroundDark: #2e3440;
$backgroundDarker: #3b4252;

//Fonts
$fontHeader: 'Fira Mono', monospace;
Expand Down
4 changes: 1 addition & 3 deletions layouts/partials/header.html
Original file line number Diff line number Diff line change
@@ -1,9 +1,7 @@
<header class="headerWrapper">
<div class="header">
<div>
<a href="{{ .Site.BaseURL }}">
<span class="terminal">{{ .Site.Params.user }} ~ $</span>
</a>
<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>
Expand Down
Original file line number Diff line number Diff line change
@@ -1 +1 @@
body{font-family:open sans,sans-serif;color:#fafafa;background-color:#2d2d2d;margin:0;display:flex;flex-direction:column;min-height:100vh}a{color:#36c}pre code{font-family:fira mono,monospace;font-size:75%;display:block;background:#222;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:#222}.footerLink{color:#fafafa}.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:#222;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:#fafafa;text-decoration:none}.terminal{color:#fafafa;text-decoration:none}.hamb{cursor:pointer;float:right;display:none;padding:10px 4px}.hamb-line{background:#fafafa;display:block;height:2px;position:relative;width:24px}.hamb-line::before,.hamb-line::after{background:#fafafa;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:#2d2d2d;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:#fafafa}.postTitle{color:#36c;text-transform:capitalize;font-family:fira mono,monospace;font-size:1.2em;float:left}.postHeader{overflow:hidden}.postsList{margin-top:20px}.postListItem{padding:20px;background-color:#2f2f2f;margin-bottom:20px}.postExcerpt{text-align:initial;text-decoration:none;color:#fafafa}.headerContainer{display:flex;justify-content:space-between}.noDecoration{text-decoration:none}a,a:link,a:visited,a:hover,a:active{text-decoration:none}.socialNavbar ul{list-style:none;padding:0}.socialNavbar ul li{display:inline}.socialNavbar a{color:#fafafa;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:#222;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: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}}
Original file line number Diff line number Diff line change
@@ -1 +1 @@
{"Target":"sass/main.min.46c5415cadfacf96e84d6b757b88c02c135cdcc4e2381d2bcdf937a57fcd3590.css","MediaType":"text/css","Data":{"Integrity":"sha256-RsVBXK36z5boTWt1e4jALBNc3MTiOB0rzfk3pX/NNZA="}}
{"Target":"sass/main.min.35937c98efcf0982caef6b12bfa564062eb396ac8cf110b9704837d03c44cc96.css","MediaType":"text/css","Data":{"Integrity":"sha256-NZN8mO/PCYLK72sSv6VkBi6zlqyM8RC5cEg30DxEzJY="}}

0 comments on commit 9bd64fc

Please sign in to comment.