layouts/doc/single.html

@@ -4,9 +4,9 @@
 	<div class="w-full md:w-1/4">
 		{{ partial "menu" . }}
 	</div>
-	<div class="w-full md:w-3/4 p-4 pt-6 md:pt-2">
+	<article class="w-full md:w-3/4 p-4 pt-6 md:pt-2">
 		{{ partial "prose.html" .Content }}
-	</div>
+	</article>
 </div>
 
 {{ partial "footer.html" . }}

src/style.css

@@ -17,3 +17,11 @@ body {
 .prose h6 {
     @apply font-title font-semibold;
 }
+
+.notification {
+    @apply p-4 rounded;
+}
+
+.notification.is-warning {
+    @apply bg-yellow-300;
+}