askclass-news-theme 0.2.9 → 0.2.12

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fa810195c6d88cabcdab1f762396eea0c2a8620d39d8bae626168c3f6056b534
-  data.tar.gz: 4f98f4a2b5b51d58d88193a4a8b8a520dbb05173f0422be882c1717f5c7f7d7e
+  metadata.gz: 302096abbe006f941231d52dbd31bd7360ffe8126bbd69c3f39ba65d0cb8d1d5
+  data.tar.gz: 181aaa564d2c8f7e74cc91eba2b270e51980645637b39dae9aeea6640a9f6559
 SHA512:
-  metadata.gz: a1deabe9f8058a0621db3e0b1b50a88b8e637e12f62d66d25c710ad6ca65dd42b1b469db02e8d788a05984b0d33ac0179330fe30d16374ef412d64ad342e31ec
-  data.tar.gz: 23550cb56c4ad467199eb3341ed85954e05f5fd2519a997c022f60aa2791cbb9e7aaae0b58115d9f0e75e0fda539e0e45cebe1c47531fe54af98065066da27e7
+  metadata.gz: fcf9fdddcca27f5eec4a896bbc51a186b36356d3b92849ebbc34e74bd20fb29f626389bd93459d94a5b14652ca41a34375d415fd5ad7530b42456c71cf7f280d
+  data.tar.gz: 6f3414065f88e7095012b223f311b14d203b42cbe57b4bba0bde971d834ef1690c2fab04c06a815965fd4022a5917fe5c7b6e65f398ccd09901f811809a38915

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/_sass/_bullets.scss

