Merge pull request #48 from ssb-ngi-pointer/markdown-style

style the markdown body

web/styles/input.css

@@ -6,4 +6,60 @@
 html {
   visibility: visible;
   opacity: 1;
+}
+
+.markdown h1 {
+  @apply text-3xl tracking-tight font-black text-black mt-2 mb-4;
+}
+
+.markdown h2 {
+  @apply text-2xl tracking-tight font-black text-black mt-2 mb-3;
+}
+
+.markdown h3 {
+  @apply text-xl tracking-tight font-black text-black mt-2 mb-3;
+}
+
+.markdown h4 {
+  @apply text-lg tracking-tight font-black text-black mt-2 mb-3;
+}
+
+.markdown h5 {
+  @apply text-base tracking-tight font-black text-black mt-2 mb-3;
+}
+
+.markdown h6 {
+  @apply text-sm tracking-tight font-black text-black mt-2 mb-3;
+}
+
+.markdown p {
+  @apply my-3;
+}
+
+.markdown a {
+  @apply text-pink-600 underline;
+}
+
+.markdown ul {
+  @apply my-3 list-disc ml-6;
+}
+
+.markdown ul ul {
+  @apply my-0;
+}
+
+.markdown ol {
+  @apply my-3 list-decimal ml-6;
+}
+
+.markdown ol ol {
+  @apply my-0;
+}
+
+.markdown blockquote {
+  @apply my-3 rounded-r-3xl px-3 py-1 bg-gray-100 text-gray-600;
+}
+
+.markdown hr {
+  @apply my-5;
 }

web/templates/landing/index.tmpl

@@ -4,5 +4,7 @@
     class="text-3xl self-start rounded-full py-4 px-6 tracking-tight font-black text-white mt-2 mb-4 bg-gradient-to-r from-pink-400 to-red-400"
   >{{.Title}}</h1>
 
-  {{.Content}}
+  <div class="markdown">
+    {{.Content}}
+  </div>
 {{end}}

web/templates/notice/show.tmpl

@@ -4,7 +4,9 @@
     class="text-3xl tracking-tight font-black text-black mt-2 mb-4"
   >{{.Title}}</h1>
 
-  {{.Content}}
+  <div class="markdown">
+    {{.Content}}
+  </div>
 
   <div class="h-10"></div>
   {{if is_logged_in}}