askclass-news-theme 0.2.11 → 0.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 87ceac90b702a8384dcd2b7d812bd8fe21ed2833715eda09e2629e8e5c765065
-  data.tar.gz: f389e1119ee521fcf212db1f4c518ebce4385b51799a3240cb79a4a4a05a2193
+  metadata.gz: fe2831ba003b1d4e6dee8eb49bdbbea8b1ef9daaaa6f73cab331ec15bd9b9981
+  data.tar.gz: c06277f57206b19c316507ffa198859ef16d8f2420d6c57b9a249c6c42aa21a2
 SHA512:
-  metadata.gz: d9ba7bccabd64ae3a888187ac38b00735f953201a92690bec4be1b6361f61fc6c650d2aee4e659cbc44ea86056cdc1aefa6661a4296668221df48a5c988111d7
-  data.tar.gz: ea67395d78a7420434df1f5f2b2d909c789e4d8ea4dc8f0dc743eba393a04f6705dea828b9854ce3d7f79518d72d9b8145199f95748775a5750f1d4e1ed452c1
+  metadata.gz: '03180d790acd0b4526e9e2307b688fcc685759a03f3e518295336cce2a7cb33d7b084a3a5a50f09cf7759ce4136ec70294df58eed5fa2942de292a8bcf16ce97'
+  data.tar.gz: df3f0c2b3d8cd4409046ea1cf8e208d9dd78d6c09aa12b4e14a08a6406a184bbaaedd19950a9392575da2a8b0703cde14296942cb92dc9f789a2e01020e016a2

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
 
+keep_files:
+  - index.html
+  - 404.html
+  - pwabuilder-sw.js
+  - content
+
 exclude:
   - README.md
   - LICENSE

data/_includes/foot/mathjax.html

@@ -0,0 +1,2 @@
+<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
+<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

data/_includes/footer.html

@@ -1,10 +1,12 @@
+
 <footer>
   <ul>
-    {% for item in site.acn.footer %}
+    {% for item in site.acn.footer -%}
     <li>
       <span class="material-icons">{{ item.icon }}</span>
       <a href="{{ item.href }}">{{ item.text }}</a>
     </li>
-    {% endfor %}
+    {%- endfor %}
   </ul>
 </footer>
+{% include foot/mathjax.html -%}

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/header.html

@@ -2,13 +2,11 @@
   {% include head/meta.html %}
   {% include head/common.html %}
   {% include head/pwaupdate.html %}
-
-  <link href="{{ 'assets/css/style.css' |  relative_url }}" rel="stylesheet" />
-
   {% if page.collection == 'posts' %}
   <link href="{{ 'assets/css/md.css' | relative_url }}" rel="stylesheet" />
   {% else %}
   <link href="{{ 'assets/css/grid.css' |  relative_url }}" rel="stylesheet" />
   <link href="{{ 'assets/css/tab.css' |  relative_url }}" rel="stylesheet" />
   {% endif %}
+  <link href="{{ 'assets/css/style.css' |  relative_url }}" rel="stylesheet" />
 </head>

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,31 @@
+<!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 -%}
+    {%- if posts.size -%}
+      {% include grid.html posts=posts %}
+    {%- else -%}
+      <article class="tiles">
+        <ul>
+          {%- for t in site.tags -%}
+            <li><a href="/hashtags/{{ t[0] }}">{{ t[0] }}<sup>{{ t[1].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 %}
@@ -37,7 +37,8 @@
           <span class="material-icons">source</span>
           <div>
             Source:
-            <a target="_blank" href="{{ page.source_url }}">{{ page.source }}</a>
+            <a target="_blank" rel="noopener noreferrer"
+              href="{{ page.source_url }}">{{ page.source }}</a>
           </div>
         </div>
         {% endif %}

data/_sass/_default.scss

@@ -186,3 +186,27 @@ 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: 10px;
+      margin: 5px;
+      border-radius: 5px;
+      text-align: center;
+      background-color: $secondaryColor;
+      a {
+        color: $bgColor;
+      }
+      sup {
+        vertical-align: 3px;
+      }
+    }
+  }
+}
+

data/_sass/_grid.scss

@@ -1,5 +1,5 @@
 $width: 180px;
-$height: 150px;
+$height: 180px;
 
 ul.grid {
   list-style-type: none;

data/_sass/_paginator.scss

@@ -15,6 +15,11 @@ $width: 150px;
     font-size: 14px;
     line-height: 1.3;
   }