@@ -1,9 +1,15 @@
-ol > li > ul > li {
-  list-style-type: disclosure-closed;
-}
-ol > li > ol > li {
-  list-style: lower-alpha;
+ol > li {
+  ul > li {
+    list-style-type: disclosure-closed;
+  }
+  ol > li {
+    list-style: lower-alpha;
+  }
 }
+
 ul > li > ul > li {
   list-style-type: square;
+  ul > li {
+    list-style-type: circle;
+  }
 }

data/_sass/_grid.scss

@@ -1,5 +1,5 @@
 $width: 180px;
-$height: 450px;
+$height: 180px;
 
 ul.grid {
   list-style-type: none;
@@ -19,6 +19,6 @@ ul.grid {
   img {
     object-fit: cover;
     width: 100%;
-    max-height: $height;
+    height: $height;
   }
 }

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/_post.scss

@@ -2,6 +2,8 @@ article {
   max-width: var(--contentWidth);
   display: flex;
   flex-direction: column;
+  overflow-wrap: break-word;
+  word-break: break-word;
   h1, h2, h3, h4 {
     color: var(--themeColor);
   }

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,18 +1,19 @@
-$odd: #3f3f3f;
-$header: #2f2f2f;
-$border: #333;
+$odd: #2a2a2a;
+$even: #2f2f2f;
 
 table {
-  border-bottom: 1px solid $border;
-  border-collapse: collapse;
+  table-layout: fixed;
   th {
-    background-color: $header;
+    background-color: $even;
   }
-  tr:nth-child(even) {
+  tr:nth-child(odd) {
     background-color: $odd;
   }
+  tr:nth-child(even) {
+    background-color: $even;
+  }
   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";
 

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

@@ -2,9 +2,9 @@
 layout: post
 title: "The Academy"
 category: Plato
-color: c1
+color: c8
 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"
+image: https://i.imgur.com/p3F1hWt.png
 source: "Columbia University Press"
 source_url: http://www.columbia.edu/itc/lithum/wong/plato.html
 ---

data/content/_posts/2022-06-18-card-colors.md

@@ -0,0 +1,75 @@
+---
+layout: post
+title: Card Colors
+category: Theme
+color: c10
+tags: theme colors
+image: https://i.imgur.com/3PXNluf.png
+---
+This theme has 10 colors. Five set of colors with a darker shade. `c9` and `c10` break the rule.
+<!--more-->
+
+<table>
+  <tbody>
+    <tr>
+      <td style="width: 50px; color: var(--c1)">c1</td>
+      <td style="width: 50px; background-color: var(--c1)">c1</td>
+      <td style="width: 50px; color: var(--c1); background-color: var(--fgColor)">c1</td>
+      <td style="width: 50px; background-color: var(--c1); color: var(--bgColor)">c1</td>
+    </tr>
+    <tr>
+      <td style="color: var(--c2)">c2</td>
+      <td style="background-color: var(--c2)">c2</td>
+      <td style="color: var(--c2); background-color: var(--fgColor)">c2</td>
+      <td style="background-color: var(--c2); color: var(--bgColor)">c2</td>
+    </tr>
+    <tr>
+      <td style="color: var(--c3)">c3</td>
+      <td style="background-color: var(--c3)">c3</td>
+      <td style="color: var(--c3); background-color: var(--fgColor)">c3</td>
+      <td style="background-color: var(--c3); color: var(--bgColor)">c3</td>
+    </tr>
+    <tr>
+      <td style="color: var(--c4)">c4</td>
+      <td style="background-color: var(--c4)">c4</td>
+      <td style="color: var(--c4); background-color: var(--fgColor)">c4</td>
+      <td style="background-color: var(--c4); color: var(--bgColor)">c4</td>
+    </tr>
+    <tr>
+      <td style="color: var(--c5)">c5</td>
+      <td style="background-color: var(--c5)">c5</td>
+      <td style="color: var(--c5); background-color: var(--fgColor)">c5</td>
+      <td style="background-color: var(--c5); color: var(--bgColor)">c5</td>
+    </tr>
+    <tr>
+      <td style="color: var(--c6)">c6</td>
+      <td style="background-color: var(--c6)">c6</td>
+      <td style="color: var(--c6); background-color: var(--fgColor)">c6</td>
+      <td style="background-color: var(--c6); color: var(--bgColor)">c6</td>
+    </tr>
+    <tr>
+      <td style="color: var(--c7)">c7</td>
+      <td style="background-color: var(--c7)">c7</td>
+      <td style="color: var(--c7); background-color: var(--fgColor)">c7</td>
+      <td style="background-color: var(--c7); color: var(--bgColor)">c7</td>
+    </tr>
+    <tr>
+      <td style="color: var(--c8)">c8</td>
+      <td style="background-color: var(--c8)">c8</td>
+      <td style="color: var(--c8); background-color: var(--fgColor)">c8</td>
+      <td style="background-color: var(--c8); color: var(--bgColor)">c8</td>
+    </tr>
+    <tr>
+      <td style="color: var(--c9)">c9</td>
+      <td style="background-color: var(--c9)">c9</td>
+      <td style="color: var(--c9); background-color: var(--fgColor)">c9</td>
+      <td style="background-color: var(--c9); color: var(--bgColor)">c9</td>
+    </tr>
+    <tr>
+      <td style="color: var(--c10)">c10</td>
+      <td style="background-color: var(--c10)">c10</td>
+      <td style="color: var(--c10); background-color: var(--fgColor)">c10</td>
+      <td style="background-color: var(--c10); color: var(--bgColor)">c10</td>
+    </tr>
+  </tbody>
+</table>

data/content/_writers/plato.md

@@ -2,7 +2,7 @@
 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"
+image: https://i.imgur.com/wzEZQ10.png
 ---
 
 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.

data/content/_writers/theme.md

@@ -0,0 +1,5 @@
+---
+layout: writer
+size: 50
+image: /assets/logo-icon.svg
+---

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: askclass-news-theme
 version: !ruby/object:Gem::Version
-  version: 0.2.9
+  version: 0.2.12
 platform: ruby
 authors:
 - AskClass
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-06-18 00:00:00.000000000 Z
+date: 2022-06-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -78,7 +78,9 @@ files:
 - assets/logo.svg
 - assets/site.webmanifest
 - content/_posts/2022-06-15-the-academy.md
+- content/_posts/2022-06-18-card-colors.md
 - content/_writers/plato.md
+- content/_writers/theme.md
 homepage: https://news.askclass.com
 licenses:
 - MPL-2.0