jekyll-theme-open-course 1.1.0 → 2.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7c44228f16269009a36ed91cb93d45493edda39485bce1bcb768a07a22945fb2
-  data.tar.gz: 74ee9d5d5fe34e59b200b6d865c764faa1c55cea6b2f940661ecc8ee7cf566f5
+  metadata.gz: 277429bbed449fd4841a55008adc8a23a7a101f9472fed5b405283ac3342fc35
+  data.tar.gz: b83d166d23153223f25188e44e350118fccfa9c9e96c3fe8359a8643b9663785
 SHA512:
-  metadata.gz: 7aebe324212b4fc8513f218d6298c05a8ea3f0a67f8941a58af242d81aa5169803668f0749d7bd254c6ac18e3828a4e91ccd227f24bbc297c8425046b126c48a
-  data.tar.gz: 29acc9e346bd4d78206878b98394d63b7474c12c1302f2d38da50559bc1e67d2cf02d5092e808db984df4e88863eda618285c53c8d50ac2aea2638b41463a637
+  metadata.gz: 03cde5dc9c13f83b602216ff0914fe6e0c853a4ad021d585fbf1478797736c23c9e823b81d1eaf18ca440bad77aa086c378c8ed0697f892570f2372a5667b500
+  data.tar.gz: 12f65374891260bc273c4bd1e6016507edb3260687d87b849a1c9f4ed1cff2e7b7ea108f812ce35a565cf69c39b4a5ec97fe9a3c82407a14d12f5f0322d0b3c3

data/Gemfile.lock

@@ -4,56 +4,58 @@ GEM
     addressable (2.7.0)
       public_suffix (>= 2.0.2, < 5.0)
     colorator (1.1.0)
-    concurrent-ruby (1.1.5)
+    concurrent-ruby (1.1.7)
     em-websocket (0.5.1)
       eventmachine (>= 0.12.9)
       http_parser.rb (~> 0.6.0)
     eventmachine (1.2.7)
-    ffi (1.11.3)
+    ffi (1.13.1)
     forwardable-extended (2.6.0)
     http_parser.rb (0.6.0)
-    i18n (1.8.1)
+    i18n (1.8.5)
       concurrent-ruby (~> 1.0)
-    jekyll (4.0.0)
+    jekyll (4.1.1)
       addressable (~> 2.4)
       colorator (~> 1.0)
       em-websocket (~> 0.5)
-      i18n (>= 0.9.5, < 2)
+      i18n (~> 1.0)
       jekyll-sass-converter (~> 2.0)
       jekyll-watch (~> 2.0)
       kramdown (~> 2.1)
       kramdown-parser-gfm (~> 1.0)
       liquid (~> 4.0)
-      mercenary (~> 0.3.3)
+      mercenary (~> 0.4.0)
       pathutil (~> 0.9)
       rouge (~> 3.0)
       safe_yaml (~> 1.0)
       terminal-table (~> 1.8)
-    jekyll-sass-converter (2.0.1)
+    jekyll-sass-converter (2.1.0)
       sassc (> 2.0.1, < 3.0)
     jekyll-watch (2.2.1)
       listen (~> 3.0)
-    kramdown (2.1.0)
+    kramdown (2.3.0)
+      rexml
     kramdown-parser-gfm (1.1.0)
       kramdown (~> 2.0)
     liquid (4.0.3)
     listen (3.2.1)
       rb-fsevent (~> 0.10, >= 0.10.3)
       rb-inotify (~> 0.9, >= 0.9.10)
-    mercenary (0.3.6)
+    mercenary (0.4.0)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
-    public_suffix (4.0.3)
-    rb-fsevent (0.10.3)
+    public_suffix (4.0.5)
+    rb-fsevent (0.10.4)
     rb-inotify (0.10.1)
       ffi (~> 1.0)
-    rouge (3.14.0)
+    rexml (3.2.4)
+    rouge (3.22.0)
     safe_yaml (1.0.5)
-    sassc (2.2.1)
+    sassc (2.4.0)
       ffi (~> 1.9)
     terminal-table (1.8.0)
       unicode-display_width (~> 1.1, >= 1.1.1)
-    unicode-display_width (1.6.0)
+    unicode-display_width (1.7.0)
 
 PLATFORMS
   ruby
@@ -62,4 +64,4 @@ DEPENDENCIES
   jekyll
 
 BUNDLED WITH
-   1.17.2
+   2.1.4

data/_config.yml

