Skip to content

Commit d06578d

Browse files
乱美乱美
乱美
authored and
乱美
committed
add new section for Eadin
1 parent 66b16d6 commit d06578d

15 files changed

Lines changed: 327 additions & 41 deletions

File tree

‎.DS_Store‎

-2 KB
Binary file not shown.

‎assets/.DS_Store‎

0 Bytes
Binary file not shown.

pages/develop-your-course/curriculum.html renamed to assets/captions/link-course-to-lms/add-to-canvas.vtt

File renamed without changes.

‎assets/videos/.DS_Store‎

0 Bytes
Binary file not shown.

‎assets/videos/develop-your-course/add-paragraph.mp4‎

9.41 MB
Binary file not shown.

‎assets/videos/link-course-to-lms/add-to-canvas.mp4‎

Whitespace-only changes.

‎assets/videos/set-up-your-course/.DS_Store‎

0 Bytes
Binary file not shown.

‎assets/videos/set-up-your-course/create-a-new-project.mp4‎

98.2 KB
Binary file not shown.

‎index.html‎

Lines changed: 66 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -9,17 +9,17 @@
99
</head>
1010
<body>
1111
<header class="header">
12-
<div class="header-left">
13-
<button id="menu-toggle" class="menu-toggle">☰</button>
14-
15-
<a href="/" class="brand" aria-label="OLI Torus Launchpad (home)">
16-
<img src="assets/images/logo.png" alt="" class="brand-logo" aria-hidden="true" />
17-
<span class="brand-oli">OLI</span>
18-
<span class="brand-torus">Torus</span>
19-
<span class="brand-sub">Launchpad</span>
20-
</a>
21-
<a href="https://proton.oli.cmu.edu/" class="open-torus" target="_blank">LAUNCH TORUS</a>
22-
</div>
12+
<div class="header-left">
13+
<button id="menu-toggle" class="menu-toggle">☰</button>
14+
15+
<a href="/" class="brand" aria-label="OLI Torus Launchpad (home)">
16+
<img src="assets/images/logo.png" alt="" class="brand-logo" aria-hidden="true" />
17+
<span class="brand-oli">OLI</span>
18+
<span class="brand-torus">Torus</span>
19+
<span class="brand-sub">Launchpad</span>
20+
</a>
21+
<a href="https://proton.oli.cmu.edu/" class="open-torus" target="_blank">LAUNCH TORUS</a>
22+
</div>
2323
<div class="header-right">
2424
<a href="#" class="search-tutorial-btn" aria-label="Search Tutorial">
2525
<span class="search-text">Search this Tutorial</span>
@@ -41,6 +41,8 @@
4141

4242
<div class="main-container">
4343
<nav class="sidebar">
44+
45+
<!-- Introduction -->
4446
<div class="menu-section">
4547
<div class="section-title" role="button" tabindex="0" aria-expanded="false">
4648
<span class="title-text">Introduction</span>
@@ -59,6 +61,8 @@
5961
</ul>
6062
</div>
6163

