feat: docs layout

layouts/_default/single.html

@@ -1,9 +1,7 @@
 {{ partial "header.html" . }}
 
-<div class="max-w-screen-xl mx-auto mt-4">
+<article class="max-w-screen-xl mx-auto mt-4">
-	<article class="max-w-none prose prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-h1:font-title prose-h1:font-bold">
+	{{ partial "prose.html" .Content }}
-		{{ partial "headline-hash.html" .Content }}
+</article>
-	</article>
-</div>
 
 {{ partial "footer.html" . }}

layouts/doc/single.html

@@ -1,15 +1,11 @@
 {{ partial "header.html" . }}
 
-<div class="container is-centered page">
+<div class="max-w-screen-xl flex mx-auto md:pt-8 flex-col md:flex-row">
-	<div class="columns">
+	<div class="w-full md:w-1/4">
-		<div class="column is-one-quarter">
 		{{ partial "menu" . }}
 	</div>
-		<div class="column is-three-quarters">
+	<div class="w-full md:w-3/4 p-4 pt-6 md:pt-2">
-			<div class="content">
+		{{ partial "prose.html" .Content }}
-				{{ partial "headline-hash.html" .Content }}
-			</div>
-		</div>
 	</div>
 </div>
 

layouts/partials/menu.html

@@ -1,28 +1,21 @@
-<aside class="menu">
+<aside class="px-2 text-gray-600">
-	{{ $currentNode := . }}{{ range .Site.Menus.sidebar }}
+	{{ $currentNode := . }}
+	{{ range .Site.Menus.sidebar }}
 		{{ if .HasChildren }}
-	<p class="menu-label">
+		<p class="uppercase font-title pb-2 pt-4 text-sm text-gray-500">
 			{{ .Pre }}
 			{{ .Name }}
 		</p>
-	<ul class="menu-list">
+		<ul>
 			{{ range .Children }}
 				<li>
-			<a href="{{ .URL }}" {{ if $currentNode.IsMenuCurrent "sidebar" . }}class="is-active"{{ end }}>
+					<a href="{{ .URL }}" class="px-2 py-1.5 block rounded-sm hover:bg-gray-200 {{ if $currentNode.IsMenuCurrent "sidebar" . }} !bg-primary text-white {{ end }}">
 						{{ .Pre }}
 						{{ .Name }}
 					</a>
 				</li>
 			{{ end }}
 		</ul>
-	{{ else }}
-	<li>
-		<a href="{{ .URL }}">
-			{{ .Pre }}
-			{{ .Name }}
-		</a>
-	</li>
 		{{ end }}
 	{{ end }}
-	</ul>
 </aside>

layouts/partials/prose.html

@@ -0,0 +1,3 @@
+<div class="max-w-none prose prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-h1:font-title prose-h1:font-bold prose-img:rounded-sm">
+	{{ partial "headline-hash.html" . }}
+</div>

layouts/post/single.html

@@ -7,9 +7,7 @@
 		</a>
 	</h1>
 
-	<div class="max-w-none prose prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-h1:font-title prose-h1:font-bold prose-img:rounded-sm">
+	{{ partial "prose.html" .Content }}
-		{{ partial "headline-hash.html" .Content }}
-	</div>
 
 	{{ partial "vikunja-cloud-banner.html" }}
 </article>