askclass-news-theme 0.3.0 → 0.4.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e914d6ff6255614ac81e2a9582fbfbf51684f23d406560e105a83cc1b6297c98
-  data.tar.gz: 83000ebcdb654ef0cc61877b111530f56c42fabd280c7c3d1a0c0d2072415d8f
+  metadata.gz: ea2d50e15e02b83afc318974b71d6a5641c816d686bb47dc84db630ab3fb8cea
+  data.tar.gz: eafbe510f5dc6dc298111942e419c54b16bed33a315c56fa22dbbfe5925d6dc4
 SHA512:
-  metadata.gz: d2ed0efca9f7af7ccd7aaf4f271e5f33e99f3137d70b1280534ca5b13574e512091085c98323f49de11d829787b7f907a4f6c5bea22c99eefb3f5ebb25d077db
-  data.tar.gz: 2d7c1d57ad5a60031b07a48b6b8f2db31c646b9bbb737839a34d9437bd97de90030583cce31924e01a955d2e2ffc2ee9b2ca1c719bd41788b2b6a6be3c9fd260
+  metadata.gz: 7db0f6b3d5b38789ea9cbb6e69ff42276ccc683b05241984a3e5f8d2f621096db2ba70beac84a508eb2713c332d9f0c7d9a5e0f514e4fc98ddea6771f2560fda
+  data.tar.gz: 34ecfb00cdd09fed9a2561b70416c9cc9750bf26f6bd55bb5cc07138ca1ac9cf4cd8d05099ba5236ed4b98b622d57eed3fa808194e546399af65b41f708f067d

data/_config.yml

@@ -2,8 +2,8 @@
 title: "AskClass News"
 description: >
   Exploring the intersection between education and technology;
-  how innovations in cross-disciplinary learning reorients the
-  trajectory of our society toward love and appreciation of life.
+  how innovations in cross-disciplinary learning reorients our
+  trajectory toward love and appreciation of life.
 
 acn:
   date_format: "%b %d, %Y"
@@ -11,7 +11,7 @@ acn:
   color:
     theme: "#ffc100"
     bg: "#222"
-  url: "https://news.askclass.com"
+  url: "https://acn.askclass.com"
   categories:
     - education
   social:
@@ -56,18 +56,40 @@ acn:
     - Share+Tech+Mono
     - Material+Icons
 
-# Add the below to your _config.yml
 collections_dir: content
 collections:
   writers:
     output: true
+  hashtags:
+    output: true
 
-# Theme
+ignore_theme_config: false
 excerpt_separator: "<!--more-->"
+permalink: /:year/:month/:day/:title
+
+defaults:
+  - scope:
+      type: "hashtags"
+    values:
+      layout: "hashtag"
+  - scope:
+      type: "writers"
+    values:
+      layout: "writer"
+  - scope:
+      type: "posts"
+    values:
+      layout: "post"
 
 sass:
   style: compact
 
+include:
+  - index.html
+  - 404.html
+  - pwabuilder-sw.js
+  - content
+
 exclude:
   - README.md
   - LICENSE

data/_includes/grid.html

@@ -32,7 +32,7 @@
         {% if post.tags %}
           <div class="tags">
           {% for tag in post.tags %}
-            <small>{{ tag }}</small>
+            <small><a href="/hashtags/{{ tag }}">{{ tag }}</a></small>
           {% endfor %}
           </div>
         {% endif %}

data/_includes/logo.html

@@ -4,5 +4,9 @@
       width="{{ include.size | default: site.acn.logo.size }}"
       title="{{ site.title }}"/>
   </a>
+  {%- if include.href %}
+  <h3 class="special"><a href="{{ include.href }}">{{ include.title | default: site.title }}</a></h3>
+  {% else %}
   <h3 class="special">{{ include.title | default: site.title }}</h3>
+  {% endif -%}
 </section>

data/_includes/post/nextprev.html

@@ -1,18 +1,24 @@
-{% assign p = page[include.p] %}
-{% if p %}
+{%- assign p = page[include.p] -%}
 <div class="paginator">
