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/Components/App.razor

@@ -16,12 +16,14 @@
   <script src="https://cdn.jsdelivr.net/npm/anchor-js/anchor.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.11/dist/clipboard.min.js"></script>
   <script src="https://www.googletagmanager.com/gtag/js?id=G-5JM0TZTRHF"></script>
+  <script src="prism.js"></script>
   <script>
-    window.dataLayer = window.dataLayer || [];
-    function gtag(){dataLayer.push(arguments);}
-    gtag('js', new Date());
-
-    gtag('config', 'G-5JM0TZTRHF');
+    if (window.location.hostname.includes('localhost') === false) {
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      gtag('config', 'G-5JM0TZTRHF');
+    }
   </script>
   <script src="_framework/blazor.web.js"></script>
 </body>

src/Blog/Components/Pages/Post.razor

@@ -25,7 +25,6 @@ else
     />
     <link rel="stylesheet" href="markdown.css">
     <link rel="stylesheet" href="prism.css">
-    <script src="prism.js"></script>
   </HeadContent>
 
   <article>

src/Blog/Components/Posts/Feed.razor

@@ -22,7 +22,7 @@
           <NavLink href="@GetLink(post)">
             <h3 title="@post.Title" >@post.Title</h3>
             <p class="date">@post.PublishedAt.ToString("MMMM d, yyyy")</p>
-            <p class="lead">@post.Lead</p>
+            <p class="lead" title="@post.Lead">@post.Lead</p>
           </NavLink>
         </article>
       }

src/Blog/Components/Posts/Feed.razor.css

@@ -40,9 +40,9 @@
         text-overflow: ellipsis;
       }
     }
+  }
 
-    & a:active {
-      transform: scale(0.95)
-    }
+  & article:active {
+    transform: scale(0.95)
   }
 }