jekyll-theme-open-course 1.2.1 → 2.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7b09a6cad886465d099731b73e29af902f0090bd7dd2ea5fa205605db2985d79
-  data.tar.gz: 78eebd7ecb8fcad3138444969f987b3bff2ceeb402114e502bbc523a4c1f860e
+  metadata.gz: 716df6bf04c275d4007f6d4e949423fa8c98ff93fcfaf8853b817582f7d07978
+  data.tar.gz: 21964c6358a01696074d03252a050c5340ed8aab96f3efd8ac0f6a969b961f22
 SHA512:
-  metadata.gz: b70ff525e5feffc9c4717a1756af5ab92a21fdb095a8f425ecb18e822391a2e8a0345a84d9917c578f8fe249ea99c00516434542f467a43be458e3d970ba98ea
-  data.tar.gz: '0795071f2df2501ed8799f2420ca96223aaaa8319ce7c97f86369cd6977a437fe8536d9b97bc12721317636fcdd9a1a01ca7e821d52f97217fa3a52a8d82ed92'
+  metadata.gz: b91575da3506b994cc3ad35960d222b3fd35c2cb3b503e93f3e4d119362d79d860eb9f5cd36ae0e079f286ced418cc391b9f630239d6a509448cce61605c43b3
+  data.tar.gz: 66cb78d35083548cb234b6d037f760c15737b8e19b2c35aba406279e91e3d394756597180d6bcc6e0b5afbca7ac8219a9ca5b5269ac88d10ca351d8e9cde1aa5

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

@@ -30,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>
@@ -44,7 +44,7 @@ layout: default
       {% else %}
         {% capture dateline %}Agenda for the Week of {{ entry.begins | date: "%B %-e" }}{% endcapture %}
       {% endif %}
-      <h3>{{ dateline }}{% if meeting.video %} <a href="{{ meeting.video }}">Video</a>{% endif %}</h3>
+      <h3>{{ dateline }}{% if meeting.video %} <a href="{{ meeting.video }}"><svg class="youtube" aria-label="YouTube"><use href="#youtube"></use></svg>Video</a>{% endif %}</h3>
       <ol>
         {% for item in meeting.agenda %}
           <li>{{ item | markdownify | remove: "<p>" | remove: "</p>" | strip_newlines }}</li>
@@ -116,3 +116,6 @@ layout: default
     {% endif %}
   </article>
 {% endfor %}
+
+  <!-- Youtube Icon via https://www.flaticon.com/free-icon/youtube_2111795 -->
+  <svg xmlns='http://www.w3.org/2000/svg' class="unused"><path id="youtube" d='m23.469 5.929.03.196c-.29-1.029-1.073-1.823-2.068-2.112l-.021-.005c-1.871-.508-9.4-.508-9.4-.508s-7.51-.01-9.4.508c-1.014.294-1.798 1.088-2.083 2.096l-.005.021c-.699 3.651-.704 8.038.031 11.947l-.031-.198c.29 1.029 1.073 1.823 2.068 2.112l.021.005c1.869.509 9.4.509 9.4.509s7.509 0 9.4-.509c1.015-.294 1.799-1.088 2.084-2.096l.005-.021c.318-1.698.5-3.652.5-5.648 0-.073 0-.147-.001-.221.001-.068.001-.149.001-.23 0-1.997-.182-3.951-.531-5.846zm-13.861 9.722v-7.293l6.266 3.652z'/></svg>

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>
 
 
@@ -73,7 +88,12 @@
       Course syllabus by <a href="{{ instructor.url }}">{{ instructor.name }}</a>.
       Licensed under
       <a href="{{ course.license.url }}" rel="license">{{ course.license.name }}</a>.
-      <a id="github" href="{{ instructor.github }}{{ course.uid }}">Source hosted on GitHub</a>.
+      {% if course.archive %}
+        {% assign github_url = course.archive %}
+      {% else %}
+        {% capture github_url %}{{ instructor.github }}{{ course.uid }}{% endcapture %}
+      {% endif %}
+      <a id="github" href="{{ github_url }}">Source hosted on GitHub</a>.
     </p>
   </section>
 </footer>

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,112 @@
+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;
+}
+
+.unused {
+  display: none;
+}

data/_sass/_colors.scss

@@ -0,0 +1,192 @@
+$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 {
+  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: inherit;
+  color: $acnt-color;
+  color: var(--color-acnt);
+}
+.youtube {
+  color: pink;
+  fill: $acnt-color;
+  fill: 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);
+}
+a:active .youtube,
+a:focus .youtube,
+a:hover .youtube {
+  fill: $back-color;
+  fill: var(--color-back);
+}
+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);
+}