Create top bar

src/site/sass/main.sass

@@ -7,6 +7,7 @@ $layout-home-a-max: 520px
 $layout-home-b-min: 521px
 $main-theme-link-color: #085cae
 $medium-red-bg: #6a2222
+$light-red-bg: #bd4444
 $solar-background: #fff4e8
 
 @font-face
@@ -51,6 +52,35 @@ body
 		background: hsl(102.1, 77.2%, 67.3%)
 		border-color: hsl(104, 51.4%, 43.5%)
 
+.top-nav
+	background-color: $light-red-bg
+	position: relative
+	z-index: 1
+	box-shadow: 0px -2px 4px 4px rgba(0, 0, 0, 0.4)
+	border-bottom: 1px solid #333
+	padding: 6px 12px
+	justify-content: space-between
+	align-items: center
+
+	display: none
+
+	@media screen and (max-width: $layout-a-max)
+		display: flex
+
+	&.always-displayed
+		display: flex
+
+	.logo
+		width: 48px
+		height: 48px
+
+	.settings
+		width: 36px
+		height: 36px
+
+	.nav-icon-link
+		display: flex
+
 .profile-overview
 	text-align: center
 	position: relative
@@ -78,6 +108,9 @@ body
 		@media screen and (max-width: $layout-a-max)
 			height: unset
 
+		a, a:visited
+				color: $main-theme-link-color
+
 		.pfp
 			margin: 25px 0
 
@@ -106,9 +139,6 @@ body
 		.website
 			margin: 20px 0px
 
-			a, a:visited
-				color: $main-theme-link-color
-
 		.links
 			margin: 15px 0px
 			display: flex
@@ -118,11 +148,17 @@ body
 			.validate-feed
 				margin-left: 2px
 
-			a, a:visited
-				color: $main-theme-link-color
-
 			> *
-				margin: 5px
+				margin: 5px 8px
+
+		.bibliogram-meta
+			margin: 20px 10px
+			border-top: 1px solid #333
+
+			@media screen and (max-width: $layout-a-max)
+				display: none
+
+
 
 .timeline
 	--image-size: 260px
@@ -260,6 +296,10 @@ body
 			padding: 10px
 			position: sticky
 			top: 0
+			border-bottom: 1px solid #333
+
+			@media screen and (max-width: $layout-a-max)
+				box-shadow: 0px -2px 4px 4px rgba(0, 0, 0, 0.4)
 
 			.navigate-posts
 				-webkit-appearance: none
@@ -306,6 +346,7 @@ body
 		@media screen and (min-width: $layout-b-min)
 			.relative-box
 				position: relative
+				box-shadow: 0px 6px 4px -4px rgba(0, 0, 0, .4) inset
 
 				.scrolling-box
 					position: absolute
@@ -401,7 +442,7 @@ body
 	display: flex
 	flex-direction: column
 	min-height: 100vh
-	background-color: #bd4444
+	background-color: $light-red-bg
 	color: #fff
 
 	h1