jekyll-theme-open-course 2.1.0 → 2.4.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: dce31a904e04f5079b9ef8c34bb35673248562e2ce1fb798c9c0a3c303e2b9b7
-  data.tar.gz: 3c52758a7d62f5f68b89241f089b777c7ed6c982d9b98a8c8f4f1d9320d76904
+  metadata.gz: 0135b4b3a4c69ae35e2a8f3aa97e8812132d5e6a8d06d64e47287c4d69b424f6
+  data.tar.gz: e237839af2f4826d83e1862204faf58c00ccfe884e1db45c06a1c101162f5e61
 SHA512:
-  metadata.gz: 3edd7a5b87a7b43c098b833124f5a295921ad24a609bd386e0dc977b48bfa4c3e44d781b1b603cc1915c35918ba170beae4d774df9d373daf7c1bef24849e876
-  data.tar.gz: 18fa94cfc445465b2f243388e8015c6731bf2572b075724c18684d7a592dae9756b6d29467111317850364b96d756dca65b784b6cc9f71645fc6427b0e09fa97
+  metadata.gz: 06daa44f00563b62c66f355fed2bf628ba00a0519e1a71951311e439b7f17131024813b5558ddc37e39d4e24173ddf4371c6b62622adf865089132c2047aa11d
+  data.tar.gz: c1e398996f82f0d0b874ad598776d50d6b29f497cf95de27e2875ad370e3d8871d16bca123ae9924786db5d79f22d37179cac5de4c3ec01b7a9b1e38d01fc395

data/Gemfile.lock

@@ -4,56 +4,56 @@ GEM
     addressable (2.7.0)
       public_suffix (>= 2.0.2, < 5.0)
     colorator (1.1.0)
-    concurrent-ruby (1.1.7)
-    em-websocket (0.5.1)
+    concurrent-ruby (1.1.8)
+    em-websocket (0.5.2)
       eventmachine (>= 0.12.9)
       http_parser.rb (~> 0.6.0)
     eventmachine (1.2.7)
-    ffi (1.13.1)
+    ffi (1.15.0)
     forwardable-extended (2.6.0)
     http_parser.rb (0.6.0)
-    i18n (1.8.5)
+    i18n (1.8.10)
       concurrent-ruby (~> 1.0)
-    jekyll (4.1.1)
+    jekyll (4.2.0)
       addressable (~> 2.4)
       colorator (~> 1.0)
       em-websocket (~> 0.5)
       i18n (~> 1.0)
       jekyll-sass-converter (~> 2.0)
       jekyll-watch (~> 2.0)
-      kramdown (~> 2.1)
+      kramdown (~> 2.3)
       kramdown-parser-gfm (~> 1.0)
       liquid (~> 4.0)
       mercenary (~> 0.4.0)
       pathutil (~> 0.9)
       rouge (~> 3.0)
       safe_yaml (~> 1.0)
-      terminal-table (~> 1.8)
+      terminal-table (~> 2.0)
     jekyll-sass-converter (2.1.0)
       sassc (> 2.0.1, < 3.0)
     jekyll-watch (2.2.1)
       listen (~> 3.0)
-    kramdown (2.3.0)
+    kramdown (2.3.1)
       rexml
     kramdown-parser-gfm (1.1.0)
       kramdown (~> 2.0)
     liquid (4.0.3)
-    listen (3.2.1)
+    listen (3.5.1)
       rb-fsevent (~> 0.10, >= 0.10.3)
       rb-inotify (~> 0.9, >= 0.9.10)
     mercenary (0.4.0)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
-    public_suffix (4.0.5)
-    rb-fsevent (0.10.4)
+    public_suffix (4.0.6)
+    rb-fsevent (0.11.0)
     rb-inotify (0.10.1)
       ffi (~> 1.0)
-    rexml (3.2.4)
-    rouge (3.22.0)
+    rexml (3.2.5)
+    rouge (3.26.0)
     safe_yaml (1.0.5)
     sassc (2.4.0)
       ffi (~> 1.9)
-    terminal-table (1.8.0)
+    terminal-table (2.0.0)
       unicode-display_width (~> 1.1, >= 1.1.1)
     unicode-display_width (1.7.0)
 

data/_layouts/calendar.html

@@ -42,9 +42,9 @@ layout: default
         {% assign day_offset = site.data.utility.day_offsets[day_key] | times: 1 %}
         {% capture dateline %}{{ entry.begins | date: "%s" | plus: day_offset | date: "%A, %B %-e" }}{% endcapture %}
       {% else %}
-        {% capture dateline %}Agenda for the Week of {{ entry.begins | date: "%B %-e" }}{% endcapture %}
+        {% 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>
@@ -64,7 +64,7 @@ layout: default
       {%- for deliverable in project.deliverables -%}
         {%- assign dl = deliverable.deadline | date: "%s" -%}
         {%- if dl >= be and dl <= ex -%}
-          <li class="deadline">Project {{ util.spelled_nums[proj_int] }}: {{ deliverable.action | markdownify | remove: "<p>" | remove: "</p>" | strip_newlines }} (Due by {{ deliverable.deadline | date: "%A, %B %-e" }})</li>
+          <li class="deadline">Project {{ util.spelled_nums[proj_int] }}: {{ deliverable.action | markdownify | remove: "<p>" | remove: "</p>" | strip_newlines }} <b>Due by {{ deliverable.deadline | date: "%A, %B&nbsp;%-e" }}</b>.</li>
         {%- endif -%}
       {%- endfor -%}
     {%- endfor -%}
@@ -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

@@ -59,7 +59,7 @@
       {{ ta.full_title | escape }}
     </li>
     <li><a href="mailto:{{ ta.email }}">{{ ta.email }}</a></li>
-    <li id="office-hours">
+    <li id="ta-office-hours">
       {{ ta.office_hours }}
     </li>
   </ul>
@@ -88,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/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,116 @@
+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;
+}
+/* TODO: Square this with selector in _typography partial */
+/*
+b, strong {
+  font-weight: bold;
+}
+*/
+a[href^="mailto"] {
+  hyphens: none;
+}
+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: $link-under;
+    text-decoration-color: var(--color-link);
+  }
+}
+#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: $acnt-color;
+  background-color: var(--color-acnt);
+  border-color: $acnt-color;
+  border-color: var(--color-acnt);
+  color: $back-color;
+  color: var(--color-back);
+}
+#header #theme-button svg {
+  fill: $back-color;
+  fill: var(--color-back);
+}