start porting to hugo

assets/scss/base/reset.scss

@@ -0,0 +1,44 @@
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+	box-sizing: border-box;
+}
+
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}

assets/scss/base/sections.scss

@@ -0,0 +1,31 @@
+html {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+	scroll-behavior: smooth;
+}
+body {
+	width: 100vw;
+	position: relative;
+}
+.section {
+	padding: 1em 0;
+	@media (min-width: 480px) {padding: 2em 0;}
+	@media (min-width: 960px) {padding: 4em 0;}
+}
+.container {
+	width: 100%;
+	max-width: 960px;
+	margin: 0 auto;
+	padding: 0 1em;
+}
+
+.section-heading {
+	font-size: 1.2em;
+	font-weight: 400;
+	line-height: 1.2;
+	text-align: center;
+	max-width: 18ch;
+	margin: 0 auto;
+	margin-bottom: 4em;
+	padding-bottom: 1em;
+	border-bottom: 2px solid rgba(0,0,0,0.25)
+}

assets/scss/base/typography.scss

@@ -0,0 +1,4 @@
+h1,h2,h3,h4,h5,h6 {line-height: 1.2}
+p {
+    line-height: 1.4
+}

assets/scss/index/cards.scss

@@ -0,0 +1,22 @@
+.cards {
+	display: grid;
+	grid-template-columns: repeat(auto-fit, minmax(15em,1fr));
+	gap: 1em;
+}
+.card {
+	background: white;
+}
+.card img {
+	width: 100%;
+	height: auto;
+}
+#process .card img {
+	height: 200px;
+}
+.card h3 {
+	margin: 1em 0;
+	font-weight: 700;
+}
+.card p {
+	margin-bottom: 1em;
+}

assets/scss/index/hero.scss

@@ -0,0 +1,29 @@
+.hero .container {
+	display: grid;
+	grid-template-columns: 1fr 1fr;
+	grid-template-rows: auto auto;
+	gap: 1em;
+}
+.hero img {
+	width: 100%;
+	grid-row: 1/3;
+}
+.headline {
+	font-size: clamp(1.4em, 7vw, 3em);
+	max-width: 11ch;
+	line-height: 1.2;
+	align-self: end;
+}
+.button {
+	background: #0060ff;
+	color: white;
+	width: max-content;
+	font-size: clamp(0.75em,2vw,1em);
+	padding: 0.75em;
+	display: flex;
+	justify-content: center;
+	text-decoration: none;
+	border-radius: 100em;
+	font-weight: 700;
+}
+.cta {grid-column: 1; grid-row: 2; align-self: start;}

assets/scss/index/testimonials.scss

@@ -0,0 +1,50 @@
+.testimonials {
+	display: flex;
+	flex-flow: row wrap;
+	gap: 1em;
+	justify-content: center;
+}
+.testimonial {
+	display: grid;
+	grid-template-columns: auto 1fr;
+	grid-template-rows: auto auto;
+	grid-gap: 1em;
+	margin-bottom: 1em;
+	flex-basis: 18em;
+}
+.avatar {
+	margin-left: 1em;
+	width: 2em;
+	height: 2em;
+	border-radius: 1em;
+	background: #212121;
+}
+.name {
+	align-self: center;
+}
+.bubble {
+	background-color: #212121;
+	color: white;
+	padding: 0.5em;
+	border-radius: 0.5em;
+	position: relative;
+	grid-column: span 2;
+	height: 80px;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	text-align: center;
+}
+.bubble:after {
+	content: '';
+	position: absolute;
+	top: 0;
+	left: 2em;
+	width: 0;
+	height: 0;
+	border: 0.5em solid transparent;
+	border-bottom-color: #212121;
+	border-top: 0;
+	margin-left: -0.5em;
+	margin-top: -0.5em;
+}

assets/scss/main.scss

