Skip to content

Commit 000221f

Browse files
dbbudddbbudd
committed
mobile support
Updating styles to improve toolbar viewing and accessibility on mobile devices.
1 parent 0e7e573 commit 000221f

10 files changed

Lines changed: 504 additions & 26 deletions

File tree

‎01.html‎

Lines changed: 15 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@
4040
"teaches": "Coordinate Geometry, Pen API, Angle Measurement, Area and Perimeter, Basic Shapes"
4141
}
4242
</script>
43-
<link rel="stylesheet" href="course-ui/course-ui.css?v=2" />
43+
<link rel="stylesheet" href="course-ui/course-ui.css?v=3" />
4444
<link rel="stylesheet" href="styles.css" />
4545
<script>
4646
window.CourseUI = {
@@ -65,13 +65,25 @@
6565
/* Terms come from vocab/geometry.js, loaded in the next script
6666
tag. Any inline `terms: { ... }` added here would override
6767
entries from that file on a per-chapter basis. */
68+
},
69+
mobile: {
70+
/* The library injects a burger menu + slide-out drawer on
71+
mobile. These `sections` are cloned into the drawer so
72+
students can jump between chapters and sections from a
73+
small screen. */
74+
drawer: {
75+
sections: [
76+
{ title: 'Chapters', clone: '#chapterPill .nav-dropdown' },
77+
{ title: 'Sections', clone: '.sidebar nav' }
78+
]
79+
}
6880
}
6981
};
7082
</script>
7183
<!-- Load the shared vocabulary FIRST so window.CourseUI.vocab.terms
7284
is populated by the time course-ui.js boots. -->
73-
<script src="vocab/geometry.js?v=2"></script>
74-
<script src="course-ui/course-ui.js?v=2" defer></script>
85+
<script src="vocab/geometry.js?v=3"></script>
86+
<script src="course-ui/course-ui.js?v=3" defer></script>
7587
</head>
7688
<body>
7789

‎02.html‎

Lines changed: 11 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@
4040
"teaches": "Irregular Polygons, Reflective Symmetry, Variables, Area of Polygons, Coordinate Offsets"
4141
}
4242
</script>
43-
<link rel="stylesheet" href="course-ui/course-ui.css?v=2" />
43+
<link rel="stylesheet" href="course-ui/course-ui.css?v=3" />
4444
<link rel="stylesheet" href="styles.css" />
4545
<script>
4646
window.CourseUI = {
@@ -59,11 +59,19 @@
5959
enabled: true,
6060
autoWrap: true,
6161
contentSelector: '.section-hero .lead, .article p, .article li'
62+
},
63+
mobile: {
64+
drawer: {
65+
sections: [
66+
{ title: 'Chapters', clone: '#chapterPill .nav-dropdown' },
67+
{ title: 'Sections', clone: '.sidebar nav' }
68+
]
69+
}
6270
}
6371
};
6472
</script>
65-
<script src="vocab/geometry.js?v=2"></script>
66-
<script src="course-ui/course-ui.js?v=2" defer></script>
73+
<script src="vocab/geometry.js?v=3"></script>
74+
<script src="course-ui/course-ui.js?v=3" defer></script>
6775
</head>
6876
<body>
6977

‎03.html‎

Lines changed: 11 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@
4040
"teaches": "Loops, Regular Polygons, Interior Angle Formula, Exterior Angles, Rotational Symmetry"
4141
}
4242
</script>
43-
<link rel="stylesheet" href="course-ui/course-ui.css?v=2" />
43+
<link rel="stylesheet" href="course-ui/course-ui.css?v=3" />
4444
<link rel="stylesheet" href="styles.css" />
4545
<script>
4646
window.CourseUI = {
@@ -59,11 +59,19 @@
5959
enabled: true,
6060
autoWrap: true,
6161
contentSelector: '.section-hero .lead, .article p, .article li'
62+
},
63+
mobile: {
64+
drawer: {
65+
sections: [
66+
{ title: 'Chapters', clone: '#chapterPill .nav-dropdown' },
67+
{ title: 'Sections', clone: '.sidebar nav' }
68+
]
69+
}
6270
}
6371
};
6472
</script>
65-
<script src="vocab/geometry.js?v=2"></script>
66-
<script src="course-ui/course-ui.js?v=2" defer></script>
73+
<script src="vocab/geometry.js?v=3"></script>
74+
<script src="course-ui/course-ui.js?v=3" defer></script>
6775
</head>
6876
<body>
6977

