Content tweaks

.gitignore

@@ -1,4 +1,4 @@
 node_modules
 .next
 out
-public
+public/rss.xml

images/signature.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="538.976" height="315.425" viewBox="0 0 142.604 83.456" fill="currentColor"><path d="M54.604 1.176C43.158 20.393 24.232 53.76 12.243 69.112 5.036 78.339 5.123 77.945.6 80.81c-.752 1.16-1.058 2.192.661 2.646 16.11-11.59 36.723-19.474 53.9-30.104.12 6.764-.812 11.014-4.33 14.45.168.096 16.612-.37 20.272-3.929 10.575-10.284 18.11-28.074 20.414-33.529 3.998-9.462 5.664-14.712 6.106-16.833.422-2.021-.732-2.253-1.758-.155-2.96 6.05-5.538 12.318-8.063 18.616-4.019 10.258-8.67 19.065-11.657 29.15-.485 1.638 2.703 1.205 3.298.45 2.311-2.935 4.725-5.795 6.782-8.925 1.266-1.926 2.997-3.652 4.71-5.477 1.4-1.488 1.777-.189 1.607.756-.715 3.973-2.666 8.173-1.378 11.753.521 1.447 4.838 3.496 8.465.437.444-.374.915-.72 1.323-1.134 3.15-3.917 10.236-9.918 10.255-14.78-1.449-3.749-6.414.183-8.27 1.646-2.209 2.276-4.762 6.066-2.93 8.449 1.353 1.842 4.704 2.623 6.989 2.666 5.104.097 9.185-1.396 13.639-3.84 6.248-3.43 18.962-7.81 19.912-7.952 3.514-1.311 1.984-1.887-.569-1.497-4.72.883-9.098 3.074-13.607 4.725-4.691 1.717-8.827 4.17-13.618 5.587-1.759.52-3.93 1.146-5.753.933-1.764-.206-3.64-.872-4.953-2.067-1.687-1.536.467-4.005 1.834-5.398 2.07-2.108 7.14-4.306 5.387-.756-2.255 4.089-6.4 7.694-9.434 10.489-1.853 1.321-5.206 3.732-6.747.79-1.77-3.378 1.834-10.093 1.367-11.94-.667-2.64-1.857-2.678-3.613-1.04-1.05.98-3.56 3.43-5.593 6.461-1.43 2.133-3.326 4.374-4.708 6.02-1.878 2.515-2.848 2.988-1.91.713 3.266-7.926 7.452-18.333 7.492-18.366 0 0-3.006 3.502-6.12 8.802-2.705 4.836-5.216 9.996-9.377 13.014-5.03 3.648-8.907 3.07-15.124 3.672-3.476-.025-6.79.438-10.12-.45-1.285-.038-2.457.797.292 3.19 8.026 6.99 10.964-4.858 11.34-12.945l.283-3.402c-.03-1.44-.798-2.558-1.89-1.795-12.598 8.8-24.516 14.212-37.892 21.261l-6.993 3.685-1.04.473C28.293 49.87 37.65 30.92 50.494 9.845c.731-1.024.999-.837.945.19-7.554 20.092-14.22 40.717-22.962 60.098-.558 1.618.178 3.866 1.796 1.228 8.504-22.364 15.682-45.203 25.253-67.185 1.492-3.427.666-5.665-.921-3z"></path></svg>

styles/app.css

@@ -21,7 +21,7 @@ a {
 .contentContainer {
   max-width: 600px;
   margin: 100px auto;
-  max-width: calc(100vw - 100px);
+  width: calc(100vw - 100px);
 }
 
 @media (max-width: 900px) {

styles/nav.css

@@ -25,7 +25,17 @@
 
 .color.dark + .background {
   background: #29262f;
-  color: white;
+  color: rgba(255,255,255,.6);
+}
+
+.color.dark + .background h1 {
+  color: rgba(255,255,255,.9);
+  transition: .6s ease-in-out color;
+}
+
+.color.dark + .background strong, .color.dark + .background a, .color.dark + .background svg {
+  color: rgba(255,255,255,.8);
+  transition: .6s ease-in-out color;
 }
 
 .color::before {

styles/post.css

@@ -2,6 +2,31 @@
   font-style: italic;
 }
 
+.contentContainer blockquote {
+  margin-left: 16px;
+  border-left: solid 4px currentColor;
+  padding-left: 20px;
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+.contentContainer blockquote > p:first-child {
+  margin-top: 0;
+}
+
+.contentContainer blockquote > p:last-child {
+  margin-bottom: 0;
+}
+
+
+
+@media (max-width: 600px) {
+  .contentContainer blockquote {
+    margin-left: 0;
+    margin-right: 4px;
+  }
+}
+
 .encryptedContent{
   position: relative;
 }

tsconfig.json

@@ -23,6 +23,9 @@
       ],
       "~/icons/*": [
         "icons/*"
+      ],
+      "~/images/*": [
+        "images/*"
       ]
     },
     "target": "es5",