jekyll-theme-open-course 0.0.1 → 1.3.0

Sign up to get free protection for your applications and to get access to all the features.
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
- }