post: add post about building the blog (#10)

* post: stub out initial post with outline

* fix: add title attribute to lead in feed and add disc to list styles in posts

* fix: apply style to artcile

* post: work on rough draft

* post: work on rough draft

* post: work on rought draft

* post: work on rought draft

* post: more work on rough draft

* post: finish post

* chore: cleanup usings

* chore: run dotnet format

* docs: testing README

* docs: update README.md

src/Blog/wwwroot/markdown.css

@@ -428,6 +428,7 @@
 
 .markdown-body ul,
 .markdown-body ol {
+  list-style-type: disc;
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 2em;
@@ -458,7 +459,7 @@
 
 .markdown-body pre {
   margin-top: 0;
-  margin-bottom: 0;
+  margin-bottom: 16px;
   font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;
   font-size: 12px;
   word-wrap: normal;
@@ -1128,12 +1129,17 @@
 }
 
 .markdown-body .markdown-alert {
-  padding: var(--base-size-8) var(--base-size-16);
+  padding: var(--base-size-8, 8px) var(--base-size-16, 16px);
   margin-bottom: 16px;
   color: inherit;
   border-left: .25em solid var(--color-border-default);
 }
 
+.markdown-body .markdown-alert .markdown-alert-title svg {
+  margin-right: var(--base-size-8, 8px);
+  fill: var(--color-text);
+}
+
 .markdown-body .markdown-alert>:first-child {
   margin-top: 0;
 }
@@ -1187,4 +1193,19 @@
 
 .markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title {
   color: var(--color-danger-fg);
+}
+
+/* scroll code block not pre */
+/* so that copy button stays in */
+/* top right corner always */
+.markdown-body pre[class*=language-] {
+  overflow: hidden;
+  padding: 0;
+  margin-bottom: 1rem;
+}
+
+.markdown-body pre code {
+  display: block;
+  overflow: auto;
+  padding: 1rem;
 }