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.
- 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
|
-
}
|