hematite 0.1.15 → 0.1.16

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a65a76e006bbd87ea26a66325be19c7acb2308d195f05763874847ed12e57b45
-  data.tar.gz: 1236b78bc5fc3da5b7135690276bb054aad7fe0c83f8dcf0cfe94ced4fce401d
+  metadata.gz: 47d41c5ad077de2f9a92abb5b1b7cf4de0b161579c77de474ffaf112a859c412
+  data.tar.gz: 6115ed1ddb55c51ff476305b0ffe2b8d13df1ad66e2062b1ea35fd776e467a69
 SHA512:
-  metadata.gz: 4dd620ed3184b4d68aaa698f8fe9d5266e1f75dd9dc8daaa397a8d8ce107d95d32dd18efb85a7646bbe28e25d108b8e5ac6e7597c82879eced10e15d9c5ccfc3
-  data.tar.gz: ddc863b0e58fc4386c43a6d421de74f538d581aa4956875e25afc8a27f9d651de1c5116f75e3d5cc6bd7f2812458b64fedb2788c612382c9d9a99c13418674be
+  metadata.gz: d0089e6c81f4cceb7940a7de6bd305a554182d807cd9443264261bfd35ecb99016377e00dcf1b3523f84ea2e6330b16214b18bb87a439bca870b9fd6b4e9d7ed
+  data.tar.gz: 0ba240c05e96ffae702be804c3aef4d2f7785fa1192543836f69cf54c1ac726d58d5ca44a6578f5e3bf1eedd8a3b07be68a628048d46e12f759d11cb284fa93d

data/_includes/recent_posts.html

@@ -0,0 +1,24 @@
+
+{% assign recent_post_limit = recent_post_limit | default: site.hematite.recent_post_limit | default: 8 %}
+
+<ul class="recent-posts recent-posts-grid">
+{% for post in site.posts limit:recent_post_limit %}
+    <li>
+        <h2>
+            <a href="{{ post.url }}">{{ post.title }}</a>
+            <span class="post-date">{{ post.date | date_to_string }}</span>
+        </h2>
+        <p class="post-description">{{ post.content | strip_html | truncate: 200 }}</p>
+        <div class="tags">
+            {% for tag in post.tags %}
+                <a
+                    href="{{ 'assets/html/all_tags.html' | relative_url }}#tag__{{ tag | uri_escape }}"
+                    class="post-tag"
+                >
+                    {{ tag }}
+                </a>
+            {% endfor %}
+        </div>
+    </li>
+{% endfor %}
+</ul>

data/_sass/_elements.scss

@@ -197,10 +197,6 @@ a.settings-btn {
     }
 }
 
-:root.darkTheme main img.auto-invert {
-    @include img-invert;
-}
-
 // Users can `include' this to invert images automatically in dark mode.
 @mixin auto-invert-images {
     @media (prefers-color-scheme: dark) {
@@ -209,7 +205,9 @@ a.settings-btn {
         }
     }
 
-    :root.darkTheme main img:not(.no-invert) {
-        @include img-invert;
+    :root.darkTheme, :root.veryDarkTheme {
+        main img:not(.no-invert) {
+            @include img-invert;
+        }
     }
 }

data/_sass/_layout.scss

@@ -141,7 +141,7 @@ nav#post_next_prev {
 .linkToHeaderContainer {
     cursor: pointer;
     position: absolute;
-    opacity: 0;
+    opacity: 0.2;
 
     a {
         margin-left: -1em;

data/_sass/_nav.scss

@@ -257,3 +257,86 @@ nav.sidebar {
 .main-container * {
     scroll-margin-top: 2.5em;
 }
+
+
+.recent-posts {
+    display: flex;
+    flex-direction: column;
+    padding-left: 0;
+    align-items: center;
+
+    flex-wrap: wrap;
+    overflow-x: auto;
+
+    li {
+        ::before {
+            content: "";
+        }
+
+        list-style: none;
+
+        border: 1px solid var(--line-color-light);
+        border-radius: 4px;
+        padding-left: 12px;
+        padding-right: 12px;
+        margin-bottom: 4px;
+
+        h2 {
+            font-variant: small-caps;
+        }
+
+        .post-date {
+            float: right;
+            color: var(--text-color-faint);
+
+            // Ensure that there is space between the date and
+            // the post title.
+            margin-left: 30px;
+        }
+
+        .post-description {
+            color: var(--text-color-faint);
+            font-style: italic;
+            font-weight: 200;
+        }
+
+        .tags {
+            opacity: 0.7;
+            font-size: 0.8em;
+        }
+    }
+}
+
+// Scrollable grid layout for the recent posts widget.
+.recent-posts-grid {
+    max-height: 500px;
+
+    li {
+        max-width: Min(50vw, 500px);
+    }
+
+    @media screen and (max-width: 500px) {
+        max-height: 100vh;
+
+        li {
+            max-width: unset;
+        }
+    }
+}
+
+@media print {
+    .recent-posts {
+        display: none;
+
+        // Should we decide to show the recent posts,
+        // ensure that they're in a list format.
+        max-height: unset;
+        max-width: unset;
+        overflow-x: hidden;
+
+        li {
+            max-width: unset;
+            border: none;
+        }
+    }
+}

data/assets/js/layout/calendar.mjs

@@ -43,7 +43,7 @@ function getCalendarData(elem, formatElemLabels, dateHeaderTag) {
                 }
             }
             catch (e) {
-                 errored = true;
+                errored = true;
             }
 
             if (errored) {
@@ -277,7 +277,7 @@ class Calendar {
             return this.data_[i];
         }
 
-        return null;
+        return this.data_[this.data_.length - 1] ?? null;
     }
 
     /// Get an item in [data_] from [date], if [searchDate]

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: hematite
 version: !ruby/object:Gem::Version
-  version: 0.1.15
+  version: 0.1.16
 platform: ruby
 authors:
 - Henry Heino
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-06-05 00:00:00.000000000 Z
+date: 2022-09-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -47,6 +47,7 @@ files:
 - _includes/nav/pages_list.html
 - _includes/nav/pinned_page.html
 - _includes/nav/sidebar.html
+- _includes/recent_posts.html
 - _includes/scss/_fonts.scss
 - _includes/settings.html
 - _layouts/calendar.html