fixed formating of delta modualtion text

Maxw3llGM · Maxw3llGM · commit f7b2cafd41bb · 2024-02-08T16:28:43.000-05:00
diff --git a/delta-modulation/index.html b/delta-modulation/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="styles_delta.css" media="screen" />
+    <link rel="stylesheet" type="text/css" href="../tutorials/styles_tutorial.css" media="screen" />
     <!-- p5.js begin -->
     <!-- 1) use p5.min.js for optimizing size/transfer -->
     <script src="../p5.min.js"></script>
@@ -18,21 +18,25 @@
   </head>
   <body>
     <div id="page-container">
-    <center>
-    <div  class="tab">
-      <a href="../index.html" class="button_round">Home </a>
-    </div>
-
-
-    </center>
+      <center>
+        <div  class="tab">
+          <a href="index.html" class="button_round">&laquo; Prev </a>
+          <a href="../index.html" class="button_round">Home </a>
+          <a href="tutorial3.html" class="button_round">Next &raquo;</a>
+        </div>
+        <div  class="tabs">
+            <button class="button_round" onclick="samplingSection(event, 'Question')" id="defaultOpen">Question</button>
+            <button class="button_round" onclick="samplingSection(event, 'Answer')">Answer</button>
+        </div>
+        </center>
     <div id = "content-wrap" class="title qs">
       <H1>
         Delta Modulation
       </H1>
       <hr> 
     </div>
 
-    <div id="Panel" class="tabcontent active">
+    <div id="Question" class="tabcontent active">
         <main>
           <script>
             const widgetset = new_widget(
@@ -45,33 +49,50 @@ <H1>
                     , new timeZoomSlider()
                     ]
                     , ["original"]
-                    ,"Panel"
+                    ,"Question"
                     ,"qs"
                     , 120
                     )
           </script>
           <br>
         </main>
       </div>
+      <div id="Answer" class="tabcontent">
+      </div>
     
-    
-
-  <script>
-    function samplingSection(evt, cityName) {
-      var i, tabcontent, tablinks;
-      tabcontent = document.getElementsByClassName("tabcontent");
-      for (i = 0; i < tabcontent.length; i++) {
-        tabcontent[i].style.display = "none";
-      }
-      tablinks = document.getElementsByClassName("button_round");
-      for (i = 0; i < tablinks.length; i++) {
-        tablinks[i].className = tablinks[i].className.replace(" active", "");
-      }
-      document.getElementById(cityName).style.display = "block";
-      evt.currentTarget.className += " active";
-    }
 
-
-    </script>
+      <script>
+        function samplingSection(evt, cityName) {
+          var i, tabcontent, tablinks;
+          tabcontent = document.getElementsByClassName("tabcontent");
+          for (i = 0; i < tabcontent.length; i++) {
+            tabcontent[i].style.display = "none";
+          }
+          tablinks = document.getElementsByClassName("button_round");
+          for (i = 0; i < tablinks.length; i++) {
+            tablinks[i].className = tablinks[i].className.replace(" active", "");
+          }
+          document.getElementById(cityName).style.display = "block";
+          evt.currentTarget.className += " active";
+        }
+        
+        // Get the element with id="defaultOpen" and click on it
+        document.getElementById("defaultOpen").click();
+    
+        function questionlist(evt, questions) {
+          var i, tabcontent, tablinks;
+          tabcontent = document.getElementsByClassName("tab_questions_content");
+          for (i = 0; i < tabcontent.length; i++) {
+            tabcontent[i].style.display = "none";
+          }
+          tablinks = document.getElementsByClassName("ques");
+          for (i = 0; i < tablinks.length; i++) {
+            tablinks[i].className = tablinks[i].className.replace(" active", "");
+          }
+          document.getElementById(questions).style.display = "block";
+          evt.currentTarget.className += " active";
+        }
+        // document.getElementById("defaulthover").click();
+      </script>
   </body>
 </html>
diff --git a/tutorials/tutorial2.html b/tutorials/tutorial2.html
@@ -94,7 +94,6 @@ <H1>
                 ,["original"]
                 ,"Question" //question div id
                 ,"qs" //questions class
-                
         );
         </script>
         <br>
