askclass-news-theme 0.2.0 → 0.2.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 04ab0a742b4f5ad92ad983ea6232402d0d7b3680f88f1a3d900447fb5199d059
-  data.tar.gz: 6a7733536f26e2c35abc21dd1ad11204620d0707d34e9742a313e56d9bdc7e40
+  metadata.gz: 30695dc170c68778546db94cd907c9c1e2e1f67b726697dc5926768cc6018f64
+  data.tar.gz: e0027ef4e0b274527a5f4c75036acddbac47de4ccb88e341a9aa9500abbf2fcb
 SHA512:
-  metadata.gz: 408ef5fc8b97e65da1c8d1ea8e15644db507d3f4f8d88a9e72e53686b8e721b4c89c8ea3ee532ba37643d93b63acbe5f0349a7e6b7ba20197084c9c1a1b87c96
-  data.tar.gz: a6d6ecfb7fa12dec2c1d9d5368ca169cb88cbee9d1230bdd947c8423227f5ea40b0c88d78ef6d7658f9b2767b322ed7c61a99a8f0e638686444732a00b7f4e11
+  metadata.gz: dace346dd826e13722fc0a0cca89cd478dfc401faabe676c16f73221b8848de2ae89b05c3f1dc686004fb18e8763b2e56e807c45afd2fc6553f2644e6bfc9fff
+  data.tar.gz: cca267996538e16a91f2ddfc37835ee7707e7b7a958b50ce3b4ba0c8bdc9ad6bbe2c122edcca426c51503d1a7537d250faad9dc8e0c3ec9265c529c9a105a6ea

data/_config.yml

@@ -1,41 +1,55 @@
+# Custom fields
+title: "AskClass News"
+description: >
+  We are exploring the intersection between education and technology;
+  how innovations in cross-disciplinary learning and collaboration
+  will change the trajectory of our society toward love for
+  humanity and appreciation of life.
+
+acn:
+  date_format: "%b %d, %Y"
+  short_name: "AC News"
+  color:
+    theme: "#ffc100"
+    bg: "#222"
+  url: "https://news.askclass.com"
+  categories:
+    - education
+  social:
+    twitter: "askclass_com"
+  logo:
+    image: "logo-icon.svg"
+    size: 70
+    alt_image: "logo.svg"
+    alt_size: 200
+    sizes: [ 48, 96, 144, 192, 300, 512 ]
+  meta:
+    apple_icon: "logo-300.png"
+    og_image: "logo-square-300.png"
+    shortcut:
+      favicon: "favicon.ico"
+      type: "image/png"
+      image: "logo-96.png"
+  footer:
+    - icon: "copyright"
+      href: "https://askclass.com"
+      text: "AskClass"
+    - icon: "toys"
+      href: "https://app.askclass.com"
+      text: "Icebreakers"
+  font_families:
+    - Teko
+    - Open+Sans
+    - Josefin+Sans
+    - Share+Tech+Mono
+    - Material+Icons
+
 # Add the below to your _config.yml
 collections_dir: content
 collections:
   writers:
     output: true
 
-# Custom fields
-title: "AskClass News"
-description: "News and discussions on learning and education"
-site_url: "https://news.askclass.com"
-site_cat:
-  - education
-twitter: "askclass_com"
-logo:
-  image: "logo-icon.svg"
-  size: 70
-  alt_image: "logo.svg"
-  alt_size: 200
-color:
-  theme: "#ffc100"
-  bg: "#222"
-date_format: "%b %d, %Y"
-
-footer:
-  - icon: "copyright"
-    href: "https://askclass.com"
-    text: "AskClass"
-  - icon: "toys"
-    href: "https://app.askclass.com"
-    text: "Icebreakers"
-
-font_families:
-  - Teko
-  - Open+Sans
-  - Josefin+Sans
-  - Share+Tech+Mono
-  - Material+Icons
-
 # Theme
 excerpt_separator: "<!--more-->"
 
@@ -44,8 +58,9 @@ sass:
 
 exclude:
   - README.md
-  - LICENSE.txt
+  - LICENSE
   - Gemfile
   - askclass-news-theme.gemspec
   - CNAME