@@ -40,7 +40,7 @@ course:
       href: "policies/"
       id: pol
   css:
-    font-url: "https://use.typekit.net/pig5ein.css"
+    font-url: "https://use.typekit.net/qqk1feg.css"
 
 collections_dir: syllabus
 

data/_layouts/calendar.html

@@ -4,13 +4,21 @@ layout: default
 {% assign util = site.data.utility %}
 {% assign projects = site.projects %}
 
+{% assign week_count = site.data.calendar | size %}
+{% assign final_week = week_count | minus: 1 %}
+
+{% assign today = "today" | date: "%s" %}
+{% assign last_expiry = site.data.calendar[final_week].expires | date: "%s" %}
+
 {% assign current = true %}
+{% if today > last_expiry %}
+  {% assign current = false %}
+{% endif %}
 
 {% for entry in site.data.calendar %}
   {% assign week_int = forloop.index | times: 1 %}
   {% capture week_num %}{% if week_int < 10 %}0{% endif %}{{ week_int }}{% endcapture %}
   {% assign week = site.weeks[forloop.index0] %}
-  {% assign today = "today" | date: "%s" %}
   {% assign expiry = entry.expires | date: "%s" %}
 
   <!-- past dates? -->
@@ -22,7 +30,7 @@ layout: default
       <header>
     {% endif %}
       <h2>
-        {{ week.theme | escape }}
+        {{ week.theme | markdownify | remove: "<p>" | remove: "</p>" | strip_newlines }}
       </h2>
       <small>Week&nbsp;{{ util.spelled_nums[week_int] }}</small>
     </header>
@@ -66,7 +74,12 @@ layout: default
     <aside class="assigned">
       <header>
         <h3>Assigned Work</h3>
-        <small>Due {{ entry.expires | date: "%A, %B %-e" }}</small>
+        {% if entry.due_date %}
+          {% assign due_date = entry.due_date %}
+        {% else %}
+          {% assign due_date = entry.expires %}
+        {% endif %}
+        <small>Due {{ due_date | date: "%A, %B %-e" }}</small>
       </header>
       {% if week.readings %}
       <section class="readings">

data/_layouts/default.html

@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html lang="en" id="{{page.id}}" prefix="og: http://ogp.me/ns#" class="loading">
-<head>{% assign course = site.course %}{% assign instructor = site.course.instructor %}
+<head>{% assign course = site.course %}{% assign instructor = site.course.instructor %}{% assign ta = site.course.ta %}
   <meta charset="utf-8" />
   <title>{{ course.number }}: {% if page.title %}{{ page.title}}{% else %}{{ course.title }}{% endif %}</title>
   <meta name="viewport" content="width=device-width,initial-scale=1.0,shrink-to-fit=no" />
@@ -17,7 +17,7 @@
 <body>
 <header id="header">
   <h1>
-    <a rel="home" href="{{ site.url }}{{ site.baseurl }}">{{ course.title}}</a>
+    <a rel="home" href="{{ site.url }}{{ site.baseurl }}">{{ course.title}}</a>{% if page.title %}: {{ page.title}}{% endif %}
   </h1>
   <p class="tagline">
     {% if course.tagline %}{{ course.tagline }}{% endif %}
@@ -42,13 +42,28 @@
   <ul>
     <li>
       <a href="{{ instructor.url }}">{{ instructor.honorific }} {{ instructor.name }}</a>,
-      {{ site.course.instructor.full_title | escape }}
+      {{ instructor.full_title | escape }}
     </li>
     <li><a href="mailto:{{ instructor.email }}">{{ instructor.email }}</a></li>
     <li id="office-hours">
       {{ instructor.office_hours }}
     </li>
   </ul>
+  {% if ta.name %}
+  <header>
+    <h3>Teaching Assistant</h3>
+  </header>
+  <ul>
+    <li>
+      {% if ta.url %}<a href="{{ ta.url }}">{% endif %}{{ ta.name }}{% if ta.url %}</a>{% endif %},
+      {{ ta.full_title | escape }}
+    </li>
+    <li><a href="mailto:{{ ta.email }}">{{ ta.email }}</a></li>
+    <li id="ta-office-hours">
+      {{ ta.office_hours }}
+    </li>
+  </ul>
+  {% endif %}
 </aside>
 
 

data/_layouts/links.html

@@ -0,0 +1,10 @@
+---
+layout: default
+---
+
+<article class="links">
+  <header>
+    <h2>{{ page.title }}</h2>
+  </header>
+  {{ content }}
+</article>

