jekyll-theme-open-course 0.0.1 → 1.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 672c950af298f4e6ab72231c18f1fca8517725da814c8727dbae09ab5d67d0e8
-  data.tar.gz: 016b8cc97015cf4d2a4a757b95ff20a5cb1dd3cbdf61d398689f9ff332eb5ce4
+  metadata.gz: '0695b828b4a9c6cc6f7daf682989a2f9b2d6733dcef9e8f36132772bb4930090'
+  data.tar.gz: 3baf24cd2b52376168d0cdca5d05c34ebce51106d2c92268d4c93be5fb0884a4
 SHA512:
-  metadata.gz: 65f66f4ba3336d9bf076cbb46a3c579d9dfd037421222f2e13c9f8ccbdf2d647203d131c50b7306fa81d10ee1044d872974484b9b16d4eb3b79ba5aef58e9eaf
-  data.tar.gz: 7bb49fb79f4877ae2d82330a43f5e9a0d7fda44243928af6a6998803bcf3e8e5d97854e29c243a175f08c0e6a13bea82049a4062e8bfd1c40653bd335db99ae5
+  metadata.gz: 4de957ff6a9db42a0b97b8db8f679034d19f02efbb5219f8136bfca6716a87e19032ce92ed258cb4ab6794926ebb61103119d893d65821fe738f8230ac43a51b
+  data.tar.gz: a8db4a7d28aa773fcab866abda10c31647e004c771db152243fdd1a44c4c86a409fe4f74a2395a381b07981f7f12bdd23cccf4280c23fb239b7ddb1a42d775ea

data/Gemfile.lock

@@ -9,10 +9,10 @@ GEM
       eventmachine (>= 0.12.9)
       http_parser.rb (~> 0.6.0)
     eventmachine (1.2.7)
-    ffi (1.11.1)
+    ffi (1.11.3)
     forwardable-extended (2.6.0)
     http_parser.rb (0.6.0)
-    i18n (1.7.0)
+    i18n (1.8.1)
       concurrent-ruby (~> 1.0)
     jekyll (4.0.0)
       addressable (~> 2.4)
@@ -37,17 +37,17 @@ GEM
     kramdown-parser-gfm (1.1.0)
       kramdown (~> 2.0)
     liquid (4.0.3)
-    listen (3.2.0)
+    listen (3.2.1)
       rb-fsevent (~> 0.10, >= 0.10.3)
       rb-inotify (~> 0.9, >= 0.9.10)
     mercenary (0.3.6)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
-    public_suffix (4.0.1)
+    public_suffix (4.0.3)
     rb-fsevent (0.10.3)
-    rb-inotify (0.10.0)
+    rb-inotify (0.10.1)
       ffi (~> 1.0)
-    rouge (3.12.0)
+    rouge (3.14.0)
     safe_yaml (1.0.5)
     sassc (2.2.1)
       ffi (~> 1.9)

data/_config.yml

@@ -10,6 +10,7 @@ course:
   tagline: >
     Online course covering theory and principles of editing through intensive applied practice.
   term: Spring 2020
+  # Set `days: ""` (empty string) for weekly/asynchronous classes
   days:
     - Monday
     - Wednesday
@@ -28,9 +29,40 @@ course:
       Office hours via Basecamp Chat or Pings on Tuesdays, 4pm to 5pm, or by appointment or chance.
       I’m always signed into Basecamp and closely monitor my notifications. Message or email any
       time—I make students a priority, and I will repond as soon as I am able.
+  navigation:
+    - label: Calendar
+      href: "#this-week"
+      id: cal
+    - label: Projects
+      href: "projects/#current"
+      id: pro
+    - label: Policies
+      href: "policies/"
+      id: pol
+  css:
+    font-url: "https://use.typekit.net/pig5ein.css"
+
+collections_dir: syllabus
 
 collections:
