jekyll-theme-open-course 0.0.1 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile.lock +6 -6
  3. data/_config.yml +35 -2
  4. data/_data/utility.yml +1 -1
  5. data/_layouts/calendar.html +68 -17
  6. data/_layouts/default.html +39 -22
  7. data/_layouts/error.html +10 -0
  8. data/_layouts/policies.html +17 -0
  9. data/_layouts/projects.html +71 -0
  10. data/_sass/_base.scss +108 -0
  11. data/_sass/_colors.scss +190 -0
  12. data/_sass/_fonts.scss +10 -0
  13. data/_sass/_typography.scss +358 -0
  14. data/assets/css/print.css +26 -24
  15. data/assets/css/screen.scss +22 -0
  16. data/assets/js/site.js +289 -0
  17. data/assets/js/sw.js +220 -0
  18. data/exe/jtoc +76 -0
  19. data/lib/jtoc.rb +177 -0
  20. data/lib/starter_files/_config.yml.erb +84 -0
  21. data/lib/starter_files/_data/calendar.yml.erb +6 -0
  22. data/lib/starter_files/_data/utility.yml +35 -0
  23. data/lib/starter_files/index.md.erb +5 -0
  24. data/lib/starter_files/offline/index.md +7 -0
  25. data/lib/starter_files/syllabus/_policies/academic-integrity.md +3 -0
  26. data/lib/starter_files/syllabus/_policies/assignment-submission.md +3 -0
  27. data/lib/starter_files/syllabus/_policies/books.md +17 -0
  28. data/lib/starter_files/syllabus/_policies/description.md +3 -0
  29. data/lib/starter_files/syllabus/_policies/goals.md +3 -0
  30. data/lib/starter_files/syllabus/_policies/grading-criteria.md +3 -0
  31. data/lib/starter_files/syllabus/_policies/grading-policy.md +3 -0
  32. data/lib/starter_files/syllabus/_policies/late-work.md +3 -0
  33. data/lib/starter_files/syllabus/_policies/materials.md +17 -0
  34. data/lib/starter_files/syllabus/_policies/objectives.md +3 -0
  35. data/lib/starter_files/syllabus/_policies/outcomes.md +3 -0
  36. data/lib/starter_files/syllabus/_policies/participation.md +3 -0
  37. data/lib/starter_files/syllabus/_policies/special-needs.md +3 -0
  38. data/lib/starter_files/syllabus/_policies/technology-policy.md +3 -0
  39. data/lib/starter_files/syllabus/_projects/project-00.md.erb +23 -0
  40. data/lib/starter_files/syllabus/_weeks/week-00.md.erb +11 -0
  41. data/projects/index.md +1 -30
  42. metadata +39 -26
  43. data/_data/weeks/01.yml +0 -21
  44. data/_data/weeks/02.yml +0 -1
  45. data/_data/weeks/03.yml +0 -1
  46. data/_data/weeks/04.yml +0 -1
  47. data/_data/weeks/05.yml +0 -1
  48. data/_data/weeks/06.yml +0 -1
  49. data/_data/weeks/07.yml +0 -1
  50. data/_data/weeks/08.yml +0 -1
  51. data/_data/weeks/09.yml +0 -1
  52. data/_data/weeks/10.yml +0 -1
  53. data/_data/weeks/11.yml +0 -1
  54. data/_data/weeks/12.yml +0 -1
  55. data/_data/weeks/13.yml +0 -1
  56. data/_data/weeks/14.yml +0 -1
  57. data/_data/weeks/15.yml +0 -1
  58. data/_data/weeks/16.yml +0 -1
  59. data/_projects/project-01.md +0 -25
  60. data/_projects/project-02.md +0 -25
  61. data/_projects/project-03.md +0 -25
  62. data/assets/.keep +0 -0
  63. data/assets/css/screen.css +0 -408