+  img {
+    object-fit: cover;
+    width: 100%;
+    height: 100px;
+  }
 }
 
 .pull-left, .pull-right {

data/_sass/_tab-colors.scss

@@ -9,10 +9,23 @@ $c8: #598B2C;
 $c9: #9B2226;
 $c10: #B18FCF;
 
+html {
+  --c1: #{$c1};
+  --c2: #{$c2};
+  --c3: #{$c3};
+  --c4: #{$c4};
+  --c5: #{$c5};
+  --c6: #{$c6};
+  --c7: #{$c7};
+  --c8: #{$c8};
+  --c9: #{$c9};
+  --c10: #{$c10};
+}
+
 @mixin paint($color) {
   background-image: linear-gradient(225deg, $color 50%, transparent 50%);
   border-top-color: $color;
-  .control {
+  .control, .header {
     .button {
       background-color: $color;
     }

data/_sass/_tab.scss

@@ -57,7 +57,7 @@ html {
 }
 
 .header {
-  margin: 0px 50px 0 5px;
+  margin: 4px 50px 0 5px;
   text-align: left;
   line-height: 1;
   height: 30px;
@@ -93,6 +93,9 @@ html {
       color: $fg;
     }
   }
+  pre, code {
+    color: inherit;
+  }
 }
 
 .control {

data/_sass/_table.scss

@@ -1,13 +1,10 @@
 $odd: #2a2a2a;
 $even: #2f2f2f;
-$border: #333;
 
 table {
-  border-bottom: 2px solid $border;
-  border-collapse: collapse;
   table-layout: fixed;
   th {
-    background-color: $border;
+    background-color: $even;
   }
   tr:nth-child(odd) {
     background-color: $odd;
@@ -17,6 +14,6 @@ table {
   }
   td, th {
     vertical-align: top;
-    padding: 5px;
+    padding: 7px;
   }
 }

data/assets/css/md.scss

@@ -5,4 +5,5 @@
 @import "paginator";
 @import "bullets";
 @import "table";
+@import "tab-colors";
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: askclass-news-theme
 version: !ruby/object:Gem::Version
-  version: 0.2.11
+  version: 0.4.0
 platform: ruby
 authors:
 - AskClass
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-06-18 00:00:00.000000000 Z
+date: 2022-06-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -34,6 +34,7 @@ files:
 - LICENSE
 - README.md
 - _config.yml
+- _includes/foot/mathjax.html
 - _includes/footer.html
 - _includes/grid.html
 - _includes/head/common.html
@@ -45,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
@@ -77,9 +79,7 @@ files:
 - assets/logo-square-96.png
 - assets/logo.svg
 - assets/site.webmanifest
-- content/_posts/2022-06-15-the-academy.md
-- content/_writers/plato.md
-homepage: https://news.askclass.com
+homepage: https://acn.askclass.com
 licenses:
 - MPL-2.0
 metadata: {}

data/content/_posts/2022-06-15-the-academy.md

@@ -1,36 +0,0 @@
----
-layout: post
-title: "The Academy"
-category: Plato
-color: c1
-tags: philosopy bio
-image: "https://upload.wikimedia.org/wikipedia/commons/thumb/7/75/Anselm_Feuerbach_-_Das_Gastmahl._Nach_Platon_%28zweite_Fassung%29_-_Google_Art_Project.jpg/1280px-Anselm_Feuerbach_-_Das_Gastmahl._Nach_Platon_%28zweite_Fassung%29_-_Google_Art_Project.jpg"
-source: "Columbia University Press"
-source_url: http://www.columbia.edu/itc/lithum/wong/plato.html
----
-
-Plato, a Greek philosopher who lived for a time at the Syracuse court. Founded the Academy (c.387<sub>B.C.</sub>) in Athens, the most influential and important learning instituion where he taught until his death in 347<sub>B.C.</sub>. A pupil and friend of Socrates, and taught one of the greatest philosopher, Aristotle.
-<!--more-->
-
-Plato produced 35 dialogues and 13 letters including:
-
-- Early (Socratic dialogues):
-  - The Apology
-  - Meno
-  - Gorgias
-
-- Middle dialogues:
-  - The Republic
-  - Phaedo
-  - Symposium
-  - Timaeus
-
-- Later dialogues:
-  - The Laws
-  - Parmenides
-
-In his magnum opus, <cite>The Republic</cite> Plato argues for the philosopher-king as best kind of ruler;
-only a philosopher "understands the harmony of all parts of the universe with the Idea of the Good,"
-and therefore, "is capable of ruling the just state."
-
-> Virtue consists in the harmony of the human soul with the universe of Ideas, which assure order, intelligence, and pattern to a world in constant flux. Supreme among them is the Idea of the Good, analogous to the sun in the physical world.

data/content/_writers/plato.md

@@ -1,8 +0,0 @@
----
-layout: writer
-size: 100
-style: center
-image: "https://upload.wikimedia.org/wikipedia/commons/thumb/8/88/Plato_Silanion_Musei_Capitolini_MC1377.jpg/800px-Plato_Silanion_Musei_Capitolini_MC1377.jpg"
----
-
-Ancient Greek philosopher Plato was a student of Socrates and a teacher of Aristotle. His writings explored justice, beauty and equality, and also contained discussions in aesthetics, political philosophy, theology, cosmology, epistemology and the philosophy of language. Plato founded the Academy in Athens, one of the first institutions of higher learning in the Western world.