@@ -1,207 +1,10 @@
-/* base styles */
+@import "base/reset.scss";
-* {margin: 0; padding: 0; box-sizing: border-box;}
+@import "base/sections.scss";
-html {
+@import "base/typography.scss";
-	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-	scroll-behavior: smooth;
-}
-body {
-	width: 100vw;
-	position: relative;
-}
-/* layout */
-.section {
-	padding: 1em 0;
-}
-@media (min-width: 480px) {
-	.section {padding: 2em 0;}
-}
-@media (min-width: 900px) {
-	.section {padding: 4em 0;}
-}
-.container {
-	width: 100%;
-	max-width: 960px;
-	margin: 0 auto;
-	padding: 0 1em;
-}
-.section-heading {
-	font-size: 1.2em;
-	font-weight: 400;
-	line-height: 1.2;
-	text-align: center;
-	max-width: 18ch;
-	margin: 0 auto;
-	margin-bottom: 4em;
-	padding-bottom: 1em;
-	border-bottom: 2px solid rgba(0,0,0,0.25)
-}
-/* site header */
-.site-header {
-	padding: 0.5em 0;
-}
-.site-header .container {
-	display: grid;
-	grid-template-columns: auto 1fr;
-	gap: 1em;
-}
-.site-title {
-	font-size: 1em;
-	align-self: center;
-	font-weight: 400;
-	line-height: 1;
-}
-.site-nav {
-	position: fixed;
-	bottom: 0;
-	left: 0;
-	z-index: 2;
-	width: 100vw;
-	height: 4em;
-	background: #212121;
-	color: white;
-	display: grid;
-	grid-template-columns: repeat(3, 1fr);
-}
-.site-nav__item {
-	display: flex;
-	flex-flow: column;
-	align-items: center;
-	justify-content: center;
-	text-decoration: none;
-		color: inherit;
-		border-top: 4px solid rgba(255,255,255,0.5);
-}
-.site-nav__item.active {
-		border-top: 4px solid #0060ff;
-}
-body {margin-bottom: 4em;}
-@media (min-width: 480px) {
-	.site-header .container {
-		grid-template-columns: auto 1fr auto;
-	}
-	.site-nav {
-		position: unset;
-		background: unset;
-		color: unset;
-		width: unset;
-		height: unset;
-	}
-	.site-nav__item.active {
-		background: unset;
-		color: #0060ff;
-	}
-	body {margin-bottom: 0}
-}
-/* hero section */
-.hero .container {
-	display: grid;
-	grid-template-columns: 1fr 1fr;
-	grid-template-rows: auto auto;
-	gap: 1em;
-}
-.hero img {
-	width: 100%;
-	grid-row: 1/3;
-}
-.headline {
-	font-size: clamp(1.4em, 7vw, 3em);
-	max-width: 11ch;
-	line-height: 1.2;
-	align-self: end;
-}
-.button {
-	background: #0060ff;
-	color: white;
-	width: max-content;
-	font-size: clamp(0.75em,2vw,1em);
-	padding: 0.75em;
-	display: flex;
-	justify-content: center;
-	text-decoration: none;
-	border-radius: 100em;
-	font-weight: 700;
-}
-.cta {grid-column: 1; grid-row: 2; align-self: start;}
 
-/* praise and testimonials */
+@import "index/hero.scss";
-.testimonials {
+@import "index/cards.scss";
-	display: flex;
+@import "index/testimonials.scss";
-	flex-flow: row wrap;
+
-	gap: 1em;
+@import "partials/site-header.scss";
-	justify-content: center;
+@import "partials/site-footer.scss";
-}
-.testimonial {
-	display: grid;
-	grid-template-columns: auto 1fr;
-	grid-template-rows: auto auto;
-	grid-gap: 1em;
-	margin-bottom: 1em;
-	flex-basis: 18em;
-}
-.avatar {
-	margin-left: 1em;
-	width: 2em;
-	height: 2em;
-	border-radius: 1em;
-	background: #212121;
-}
-.name {
-	align-self: center;
-}
-.bubble {
-	background-color: #212121;
-	color: white;
-	padding: 0.5em;
-	border-radius: 0.5em;
-	position: relative;
-	grid-column: span 2;
-	height: 80px;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	text-align: center;
-}
-.bubble:after {
-	content: '';
-	position: absolute;
-	top: 0;
-	left: 2em;
-	width: 0;
-	height: 0;
-	border: 0.5em solid transparent;
-	border-bottom-color: #212121;
-	border-top: 0;
-	margin-left: -0.5em;
-	margin-top: -0.5em;
-}
-/* skills */
-.skills {
-	list-style: none;
-	max-width: 18em;
-}
-.skill:before {
-	content: "+";
-	margin-right: 0.5em;
-}
-/* process */
-.cards {
-	display: grid;
-	grid-template-columns: repeat(auto-fit, minmax(15em,1fr));
-	gap: 1em;
-}
-.card {
-	background: white;
-}
-.card img {
-	width: 100%;
-	height: auto;
-}
-#process .card img {
-	height: 200px;
-}
-.card h3 {
-	margin: 1em 0;
-}
-.card p {
-	margin-bottom: 1em;
-}

