askclass-course-theme 0.2.0 → 0.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 88944da73226846738e890fd869201ead4c90ba175b15b5f84589280692f6249
-  data.tar.gz: 903afe597c3581bd5c2f47dd1dc810cd3bf9a31018adb946588e6ad6782adf33
+  metadata.gz: b9e7b81c7615d7a7080463b94806c55b7525236f9cb54dffcb92bae2350528b0
+  data.tar.gz: 1745fd369d3de94b043a049707ceeacb7e18210e7f475817c37e19454df637a4
 SHA512:
-  metadata.gz: e080960a5865377a9726c3bb6b4af43c63ddd022f601dbdf600daa10fbf859f8f780cac9fa5789a79389fc3069680b6e66bf7f6d92256bc874cd92ac46f31e78
-  data.tar.gz: 7d627370226b11b2129663257b326fc60e10e720599a94cec02ee4393d345014a0a172daf53404ac42ab7a16a435fbbcc1c210dded45ccfc25b3bf8a72c86268
+  metadata.gz: eae0d66205afb6e7451af62d29b04b1e2232996f3dbe1b841cfa5a0974d8f278282d9e604d26ca12227dc010db8aec15971c541b375e1029ff13f55bf6af93b8
+  data.tar.gz: 5e94ea3c1cbf1a02f64a0d184087cdd330311063eacba7a22b347f0644e0e1bc96cc6d392d7cf9527263fdcf9c317c6018b85fd575e7ab466fafbbf9be0e39dc

data/README.md

@@ -1,4 +1,4 @@
-# AskClass News Theme
+# AskClass Course Theme
 [![Deploy Jekyll]][Deploy Jekyll Link] [![Build]][Build Link] [![CodeQL]][CodeQL Link]
 
 Simple responsive Jekyll theme for a course syllabus.

data/_includes/header.html

@@ -2,11 +2,8 @@
   {%- include head/meta.html -%}
   {%- include head/common.html -%}
   {%- if page.collection == 'session' -%}
-  <link rel="preload" as="style" href="{{ 'assets/css/md.css' |  relative_url }}"
-        onload='this.onload=null;this.rel="stylesheet"' />
+  <link rel="stylesheet" href="{{ 'assets/css/session.css' |  relative_url }}" />
   {%- else -%}
-  <link rel="stylesheet" href="{{ 'assets/css/grid.css' |  relative_url }}" />
-  <link rel="stylesheet" href="{{ 'assets/css/tab.css' |  relative_url }}" />
+  <link rel="stylesheet" href="{{ 'assets/css/index.css' |  relative_url }}" />
   {%- endif -%}
-  <link rel="stylesheet" href="{{ 'assets/css/style.css' |  relative_url }}" />
 </head>

data/_sass/_default.scss

@@ -1,33 +1,3 @@
-$font-main: 'Open Sans', sans-serif;
-$font-secondary: 'Teko', sans-serif;
-$font-special: 'Josefin Sans', sans-serif;
-$font-mono: 'Share Tech Mono', monospace;
-$color-primary: aliceblue;
-$color-secondary: skyblue;
-$color-tertiary: #2cdd88;
-$color-bg: #222;
-$color-fg: ivory;
-$color-dark: gray;
-$color-link: deeppink;
-$color-theme: #ffc100;
-$content-width: 600px;
-
-html {
-  --specialFont: #{$font-special};
-  --mainFont: #{$font-main};
-  --secondaryFont: #{$font-secondary};
-  --monoFont: #{$font-mono};
-  --primaryColor: #{$color-primary};
-  --secondaryColor: #{$color-secondary};
-  --linkColor: #{$color-link};
-  --bgColor: #{$color-bg};
-  --fgColor: #{$color-fg};
-  --darkColor: #{$color-dark};
-  --contentWidth: #{$content-width};
-  --themeColor: #{$color-theme};
-  --tertiaryColor: #{$color-tertiary};
-}
-
 body {
   font-family: $font-main;
   font-size: 17px;
@@ -221,4 +191,3 @@ article.tiles {
     }
   }
 }
-

data/_sass/_post.scss

