add video to interference, change icon

Author: chrisorban

docs/activities.html

@@ -1874,11 +1874,11 @@ <h5 class="no-anchor card-title listing-title">
 </div>
 </a>
 </div>
-<div class="g-col-1" data-index="43" data-categories="QWR2YW5jZWQlMjBIUyUyQ1BoeXNpY3MlMkNFbGVjdHJvbWFnbmV0aXNtJTJDSmF2YXNjcmlwdCUyQ1RyaWdvbm9tZXRyeQ==" data-listing-file-modified-sort="1750986419126" data-listing-reading-time-sort="1" data-listing-word-count-sort="134">
+<div class="g-col-1" data-index="43" data-categories="QWR2YW5jZWQlMjBIUyUyQ1BoeXNpY3MlMkNFbGVjdHJvbWFnbmV0aXNtJTJDSmF2YXNjcmlwdCUyQ1RyaWdvbm9tZXRyeQ==" data-listing-file-modified-sort="1753498442982" data-listing-reading-time-sort="1" data-listing-word-count-sort="160">
 <a href="./projects/waveinterference.html" class="quarto-grid-link">
 <div class="quarto-grid-item card h-100 card-left">
 <p class="card-img-top">
-<img loading="lazy" data-src="./img/waveinterference.png" class="thumbnail-image card-img" style="height: 150px;">
+<img loading="lazy" data-src="./img/interference4.png" class="thumbnail-image card-img" style="height: 150px;">
 </p>
 <div class="card-body post-contents">
 <h5 class="no-anchor card-title listing-title">

docs/img/interference.png

@@ -136,16 +136,8 @@
 <div id="quarto-content" class="quarto-container page-columns page-rows-contents page-layout-article page-navbar">
 <!-- sidebar -->
 <!-- margin-sidebar -->
-    <div id="quarto-margin-sidebar" class="sidebar margin-sidebar">
-        <nav id="TOC" role="doc-toc" class="toc-active">
-    <h2 id="toc-title">On this page</h2>
-   
-  <ul>
-  <li><a href="#links-to-activity" id="toc-links-to-activity" class="nav-link active" data-scroll-target="#links-to-activity">Links to Activity</a></li>
-  <li><a href="#learning-objectives" id="toc-learning-objectives" class="nav-link" data-scroll-target="#learning-objectives">Learning Objectives</a></li>
-  <li><a href="#wave-interference-playlist" id="toc-wave-interference-playlist" class="nav-link" data-scroll-target="#wave-interference-playlist">Wave Interference Playlist</a></li>
-  </ul>
-</nav>
+    <div id="quarto-margin-sidebar" class="sidebar margin-sidebar zindex-bottom">
+        
     </div>
 <!-- main -->
 <main class="content" id="quarto-document-content">
@@ -176,6 +168,11 @@ <h1 class="title">Wave Interference</h1>
 </header>
 
 
+<div style="margin-bottom: 20px; text-align:center;">
+<video height="300" controls="" autoplay="" muted="" loop="" style="max-width: 100%; height: auto;">
+<source src="../vid/interference.mp4" type="video/mp4">
+Your browser does not support the video tag. </video>
+</div>
 <p>This programming lab is designed to illustrate the idea of wave interference. This happens because of the principle of “superposition”. For sound waves, this 20 dollar word just means that if there are two speakers in a large room or open space, the amplitude of the sound waves at a particular point in that room are the sum of the waves of the two speakers.</p>
 <section id="links-to-activity" class="level2">
 <h2 class="anchored" data-anchor-id="links-to-activity">Links to Activity</h2>
@@ -199,8 +196,9 @@ <h2 class="anchored" data-anchor-id="wave-interference-playlist">Wave Interferen
 
 
 </section>
+</main></div>
 
-</main> <!-- /main -->
+ <!-- /main -->
 <script id="quarto-html-after-body" type="application/javascript">
 window.document.addEventListener("DOMContentLoaded", function (event) {
   const toggleBodyColorMode = (bsSheetEl) => {
@@ -618,7 +616,7 @@ <h2 class="anchored" data-anchor-id="wave-interference-playlist">Wave Interferen
   }
 });
 </script>
-</div> <!-- /content -->
+ <!-- /content -->
 
 
 

docs/img/interference2.png

@@ -669,7 +669,7 @@
     "href": "projects/waveinterference.html",
     "title": "Wave Interference",
     "section": "",
-    "text": "This programming lab is designed to illustrate the idea of wave interference. This happens because of the principle of “superposition”. For sound waves, this 20 dollar word just means that if there are two speakers in a large room or open space, the amplitude of the sound waves at a particular point in that room are the sum of the waves of the two speakers."
+    "text": "Your browser does not support the video tag.\nThis programming lab is designed to illustrate the idea of wave interference. This happens because of the principle of “superposition”. For sound waves, this 20 dollar word just means that if there are two speakers in a large room or open space, the amplitude of the sound waves at a particular point in that room are the sum of the waves of the two speakers."
   },
   {
     "objectID": "projects/waveinterference.html#links-to-activity",

docs/img/interference3.png

@@ -1,6 +1,6 @@
 ---
 title: "Wave Interference"
-image: ../img/waveinterference.png
+image: ../img/interference4.png
 categories:
     - Advanced HS
     - Physics
@@ -10,6 +10,14 @@ categories:
 
 ---
 
+<div style="margin-bottom: 20px; text-align:center;">
+<video  height="300" controls autoplay muted loop style="max-width: 100%; height: auto;">
+  <source src="../vid/interference.mp4" type="video/mp4">
+  Your browser does not support the video tag.
+</video>
+</div>
+
+
 This programming lab is designed to illustrate the idea of wave interference. This happens because of the principle of "superposition". For sound waves, this 20 dollar word just means that if there are two speakers in a large room or open space, the amplitude of the sound waves at a particular point in that room are the sum of the waves of the two speakers.
 
 ## Links to Activity