jekyll: release-notes utility

Signed-off-by: CrazyMax <[email protected]>

Author: crazy-max

_includes/release-notes.md

@@ -0,0 +1,27 @@
+{% assign data = site.data.release-notes[page.datafile] %}
+
+{%- for release in data.releases %}
+## {{ release.version | remove: "v" }}
+
+<em class="release-date">{{ release.date }}</em>
+
+<table class="release-notes"><tbody>
+{%- for entry in release.entries %}
+  <tr>
+    <td><span class="release-tag release-tag-{{ entry.type }}">{{ entry.type | upcase }}</span></td>
+    <td>
+      {{ entry.content | markdownify }}
+      <ul class="fa-ul">
+        {%- for issue in entry.issues %}{% assign issue_sp = issue | split: "#" %}
+        <li>
+          <span class="fa-li"><i class="fa-brands fa-github"></i></span><a href="https://github.com/{{ issue_sp.first }}/issues/{{ issue_sp.last }}" target="_blank" rel="noopener" class="_">{{ issue_sp.first }}#{{ issue_sp.last }}</a>
+        </li>
+        {%- endfor %}
+      </ul>
+    </td>
+  </tr>
+{%- endfor %}
+</tbody></table>
+
+> See [full release notes](https://github.com/{{ data.repo }}/releases/tag/{{ release.version }}){:target="_blank" rel="noopener" class="_"} for more details.
+{% endfor -%}

_scss/_night-mode.scss

@@ -17,7 +17,8 @@ body.night {
     }
 
     .rating-nero-value,
-    .reading-time {
+    .reading-time,
+    .release-date {
         color: $body-text-night !important;
     }
 

_scss/_release-notes.scss

@@ -0,0 +1,54 @@
+.release-date {
+  font-size: 12px;
+  color: rgba(13, 86, 125, 0.55);
+}
+
+table.release-notes {
+  margin-top: 0;
+  margin-bottom: 0.5em;
+  tr {
+    td:first-child {
+      vertical-align: top;
+      text-align: right;
+      width: 6em;
+    }
+    td {
+      padding: 0.5em;
+      p {
+        margin: 0;
+      }
+    }
+  }
+  ul {
+    margin-top: 0.5em;
+  }
+}
+
+span {
+  &.release-tag {
+    border-radius: .25rem;
+    margin-right: .15em;
+    color: #fff;
+    display: inline-block;
+    background-color: $light-palette-grey-400;
+    font-size: 75%;
+    font-weight: bold;
+    line-height: 1;
+    padding: .25em .4em;
+    text-align: center;
+    vertical-align: baseline;
+    white-space: nowrap;
+
+    &.release-tag-new {
+      background-color: $light-palette-green-400;
+    }
+
+    &.release-tag-improved {
+      background-color: $light-palette-blue-400;
+    }
+
+    &.release-tag-fixed {
+      background-color: $light-palette-amber-400;
+    }
+  }
+}

assets/css/style.scss

@@ -20,3 +20,4 @@
 @import "mobile";
 @import "notes";
 @import "upgrade-cta";
+@import "release-notes";