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/wwwroot/app.css

@@ -41,6 +41,39 @@ table {
 
 /* Site */
 
+:root {
+  --primary-white: #ffffff;
+  --secondary-white: #f8f8f8;
+  --primary-black: #121212;
+  --secondary-black: #1e1e1e;
+}
+
+:root {
+  --color-background: var(--primary-white);
+  --color-background-soft: var(--secondary-white);
+  --color-text: var(--primary-black);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --color-background: var(--primary-black);
+    --color-background-soft: var(--secondary-black);
+    --color-text: var(--primary-white);
+  }
+}
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+
 html,
 body {
   height: 100%;
@@ -56,9 +89,11 @@ body {
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  background-color: var(--color-background);
+  color: var(--color-text);
 }
 
-h1:focus {
+h2:focus {
   outline: none;
 }