@@ -0,0 +1,17 @@
1
+ ---
2
+ title: Materials
3
+ ---
4
+
5
+ <section class="required" markdown="1">
6
+ <h3>Required</h3>
7
+
8
+ - Required material one
9
+ - Required material two
10
+ </section>
11
+
12
+ <section class="recommended" markdown="1">
13
+ <h3>Recommended</h3>
14
+
15
+ - Recommended material one
16
+ - Recommended material two
17
+ </section>
@@ -0,0 +1,3 @@
1
+ ---
2
+ title: Course Objectives
3
+ ---
@@ -0,0 +1,3 @@
1
+ ---
2
+ title: Course Outcomes
3
+ ---
@@ -0,0 +1,3 @@
1
+ ---
2
+ title: Attendance & Participation
3
+ ---
@@ -0,0 +1,3 @@
1
+ ---
2
+ title: Special Needs
3
+ ---
@@ -0,0 +1,3 @@
1
+ ---
2
+ title: Technology Policy
3
+ ---
@@ -0,0 +1,23 @@
1
+ ---
2
+ title: Project Title
3
+ due_date: &deadline 2020-05-25
4
+ goals:
5
+ - The first goal.
6
+ - The second goal.
7
+ - The third goal.
8
+ requirements:
9
+ -
10
+ deliverables:
11
+ - action:
12
+ description: Deliverable one.
13
+ details:
14
+ -
15
+ deadline: 2020-01-15
16
+ - action:
17
+ description: Deliverable two.
18
+ details:
19
+ -
20
+ deadline: 2020-01-15
21
+ ---
22
+
23
+ The full project description goes here. You know how instructors love to go on and on.
@@ -0,0 +1,11 @@
1
+ ---
2
+ theme: Theme for Week <%= SPELLED_NUMS[counter] %>
3
+ meetings: <% days.length.times do %>
4
+ - agenda:
5
+ -
6
+ video:<% end %>
7
+ readings:
8
+ -
9
+ tasks:
10
+ -
11
+ ---
@@ -1,34 +1,5 @@
1
1
  ---
2
2
  title: Course Projects
3
3
  id: projects
4
+ layout: projects
4
5
  ---
5
-
6
- {% for project in site.projects %}
7
- <article>
8
- <header>
9
- <h2>Project {{ project.number }}: {{ project.title }}</h2>
10
- <p>Due by {{ project.due_date | date: "%A, %B %-d, %Y"}}</p>
11
- </header>
12
- {{ project.content }}
13
- <h3>Goals</h3>
14
- <ul>
15
- {% for goal in project.goals %}
16
- <li>{{ goal }}</li>
17
- {% endfor %}
18
- </ul>
19
- <h3>Deliverables</h3>
20
- <ol>
21
- {% for deliverable in project.deliverables %}
22
- <li>
23
- {{ deliverable.description }} {% if deliverable.deadline %}{{ deliverable.deadline }}{% endif %}
24
- </li>
25
- {% endfor %}
26
- </ol>
27
- <h3>Milestones</h3>
28
- <ol>
29
- {% for milestone in project.milestones %}
30
- <li>{{ milestone.description }} <b>Due by {{ milestone.deadline | date: "%A, %B %-d"}}</b></li>
31
- {% endfor %}
32
- </ol>
33
- </article>
34
- {% endfor %}
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-open-course
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.1
4
+ version: 1.3.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Karl Stolley
8
8
  autorequire:
9
- bindir: bin
9
+ bindir: exe
10
10
  cert_chain: []
11
- date: 2019-11-05 00:00:00.000000000 Z
11
+ date: 2020-11-28 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -55,7 +55,8 @@ dependencies:
55
55
  description: A data-driven Jekyll theme for accessible, mobile-first course sites.
56
56
  email:
57
57
  - karl.stolley@gmail.com
58
- executables: []
58
+ executables:
59
+ - jtoc
59
60
  extensions: []
60
61
  extra_rdoc_files: []
61
62
  files:
@@ -64,32 +65,44 @@ files:
64
65
  - _config.yml
65
66
  - _data/calendar.yml
66
67
  - _data/utility.yml