assets/scss/partials/site-footer.scss

@@ -0,0 +1,3 @@
+.site-footer {
+    hr {display: none;}
+}

assets/scss/partials/site-header.scss

@@ -0,0 +1,109 @@
+.site-header {background: #ddd; filter: drop-shadow(0px -1px 2px rgba(0,0,0,0.2))}
+.site-header a {text-decoration: none; color: inherit;}
+.site-title {font-weight: 700; font-size: 22px; line-height: 2em;}
+.site-header .container {display: flex; flex-flow: row wrap;}
+.site-nav {flex-basis: 100%; display: flex; flex-flow: column;}
+.site-nav a {display: block; padding: 1em 0;}
+
+
+.site-nav {
+	display: none;
+	@media (min-width: 600px) {
+		display: flex;
+		flex-basis: unset;
+		flex-flow: row;
+		ul {
+			display: flex;
+		}
+		a {
+			margin-left: 1em;
+			box-sizing: border-box;
+		}
+	}
+}
+.site-header {
+    position: fixed; bottom: 0; width: 100%;
+    z-index: 2;
+	@media (min-width: 600px) {
+		position: sticky;
+		bottom: unset;
+		top: 0;
+		a {height: 44px;}
+		a:hover {border-bottom: 2px solid #00a3ff;}
+		.container {justify-content: space-between; flex-flow: row wrap; height: 64px; align-items: center;}
+	}
+}
+body {
+	margin-bottom: 44px;
+	@media (min-width: 600px) {margin-bottom: unset;}
+}
+.hamburger-label::before {content:"Menu"; position: absolute; left: -3em; }
+#hamburger:checked ~ .site-nav {
+    display: flex;
+}
+#hamburger {
+    transition: all 0.5s;
+    box-sizing: border-box;
+    display: none;
+}
+.hamburger-label {
+    transition: all 0.5s;
+    box-sizing: border-box;
+    cursor: pointer;
+    position: absolute;
+    z-index: 99;
+    height: 100%;
+    width: 100%;
+    top: 16px;
+    right: 15px;
+    height: 22px;
+    width: 22px;
+}
+.spinner {
+    transition: all 0.5s;
+    box-sizing: border-box;
+    position: absolute;
+    height: 3px;
+    width: 100%;
+    background-color: black;
+}
+.horizontal {
+    transition: all 0.5s;
+    box-sizing: border-box;
+    position: relative;
+    float: left;
+    margin-top: 3px;
+}
+.diagonal.part-1 {
+    position: relative;
+    transition: all 0.5s;
+    box-sizing: border-box;
+    float: left;
+}
+.diagonal.part-2 {
+    transition: all 0.5s;
+    box-sizing: border-box;
+    position: relative;
+    float: left;
+    margin-top: 3px;
+}
+#hamburger:checked ~ .hamburger-label > .horizontal {
+    transition: all 0.5s;
+    box-sizing: border-box;
+    opacity: 0;
+}
+#hamburger:checked ~ .hamburger-label > .diagonal.part-1 {
+    transition: all 0.5s;
+    box-sizing: border-box;
+    transform: rotate(135deg);
+    margin-top: 8px;
+}
+#hamburger:checked ~ .hamburger-label > .diagonal.part-2 {
+    transition: all 0.5s;
+    box-sizing: border-box;
+    transform: rotate(-135deg);
+    margin-top: -9px;
+}
+@media (min-width: 600px) {
+	#hamburger, .hamburger-label {display: none;}
+}

config.toml

@@ -1,3 +1,6 @@
-baseURL = "http://example.org/"
+baseURL = "https://abdullahtarawneh.com"
 languageCode = "en-us"