data/_layouts/projects.html

@@ -8,7 +8,7 @@ layout: default
 {% for project in site.projects %}
 {% assign dd = project.due_date | date: "%s" %}
 
-<article class="project" id="project-{{ site.data.utility.spelled_nums[forloop.index] | downcase }}">
+<article class="project {{project.level}}" id="project-{{ site.data.utility.spelled_nums[forloop.index] | downcase }}">
   {% if today < dd and current == true %}
     <header id="current">
     {% assign current = false %}

data/_sass/_base.scss

@@ -0,0 +1,108 @@
+body {
+  line-height: $base-line;
+}
+
+h1,h2,h3,h4,h5,h6 {
+  font-weight: bold;
+}
+h1 {
+  padding-top: $base-line / 2;
+}
+h1 small,
+h1 b {
+  display: block;
+  font-weight: normal;
+}
+h3,
+h4 {
+  text-transform: uppercase;
+  padding-bottom: $base-line / 4;
+}
+h4 {
+  text-transform: none;
+}
+
+p,li {
+  padding-bottom: $base-line;
+  -webkit-hyphens: auto;
+  hyphens: auto;
+}
+
+li {
+  padding-bottom: $base-line / 2;
+}
+ol, ul {
+  padding-bottom: $base-line / 2;
+}
+
+ol ol,
+ol ul,
+ul ol,
+ul ul {
+  padding-top: $base-line / 2;
+  padding-bottom: 0;
+  padding-left: $base-line;
+}
+
+ol ul > li,
+ul ul > li,
+.with::before {
+  margin-left: -($base-line * 1.25);
+}
+ul {
+  list-style-type: square;
+}
+ol {
+  list-style-type: decimal;
+}
+ul, .with::before {
+  list-style-type: none;
+}
+ul li, .with::before {
+  position: relative;
+  padding-left: $base-line;
+  margin-left: -($base-line);
+}
+ul li::before {
+  content: "■";
+  position: absolute;
+  left: $base-line * 0.3;
+  top: -($base-line * 0.065);
+}
+
+ol, .with::before {
+  list-style-type: none;
+  counter-reset: enumerated;
+}
+ol > li, .with::before {
+  position: relative;
+  padding-left: $base-line;
+  margin-left: -($base-line);
+  counter-increment: enumerated;
+}
+ol > li::before {
+  font-weight: bold;
+  content: counter(enumerated) "";
+  position: absolute;
+  left: -($base-line * 0.0375);
+  text-align: right;
+  width: 1em;
+}
+
+b, strong {
+  font-weight: bold;
+}
+
+cite, em, i {
+  font-style: italic;
+}
+code {
+  font-family: Menlo, Monaco, "Droid Sans Mono", Courier, "Courier New", monospace;
+  font-size: 0.85em;
+  hyphens: none;
+}
+
+.access {
+  position: absolute;
+  left: -10000px;
+}

data/_sass/_colors.scss