+  - runme.sh
 

data/_includes/footer.html

@@ -1,6 +1,6 @@
 <footer>
   <ul>
-    {% for item in site.footer %}
+    {% for item in site.acn.footer %}
     <li>
       <span class="material-icons">{{ item.icon }}</span>
       <a href="{{ item.href }}">{{ item.text }}</a>

data/_includes/grid.html

@@ -2,7 +2,7 @@
   {% for post in include.posts %}
     <li class="card-tab {{ post.color }}">
       <div class="top-bar">
-        {{ post.date | date: site.date_format }}
+        {{ post.date | date: site.acn.date_format }}
       </div>
       {% if post.icon %}
        <div class="tab"><span class="material-icons">{{ post.icon }}</span></div>
@@ -11,12 +11,11 @@
         <div class="tab">{{ words.size }}<small>words</small></div>
       {% endif %}
       <div class="header">
-        {% if post.writer %}
-          {{ post.writer }}
+        {% include writer.html info=post %}
+        {% if writer_url %}
+          <a href="{{ writer_url }}">{{ writer }}</a>
         {% else %}
-          <a href="/writers/{{ post.category | downcase }}">
-            {{ post.category | replace: "_", " " }}
-          </a>
+          {{ writer }}
         {% endif %}
       </div>
       <div class="body">

data/_includes/head/common.html

@@ -1,3 +1,6 @@
+{% assign acn = site.acn %}
+{% assign desc = page.excerpt | default: site.description | strip_html | strip_newlines %}
+{% assign families = acn.font_families | join: "&family=" %}
 
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width,initial-scale=1.0" />
@@ -8,32 +11,28 @@
   <meta name="mobile-web-app-capable" content="yes" />
   <meta name="apple-mobile-web-app-capable" content="yes" />
 
-  <meta name="theme-color" content="{{ site.color.theme }}" />
-  <meta name="apple-mobile-web-app-status-bar-style" content="{{ site.color.theme }}" />
+  <meta name="theme-color" content="{{ acn.color.theme }}" />
+  <meta name="apple-mobile-web-app-status-bar-style" content="{{ acn.color.theme }}" />
+  <meta name="description" content="{{ desc }}" />
 
   <meta property="og:site_name" content="{{ site.title }}" />
-  {% if site.twitter %}
-  <meta name="twitter:site" content="{{ site.twitter }}" />
+  <meta property="og:description" content="{{ desc }}" />
+  <meta property="og:title" content="{{ page.title | default: site.title }}" />
+  <meta property="og:url" content="{{ site.url }}{{ page.url }}" />
+  <meta property="og:image" content="{{ page.image | default: acn.meta.og_image }}" />
+  {% if acn.twitter %}
+  <meta name="twitter:site" content="{{ acn.social.twitter }}" />
   <meta name="twitter:card" content="summary_large_image">
   {% endif % %}
 
   <link rel="manifest" href="/assets/site.webmanifest" />
-  {% assign families = site.font_families | join: "&family=" %}
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family={{ families }}&display=swap" />
   <link rel="preconnect" href="https://fonts.googleapis.com" />
-  <link rel="shortcut icon" type="image/png" href="/assets/favicon.png" />
-  <link rel="icon" type="image/png" href="/assets/favicon.png" />
-  <link rel="icon" type="image/svg+xml" href="/assets/logo-icon.svg" />
-
-  <link rel="apple-touch-icon" href="/assets/logo-300.png" />
-  <link rel="apple-touch-icon" sizes="48x48" href="/assets/logo-48.png" />
-  <link rel="apple-touch-icon" sizes="96x96" href="/assets/logo-96.png" />
-  <link rel="apple-touch-icon" sizes="144x144" href="/assets/logo-144.png" />
-  <link rel="apple-touch-icon" sizes="192x192" href="/assets/logo-192.png" />
-  <link rel="apple-touch-icon" sizes="512x512" href="/assets/logo-512.png" />
-
-  <script type="module">
-    import 'https://cdn.jsdelivr.net/npm/@pwabuilder/pwaupdate';
-    const el = document.createElement('pwa-update');
-    document.body.appendChild(el);
-  </script>
+  <link rel="shortcut icon" href="/assets/{{ acn.meta.shortcut.favicon }}" />
+  <link rel="icon" type="{{ acn.meta.shotcut.type }}" href="/assets/{{ acn.meta.shortcut.image }}" />
+  <link rel="icon" type="image/svg+xml" href="/assets/{{ acn.logo.image }}" />
+
+  <link rel="apple-touch-icon" href="/assets/{{ acn.meta.apple_icon }}" />
+  {% for size in acn.logo.sizes %}
+  <link rel="apple-touch-icon" sizes="{{size}}x{{size}}" href="/assets/logo-{{size}}.png" />
+  {% endfor %}