-title = "My New Hugo Site"
+title = "abdullah tarawneh"
+
+[markup.goldmark.renderer]
+unsafe= true

layouts/index.html

@@ -1,19 +1,8 @@
 {{ define "main" }}
 <main>
-	<header class="site-header">
-		<div class="container">
-			<img class="site-icon" width=32 height=32 src="/static/images/avatar.jpg" aria-hidden="true">
-			<h1 class='site-title'>abdullah<br>tarawneh</h1>
-			<nav class="site-nav">
-				<a href="" class="site-nav__item active"><i class="fa fa-home" aria-hidden="true"></i>Home</a>
-				<a href="" class="site-nav__item"><i class="fa fa-pencil" aria-hidden="true"></i>Blog</a>
-				<a href="" class="site-nav__item"><i class="fa fa-at" aria-hidden="true"></i>Contact</a>
-			</nav>
-		</div>
-	</header>
 	<section class="section hero">
 		<div class="container">
-			<img src="/static/images/thought.svg" alt="Abstract illustration of a thought process" title="Abstract illustration of a thought process">
+			<img src="/images/thought.svg" alt="Abstract illustration of a thought process" title="Abstract illustration of a thought process">
 			<h2 class="headline">i make order<br>out of chaos.</h1>
 			<a class="button cta" href="#projects">view my work</a>
 		</div>
@@ -23,32 +12,32 @@
 			<h2 class="section-heading">my process:</h2>
 			<div class="cards">
 				<section class="card">
-					<img src="/static/images/mindmap.svg">
+					<img src="/images/mindmap.svg">
 					<h3>information</h3>
 					<p>i plan out the details of the project.</p>
 				</section>
 				<section class="card">
-					<img src="/static/images/analysis.svg">
+					<img src="/images/analysis.svg">
 					<h3>analysis</h3>
 					<p>i break down info and make connections.</p>
 				</section>
 				<section class="card">
-					<img src="/static/images/design.svg">
+					<img src="/images/design.svg">
 					<h3>design</h3>
 					<p>i construct a framework for the project.</p>
 				</section>
 				<section class="card">
-					<img src="/static/images/feedback.svg">
+					<img src="/images/feedback.svg">
 					<h3>feedback</h3>
 					<p>i make sure to keep you in the picture.</p>
 				</section>
 				<section class="card">
-					<img src="/static/images/tech.svg">
+					<img src="/images/tech.svg">
 					<h3>implementation</h3>
 					<p>i create the deliverables as discussed.</p>
 				</section>
 				<section class="card">
-					<img src="/static/images/result.svg">
+					<img src="/images/result.svg">
 					<h3>results</h3>
 					<p>i deliver the completed project to you.</p>
 				</section>
@@ -60,37 +49,37 @@
 			<h2 class="section-heading">here's what i've done.</h2>
 			<div class="cards">
 				<div class="card">
-					<img src="/static/images/mastodocs.jpg">
+					<img src="/images/mastodocs.jpg">
 					<h3>Mastodon<br>Documentation Revamp</h3>
 					<p>Reorganizing the documentation for the Mastodon Project, while also rewriting significant portions of it.</p>
 					<a href="">Read more</a>
 				</div>
 				<div class="card">
-					<img src="/static/images/pixelfed.jpg">
+					<img src="/images/pixelfed.jpg">
 					<h3>Pixelfed<br>Project Management</h3>
 					<p>After making a masterpost of bugs and issues, I turned Pixelfed from a one-person project into a team effort.</p>
 					<a href="">Read more</a>
 				</div>
 				<div class="card">
-					<img src="/static/images/namecheap.jpg" alt="">
+					<img src="/images/namecheap.jpg" alt="">
 					<h3>EFF Certbot<br>Namecheap Auth Hook</h3>
 					<p>A manual authorization hook for EFF Certbot, allowing DNS-01 challenge verification with Namecheap domains.</p>
 					<a href="https://github.com/trwnh/namecheap">View source code</a>
 				</div>
 				<div class="card">
-					<img src="/static/images/motarawneh.jpg" alt="">
+					<img src="/images/motarawneh.jpg" alt="">
 					<h3>Mo Tarawneh<br>(motarawneh.org)</h3>
 					<p>A personal website for Mo Tarawneh, inaugural chairperson of the UN CRPD and twice-elected member.</p>
 					<a href="https://motarawneh.com">View site</a>
 				</div>
 				<div class="card">