64+
<!-- COURSE AUTHOR SECTIONS -->
65+
<div class="role-header">Author</div>
6266
<div class="menu-section">
6367
<div class="section-title" onclick="toggleSection(this)">
6468
<span class="title-text">Set Up Your Course</span>
@@ -70,48 +74,31 @@
7074
</span>
7175
</div>
7276
<ul class="submenu">
73-
<li data-title="Course Author Page Overview"
74-
data-page="pages/set-up-your-course/course-author-page-overview.html">
77+
<li data-title="Course Author Page Overview" data-page="pages/set-up-your-course/course-author-page-overview.html">
7578
<span class="title">Course Author Page Overview</span>
7679
</li>
77-
78-
<li data-title="Create a New Project"
79-
data-page="pages/set-up-your-course/create-a-new-project.html">
80+
<li data-title="Create a New Project" data-page="pages/set-up-your-course/create-a-new-project.html">
8081
<span class="title">Create a New Project</span>
8182
</li>
82-
83-
<li data-title="Set Up Your Project (Course Overview)"
84-
data-page="pages/set-up-your-course/course-overview.html">
83+
<li data-title="Set Up Your Project (Course Overview)" data-page="pages/set-up-your-course/course-overview.html">
8584
<span class="title">Set Up Your Project: <em>Course Overview</em></span>
8685
</li>
87-
88-
<li data-title="Details, Collaborators, and Visibility"
89-
data-page="pages/set-up-your-course/collaborators-visibility.html">
86+
<li data-title="Details, Collaborators, and Visibility" data-page="pages/set-up-your-course/collaborators-visibility.html">
9087
<span class="title">Collaborators Visibility</span>
9188
</li>
92-
93-
<li data-title="Project Attributes"
94-
data-page="pages/set-up-your-course/project-attributes.html">
89+
<li data-title="Project Attributes" data-page="pages/set-up-your-course/project-attributes.html">
9590
<span class="title">Project Attributes</span>
9691
</li>
97-
98-
<li data-title="Project Labels"
99-
data-page="pages/set-up-your-course/project-labels.html">
92+
<li data-title="Project Labels" data-page="pages/set-up-your-course/project-labels.html">
10093
<span class="title">Project Labels</span>
10194
</li>
102-
103-
<li data-title="Advanced Activities"
104-
data-page="pages/set-up-your-course/advanced-activities.html">
95+
<li data-title="Advanced Activities" data-page="pages/set-up-your-course/advanced-activities.html">
10596
<span class="title">Advanced Activities</span>
10697
</li>
107-
108-
<li data-title="Discussion, Notes, and Survey"
109-
data-page="pages/set-up-your-course/discussion-notes-survey.html">
98+
<li data-title="Discussion, Notes, and Survey" data-page="pages/set-up-your-course/discussion-notes-survey.html">
11099
<span class="title">Discussion, Notes, and Survey</span>
111100
</li>
112-
113-
<li data-title="Transformation Payment Code"
114-
data-page="pages/set-up-your-course/transformation-payment-code.html">
101+
<li data-title="Transformation Payment Code" data-page="pages/set-up-your-course/transformation-payment-code.html">
115102
<span class="title">Transformation Payment Code</span>
116103
</li>
117104
</ul>
@@ -132,7 +119,6 @@
132119
<li data-page="pages/develop-your-course/create-learning-objectives.html"><span>Create Learning Objectives</span></li>
133120
<li data-page="pages/develop-your-course/create-sub-objectives.html"><span>Create Sub-Objectives</span></li>
134121
<li data-page="pages/develop-your-course/create-containers.html"><span>Create Containers</span></li>
135-
<li data-page="pages/develop-your-course/curriculum.html"><span>Curriculum: <em>Edit Course Structure and Content</em></span></li>
136122
<li data-page="pages/develop-your-course/create-a-page.html"><span>Create a Page</span></li>
137123
<li data-page="pages/develop-your-course/practice-page-options.html"><span>Practice Page Options</span></li>
138124
<li data-page="pages/develop-your-course/edit-save-page.html"><span>Edit & Save Page</span></li>
@@ -154,20 +140,59 @@
154140
<li data-page="pages/develop-your-course/add-order-questions.html"><span>Add Order Questions</span></li>
155141
<li data-page="pages/develop-your-course/content-break.html"><span>Content Break</span></li>
156142
<li data-page="pages/develop-your-course/page-outline.html"><span>Page Outline</span></li>
157-
158-
<li data-title="Activity Bank"
159-
data-page="pages/develop-your-course/activity-bank.html">
143+
<li data-title="Activity Bank" data-page="pages/develop-your-course/activity-bank.html">
160144
<span class="title">Activity Bank</span>
161145
</li>
162146
</ul>
163147
</div>
148+
149+
<!-- INSTRUCTOR SECTIONS -->
150+
<div class="role-header">Instructor</div>
151+
<div class="menu-section">
152+
<div class="section-title" onclick="toggleSection(this)">
153+
<span class="title-text">Link Course to LMS</span>
154+
<span class="caret" aria-hidden="true">
155+
<svg viewBox="0 0 24 24" width="16" height="16">
156+
<path d="M9 6l6 6-6 6" fill="none" stroke="currentColor" stroke-width="2"
157+
stroke-linecap="round" stroke-linejoin="round"/>
158+
</svg>
159+
</span>
160+
</div>
161+
<ul class="submenu">
162+
<li data-title="Add and Configure OLI Torus to Canvas"
163+
data-page="pages/link-course-to-lms/add-to-canvas.html">
164+
<span class="title">Add and Configure OLI Torus to Canvas</span>
165+
</li>
166+
</ul>
167+
</div>
168+
<div class="menu-section">
169+
<div class="section-title" onclick="toggleSection(this)">
170+
<span class="title-text">Scheduling and Assessment</span>
171+
<span class="caret" aria-hidden="true">
172+
<svg viewBox="0 0 24 24" width="16" height="16">
173+
<path d="M9 6l6 6-6 6" fill="none" stroke="currentColor" stroke-width="2"
174+
stroke-linecap="round" stroke-linejoin="round"/>
175+
</svg>
176+
</span>
177+
</div>
178+
<ul class="submenu">
179+
<li data-title="How to Use the Scheduling Tool in OLI Torus"
180+
data-page="pages/file_name/schedule-setting.html">
181+
<span class="title">How to Use the Scheduling Tool in OLI Torus</span>
182+
</li>
183+
</ul>
184+
</div>
164185
</nav>
165186

187+
166188
<main class="content">
167189
<!-- Tutorial content (e.g., video, text) goes here -->
168190
</main>
169191
</div>
170192

193+
194+
195+
171196
<script src="main.js"></script>
172197

173198
<!-- Overlay lives outside the injected HTML -->

‎pages/develop-your-course/add-paragraph.html‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Create a New Project</title>
7+
8+
<!-- Existing site styles (includes .video-container, .title-bar, .page-content) -->
9+
<link rel="stylesheet" href="./style.css" />
10+
11+
<!-- Optional: silence favicon 404 in dev -->
12+
<link rel="icon" href="data:,">
13+
</head>
14+
<body>
15+
16+
<div class="video-container">
17+
<video
18+
controls
19+
preload="metadata"
20+
playsinline
21+
style="width:100%;height:auto;display:block;background:#000;border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow);"
22+
>
23+
<!-- UPDATE THIS: video file -->
24+
<source src="./assets/videos/develop-your-course/add-paragraph.mp4" type="video/mp4" />
25+
26+
<!-- UPDATE THIS: captions file -->
27+
<track
28+
src="./assets/captions/develop-your-course/add-paragraph.vtt"
29+
kind="subtitles"
30+
srclang="en"
31+
label="English"
32+
default
33+
/>
34+
35+
Your browser does not support the video tag.
36+
</video>
37+
38+
<!-- UPDATE THIS: video title -->
39+
<div class="title-bar">
40+
Add Paragraph
41+
</div>
42+
43+
<div class="page-content">
44+
<p>Text</p>
45+
</div>
46+
</div>
47+
48+
</body>
49+
</html>

0 commit comments

Comments
 (0)