data/_includes/head/meta.html

@@ -1,24 +1,11 @@
 {% if page.title %}
-  <title>{{ site.title }}: {{ page.title }}</title>
-  {% assign desc = page.excerpt | strip_html | strip_newlines %}
-  <meta name="description" content="{{ desc }}" />
-  <meta property="og:description" content="{{ desc }}" />
-  <meta property="og:title" content="{{ page.title }}" />
-  <meta property="og:url" content="{{ site.url }}{{ page.url }}" />
+  <title>{{ site.title }} &bull; {{ page.title }}</title>
   <meta property="og:type" content="article" />
   <meta property="og:article:author" content="{{ page.writer }}" />
   <meta property="og:article:published" content="{{ page.date }}" />
-  {% if page.image %}
-  <meta property="og:image" content="{{ page.image }}" />
-  {% endif %}
 {% elsif site.title %}
   <title>{{ site.title }}</title>
-  <meta name="description" content="{{ site.description }}" />
-  <meta property="og:description" content="{{ site.description }}" />
-  <meta property="og:title" content="{{ site.title }}" />
-  <meta property="og:url" content="{{ site.url }}" />
-  <meta property="og:image" content="/assets/logo-square-300.png" />
+  <meta property="og:type" content="website" />
   <meta property="og:image:width" content="300" />
   <meta property="og:image:height" content="300" />
-  <meta property="og:type" content="website" />
 {% endif %}

data/_includes/head/pwaupdate.html

@@ -0,0 +1,8 @@
+{% assign file = site.static_files | where: "path", "/pwabuilder-sw.js" %}
+{% if file.size != 0 %}
+  <script type="module">
+    import 'https://cdn.jsdelivr.net/npm/@pwabuilder/pwaupdate';
+    const el = document.createElement('pwa-update');
+    document.body.appendChild(el);
+  </script>
+{% endif %}

data/_includes/header.html

@@ -1,6 +1,7 @@
 <head>
   {% include head/meta.html %}
   {% include head/common.html %}
+  {% include head/pwaupdate.html %}
 
   <link href="{{ 'assets/css/style.css' |  relative_url }}" rel="stylesheet" />
 

data/_includes/logo.html

@@ -1,7 +1,7 @@
 <section class="center-align">
   <a href="/">
-    <img src="/assets/{{ include.image | default: site.logo.image }}"
-      width="{{ include.size | default: site.logo.size }}"
+    <img src="/assets/{{ include.image | default: site.acn.logo.image }}"
+      width="{{ include.size | default: site.acn.logo.size }}"
       title="{{ site.title }}"/>
   </a>
   <h3 class="special">{{ include.title | default: site.title }}</h3>

data/_includes/writer.html

@@ -0,0 +1,5 @@
+{% assign _value = include.info.writer | default: include.info.category %}
+{% assign writer = _value | default: 'Ghostwriter' | replace: "_", " " %}
+{% if include.info.category %}
+  {% assign writer_url = writer | downcase | replace: " ", "_" | prepend: "/writers/" %}
+{% endif %}

data/_layouts/post.html

@@ -12,15 +12,13 @@
           {% endif %}
 
           <h1>{{ page.title }}</h1>
