another update to the object tracker page

Author: chrisorban

docs/activities.html

@@ -1214,7 +1214,7 @@ <h5 class="no-anchor card-title listing-title">
 </div>
 </div></a>
 </div>
-<div class="g-col-1" data-index="27" data-categories="SW50cm8lMjBIUyUyQ0FkdmFuY2VkJTIwSFMlMkNNYXRoJTJDUGh5c2ljcyUyQ1BoeXNpY2FsJTIwU2NpZW5jZSUyQ0RhdGElMjBTY2llbmNlJTJDU3ByZWFkc2hlZXRzJTJDSmF2YXNjcmlwdA==" data-listing-file-modified-sort="1782467909662" data-listing-reading-time-sort="2" data-listing-word-count-sort="366">
+<div class="g-col-1" data-index="27" data-categories="SW50cm8lMjBIUyUyQ0FkdmFuY2VkJTIwSFMlMkNNYXRoJTJDUGh5c2ljcyUyQ1BoeXNpY2FsJTIwU2NpZW5jZSUyQ0RhdGElMjBTY2llbmNlJTJDU3ByZWFkc2hlZXRzJTJDSmF2YXNjcmlwdA==" data-listing-file-modified-sort="1782468569488" data-listing-reading-time-sort="2" data-listing-word-count-sort="393">
 <a href="./projects/objecttracker.html" class="quarto-grid-link">
 <div class="quarto-grid-item card h-100 card-left">
 <p class="card-img-top">

docs/projects/objecttracker.html

@@ -138,22 +138,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="#what-the-stemcoding-object-tracker-needs" id="toc-what-the-stemcoding-object-tracker-needs" class="nav-link active" data-scroll-target="#what-the-stemcoding-object-tracker-needs">What the STEMcoding Object Tracker needs</a></li>
-  <li><a href="#how-it-works" id="toc-how-it-works" class="nav-link" data-scroll-target="#how-it-works">How it works</a></li>
-  <li><a href="#links-to-activity" id="toc-links-to-activity" class="nav-link" data-scroll-target="#links-to-activity">Links to Activity</a>
-  <ul class="collapse">
-  <li><a href="#part-1-track-the-object" id="toc-part-1-track-the-object" class="nav-link" data-scroll-target="#part-1-track-the-object">Part 1: Track the Object</a></li>
-  <li><a href="#part-2-analyze-height-vs.-time" id="toc-part-2-analyze-height-vs.-time" class="nav-link" data-scroll-target="#part-2-analyze-height-vs.-time">Part 2: Analyze Height vs.&nbsp;Time</a></li>
-  <li><a href="#part-3-analyze-velocity-vs.-time" id="toc-part-3-analyze-velocity-vs.-time" class="nav-link" data-scroll-target="#part-3-analyze-velocity-vs.-time">Part 3: Analyze Velocity vs.&nbsp;Time</a></li>
-  </ul></li>
-  <li><a href="#object-tracker-playlist" id="toc-object-tracker-playlist" class="nav-link" data-scroll-target="#object-tracker-playlist">Object Tracker 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">
@@ -187,6 +173,11 @@ <h1 class="title">Object Tracker</h1>
 </header>
 
 
+<div style="margin-bottom: 20px; text-align: center;">
+<video width="560" height="560" controls="" autoplay="" muted="" loop="" style="max-width: 100%; height: auto;">
+<source src="../vid/tape_short.mp4" type="video/mp4">
+Your browser does not support the video tag. </video>
+</div>
 <p>Now you can record your own direct measurement videos and analyze them with p5.js.</p>
 <p>Note: The STEMcoding Object Tracker works best in chrome and edge!</p>
 <p>It can work in other browsers (safari, firefox, etc.) but it may run slower or not at all due to some memory problems.</p>
@@ -242,8 +233,9 @@ <h2 class="anchored" data-anchor-id="object-tracker-playlist">Object Tracker Pla
 
 
 </section>
+</main></div>
 
-</main> <!-- /main -->
+ <!-- /main -->
 <div class="cc-license-badge">
   <a href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank">
     <img src="https://mirrors.creativecommons.org/presskit/buttons/88x31/png/by-nc.png" alt="CC BY-NC License">
@@ -649,7 +641,7 @@ <h2 class="anchored" data-anchor-id="object-tracker-playlist">Object Tracker Pla
     }
   });
   </script>
-</div> <!-- /content -->
+ <!-- /content -->
 
 
 

docs/search.json

@@ -1943,7 +1943,7 @@
     "href": "projects/objecttracker.html",
     "title": "Object Tracker",
     "section": "",
-    "text": "Now you can record your own direct measurement videos and analyze them with p5.js.\nNote: The STEMcoding Object Tracker works best in chrome and edge!\nIt can work in other browsers (safari, firefox, etc.) but it may run slower or not at all due to some memory problems.\nNo download or browser plugin is required!"
+    "text": "Your browser does not support the video tag.\nNow you can record your own direct measurement videos and analyze them with p5.js.\nNote: The STEMcoding Object Tracker works best in chrome and edge!\nIt can work in other browsers (safari, firefox, etc.) but it may run slower or not at all due to some memory problems.\nNo download or browser plugin is required!"
   },
   {
     "objectID": "projects/objecttracker.html#links-to-activity",

docs/vid/tape_short.mp4

@@ -13,6 +13,14 @@ categories:
 
 ---
 
+<div style="margin-bottom: 20px; text-align: center;">
+<video width="560" height="560" controls autoplay muted loop style="max-width: 100%; height: auto;">
+  <source src="../vid/tape_short.mp4" type="video/mp4">
+  Your browser does not support the video tag.
+</video>
+</div>
+
+
 Now you can record your own direct measurement videos and analyze them with p5.js.
 
 Note: The STEMcoding Object Tracker works best in chrome and edge!