67
- - _data/weeks/01.yml
68
- - _data/weeks/02.yml
69
- - _data/weeks/03.yml
70
- - _data/weeks/04.yml
71
- - _data/weeks/05.yml
72
- - _data/weeks/06.yml
73
- - _data/weeks/07.yml
74
- - _data/weeks/08.yml
75
- - _data/weeks/09.yml
76
- - _data/weeks/10.yml
77
- - _data/weeks/11.yml
78
- - _data/weeks/12.yml
79
- - _data/weeks/13.yml
80
- - _data/weeks/14.yml
81
- - _data/weeks/15.yml
82
- - _data/weeks/16.yml
83
68
  - _layouts/calendar.html
84
69
  - _layouts/default.html
85
- - _projects/project-01.md
86
- - _projects/project-02.md
87
- - _projects/project-03.md
88
- - assets/.keep
70
+ - _layouts/error.html
71
+ - _layouts/policies.html
72
+ - _layouts/projects.html
73
+ - _sass/_base.scss
74
+ - _sass/_colors.scss
75
+ - _sass/_fonts.scss
76
+ - _sass/_typography.scss
89
77
  - assets/css/print.css
90
- - assets/css/screen.css
78
+ - assets/css/screen.scss
91
79
  - assets/img/te.png
80
+ - assets/js/site.js
81
+ - assets/js/sw.js
82
+ - exe/jtoc
92
83
  - index.md
84
+ - lib/jtoc.rb
85
+ - lib/starter_files/_config.yml.erb
86
+ - lib/starter_files/_data/calendar.yml.erb
87
+ - lib/starter_files/_data/utility.yml
88
+ - lib/starter_files/index.md.erb
89
+ - lib/starter_files/offline/index.md
90
+ - lib/starter_files/syllabus/_policies/academic-integrity.md
91
+ - lib/starter_files/syllabus/_policies/assignment-submission.md
92
+ - lib/starter_files/syllabus/_policies/books.md
93
+ - lib/starter_files/syllabus/_policies/description.md
94
+ - lib/starter_files/syllabus/_policies/goals.md
95
+ - lib/starter_files/syllabus/_policies/grading-criteria.md
96
+ - lib/starter_files/syllabus/_policies/grading-policy.md
97
+ - lib/starter_files/syllabus/_policies/late-work.md
98
+ - lib/starter_files/syllabus/_policies/materials.md
99
+ - lib/starter_files/syllabus/_policies/objectives.md
100
+ - lib/starter_files/syllabus/_policies/outcomes.md
101
+ - lib/starter_files/syllabus/_policies/participation.md
102
+ - lib/starter_files/syllabus/_policies/special-needs.md
103
+ - lib/starter_files/syllabus/_policies/technology-policy.md
104
+ - lib/starter_files/syllabus/_projects/project-00.md.erb
105
+ - lib/starter_files/syllabus/_weeks/week-00.md.erb
93
106
  - projects/index.md
94
107
  homepage: https://stolley.dev/
95
108
  licenses:
@@ -116,7 +129,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
116
129
  - !ruby/object:Gem::Version
117
130
  version: '0'
118
131
  requirements: []
119
- rubygems_version: 3.0.3
132
+ rubygems_version: 3.1.2
120
133
  signing_key:
121
134
  specification_version: 4
122
135
  summary: A Jekyll theme for accessible course sites.
