1 files changed, 91 insertions, 2 deletions

diff --git a/assets/theme/main.scss b/assets/theme/main.scss
index 3221dd3..967e0da 100644
--- a/assets/theme/main.scss
+++ b/assets/theme/main.scss
@@ -1,7 +1,6 @@
 // Variables
 $mainWidth: 900px;
 
-
 // Colors
 @import url("/css/highlight-emacs.css") screen and (prefers-color-scheme: light);
 @import url("/css/highlight-monokai.css") screen and (prefers-color-scheme: dark);
@@ -109,6 +108,77 @@ section.admonition {
 	}
 }
 
+section.project {
+	border-top: 1px solid var(--bodyForegroundColor);
+	padding: 0.5rem 0.5rem;
+
+	h2 {
+		margin: 0.5rem 0rem;
+
+		small {
+			margin-left: 1.5rem;
+			font-weight: normal;
+			font-size: small;
+		}
+	}
+
+	p {
+		margin-top: 0;
+	}
+
+	nav.project {
+		a, a:visited {
+			margin: 0.5rem;
+			text-decoration: underline;
+			color: var(--bodyForegroundColor);
+		}
+
+		a::before {
+			content: "» ";
+		}
+	}
+}
+
+section.recipe {
+	border-top: 1px solid var(--bodyForegroundColor);
+	padding: 0.5rem;
+	display: grid;
+	grid-template-columns: [preview] 1fr [description] 5fr [end];
+
+	div.picture {
+		grid-column-start: preview;
+		grid-column-end: description;
+	}
+
+	div.description {
+		grid-column-start: description;
+		grid-column-end: end;
+	}
+
+	h2 {
+		margin: 0.5rem 0rem;
+	}
+}
+
+section.service {
+	border-top: 1px solid var(--bodyForegroundColor);
+	padding: 0.5rem;
+
+	h2 {
+		margin: 0.5rem 0rem;
+
+		small {
+			margin-left: 1.5rem;
+			font-weight: normal;
+			font-size: small;
+		}
+	}
+
+	p {
+		margin-top: 0;
+	}
+}
+
 @media(min-width: $mainWidth) {
 	section.admonition {
 		display: grid;
@@ -145,7 +215,7 @@ section.admonition {
 }
 
 // Navigation bar
-nav {
+nav.main {
 	padding-bottom: 8px;
 	border-bottom: double var(--bodyForegroundColor);
 	text-align: center;
@@ -222,3 +292,22 @@ pre code {
 		margin-right: 1em;
 	}
 }
+
+.tag {
+	color: var(--linkForegroundColor);
+	font-family: monospace;
+	text-decoration: none;
+	border-bottom: 1px dotted var(--linkForegroundColor);
+}
+.tag::before {
+	content: "#";
+}
+
+ul.taglist {
+	li {
+		display: inline;
+	}
+
+	margin: 0;
+	padding: 0;
+}