-          <small>{{ page.date | date: "%b %m, %Y" }}</small>
-          {% if page.writer %}
-            <h5>{{ page.writer }}</h5>
-          {% elsif page.category %}
-            <h5><a href="/writers/{{ page.category | downcase }}">
-              {{ page.category | replace: "_", " " }}
-            </a></h5>
+          <small>{{ page.date | date: site.acn.date_format }}</small>
+
+          {% include writer.html info=page %}
+          {% if writer_url %}
+            <h5><a href="{{ writer_url }}">{{ writer }}</a></h5>
           {% else %}
-            <h5>Ghost Writer</h5>
+            <h5>{{ writer }}</h5>
           {% endif %}
         </header>
 

data/_layouts/writer.html

@@ -12,7 +12,16 @@
 <html lang="en">
   {% include header.html %}
   <body>
-    {% include logo.html image=site.logo.alt_image size=site.logo.alt_size title=author %}
+    {% include logo.html image=site.acn.logo.alt_image size=site.acn.logo.alt_size title=author %}
+
+    {% if content %}
+    <article class="{{ page.style | default: 'center' }}" >
+      {% if page.image %}
+        <img src="{{ page.image }}" alt="{{ author }}" width="{{ page.size }}" height="{{ page.size }}"/>
+      {% endif %}
+      {{ content }}
+    </article>
+    {% endif %}
 
     {% if posts.size and author %}
       {% include grid.html posts=posts %}

data/_sass/_default.scss

@@ -171,3 +171,19 @@ footer {
     }
   }
 }
+
+article {
+  &.center {
+    @include align-center();
+  }
+  &.center img {
+    border-radius: 50%;
+    object-fit: cover;
+  }
+  &.left img {
+    float: left;
+    object-fit: cover;
+    margin: 5px 10px 0 0;
+    display: inline-block;
+  }
+}

data/_sass/_grid.scss

@@ -7,6 +7,7 @@ ul.grid {
   display: grid;
   grid-gap: 1rem;
   grid-template-columns: repeat(auto-fit, minmax($width, 1fr));
+  clear: both;
 
   li {
     position: relative;

data/assets/site.webmanifest

@@ -1,15 +1,15 @@
 ---
 ---
 {
-  "background_color": "{{ site.color.bg }}",
-  "theme_color": "{{ site.color.theme }}",
+  "background_color": "{{ site.acn.color.bg }}",
+  "theme_color": "{{ site.acn.color.theme }}",
   "name": "{{ site.title }}",
-  "short_name": "{{ site.title }}",
-  "categories": [ "{{ site.site_cat | join: '","' }}" ],
+  "short_name": "{{ site.acn.short_name }}",
+  "categories": [ "{{ site.acn.categories | join: '","' }}" ],
   "display": "standalone",
   "scope": "/",
   "start_url": "/",
-  "description": "{{ site.description }}",
+  "description": "{{ site.description | strip_newlines }}",
   "orientation": "portrait-primary",
   "dir": "auto",
   "icons": [

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

@@ -14,7 +14,7 @@ Founded the Academy (c.387<sub>B.C.</sub>) in Athens, the most influential and i
 A pupil and friend of Socrates, and taught one of the greatest philosopher, Aristotle.
 <!--more-->
 
-Plato produced 35 dialogues and 13 letters works including:
+Plato produced 35 dialogues and 13 letters including:
 
 - Early (Socratic dialogues):
   - The Apology
@@ -31,7 +31,8 @@ Plato produced 35 dialogues and 13 letters works including:
   - The Laws
   - Parmenides
 
-In <cite>The Republic</cite> he argues for the philosopher-king because only a philosopher
-"understands the harmony of all parts of the universe with the Idea of the Good, is capable of ruling the just state."
+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,5 +1,8 @@
 ---
 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.

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: askclass-news-theme
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.2.3
 platform: ruby
 authors:
 - AskClass
@@ -38,10 +38,12 @@ files:
 - _includes/grid.html
 - _includes/head/common.html
 - _includes/head/meta.html
+- _includes/head/pwaupdate.html
 - _includes/header.html
 - _includes/logo.html
 - _includes/post/nextprev.html
 - _includes/post/paginator.html
+- _includes/writer.html
 - _layouts/default.html
 - _layouts/page.html
 - _layouts/post.html