-					<img src="/static/images/eqin.jpg" alt="">
+					<img src="/images/eqin.jpg" alt="">
 					<h3>Equality Initiative<br>(equalityinitiative.org)</h3>
 					<p>Nonprofit website designed for Equality Initiative in February 2014. Built with Wordpress and Divi.</p>
 					<a href="https://sites.trwnh.com/equalityinitiative.org">View site archive</a>
 				</div>
 				<div class="card">
-					<img src="/static/images/birdsounds.jpg" alt="">
+					<img src="/images/birdsounds.jpg" alt="">
 					<h3>birdsounds<br>(birdsounds.media)</h3>
 					<p>birdsounds.media is my concert photography showcase and portfolio website. Built using Koken.</p>
 					<a href="https://birdsounds.media">View site</a>
@@ -102,17 +91,17 @@
 			<h2 class="section-heading" style="max-width: 15ch; margin: 0 auto 1em; text-align: center;">what others have said about me:</h2>
 			<div class="testimonials">
 				<div class="testimonial">
-					<img class="avatar" width=32 height=32 src="/static/images/khalil.jpg">
+					<img class="avatar" width=32 height=32 src="/images/khalil.jpg">
 					<p class="name">Khalil Saadiq</p>
 					<blockquote class="bubble">it's scary how much you know.</blockquote>
 				</div>
 				<div class="testimonial">
-					<img class="avatar" width=32 height=32 src="/static/images/gargron.jpg">
+					<img class="avatar" width=32 height=32 src="/images/gargron.jpg">
 					<p class="name">Eugen Rochko</p>
 					<blockquote class="bubble">bless you for being here to work on the docs btw. it's a big relief.</blockquote>
 				</div>
 				<div class="testimonial">
-					<img class="avatar" width=32 height=32 src="/static/images/dansup.jpg">
+					<img class="avatar" width=32 height=32 src="/images/dansup.jpg">
 					<p class="name">Daniel Supernault</p>
 					<blockquote class="bubble">i don't trust anyone as much as you to shape the direction of the project.</blockquote>
 				</div>

layouts/partials/site-footer.html

@@ -1,11 +1,6 @@
 <footer class="site-footer">
+	<hr>
 	<div class="container">
-		<hr>
+		CC Public Domain
-		<div class="social-links">
-		<a href="https://twitter.com/motarawneh" class="social-link twitter"><i class="fa fa-twitter" aria-hidden="true"></i><span>Twitter</span></a>
-		<a href="https://facebook.com/mo.tarawneh" class="social-link facebook"><i class="fa fa-facebook" aria-hidden="true"></i><span>Facebook</span></a>
-		<a href="https://www.linkedin.com/in/mohammed-al-tarawneh-8a50715/" class="social-link linkedin"><i class="fa fa-linkedin" aria-hidden="true"></i><span>LinkedIn</span></a>
-		</div>
-		<p>Site designed and developed by<br><a href="https://abdullahtarawneh.com">Abdullah Tarawneh</a></p>
 	</div>
 </footer>

layouts/partials/site-header.html

@@ -1,6 +1,6 @@
 <header class="site-header">
 	<div class="container">
-		<a href="/" class="site-title"><h1>motarawneh</h1></a>
+		<a href="/" class="site-title"><h1>{{ .Site.Title }}</h1></a>
 		<input type="checkbox" name="hamburger" id="hamburger">
 		<label for="hamburger" class="hamburger-label">
 			<div class="spinner diagonal part-1"></div>

resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.content

