Major overhaul, markdowns + copyright notice

1 files changed, 31 insertions, 11 deletions

diff --git a/www/index.html b/www/index.html
index c19836d..c4c1688 100644
--- a/www/index.html
+++ b/www/index.html
@@ -34,7 +34,31 @@
       like uploading. A lot of it comes in the form of micro-blogs and stream
       of consciousness ramblings.</p>
     </article>
-    <article id='homepage-post'>
+    <article>
+      <h2>Recent Post - 2022-12-05</h2>
+      <h3>CSS Themes Exist Now!?</h3>
+      <p>Yeah news to me too! Seems like according to <a rel=
+      "external noopener noreferrer"
+         target="_blank"
+         href=
+         "https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme#browser_compatibility">
+      the MDN</a> it’s been supported since 2019 for most browsers and
+      supported by all by now.</p>
+      <p>This is so wild!</p>
+      <h4>Why is this cool?</h4>
+      <p>Well you may have noticed this is in dark mode now (if you set your
+      preferences to dark in your OS/Browser). But this is cool because it
+      means we’re no longer restricted to using Javascript and custom
+      preferences for websites.</p>
+      <p>I had assumed this existed because sites like GitHub were defaulting
+      to darkmode despite me never setting anything in like my profile
+      settings. But I just assumed based off of my legacy knowledge this was
+      some custom render trick using javascript.</p>
+      <div class='footer'>
+        <a href='/blog/2022-12-05'>Continue reading...</a>
+      </div>
+    </article>
+    <article>
       <h2>Recent Post - 2022-11-06</h2>
       <h3>My Markdown -&gt; HTML Setup</h3>
       <p>A common way I see a lot of people blog, especially micro-blog, is in
@@ -65,22 +89,18 @@
         <a href='/blog/2022-11-06'>Continue reading...</a>
       </div>
     </article>
-    <article>
-      <h2>Bread</h2>
-      <p><a href='/blog/bread/'>Bread blog!</a> - I started blogging about my
-      bakes in the hopes of learning what I did right/wrong and perfecting my
-      bread. This is a different format than the other blog posts, it&#39;s a
-      single page containing, long form, all the different entries.</p>
-      <div class='footer'>
-        <a href='/blog/bread/#2020-02-17'>Last updated - 2020-02-17</a>
-      </div>
-    </article>
     <div class="footnote">
       <p>The site source is available at <a rel="noopener noreferrer external"
          target="_blank"
          href=
          "https://git.senders.io/senders/senders-io">git.senders.io/senders/senders-io</a>.</p>
     </div>
+    <div id='copyright'>
+      © 2023 senders dot io - <a rel="license external noopener noreferrer"
+           target="_blank"
+           href="https://creativecommons.org/licenses/by/4.0/">CC BY-SA 4.0</a>
+           unless otherwise noted.
+    </div>
   </div>
 </body>
 </html>