chore: autopublish 2023-12-28T18:07:26Z

6 files changed, 65 insertions, 122 deletions

diff --git a/config.json b/config.json
index 0ee4210..205c9ae 100644
--- a/config.json
+++ b/config.json
@@ -1,4 +1,4 @@
 {
     "url": "https://submelon.dev",
-    "version": "1703785027"
+    "version": "1703786835"
 }
\ No newline at end of file
diff --git a/public/404/index.html b/public/404/index.html
index 2620ab0..db61cdd 100644
--- a/public/404/index.html
+++ b/public/404/index.html
@@ -37,7 +37,7 @@
 </section>
       </article>
       <footer>
-        <span>&copy;2023 kjhoerr&#64;https://submelon.dev/:wD.c.s.h.B-0</span>
+        <span>&copy;2023 kjhoerr&#64;https://submelon.dev/:wD.c.s.i.7-0</span>
       </footer>
     </main>
   </body>
diff --git a/public/external/community.frame.work.css b/public/external/community.frame.work.css
index a67cd5c..34e32b3 100644
--- a/public/external/community.frame.work.css
+++ b/public/external/community.frame.work.css
@@ -1,5 +1,18 @@
+/**
+ * https://submelon.dev/external/community.frame.work.css
+ * CSS Override script for https://community.frame.work/
+ *
+ * Provides the following features:
+ *  - a differing color for visited topics, so unread topics have better visibility
+ *  - better dark mode/light mode interoperability if relying on system/"auto" mode
+ *
+ * Most of this is borrowed from Framework's official themes and tweaked slightly.
+ *
+ * You can use a browser extension like "Custom Style Script" to link this stylesheet.
+ */
+
 tr.topic-list-item.visited > td.main-link > span.link-top-line > a {
-  color: #878787 !important;
+  color: var(--primary-medium) !important;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -125,125 +138,43 @@ tr.topic-list-item.visited > td.main-link > span.link-top-line > a {
     --bronze: #cd7f32;
   }
 
-  :root {
-    --chat-skeleton-animation-rgb: 44.1, 44.1, 44.1;
-  }
-
-  :root {
-    --font-family: Arial, sans-serif;
-  }
-
-  :root {
-    --heading-font-family: Arial, sans-serif;
-  }
-
-  html {
-    font-size: 16px;
-
-    &.text-size-smaller {
-      font-size: 14px;
-    }
-    &.text-size-larger {
-      font-size: 18px;
-    }
-    &.text-size-largest {
-      font-size: 20px;
-    }
-  }
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    font-weight: 600;
-  }
-
-  strong {
-    font-weight: 600;
-  }
-
-  .wrap {
-    max-width: 1360px;
-  }
-
-  .d-header {
-    height: 5em;
-    box-shadow: none;
-  }
-
   .custom-header-links .headerLink a {
-    font-size: 16px !important;
-    color: white !important;
-  }
-
-  .nav-pills > li {
-    margin-right: 0.5em;
-  }
-
-  .nav-pills > li > a {
-    font-size: 16px;
-
-    &:hover {
-      background-color: transparent;
-    }
+    color: var(--primary) !important;
   }
 
   .nav-pills > li a.active {
-    color: #f5f5f5;
+    color: var(--primary);
     background-color: transparent;
-    border-bottom: 3px solid #f45a27;
+    border-bottom: 3px solid var(--tertiary);
   }
 
-  .list-controls .combo-box .combo-box-header {
-    background: transparent;
-    border-radius: 2rem;
-  }
-
-  .btn {
-    font-size: 16px;
-    border-radius: 2rem;
-
-    .d-icon {
-      color: #f5f5f5;
-    }
+  .btn.d-icon {
+    color: var(--primary);
   }
 
   .btn-primary,
   #create-topic {
-    background: #f45a27;
-    color: #f5f5f5;
-    font-size: 16px;
-
-    &:hover {
-      background-color: darkorange;
-      color: black !important;
-
-      .d-icon {
-        color: black !important;
-      }
-    }
+    background: var(--tertiary);
+    color: var(--primary);
   }
 
-  .latest-topic-list-item .main-link a.title {
-    color: white !important;
+  .btn-primary:hover,
+  #create-topic:hover {
+    background-color: darkorange;
+    color: var(--secondary) !important;
   }
 
-  .topic-list .main-link a.title {
-    color: white !important;
-  }
-
-  .category-list .category-name {
-    margin-bottom: 0.5rem;
+  .btn-primary:hover .d-icon,
+  #create-topic:hover .d-icon {
+    color: var(--secondary) !important;
   }
 