@@ -1,21 +0,0 @@
1
- theme: Copyeditors and Readers & Writers
2
- meetings:
3
- - agenda:
4
- - Read through course policies & calendar
5
- - Set up course technologies
6
- video: https://youtu.be/KVdx_vQG3E0
7
- - agenda:
8
- - More stuff
9
- - More stuff
10
- video: https://example.com/video/
11
- readings:
12
- - "*The Copyeditor's Handbook* (TCH), Preface; Ch. 1"
13
- - "*The Chicago Manual of Style* (CMS), Ch. 2: 2.48–2.67"
14
- - "*The Subversive Copy Editor* (SCE), Preface; Ch. 1–3"
15
- tasks:
16
- - >
17
- Submit COM 425/529 Contract and Survey (link in your @hawk.iit.edu inbox; email instructor at
18
- karl.stolley@gmail.com if you did not receive it)
19
- - Create Basecamp account (invite will arrive after you submit the Contract and Survey)
20
- - Introduce yourself by commenting on the Virtual Introductions message thread on Basecamp
21
- - Participate in the Week One Reading Discussion thread on Basecamp
@@ -1 +0,0 @@
1
- theme: Copyediting Basics
@@ -1 +0,0 @@
1
- theme: Punctuation
@@ -1 +0,0 @@
1
- theme: Spelling, Capitalization
@@ -1 +0,0 @@
1
- theme: Numbers, Numerals; Abbreviations
@@ -1 +0,0 @@
1
- theme: "Grammar I: Nouns, Pronouns, Adjectives"
@@ -1 +0,0 @@
1
- theme: "Grammar II: Verbs, Adverbs, Prepositions; Conjunctions"
@@ -1 +0,0 @@
1
- theme: Errors and Usage
@@ -1 +0,0 @@
1
- theme: Figures and Tables; Mathematical Formulas
@@ -1 +0,0 @@
1
- theme: Spring Break
@@ -1 +0,0 @@
1
- theme: Quotations and Dialogue
@@ -1 +0,0 @@
1
- theme: "Citations and References I: CMS Notes and Bibliography"
@@ -1 +0,0 @@
1
- theme: "Citations and References II: CMS Author-Date References"
@@ -1 +0,0 @@
1
- theme: Proofreading, Indexes
@@ -1 +0,0 @@
1
- theme: Copyediting Professionally
@@ -1 +0,0 @@
1
- theme: Work Week
@@ -1,25 +0,0 @@
1
- ---
2
- number: One
3
- title: A Very Big Project
4
- due_date: &deadline 2020-05-25
5
- goals:
6
- - The first goal.
7
- - The second goal.
8
- - The third goal.
9
- deliverables:
10
- -
11
- description: Thing one.
12
- deadline: 2020-01-15
13
- -
14
- description: Thing two.
15
- deadline: *deadline
16
- milestones:
17
- -
18
- description: Do a thing.
19
- deadline: 2020-03-01
20
- -
21
- description: Do another thing.
22
- deadline: 2020-04-01
23
- ---
24
-
25
- And its full description goes here. You know how instructors love to go on and on.
@@ -1,25 +0,0 @@
1
- ---
2
- number: Two
3
- title: Another Very Big Project
4
- due_date: &deadline 2020-05-25
5
- goals:
6
- - The first goal.
7
- - The second goal.
8
- - The third goal.
9
- deliverables:
10
- -
11
- description: Thing one.
12
- deadline: 2020-01-15
13
- -
14
- description: Thing two.
15
- deadline: *deadline
16
- milestones:
17
- -
18
- description: Do a thing.
19
- deadline: 2020-03-01
20
- -
21
- description: Do another thing.
22
- deadline: 2020-04-01
23
- ---
24
-
25
- And its full description goes here. You know how instructors love to go on and on.
@@ -1,25 +0,0 @@
1
- ---
2
- number: Three
3
- title: A Final Big Project
4
- due_date: &deadline 2020-05-25
5
- goals:
6
- - The first goal.
7
- - The second goal.
8
- - The third goal.
9
- deliverables:
10
- -
11
- description: Thing one.
12
- deadline: 2020-01-15
13
- -
14
- description: Thing two.
15
- deadline: *deadline
16
- milestones:
17
- -
18
- description: Do a thing.
19
- deadline: 2020-03-01
20
- -
21
- description: Do another thing.
22
- deadline: 2020-04-01
23
- ---
24
-
25
- And its full description goes here. You know how instructors love to go on and on.
File without changes
@@ -1,408 +0,0 @@
1
- @import "//fast.fonts.net/cssapi/d645cd83-c955-4277-a114-11f6324025d4.css";
2
-
3
- /* http://meyerweb.com/eric/tools/css/reset/
4
- v2.0 | 20110126
5
- License: none (public domain)
6
- */
7
- /* stylelint-disable */
8
- /* Keep reset CSS to one minified line */
9
- a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html,.reset{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
10
- /* stylelint-enable */
11
-
12
- /* Custom Site Styles */
13
-
14
- /* ========== Base Styles ========== */
15
-
16
- html {
17
- /*
18
- Major Third Modular Scale
19
- http://www.modularscale.com/?19&px&1.25
20
- */
21
- font-size: 1.1875em; /* 19 / 16px */
22
- font-family: "Camphor W04", Verdana, Helvetica, Arial, sans-serif;
23
- line-height: 1.2631578947em; /* 24 / 19px = 1.2631578947 */
24
- text-rendering: optimizeLegibility;
25
-
26
- background: #EEE;
27
- color: #222;
28
- }
29
-
30
- h1,
31
- h2,
32
- h3,
33
- h4 {
34
- font-weight: bold;
35
- }
36
- h2 {
37
- font-size: 1.9531052632em; /* 37.109 / 19 = 1.9531052632 */
38
- font-weight: normal;
39
- line-height: 1.2934867552em; /* 48 / 37.109 = 1.2934867552 */
40
- padding-bottom: 0.6467433776em; /* 24 / 37.109 = 0.6467433776 */
41
- }
42
- h2#nav-menu {
43
- font-size: inherit;
44
- line-height: inherit;
45
- padding-bottom: inherit;
46
- }
47
- h3 {
48
- font-size: 1.25em; /* 23.75 / 19 = 1.25 */
49
- line-height: 1.5157894737em; /* 36 / 23.75 = 1.5157894737 */
50
- }
51
- h4 {
52
- font-size: 0.8em; /* 15.2px / 19px */
53
- line-height: 1.5789473684em; /* 24 / 15.2px = 1.5789473684 */
54
- padding-bottom: 0.7894736842em; /* 12 / 15.2 = 0.7894736842 */
55
- text-transform: uppercase;
56
- }
57
-
58
- p {
59
- padding-bottom: 1.2631578947em;
60
- }
61
-
62
- ul {
63
- list-style-type: square;
64
- }
65
-
66
- ol {
67
- counter-reset: enum;
68
- }
69
- ol, ul, li {
70
- padding-bottom: 0.6315789474em; /* 12 / 19 = 0.6315789474 */
71
- }
72
-
73
- ol ol,
74
- ol ul,
75
- ul ul,
76
- ul ol {
77
- padding-top: 0.6315789474em; /* 12 / 19 = 0.6315789474 */
78
- padding-bottom: 0;
79
- }
80
-
81
- li ol,
82
- li ul {
83
- padding-left: 1.2631578947em; /* 24 / 19px = 1.2631578947 */
84
- }
85
-
86
- ol > li::before {
87
- position: absolute;
88
- margin-left: -1.2631578947em; /* 24 / 19px = 1.2631578947 */
89
-
90
- font-weight: bold;
91
-
92
- counter-increment: enum;
93
- content: counter(enum) ". ";
94
- }
95
-
96
- a {
97
- color: #A00;
98
- }
99
- b, strong {
100
- font-weight: bold;
101
- }
102
- cite, em, i {
103
- font-style: italic;
104
- }
105
- code {
106
- font-family: Menlo, Monaco, "Droid Sans Mono", Courier, "Courier New", monospace;
107
- font-size: 0.85em;
108
-
109
- background: #CCC;
110
- color: #222;
111
- }
112
- code a,
113
- a code {
114
- color: #222;
115
- }
116
-
117
- header {
118
- padding-bottom: 1.2631578947em; /* 24 / 19px = 1.2631578947 */
119
- }
120
-
121
- header small {
122
- display: block;
123
- }
124
-
125
- /* Layout Styles */
126
- #header {
127
- position: relative;
128
-
129
- padding-top: 3.7894736842em; /* 72 / 19 = 3.7894736842 */
130
- }
131
- #header small,
132
- #nav-menu a {
133
- display: block;
134
- position: absolute;
135
- top: 0;
136
- left: 0.6315789474em; /* 12 / 19 = 0.6315789474 */
137
-
138
- padding-top: 0.6315789474em; /* 12 / 19 = 0.6315789474 */
139
- padding-bottom: 0.6315789474em; /* 12 / 19 = 0.6315789474 */
140
-
141
- font-weight: bold;
142
- }
143
- #nav-menu a {
144
- top: 0.3157894737em; /* 6 / 19 = 0.3157894737em */
145
- right: 0.3157894737em; /* 6 / 19 = 0.3157894737em */
146
- left: auto;
147
-
148
- padding: 0.3157894737em; /* 6 / 19 = 0.3157894737em */
149
- border-radius: 0.3157894737em; /* 6 / 19 = 0.3157894737em */
150
-
151
- font-weight: normal;
152
- text-transform: uppercase;
153
- }
154
- .week h4 a {
155
- line-height: 1;
156
- display: inline-block;
157
-
158
- margin-left: 0.3618421053em;
159
- padding: 0.2894736842em; /* 4.4 / 15.2 (24 - 15.2 = 8.8)*/
160
- border-radius: 0.3618421053em; /* 5.5 / 15.2 = 0.2894736842em */
161
-
162
- font-weight: normal;
163
- text-decoration: none;
164
- text-transform: uppercase;
165
- }
166
-
167
- #header,
168
- #this-week,
169
- #content,
170
- #links,
171
- #instructor,
172
- #footer {
173
- padding-right: 11%; /* 33 / 300 = 0.11 */
174
- padding-left: 11%; /* 33 / 300 = 0.11 */
175
- }
176
-
177
- #links,
178
- #instructor,
179
- #footer {
180
- padding-top: 2.5263157895em; /* 48 / 19 = 2.5263157895 */
181
- }
182
- #projects article {
183
- padding-bottom: 2.5263157895em; /* 48 / 19 = 2.5263157895 */
184
- }
185
-
186
- /* Modular Styles */
187
- #header,
188
- #footer {
189
- color: #555;
190
- }
191
- #header a {
192
- text-decoration: none;
193
- }
194
-
195
- .assigned h3 {
196
- font-size: 1em; /* 19 / 19px */
197
- line-height: 1.2631578947em; /* 24 / 19px = 1.2631578947 */
198
- }
199
- #policies h3,
200
- #links h3,
201
- #instructor h3 {
202
- padding-bottom: 0.5052631579em; /* 12 / 23.75 = 0.5052631579 */
203
- }
204
- h3 + small {
205
- padding-bottom: 0.6315789474em; /* 12 / 19 = 0.6315789474 */
206
- }
207
-
208
- #this-week {
209
- padding-top: 1.2631578947em; /* 24 / 19px = 1.2631578947 */
210
- padding-bottom: 1.2631578947em; /* 24 / 19px = 1.2631578947 */
211
-
212
- background: #222;
213
- color: #EEE;
214
- }
215
- .assigned {
216
- background-color: rgba(0,0,0,0.1);
217
- }
218
- .tagline,
219
- .note,
220
- #footer p {
221
- font-size: 0.8em; /* 15.2px / 19px */
222
- line-height: 1.5789473684em; /* 24 / 15.2px = 1.5789473684 */
223
- padding-bottom: 1.5789473684em;
224
- }
225
-
226
- .nav,
227
- .agenda,
228
- .assignments {
229
- list-style-type: none;
230
- }
231
-
232
- #navigation a {
233
- box-sizing: border-box;
234
- display: block;
235
- padding: 0.3157894737em; /* 6 / 19 = 0.3157894737em */
236
- border-radius: 0.3157894737em;
237
- border: 1px solid #A00;
238
- text-align: center;
239
- }
240
-
241
- #calendar #nav-cal a,
242
- #policies #nav-pol a,
243
- #projects #nav-pro a,
244
- .week h4 a {
245
- background: #A00;
246
- color: #EEE;
247
- }
248
-
249
- .agenda ol,
250
- .assignments ol {
251
- padding-left: 0;
252
- padding-top: 0;
253
- }
254
-
255
- .meeting::before {
256
- content: "";
257
- }
258
-
259
- .assigned {
260
- padding: 1.8947368421em; /* 36 / 19 = 1.8947368421 */
261
- margin: auto -1.8947368421em; /* 36 / 19 = 1.8947368421 */
262
- padding-bottom: 0;
263
- }
264
- .week + .week {
265
- margin-top: 2.5263157895em; /* 48 / 19 */
266
- }
267
-
268
- /* State Styles */
269
- .js .nav {
270
- height: 0;
271
- padding: 0;
272
- overflow-y: hidden;
273
- }
274
- .js .expandable .nav {
275
- transition: height 0.2s ease-out;
276
- }
277
- .js .is-expanded .nav {
278
- height: 15.1578947368em; /* (12 gridlines) 288 / 19 = 15.1578947368em */
279
- }
280
- .js .is-expanded #nav-menu a {
281
- color: #555;
282
- border: 1px solid #555;
283
- }
284
- .js body::after {
285
- display: none;
286
- content: "menu";
287
- }
288
-
289
- .js #this-week + #content h2 {
290
- padding-top: 1.2934867552em; /* 48 / 37.109 = 1.2934867552 */
291
- }
292
-
293
- /* 660px / 16 = 37.5em */
294
- @media screen and (min-width: 41.25em) {
295
- #header {
296
- padding-top: 5.0526315789em; /* 96 / 19 = 5.0526315789 */
297
- }
298
- #content h2 {
299
- padding-top: 1.2934867552em; /* 48 / 37.109 = 1.2934867552 */
300
- }
301
- .nav {
302
- position: absolute;
303
- right: 0.3157894737em; /* 6 / 19 = 0.3157894737em */
304
- top: 0.3157894737em; /* 6 / 19 = 0.3157894737em */
305
- }
306
- .nav li {
307
- float: left;
308
- margin-left: 0.3157894737em; /* 6 / 19 = 0.3157894737em */
309
- }
310
- .flexbox .nav {
311
- display: flex;
312
- }
313
- .flexbox .nav li {
314
- float: none;
315
- }
316
- .js .nav {
317
- height: auto;
318
- padding-bottom: 0.6315789474em; /* 12 / 19 = 0.6315789474 */
319
- overflow-y: auto;
320
- }
321
- .js body::after {
322
- content: "";
323
- }
324
- }
325
-
326
- /* 820 / 16 = 51.25em */
327
- @media screen and (min-width: 51.25em) {
328
- #header h1,
329
- #header .tagline,
330
- #footer p {
331
- width: 40%;
332
- }
333
- #header small {
334
- left: 11%;
335
- }
336
- .nav {
337
- right: 11%;
338
- }
339
- #instructor {
340
- width: 60%;
341
- }
342
- .agenda,
343
- #course-resources {
344
- float: left;
345
- width: 40%;
346
- }
347
- .assigned,
348
- #essential-tools,
349
- #essential-references {
350
- margin-left: 45%;
351
- margin-right: auto;
352
- }
353
- .week > header {
354
- clear: both;
355
- padding-top: 1.2631578947em; /* 24 / 19px = 1.2631578947 */
356
- padding-bottom: 0;
357
- }
358
- .meeting,
359
- .assigned {
360
- padding-top: 1.2631578947em; /* 24 / 19px = 1.2631578947 */
361
- }
362
-
363
- @supports (display:grid) {
364
- .agenda,
365
- .assigned,
366
- #course-resources,
367
- #essential-tools,
368
- #essential-references {
369
- margin: 0;
370
- width: auto;
371
- }
372
- #essential-tools,
373
- #essential-references {
374
- padding: 0 1.8947368421em; /* 36 / 19 = 1.8947368421 */
375
- }
376
- .week,
377
- #links {
378
- display: grid;
379
- grid-template-columns: 4fr 6fr;
380
- grid-template-rows: repeat(3, auto);
381
- grid-column-gap: 1.2631578947em; /* 24 / 19px = 1.2631578947 */
382
- }
383
- .week > header,
384
- #links header {
385
- grid-column: 1/3;
386
- }
387
- #essential-references {
388
- grid-column: 2/3;
389
- }
390
- }
391
- }
392
-
393
- /* 1040 / 16 = 65em */
394
- @media screen and (min-width: 65em) {
395
- #links {
396
- grid-template-columns: 4fr 3fr 3fr;
397
- }
398
- #links header {
399
- grid-column: 1/4;
400
- }
401
- #essential-references {
402
- grid-column: 3/4;
403
- }
404
- #projects #content,
405
- #policies #content {
406
- width: 60%;
407
- }
408
- }