feat: add blog feed (#3)

* chore: begin working on post service

* chore: add debug assets

* chore: add whitelist words

* feat: add prism for syntax highlighting

* feat: updated favicon

* feat: add blog feed

* fix: add link to written by image

* feat: add custom error pages

* fix: focus on h2 since h1 is always the journal site title

* feat: use status code pages with redirects

* fix: add discernible text to link

* feat: add support for light and dark theme

* fix: wrap body with main tag

* fix: style main element in pages to take up full width of container

* fix: add heading to home page

* feat: add not-found-corgi image

* chore: add robots.txt file

* chore: clean up place holder posts

* fix: namespace header in layouts

* fix: use logger instead of console

* fix: use new text context in each test when registering services

* chore: update workflow to debug failing tests

* chore: install playwright deps

* fix: extend expect timeout

* fix: extend expect timeout

* fix: capture traces

* fix: capture traces

* fix: index file name

src/Blog/Components/Pages/Error.razor

@@ -3,34 +3,25 @@
 
 <PageTitle>Error</PageTitle>
 
-<h1 class="text-danger">Error.</h1>
-<h2 class="text-danger">An error occurred while processing your request.</h2>
+<div class="container">
+  <h2>Error</h2>
+  <p>Sorry it's me, not you. It looks like an unhandled error occurred while processing your request.</p>
 
-@if (ShowRequestId)
-{
+  @if (ShowRequestId)
+  {
     <p>
-        <strong>Request ID:</strong> <code>@RequestId</code>
+      <strong>Request ID:</strong> <code>@RequestId</code>
     </p>
-}
-
-<h3>Development Mode</h3>
-<p>
-    Swapping to <strong>Development</strong> environment will display more detailed information about the error that occurred.
-</p>
-<p>
-    <strong>The Development environment shouldn't be enabled for deployed applications.</strong>
-    It can result in displaying sensitive information from exceptions to end users.
-    For local debugging, enable the <strong>Development</strong> environment by setting the <strong>ASPNETCORE_ENVIRONMENT</strong> environment variable to <strong>Development</strong>
-    and restarting the app.
-</p>
+  }
+</div>
 
 @code{
-    [CascadingParameter]
-    private HttpContext? HttpContext { get; set; }
+  [CascadingParameter]
+  private HttpContext? HttpContext { get; set; }
 
-    private string? RequestId { get; set; }
-    private bool ShowRequestId => !string.IsNullOrEmpty(RequestId);
+  private string? RequestId { get; set; }
+  private bool ShowRequestId => !string.IsNullOrEmpty(RequestId);
 
-    protected override void OnInitialized() =>
-        RequestId = Activity.Current?.Id ?? HttpContext?.TraceIdentifier;
+  protected override void OnInitialized() =>
+    RequestId = Activity.Current?.Id ?? HttpContext?.TraceIdentifier;
 }

src/Blog/Components/Pages/Error.razor.css

@@ -0,0 +1,5 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}

src/Blog/Components/Pages/Home.razor

@@ -3,9 +3,8 @@
 <PageTitle>journal - A blog by Stevan Freeborn</PageTitle>
 
 <HeadContent>
-    <meta name="description" content="A blog by Stevan Freeborn" />
+  <meta name="description" content="A blog by Stevan Freeborn" />
 </HeadContent>
 
-<h1>Hello, world!</h1>
-
-Welcome to your new app.
+<h2 class="sr-only">Posts</h2>
+<Feed />

src/Blog/Components/Pages/_Error404.razor

@@ -0,0 +1,8 @@
+
+@page "/Error/404"
+
+<div class="container">
+    <h2>Not Found</h2>
+    <p>Hmm...it doesn't look like the page you were looking for exists, but we did find this adorable corgi.</p>
+    <img src="not-found-corgi.jpg" alt="A cute corgi" />
+</div>

src/Blog/Components/Pages/_Error404.razor.css

@@ -0,0 +1,9 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+
+  & img {
+    border-radius: 0.5rem;
+  }
+}