@@ -0,0 +1,195 @@
+$text-color: #321207;
+$back-color: #F6EACB;
+$spot-color: #6C1F55;
+$acnt-color: #B34523;
+$gray-color: #73664E; /* #7F7F7F; */
+$gray-alter: darken($gray-color, 10%);
+$link-under: transparentize($spot-color, 0.65);
+$curr-color: darken($back-color, 8%);
+
+// Dark mode
+$dk-text-color: #DEDEDE;
+$dk-back-color: #111;
+$dk-spot-color: #FFB700;
+$dk-acnt-color: #FF764D;
+$dk-gray-color: #9E9E9E;
+$dk-link-under: transparentize($dk-spot-color, 0.25);
+$dk-curr-color: darken($dk-gray-color, 45%);
+
+
+// CSS Variables
+html,
+html.light {
+  --color-text: #{$text-color};
+  --color-back: #{$back-color};
+  --color-spot: #{$spot-color};
+  --color-acnt: #{$acnt-color};
+  --color-gray: #{$gray-color};
+  --color-curr: #{$curr-color};
+  --color-altg: #{$gray-alter};
+  --color-link: #{$link-under};
+  --color-navi: #{$gray-color};
+  --color-nava: #{$back-color};
+}
+html.dark {
+  --color-text: #{$dk-text-color};
+  --color-back: #{$dk-back-color};
+  --color-spot: #{$dk-spot-color};
+  --color-acnt: #{$dk-acnt-color};
+  --color-gray: #{$dk-gray-color};
+  --color-curr: #{$dk-curr-color};
+  --color-altg: #{$dk-gray-color};
+  --color-link: #{$dk-link-under};
+  --color-navi: #{$dk-gray-color};
+  --color-nava: #{$dk-back-color};
+}
+@media screen and (prefers-color-scheme: dark) {
+  html {
+    --color-text: #{$dk-text-color};
+    --color-back: #{$dk-back-color};
+    --color-spot: #{$dk-spot-color};
+    --color-acnt: #{$dk-acnt-color};
+    --color-gray: #{$dk-gray-color};
+    --color-curr: #{$dk-curr-color};
+    --color-altg: #{$dk-gray-color};
+    --color-link: #{$dk-link-under};
+    --color-navi: #{$dk-gray-color};
+    --color-nava: #{$dk-back-color};
+  }
+}
+
+html {
+  transition: color 0.5s, background-color 0.5s;
+  color: $text-color;
+  color: var(--color-text);
+  background-color: $back-color;
+  background-color: var(--color-back);
+}
+ol > li::before,
+ul li::before {
+  color: $acnt-color;
+  color: var(--color-acnt);
+}
+a {
+  color: $spot-color;
+  color: var(--color-spot);
+}
+@supports (text-decoration-color: red) {
+  a {
+    color: inherit;
+    text-decoration-color: $spot-color;
+    text-decoration-color: var(--color-spot);
+  }
+}
+#header h1 a {
+  color: $spot-color;
+  color: var(--color-spot);
+}
+.nav a {
+  border: 1px solid $acnt-color;
+  border: 1px solid var(--color-acnt);
+  color: $gray-color;
+  color: var(--color-navi);
+}
+.nav a:hover,
+.nav a:focus,
+.nav a:active,
+#calendar #nav-cal a,
+#policies #nav-pol a,
+#projects #nav-pro a {
+  background-color: $acnt-color;
+  background-color: var(--color-acnt);
+  color: $back-color;
+  color: var(--color-nava);
+}
+
+.recommended,
+.project .description,
+.project .goals,
+.week .agenda,
+.fine-print {
+  color: $gray-color;
+  color: var(--color-gray);
+}
+.current {
+  transition: background-color 0.5s;
+  background-color: $curr-color;
+  background-color: var(--color-curr);
+}
+.week.current .agenda {
+  color: $gray-alter;
+  color: var(--color-altg);
+}
+#btn-show-calendar,
+.agenda h3 a {
+  color: $back-color;
+  color: var(--color-back);
+  background-color: $acnt-color;
+  background-color: var(--color-acnt);
+}
+#btn-show-calendar {
+  background-color: $back-color;
+  background-color: var(--color-back);
+  color: $gray-color;
+  color: var(--color-gray);
+  border: 1px solid $gray-color;
+  border: 1px solid var(--color-gray);
+}
+#btn-show-calendar:active,
+#btn-show-calendar:focus,
+#btn-show-calendar:hover {
+  background-color: $gray-color;
+  background-color: var(--color-gray);
+  color: $back-color;
+  color: var(--color-back);
+}
+.agenda h3 a {
+  background-color: $back-color;
+  background-color: var(--color-back);
+  border: 1px solid $acnt-color;
+  border: 1px solid var(--color-acnt);
+  color: $acnt-color;
+  color: var(--color-acnt);
+}
+.agenda h3 a:active,
+.agenda h3 a:focus,
+.agenda h3 a:hover {
+  background-color: $acnt-color;
+  background-color: var(--color-acnt);
+  color: $back-color;
+  color: var(--color-back);
+}
+.agenda h3 a::before {
+  color: $gray-color;
+  color: var(--color-gray);
+}
+header small {
+  color: $spot-color;
+  color: var(--color-spot);
+}
+.week > header small {
+  color: $gray-color;
+  color: var(--color-gray);
+}
+#header,
+#footer,
+#instructor {
+  color: $gray-color;
+  color: var(--color-gray);
+}
+#header .nav {
+  color: $text-color;
+  color: var(--color-text);
+}
+#header #theme-button {
+  background-color: $text-color;
+  background-color: var(--color-text);
+  border-color: $text-color;
+  border-color: var(--color-text);
+  color: $back-color;
+  color: var(--color-back);
+}
+#header #theme-button svg {
+  fill: $back-color;
+  fill: var(--color-back);
+}