-  - projects
+  weeks:
+  projects:
+  policies:
+    order:
+      - description.md
+      - goals.md
+      - outcomes.md
+      - objectives.md
+      - books.md
+      - materials.md
+      - special-needs.md
+      - participation.md
+      - assignment-submission.md
+      - late-work.md
+      - grading-policy.md
+      - grading-criteria.md
+      - technology-policy.md
+      - academic-integrity.md
 
 defaults:
   -
@@ -44,6 +76,7 @@ highlighter: using_prism_thanks
 exclude:
   - backstop_data
   - backstop.json
+  - exe
+  - lib
   - Rakefile
-  - "Gemfile*"
   - "*.gemspec"

data/_data/utility.yml

@@ -30,6 +30,6 @@ spelled_nums:
   - Twenty
   - Twenty-One
   - Twenty-Two
-  - Twenty-three
+  - Twenty-Three
   - Twenty-Four
   - Twenty-Five

data/_layouts/calendar.html

@@ -2,32 +2,49 @@
 layout: default
 ---
 {% assign util = site.data.utility %}
-<section class="primary">
-  <header>
-    <h2>Calendar</h2>
-  </header>
+{% 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 weeknum %}{% if week_int < 10 %}0{% endif %}{{ week_int }}{% endcapture %}
-  {% assign week = site.data.weeks[weeknum] %}
+  {% capture week_num %}{% if week_int < 10 %}0{% endif %}{{ week_int }}{% endcapture %}
+  {% assign week = site.weeks[forloop.index0] %}
+  {% assign expiry = entry.expires | date: "%s" %}
 
-  <article id="week-{{ weeknum }}" data-week="{{ entry.begins | date: '%U' }}" data-expires="{{ entry.expires }}">
-    <header>
-      <h3>
+  <!-- past dates? -->
+  <article class="week{% if current == true %} past{% endif %}" id="week-{{ week_num }}" data-week="{{ entry.begins | date: '%U' }}" data-expires="{{ entry.expires }}">
+    {% if today < expiry and current == true %}
+      <header id="this-week">
+      {% assign current = false %}
+    {% else %}
+      <header>
+    {% endif %}
+      <h2>
         {{ week.theme | escape }}
-      </h3>
-      <small>Week&nbsp;{{ util.spelled_nums[forloop.index] }}</small>
+      </h2>
+      <small>Week&nbsp;{{ util.spelled_nums[week_int] }}</small>
     </header>
+    <div class="agendas">
     {% for meeting in week.meetings %}
     <section class="agenda">
-      {% if site.course.days %}
+      {% if site.course.days.size > 0 %}
         {% assign day_key = site.course.days[forloop.index0] | downcase %}
         {% 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 %}
+        {% capture dateline %}{{ entry.begins | date: "%s" | plus: day_offset | date: "%A, %B %-e" }}{% endcapture %}
       {% else %}
-        {% capture dateline %}Discussion Topics for Week of {{ entry.begins | date: "%B %e" }}{% endcapture %}
+        {% capture dateline %}Agenda for the Week of {{ entry.begins | date: "%B %-e" }}{% endcapture %}
       {% endif %}
-      <h4>{{ dateline }}{% if meeting.video %} <a href="{{ meeting.video }}">Video</a>{% endif %}</h4>
+      <h3>{{ dateline }}{% if meeting.video %} <a href="{{ meeting.video }}">Video</a>{% endif %}</h3>
       <ol>
         {% for item in meeting.agenda %}
           <li>{{ item | markdownify | remove: "<p>" | remove: "</p>" | strip_newlines }}</li>
@@ -35,10 +52,34 @@ layout: default
       </ol>
     </section>
     {% endfor %}
