updates on interaction/script

Author: luanmeiniubi

assets/captions/develop-your-course/create-a-page.vtt

@@ -0,0 +1,93 @@
+WEBVTT
+
+0
+00:00:00.730 --> 00:00:02.319
+Now let's add some pages.
+
+1
+00:00:02.569 --> 00:00:03.700
+To create a new page,
+
+2
+00:00:04.010 --> 00:00:06.809
+start by selecting 'Practice' in this box.
+
+3
+00:00:07.179 --> 00:00:08.010
+Once selected,
+
+4
+00:00:08.090 --> 00:00:09.550
+a new page will appear here.
+
+5
+00:00:10.329 --> 00:00:13.079
+If you want to add a page inside a specific unit,
+
+6
+00:00:13.220 --> 00:00:13.819
+module,
+
+7
+00:00:13.899 --> 00:00:14.819
+or section,
+
+8
+00:00:15.239 --> 00:00:16.959
+simply click on the container
+
+9
+00:00:17.059 --> 00:00:18.600
+and just create a page here.
+
+10
+00:00:21.379 --> 00:00:25.409
+A practice page is intended for ungraded activities,
+
+11
+00:00:25.829 --> 00:00:28.329
+allowing learners to engage with the content
+
+12
+00:00:28.629 --> 00:00:30.250
+without impacting their scores.
+
+13
+00:00:30.879 --> 00:00:31.920
+In contrast,
+
+14
+00:00:32.080 --> 00:00:33.220
+a scored page
+
+15
+00:00:33.360 --> 00:00:35.779
+is used for graded activities,
+
+16
+00:00:36.159 --> 00:00:37.310
+such as assessment,
+
+17
+00:00:37.459 --> 00:00:38.150
+checkpoints,
+
+18
+00:00:38.159 --> 00:00:39.139
+and exams.
+
+19
+00:00:39.599 --> 00:00:40.680
+You will notice that
+
+20
+00:00:40.919 --> 00:00:45.939
+practice pages and score pages have distinct icons in your curriculum list.
+
+21
+00:00:46.400 --> 00:00:48.619
+These icons help you easily differentiate
+
+22
+00:00:48.959 --> 00:00:52.090
+between content types and track the structure of your course.

assets/captions/develop-your-course/edit-page-title

@@ -0,0 +1,37 @@
+WEBVTT
+
+0
+00:00:00.280 --> 00:00:02.390
+The one exception is the page title.
+
+1
+00:00:02.730 --> 00:00:06.590
+If you would like to edit your page title while you're editing your page content,
+
+2
+00:00:07.010 --> 00:00:09.989
+click 'edit title' to edit your title
+
+3
+00:00:10.289 --> 00:00:13.350
+and click 'save' to save your modified title.
+
+4
+00:00:14.130 --> 00:00:17.489
+This save button is only needed to save the new title,
+
+5
+00:00:17.809 --> 00:00:19.110
+not the page content,
+
+6
+00:00:19.610 --> 00:00:20.959
+because page content is,
+
+7
+00:00:21.250 --> 00:00:21.549
+again,
+
+8
+00:00:21.930 --> 00:00:23.309
+automatically saved.

index.html

@@ -128,7 +128,6 @@
         </div>
         <ul class="submenu">
           <li data-page="pages/develop-your-course/learning-objectives.html"><span>Learning Objectives</span></li>
-          <li data-page="pages/develop-your-course/create-sub-objectives.html"><span>Create Sub-Objectives</span></li>
           <li data-page="pages/develop-your-course/create-containers.html"><span>Create Containers</span></li>
           <li data-page="pages/develop-your-course/create-a-page.html"><span>Create a Page</span></li>
           <li data-page="pages/develop-your-course/practice-page-options.html"><span>Practice Page Options</span></li>

pages/introduction/welcome.html

@@ -125,12 +125,6 @@
       padding: 16px 24px;
       color: #fff;
       box-shadow: 0 6px 20px rgba(0,0,0,0.25);
-      transition: transform .2s ease, box-shadow .2s ease;
-    }
-
-    .info-card:hover {
-      transform: translateY(-4px);
-      box-shadow: 0 10px 24px rgba(0,0,0,.3);
     }
 
     .info-card img {
@@ -165,14 +159,7 @@
       color: #fff;
     }
 
-    @media (max-width: 900px) {
-      h1 { font-size: 42px; }
-      .inner { padding: 24px; }
-      .info-card { flex-direction: column; text-align: center; padding: 20px; }
-      .info-text { text-align: center; }
-      .info-card img { width: 60px; height: 60px; }
-      .lede { font-size: 17px; max-width: 90%; }
-    }
+    
   </style>
 </head>
 
@@ -201,7 +188,7 @@ <h2 class="subheading">
           <img src="assets/images/pick-your-role.png" alt="Pick Your Role" />
           <div class="info-text">
             <h2>Pick Your Role</h2>
-            <p> Head to the <strong>Home Page</strong> and choose your role: each role opens a different section of tutorials designed for your specific needs.</p>
+            <p> Head to the <strong>Get Started</strong> page and choose your role: each role opens a different section of tutorials designed for your specific needs.</p>
           </div>
         </div>