‎04.html‎

Lines changed: 11 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@
4040
"teaches": "Triangle Classification, Quadrilateral Properties, Boolean Logic, Conditionals, Shape Classification"
4141
}
4242
</script>
43-
<link rel="stylesheet" href="course-ui/course-ui.css?v=2" />
43+
<link rel="stylesheet" href="course-ui/course-ui.css?v=3" />
4444
<link rel="stylesheet" href="styles.css" />
4545
<script>
4646
window.CourseUI = {
@@ -59,11 +59,19 @@
5959
enabled: true,
6060
autoWrap: true,
6161
contentSelector: '.section-hero .lead, .article p, .article li'
62+
},
63+
mobile: {
64+
drawer: {
65+
sections: [
66+
{ title: 'Chapters', clone: '#chapterPill .nav-dropdown' },
67+
{ title: 'Sections', clone: '.sidebar nav' }
68+
]
69+
}
6270
}
6371
};
6472
</script>
65-
<script src="vocab/geometry.js?v=2"></script>
66-
<script src="course-ui/course-ui.js?v=2" defer></script>
73+
<script src="vocab/geometry.js?v=3"></script>
74+
<script src="course-ui/course-ui.js?v=3" defer></script>
6775
</head>
6876
<body>
6977

‎05.html‎

Lines changed: 11 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@
4040
"teaches": "Functions, Parameters, Similarity, Geometric Transformations, Scale, Dilation, Reusable Code"
4141
}
4242
</script>
43-
<link rel="stylesheet" href="course-ui/course-ui.css?v=2" />
43+
<link rel="stylesheet" href="course-ui/course-ui.css?v=3" />
4444
<link rel="stylesheet" href="styles.css" />
4545
<script>
4646
window.CourseUI = {
@@ -59,11 +59,19 @@
5959
enabled: true,
6060
autoWrap: true,
6161
contentSelector: '.section-hero .lead, .article p, .article li'
62+
},
63+
mobile: {
64+
drawer: {
65+
sections: [
66+
{ title: 'Chapters', clone: '#chapterPill .nav-dropdown' },
67+
{ title: 'Sections', clone: '.sidebar nav' }
68+
]
69+
}
6270
}
6371
};
6472
</script>
65-
<script src="vocab/geometry.js?v=2"></script>
66-
<script src="course-ui/course-ui.js?v=2" defer></script>
73+
<script src="vocab/geometry.js?v=3"></script>
74+
<script src="course-ui/course-ui.js?v=3" defer></script>
6775
</head>
6876
<body>
6977

‎06.html‎

Lines changed: 11 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>Chapter 06 — Suburban Scene</title>
7-
<link rel="stylesheet" href="course-ui/course-ui.css?v=2" />
7+
<link rel="stylesheet" href="course-ui/course-ui.css?v=3" />
88
<link rel="stylesheet" href="styles.css" />
99
<script>
1010
window.CourseUI = {
@@ -23,11 +23,19 @@
2323
enabled: true,
2424
autoWrap: true,
2525
contentSelector: '.section-hero .lead, .article p, .article li'
26+
},
27+
mobile: {
28+
drawer: {
29+
sections: [
30+
{ title: 'Chapters', clone: '#chapterPill .nav-dropdown' },
31+
{ title: 'Sections', clone: '.sidebar nav' }
32+
]
33+
}
2634
}
2735
};
2836
</script>
29-
<script src="vocab/geometry.js?v=2"></script>
30-
<script src="course-ui/course-ui.js?v=2" defer></script>
37+
<script src="vocab/geometry.js?v=3"></script>
38+
<script src="course-ui/course-ui.js?v=3" defer></script>
3139
</head>
3240
<body>
3341

0 commit comments

Comments
 (0)