+    </div>
+    {% assign be = entry.begins | date: "%s" %}
+    {% assign ex = entry.expires | date: "%s" %}
+    {% assign deliverables_li = "" %}
+
+    {%- capture deliverables_li -%}
+    {%- for project in projects -%}
+      {%- assign proj_int = forloop.index | times: 1 -%}
+      {%- capture proj_num -%}{%- if proj_int < 10 -%}0{%- endif -%}{{ proj_int }}{%- endcapture -%}
+      {%- 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>
+        {%- endif -%}
+      {%- endfor -%}
+    {%- endfor -%}
+    {%- endcapture -%}
 
+    {% if week.readings or week.tasks or deliverables_li.size > 1%}
     <aside class="assigned">
       <header>
         <h3>Assigned Work</h3>
+        {% 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">
@@ -60,8 +101,18 @@ layout: default
         </ol>
       </section>
       {% endif %}
+
+      {% if deliverables_li.size > 1 %}
+      <!-- {{ deliverables_li.size }} -->
+      <section class="deadlines">
+        <h4>Project Deadlines</h4>
+        <ol>
+          {{ deliverables_li }}
+        </ol>
+      </section>
+      {% endif %}
+
     </aside>
+    {% endif %}
   </article>
 {% endfor %}
-
-</section>

data/_layouts/default.html

@@ -1,45 +1,38 @@
 <!DOCTYPE html>
-<html lang="en" id="{{page.id}}" prefix="og: http://ogp.me/ns#">
+<html lang="en" id="{{page.id}}" prefix="og: http://ogp.me/ns#" class="loading">
 <head>{% assign course = site.course %}{% assign instructor = site.course.instructor %}
   <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" />
-  <link rel="stylesheet" href="{{ site.baseurl }}assets/css/screen.css" />
+  <link rel="stylesheet" href="{{ site.baseurl }}assets/css/screen.css" media="all"/>
   <link rel="stylesheet" href="{{ site.baseurl }}assets/css/print.css" media="print" />
   <!-- Open Graph -->
   <meta property="og:url" content="{{ site.url }}{{ site.baseurl }}" />
   <meta property="og:title" content="{{ course.number }}: {{ course.title }}" />
   <meta property="og:description" content="{{ course.tagline | strip_newlines }}" />
-  <meta property="og:image" content="{{ site.url }}{{ site.baseurl }}assets/img/{{ course.uid }}.png" />
+  <meta property="og:image" content="{{ site.url }}{{ site.baseurl }}{{ course.uid }}.png" />
   <meta property="og:image:type" content="image/png" />
   <meta property="og:type" content="website" />
 </head>
 <body>
 <header id="header">
-  <a rel="home" href="{{ site.url }}{{ site.baseurl }}">
-    <small>{{ course.number }}</small>
-    <h1>{{ course.title}}</h1>
-  </a>
+  <h1>
+    <a rel="home" href="{{ site.url }}{{ site.baseurl }}">{{ course.title}}</a>
+  </h1>
   <p class="tagline">
     {% if course.tagline %}{{ course.tagline }}{% endif %}
     Taught by <a href="#instructor">{{ instructor.title }} {{ instructor.name }}</a>,
     {{ course.term }}.
   </p>
-  <nav id="navigation">
+  <nav id="quick-nav">
+    <h3 id="nav-con"><a href="#content"><span class="access">Jump to</span> {{ page.title }}</a></h3>
     <ul class="nav">
-      <li id="nav-cal"><a href="{{ site.baseurl }}#this-week">Calendar</a></li>
-      <li id="nav-bcp"><a href="https://3.basecamp.com/3058761/projects/8576268">Basecamp</a></li>
-      <li id="nav-dem"><a href="https://github.com/itmd-362-2019">Demos</a></li>
-      <li id="nav-lnk"><a href="{{ site.baseurl }}#links">Links</a></li>
-      <li id="nav-pro"><a href="{{ site.baseurl }}projects/#current">Projects</a></li>
-      <li id="nav-pol"><a href="{{ site.baseurl }}policies/">Policies</a></li>
+      <li id="nav-nav"><a href="#full-nav"><span class="access">Jump to</span> Menu</a></li>
     </ul>
   </nav>
 </header>
 <main id="content">
-
   {{ content }}
-
 </main>
 
 <aside id="instructor">
@@ -58,13 +51,37 @@
   </ul>
 </aside>
 
+
 <footer id="footer">
-  <p class="fineprint">
-    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>.
-  </p>
+  <nav id="full-nav">
+    <h3>Navigation</h3>
+    <ul class="nav">
+      {% for nav in course.navigation %}
+      {% assign protocol = nav.href | slice: 0, 4 %}
+      {% if protocol == 'http' %}
+        {% assign fullhref = nav.href %}
+      {% else %}
+        {% capture fullhref %}{{ site.baseurl }}{{ nav.href }}{% endcapture %}
+      {% endif %}
+      <li id="nav-{{ nav.id }}"><a href="{{ fullhref }}">{{ nav.label }}</a></li>
+      {% endfor %}
+    </ul>
+  </nav>
+  <section id="colophon">
+    <h3>Colophon</h3>
+    <p class="fineprint">
+      Course syllabus by <a href="{{ instructor.url }}">{{ instructor.name }}</a>.
+      Licensed under
+      <a href="{{ course.license.url }}" rel="license">{{ course.license.name }}</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>
+<script src="{{ site.baseurl }}assets/js/site.js"></script>
 </body>
 </html>

data/_layouts/error.html

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

data/_layouts/policies.html

@@ -0,0 +1,17 @@
+---
+layout: default
+---
+
+
+{% for policy in site.policies %}
+{% if policy.content.size > 1 %}
+  {% assign filename = policy.path | split: "/" %}
+  {% assign slug = filename[1] | remove: ".md" %}
+  <article class="policy" id="{{ slug }}">
+    <header>
+      <h2>{{ policy.title }}</h2>
+    </header>
+    {{ policy.content }}
+  </article>
+{% endif %}
+{% endfor %}

data/_layouts/projects.html

@@ -0,0 +1,71 @@
+---
+layout: default
+---
+
+{% assign current = true %}
+{% assign today = "today" | date: "%s" %}
+
+{% 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 }}">
+  {% if today < dd and current == true %}
+    <header id="current">
+    {% assign current = false %}
+  {% else %}
+    <header>
+  {% endif %}
+    <h2>Project {{ site.data.utility.spelled_nums[forloop.index] }}: {{ project.title }}</h2>
+    <small>Due by {{ project.due_date | date: "%A, %B %-e, %Y"}}</small>
+  </header>
+
+  <section class="description {% if project.preview %}preview{% endif %}">
+    <h3>Project Description</h3>
+    {{ project.content }}
+  </section>
+
+  {% unless project.preview %}
+  {% if project.deliverables %}
+  <section class="deliverables">
+    <h3>Deliverables and Deadlines</h3>
+    <ol>
+    {% for deliverable in project.deliverables %}
+      <li>
+        {% if deliverable.deadline %}Due by <b>{{ deliverable.deadline | date: "%A, %B %-e"}}</b>: {% endif %}
+        {{ deliverable.action | markdownify | remove: "<p>" | remove: "</p>" | strip_newlines }}
+        {{ deliverable.description | markdownify | remove: "<p>" | remove: "</p>" | strip_newlines }}
+        {% if deliverable.details %}
+          <ul>
+            {% for detail in deliverable.details %}
+            <li> {{ detail | markdownify | remove: "<p>" | remove: "</p>" | strip_newlines }}</li>
+            {% endfor %}
+          </ul>
+        {% endif %}
+      </li>
+    {% endfor %}
+    </ol>
+  </section>
+  {% endif %}
+  {% if project.requirements %}
+  <section class="requirements">
+    <h3>Project Requirements</h3>
+    <ol>
+      {% for requirement in project.requirements %}
+      <li>{{ requirement | markdownify | remove: "<p>" | remove: "</p>" | strip_newlines }}</li>
+      {% endfor %}
+    </ol>
+  </section>
+  {% endif %}
+  {% if project.goals %}
+  <section class="goals">
+    <h3>Project Goals</h3>
+    <ul>
+    {% for goal in project.goals %}
+      <li>{{ goal | markdownify | remove: "<p>" | remove: "</p>" | strip_newlines }}</li>
+    {% endfor %}
+    </ul>
+  </section>
+  {% endif %}
+  {% endunless %}
+</article>
+{% endfor %}

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;
+}