@@ -1,5 +1,6 @@
 article {
   max-width: var(--contentWidth);
+  width: 100%;
   display: flex;
   flex-direction: column;
   overflow-wrap: break-word;

data/_sass/_tab.scss

@@ -101,12 +101,11 @@ html {
       color: $color-fg;
     }
     .due {
-      display: flex;
+      display: inline-flex;
       align-items: center;
       border-radius: 5px;
       margin: 0 3px;
       padding: 2px 5px;
-      width: fit-content;
       .material-symbols-outlined {
         font-size: 1.3em;
         font-variation-settings: 'FILL' 1;
@@ -115,6 +114,9 @@ html {
         background-color: var(--darkColor);
       }
     }
+    small {
+      margin-left: 5px;
+    }
   }
   pre, code {
     color: inherit;

data/_sass/custom-variables.scss

@@ -0,0 +1,16 @@
+// Fonts are specified in _config.yml
+// $font-main: 'Open Sans', sans-serif;
+// $font-secondary: 'Teko', sans-serif;
+// $font-special: 'Josefin Sans', sans-serif;
+// $font-mono: 'Share Tech Mono', monospace;
+
+// Change colors
+// $color-primary: aliceblue;
+// $color-secondary: skyblue;
+// $color-tertiary: #2cdd88;
+// $color-bg: green;
+// $color-fg: ivory;
+// $color-dark: gray;
+// $color-link: deeppink;
+// $color-theme: #ffc100;
+// $content-width: 600px;

data/_sass/init.scss

@@ -0,0 +1,37 @@
+$font-main:         'Open Sans', sans-serif;
+$font-secondary:    'Teko', sans-serif;
+$font-special:      'Josefin Sans', sans-serif;
+$font-mono:         'Share Tech Mono', monospace;
+
+$color-primary:     aliceblue;
+$color-secondary:   skyblue;
+$color-tertiary:    #2cdd88;
+$color-bg:          #222;
+$color-fg:          ivory;
+$color-dark:        gray;
+$color-link:        deeppink;
+$color-theme:       #ffc100;
+
+$content-width:     600px;
+
+:root {
+  --specialFont:    #{$font-special};
+  --mainFont:       #{$font-main};
+  --secondaryFont:  #{$font-secondary};
+  --monoFont:       #{$font-mono};
+
+  --bgColor:        #{$color-bg};
+  --fgColor:        #{$color-fg};
+  --primaryColor:   #{$color-primary};
+  --secondaryColor: #{$color-secondary};
+  --tertiaryColor:  #{$color-tertiary};
+  --linkColor:      #{$color-link};
+  --darkColor:      #{$color-dark};
+  --themeColor:     #{$color-theme};
+
+  --contentWidth:   #{$content-width};
+}
+
+@import
+  "custom-variables",
+  "default";

data/assets/css/index.scss

@@ -0,0 +1,8 @@
+---
+---
+
+@import
+  "grid",
+  "tab",
+  "tab-colors",
+  "init";

data/assets/css/session.scss

@@ -0,0 +1,11 @@
+---
+---
+
+@import
+  "post",
+  "bullets",
+  "table",
+  "tab-colors",
+  "video",
+  "lesson",
+  "init";

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: askclass-course-theme
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.4.0
 platform: ruby
 authors:
 - AskClass
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-10-03 00:00:00.000000000 Z
+date: 2022-10-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -60,16 +60,15 @@ files:
 - _sass/_default.scss
 - _sass/_grid.scss
 - _sass/_lesson.scss
-- _sass/_paginator.scss
 - _sass/_post.scss
 - _sass/_tab-colors.scss
 - _sass/_tab.scss
 - _sass/_table.scss
 - _sass/_video.scss
-- assets/css/grid.scss
-- assets/css/md.scss
-- assets/css/style.scss
-- assets/css/tab.scss
+- _sass/custom-variables.scss
+- _sass/init.scss
+- assets/css/index.scss
+- assets/css/session.scss
 - assets/favicon.ico
 - assets/loading.svg
 - assets/logo-144.png

data/_sass/_paginator.scss

@@ -1,34 +0,0 @@
-$size-width: 150px;
-
-.paginator-container {
-  max-width: var(--contentWidth);
-  width: 100%;
-  display: flex;
-  justify-content: space-between;
-}
-
-.paginator {
-  width: $size-width;
-  a {
-    text-align: center;
-    display: block;
-    font-size: 14px;
-    line-height: 1.3;
-  }
-  img {
-    object-fit: cover;
-    width: 100%;
-    height: 100px;
-  }
-}
-
-.pull-left, .pull-right {
-  color: var(--darkColor);
-  display: flex;
-  align-items: end;
-  justify-content: flex-end;
-}
-
-.pull-left {
-  flex-direction: row-reverse;
-}

data/assets/css/grid.scss

@@ -1,5 +0,0 @@
----
----
-
-@import "grid";
-

data/assets/css/md.scss

@@ -1,10 +0,0 @@
----
----
-
-@import "post";
-@import "paginator";
-@import "bullets";
-@import "table";
-@import "tab-colors";
-@import "video";
-@import "lesson";

data/assets/css/style.scss

@@ -1,4 +0,0 @@
----
----
-
-@import "default";

data/assets/css/tab.scss

@@ -1,5 +0,0 @@
----
----
-
-@import "tab";
-@import "tab-colors";