-  {% if include.p == 'next' %}
-    {% assign align = 'pull-left' %}
-    {% assign arrow = 'before' %}
-  {% else %}
-    {% assign align = 'pull-right' %}
-    {% assign arrow = 'next' %}
-  {% endif %}
+  {%- if include.p == 'next' -%}
+    {%- assign align = 'pull-left' -%}
+    {%- assign arrow = 'before' -%}
+    {%- assign indicator = 'Newer' -%}
+  {%- else -%}
+    {%- assign align = 'pull-right' -%}
+    {%- assign arrow = 'next' -%}
+    {%- assign indicator = 'Older' -%}
+  {%- endif -%}
+  {%- if p %}
   <div class="{{ align }}">
-    <span>{{ include.p | capitalize }}</span>
+    <span>{{ indicator }}</span>
     <span class="material-icons">navigate_{{ arrow }}</span>
   </div>
-  <img src="{{ p.image }}" width="100%" alt="{{ p.title }}" />
-  <a href="{{ p.url }}">{{ p.title }}</a>
+  <a href="{{ p.url }}">
+    <img src="{{ p.image }}" width="100%" alt="{{ p.title }}" />
+    {{ p.title }}
+  </a>
+  {%- else %}
+  <div class="{{ align }}">&nbsp;</div>
+  {% endif -%}
 </div>
-{% endif %}

data/_layouts/hashtag.html

@@ -0,0 +1,33 @@
+<!doctype html>
+<html lang="en">
+  {% include header.html -%}
+  <body>
+    {%- assign url = page.url | split: '/' -%}
+    {%- assign tag = url.last -%}
+    {%- for t in site.tags -%}
+      {%- if t[0] != tag -%}
+        {%- continue -%}
+      {%- endif -%}
+      {%- assign posts = t[1] -%}
+      {%- break -%}
+    {%- endfor -%}
+
+    {% include logo.html image=site.acn.logo.alt_image size=site.acn.logo.alt_size title=tag href='/hashtags' -%}
+    {%- if posts.size -%}
+      {% include grid.html posts=posts %}
+    {%- else -%}
+      {%- capture site_tags -%}
+        {% for tag in site.tags %}{{ tag[0] }}{% unless forloop.last %},{% endunless %}{% endfor -%}
+      {% endcapture -%}
+      {% assign tags_list = site_tags | split: ',' | sort_natural -%}
+      <article class="tiles">
+        <ul>
+          {%- for item in tags_list -%}
+            <li><a href="/hashtags/{{ item }}">{{ item }}<sup>{{ site.tags[item].size }}</sup></a></li>
+          {%- endfor -%}
+        </ul>
+      </article>
+    {%- endif -%}
+    {%- include footer.html %}
+  </body>
+</html>

data/_layouts/post.html

@@ -27,7 +27,7 @@
         {% if page.tags %}
         <div class="spacer tags">
           {% for tag in page.tags %}
-            <small>{{ tag }}</small>
+            <small><a href="/hashtags/{{ tag }}">{{ tag }}</a></small>
           {% endfor %}
         </div>
         {% endif %}

data/_sass/_default.scss

@@ -186,3 +186,34 @@ article {
     display: inline-block;
   }
 }
+
+article.tiles {
+  ul {
+    list-style-type: none;
+    padding-inline-start: unset;
+    display: grid;
+    grid-gap: 1rem;
+    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
+    li {
+      padding: 5px;
+      margin: 5px;
+      border-radius: 5px;
+      text-align: center;
+      background-color: $themeColor;
+      height: 60px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      a {
+        color: $bgColor;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        word-break: break-word;
+      }
+      sup {
+        vertical-align: 3px;
+      }
+    }
+  }
+}
+

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: askclass-news-theme
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.4.2
 platform: ruby
 authors:
 - AskClass
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-06-20 00:00:00.000000000 Z
+date: 2022-06-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -46,6 +46,7 @@ files:
 - _includes/post/paginator.html
 - _includes/writer.html
 - _layouts/default.html
+- _layouts/hashtag.html
 - _layouts/page.html
 - _layouts/post.html
 - _layouts/writer.html