-  .category-logo.aspect-image img {
-    max-width: 80%;
+  .latest-topic-list-item .main-link a.title {
+    color: var(--primary) !important;
   }
 
-  .category-logo.aspect-image {
-    margin-right: 0;
+  .topic-list .main-link a.title {
+    color: var(--primary) !important;
   }
 
   .category-list .category {
@@ -261,17 +192,13 @@ tr.topic-list-item.visited > td.main-link > span.link-top-line > a {
     color: var(--primary-high-or-secondary-low);
   }
 
-  .d-header {
-    border: none;
-  }
-
   .custom-footer {
     background: var(--primary-very-low);
   }
 
   .custom-footer .flexbox,
   .custom-footer .third-box .social .social-link .d-icon {
-    color: white;
+    color: var(--primary);
   }
 
   .custom-footer .footer-section-link-wrapper a,
@@ -284,12 +211,9 @@ tr.topic-list-item.visited > td.main-link > span.link-top-line > a {
   }
 
   .categories-list .category-list td {
-    color: white;
+    color: var(--primary);
   }
 
-  .category-list-item.category .coldmap-high {
-    opacity: 0.8;
-  }
   .d-header .title a,
   .d-header .title a:visited,
   .list-cell,
@@ -303,6 +227,6 @@ tr.topic-list-item.visited > td.main-link > span.link-top-line > a {
   }
 
   tr.topic-list-item.visited > td.main-link > span.link-top-line > a {
-    color: #aaa !important;
+    color: var(--primary-700) !important;
   }
 }
diff --git a/public/external/news.ycombinator.com.css b/public/external/news.ycombinator.com.css
index cc1fb80..6de54d8 100644
--- a/public/external/news.ycombinator.com.css
+++ b/public/external/news.ycombinator.com.css
@@ -1,3 +1,11 @@
+/**
+ * https://submelon.dev/external/news.ycombinator.com.css
+ * CSS Override script for https://news.ycombinator.com/
+ *
+ * I am not sure where I got these specific styles from or how much I tweaked them.
+ * Provides system/"auto" dark theme and keeps the default light theme when applicable.
+ */
+
 @media (prefers-color-scheme: dark) {
   body {
     background-color: #262626 !important;
@@ -14,10 +22,21 @@
   }
 
   /* Bright text */
-  td.title a:link, span.comment font, span.comment font a:link, u a:link, span.yclinks a:link, body:not([id]),
-    td:nth-child(2):not(.subtext) > a:link, input, textarea, p > a, a > u, .c00, .c00 a:link,
-    a[href="http://www.ycombinator.com/apply/"], a[href="https://www.ycombinator.com/apply/"]
-  {
+  td.title a:link,
+  span.comment font,
+  span.comment font a:link,
+  u a:link,
+  span.yclinks a:link,
+  body:not([id]),
+  td:nth-child(2):not(.subtext) > a:link,
+  input,
+  textarea,
+  p > a,
+  a > u,
+  .c00,
+  .c00 a:link,
+  a[href="http://www.ycombinator.com/apply/"],
+  a[href="https://www.ycombinator.com/apply/"] {
     color: #ccc !important;
   }
 
diff --git a/public/index.html b/public/index.html
index 3a772f6..4c74274 100644
--- a/public/index.html
+++ b/public/index.html
@@ -61,7 +61,7 @@
 </section>
       </article>
       <footer>
-        <span>&copy;2023 kjhoerr&#64;https://submelon.dev/:wD.c.s.h.B-0</span>
+        <span>&copy;2023 kjhoerr&#64;https://submelon.dev/:wD.c.s.i.7-0</span>
       </footer>
     </main>
   </body>
diff --git a/publish-badge.svg b/publish-badge.svg
index 8497777..68fe9b9 100644
--- a/publish-badge.svg
+++ b/publish-badge.svg
@@ -1,14 +1,14 @@
 <svg width="151.8" height="20" viewBox="0 0 1518 200" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Last Publish: 2023-12-28">
   <title>Last Publish: 2023-12-28</title>
-  <linearGradient id="EEFqU" x2="0" y2="100%">
+  <linearGradient id="GHGwM" x2="0" y2="100%">
     <stop offset="0" stop-opacity=".1" stop-color="#EEE"/>
     <stop offset="1" stop-opacity=".1"/>
   </linearGradient>
-  <mask id="OLRcw"><rect width="1518" height="200" rx="30" fill="#FFF"/></mask>
-  <g mask="url(#OLRcw)">
+  <mask id="Nfhzq"><rect width="1518" height="200" rx="30" fill="#FFF"/></mask>
+  <g mask="url(#Nfhzq)">
     <rect width="758" height="200" fill="#555"/>
     <rect width="760" height="200" fill="#08C" x="758"/>
-    <rect width="1518" height="200" fill="url(#EEFqU)"/>
+    <rect width="1518" height="200" fill="url(#GHGwM)"/>
   </g>
   <g aria-hidden="true" fill="#fff" text-anchor="start" font-family="Verdana,DejaVu Sans,sans-serif" font-size="110">
     <text x="60" y="148" textLength="658" fill="#000" opacity="0.25">Last Publish</text>