@@ -0,0 +1 @@
+html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif;scroll-behavior:smooth}body{width:100vw;position:relative}.section{padding:1em 0}@media(min-width:480px){.section{padding:2em 0}}@media(min-width:960px){.section{padding:4em 0}}.container{width:100%;max-width:960px;margin:0 auto;padding:0 1em}.section-heading{font-size:1.2em;font-weight:400;line-height:1.2;text-align:center;max-width:18ch;margin:0 auto;margin-bottom:4em;padding-bottom:1em;border-bottom:2px solid rgba(0,0,0,.25)}h1,h2,h3,h4,h5,h6{line-height:1.2}p{line-height:1.4}.hero .container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:1em}.hero img{width:100%;grid-row:1/3}.headline{font-size:clamp(1.4em,7vw,3em);max-width:11ch;line-height:1.2;align-self:end}.button{background:#0060ff;color:#fff;width:max-content;font-size:clamp(0.75em,2vw,1em);padding:.75em;display:flex;justify-content:center;text-decoration:none;border-radius:100em;font-weight:700}.cta{grid-column:1;grid-row:2;align-self:start}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(15em,1fr));gap:1em}.card{background:#fff}.card img{width:100%;height:auto}#process .card img{height:200px}.card h3{margin:1em 0;font-weight:700}.card p{margin-bottom:1em}.testimonials{display:flex;flex-flow:row wrap;gap:1em;justify-content:center}.testimonial{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-gap:1em;margin-bottom:1em;flex-basis:18em}.avatar{margin-left:1em;width:2em;height:2em;border-radius:1em;background:#212121}.name{align-self:center}.bubble{background-color:#212121;color:#fff;padding:.5em;border-radius:.5em;position:relative;grid-column:span 2;height:80px;display:flex;justify-content:center;align-items:center;text-align:center}.bubble:after{content:'';position:absolute;top:0;left:2em;width:0;height:0;border:.5em solid transparent;border-bottom-color:#212121;border-top:0;margin-left:-.5em;margin-top:-.5em}.site-header{background:#ddd;filter:drop-shadow(0px -1px 2px rgba(0,0,0,0.2))}.site-header a{text-decoration:none;color:inherit}.site-title{font-weight:700;font-size:22px;line-height:2em}.site-header .container{display:flex;flex-flow:row wrap}.site-nav{flex-basis:100%;display:flex;flex-flow:column}.site-nav a{display:block;padding:1em 0}.site-nav{display:none}@media(min-width:600px){.site-nav{display:flex;flex-basis:unset;flex-flow:row}.site-nav ul{display:flex}.site-nav a{margin-left:1em;box-sizing:border-box}}.site-header{position:fixed;bottom:0;width:100%;z-index:2}@media(min-width:600px){.site-header{position:sticky;bottom:unset;top:0}.site-header a{height:44px}.site-header a:hover{border-bottom:2px solid #00a3ff}.site-header .container{justify-content:space-between;flex-flow:row wrap;height:64px;align-items:center}}body{margin-bottom:44px}@media(min-width:600px){body{margin-bottom:unset}}.hamburger-label::before{content:"Menu";position:absolute;left:-3em}#hamburger:checked~.site-nav{display:flex}#hamburger{transition:all .5s;box-sizing:border-box;display:none}.hamburger-label{transition:all .5s;box-sizing:border-box;cursor:pointer;position:absolute;z-index:99;height:100%;width:100%;top:16px;right:15px;height:22px;width:22px}.spinner{transition:all .5s;box-sizing:border-box;position:absolute;height:3px;width:100%;background-color:#000}.horizontal{transition:all .5s;box-sizing:border-box;position:relative;float:left;margin-top:3px}.diagonal.part-1{position:relative;transition:all .5s;box-sizing:border-box;float:left}.diagonal.part-2{transition:all .5s;box-sizing:border-box;position:relative;float:left;margin-top:3px}#hamburger:checked~.hamburger-label>.horizontal{transition:all .5s;box-sizing:border-box;opacity:0}#hamburger:checked~.hamburger-label>.diagonal.part-1{transition:all .5s;box-sizing:border-box;transform:rotate(135deg);margin-top:8px}#hamburger:checked~.hamburger-label>.diagonal.part-2{transition:all .5s;box-sizing:border-box;transform:rotate(-135deg);margin-top:-9px}@media(min-width:600px){#hamburger,.hamburger-label{display:none}}.site-footer hr{display:none}

resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.json

@@ -0,0 +1 @@
+{"Target":"scss/main.min.432c5720f6da561756119efb67db5c1d2c32e4aafb655f93d83c5b3b0aab7ecb.css","MediaType":"text/css","Data":{"Integrity":"sha256-QyxXIPbaVhdWEZ77Z9tcHSwy5Kr7ZV+T2DxbOwqrfss="}}