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.
- checksums.yaml +4 -4
- data/Gemfile.lock +6 -6
- data/_config.yml +35 -2
- data/_data/utility.yml +1 -1
- data/_layouts/calendar.html +68 -17
- data/_layouts/default.html +39 -22
- data/_layouts/error.html +10 -0
- data/_layouts/policies.html +17 -0
- data/_layouts/projects.html +71 -0
- data/_sass/_base.scss +108 -0
- data/_sass/_colors.scss +190 -0
- data/_sass/_fonts.scss +10 -0
- data/_sass/_typography.scss +358 -0
- data/assets/css/print.css +26 -24
- data/assets/css/screen.scss +22 -0
- data/assets/js/site.js +289 -0
- data/assets/js/sw.js +220 -0
- data/exe/jtoc +76 -0
- data/lib/jtoc.rb +177 -0
- data/lib/starter_files/_config.yml.erb +84 -0
- data/lib/starter_files/_data/calendar.yml.erb +6 -0
- data/lib/starter_files/_data/utility.yml +35 -0
- data/lib/starter_files/index.md.erb +5 -0
- data/lib/starter_files/offline/index.md +7 -0
- data/lib/starter_files/syllabus/_policies/academic-integrity.md +3 -0
- data/lib/starter_files/syllabus/_policies/assignment-submission.md +3 -0
- data/lib/starter_files/syllabus/_policies/books.md +17 -0
- data/lib/starter_files/syllabus/_policies/description.md +3 -0
- data/lib/starter_files/syllabus/_policies/goals.md +3 -0
- data/lib/starter_files/syllabus/_policies/grading-criteria.md +3 -0
- data/lib/starter_files/syllabus/_policies/grading-policy.md +3 -0
- data/lib/starter_files/syllabus/_policies/late-work.md +3 -0
- data/lib/starter_files/syllabus/_policies/materials.md +17 -0
- data/lib/starter_files/syllabus/_policies/objectives.md +3 -0
- data/lib/starter_files/syllabus/_policies/outcomes.md +3 -0
- data/lib/starter_files/syllabus/_policies/participation.md +3 -0
- data/lib/starter_files/syllabus/_policies/special-needs.md +3 -0
- data/lib/starter_files/syllabus/_policies/technology-policy.md +3 -0
- data/lib/starter_files/syllabus/_projects/project-00.md.erb +23 -0
- data/lib/starter_files/syllabus/_weeks/week-00.md.erb +11 -0
- data/projects/index.md +1 -30
- metadata +39 -26
- data/_data/weeks/01.yml +0 -21
- data/_data/weeks/02.yml +0 -1
- data/_data/weeks/03.yml +0 -1
- data/_data/weeks/04.yml +0 -1
- data/_data/weeks/05.yml +0 -1
- data/_data/weeks/06.yml +0 -1
- data/_data/weeks/07.yml +0 -1
- data/_data/weeks/08.yml +0 -1
- data/_data/weeks/09.yml +0 -1
- data/_data/weeks/10.yml +0 -1
- data/_data/weeks/11.yml +0 -1
- data/_data/weeks/12.yml +0 -1
- data/_data/weeks/13.yml +0 -1
- data/_data/weeks/14.yml +0 -1
- data/_data/weeks/15.yml +0 -1
- data/_data/weeks/16.yml +0 -1
- data/_projects/project-01.md +0 -25
- data/_projects/project-02.md +0 -25
- data/_projects/project-03.md +0 -25
- data/assets/.keep +0 -0
- 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,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.
|
data/projects/index.md
CHANGED
@@ -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:
|
4
|
+
version: 1.3.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Karl Stolley
|
8
8
|
autorequire:
|
9
|
-
bindir:
|
9
|
+
bindir: exe
|
10
10
|
cert_chain: []
|
11
|
-
date:
|
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
|
-
-
|
86
|
-
-
|
87
|
-
-
|
88
|
-
-
|
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.
|
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.
|
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.
|
data/_data/weeks/01.yml
DELETED
@@ -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
|
data/_data/weeks/02.yml
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
theme: Copyediting Basics
|
data/_data/weeks/03.yml
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
theme: Punctuation
|
data/_data/weeks/04.yml
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
theme: Spelling, Capitalization
|
data/_data/weeks/05.yml
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
theme: Numbers, Numerals; Abbreviations
|
data/_data/weeks/06.yml
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
theme: "Grammar I: Nouns, Pronouns, Adjectives"
|
data/_data/weeks/07.yml
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
theme: "Grammar II: Verbs, Adverbs, Prepositions; Conjunctions"
|
data/_data/weeks/08.yml
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
theme: Errors and Usage
|
data/_data/weeks/09.yml
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
theme: Figures and Tables; Mathematical Formulas
|
data/_data/weeks/10.yml
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
theme: Spring Break
|
data/_data/weeks/11.yml
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
theme: Quotations and Dialogue
|
data/_data/weeks/12.yml
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
theme: "Citations and References I: CMS Notes and Bibliography"
|
data/_data/weeks/13.yml
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
theme: "Citations and References II: CMS Author-Date References"
|
data/_data/weeks/14.yml
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
theme: Proofreading, Indexes
|
data/_data/weeks/15.yml
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
theme: Copyediting Professionally
|
data/_data/weeks/16.yml
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
theme: Work Week
|
data/_projects/project-01.md
DELETED
@@ -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.
|
data/_projects/project-02.md
DELETED
@@ -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.
|
data/_projects/project-03.md
DELETED
@@ -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.
|
data/assets/.keep
DELETED
File without changes
|
data/assets/css/screen.css
DELETED
@@ -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
|
-
}
|