Fixed background video and navigation bugs

Author: laurenengel78

templates/CookAI.html

@@ -1095,7 +1095,7 @@
     horizontal-alignment--center
     vertical-alignment--bottom
     
-    
+
     black" data-section-id="660c2e65e67e672339803828" data-controller="SectionWrapperController" data-current-styles="{
 "backgroundImage": {
 "id": "660c2e65e67e6723398037fb",
@@ -1283,13 +1283,13 @@
 "structuredContent": {
 "_type": "SqspHostedVideo",
 "videoCodec": "h264",
-"alexandriaUrl": "https://video.squarespace-cdn.com/content/v1/660c2e4f2613da75f8fc72a7/a7d99c16-aff5-40e7-b0c3-45975dd38104/{variant}",
+"alexandriaUrl": "./static/img/video.mp4",
 "alexandriaLibraryId": "660c2e4f2613da75f8fc72a7",
 "aspectRatio": 1.7777777777777777,
 "durationSeconds": 22.24
 },
 "videoCodec": "h264",
-"alexandriaUrl": "https://video.squarespace-cdn.com/content/v1/660c2e4f2613da75f8fc72a7/a7d99c16-aff5-40e7-b0c3-45975dd38104/{variant}",
+"alexandriaUrl": "./static/img/video.mp4",
 "alexandriaLibraryId": "660c2e4f2613da75f8fc72a7",
 "aspectRatio": 1.7777777777777777,
 "durationSeconds": 22.24,
@@ -1302,7 +1302,7 @@
 }" data-config-playback-speed="0.5" data-config-filter="1" data-config-filter-strength="0">
 
 
-  <div class="sqs-video-background-native__video-player video-player video-player--medium video-player--large"><div tabindex="0" class="plyr plyr--full-ui plyr--video plyr--html5 plyr--pip-supported plyr--hide-controls plyr--playing"><div class="plyr__controls" style=""></div><div class="plyr__video-wrapper"><video playsinline="" webkit-playsinline="" loop="" muted="" autoplay="" src="blob:http://127.0.0.1:5000/8cd6ea0e-08cb-4361-b55f-b7b2ffdfc1e5"></video><div class="plyr__poster"></div></div><div class="plyr__captions"></div></div></div>
+  <div class="sqs-video-background-native__video-player video-player video-player--medium video-player--large"><div tabindex="0" class="plyr plyr--full-ui plyr--video plyr--html5 plyr--pip-supported plyr--hide-controls plyr--playing"><div class="plyr__controls" style=""></div><div class="plyr__video-wrapper"><video playsinline="" webkit-playsinline="" loop="" muted="" autoplay="" src="../static/img/video.mp4"></video><div class="plyr__poster"></div></div><div class="plyr__captions"></div></div></div>
 </div>
 
           </div>
@@ -3010,7 +3010,7 @@ <h2 class="list-item-content__title preFade" style="max-width: 75%; transition-t
 </div></div></div><div class="fe-block fe-block-3387748b39c2822d81bd" style="mix-blend-mode: normal;"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{&quot;topLeft&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0},&quot;topRight&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0},&quot;bottomLeft&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0},&quot;bottomRight&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0}}" id="block-3387748b39c2822d81bd"><div class="sqs-block-content preFade" style="transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.492308s;">
 
 <div class="sqs-html-content">
-  <h4 style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.507692s;" class="preFade"><strong>Navigation</strong></h4><p class="sqsrte-small preFade" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.523077s;"><a href="http://127.0.0.1:5000/home">Home</a></p><p class="sqsrte-small preFade" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.538462s;"><a href="http://127.0.0.1:5000/kitchen" target="">Kitchen</a></p><p class="preFade" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.553846s;"><a href="http://127.0.0.1:5000/fridge">Fridge</a></p><p class="sqsrte-small preFade" data-rte-preserve-empty="true" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.569231s;"></p>
+  <h4 style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.507692s;" class="preFade"><strong>Navigation</strong></h4><p class="sqsrte-small preFade" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.523077s;"><a href="http://127.0.0.1:5000">Home</a></p><p class="sqsrte-small preFade" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.538462s;"><a href="http://127.0.0.1:5000/kitchen" target="">Kitchen</a></p><p class="sqsrte-small preFade fadeIn" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.553846s;"><a href="http://127.0.0.1:5000/fridge">Fridge</a></p><p class="sqsrte-small preFade" data-rte-preserve-empty="true" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.569231s;"></p>
 </div>
 
 

templates/Fridge — CookAI.html

@@ -3026,7 +3026,7 @@ <h4 style="white-space: pre-wrap; transition-timing-function: ease; transition-d
 </div></div></div><div class="fe-block fe-block-3387748b39c2822d81bd" style="mix-blend-mode: normal;"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{&quot;topLeft&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0},&quot;topRight&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0},&quot;bottomLeft&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0},&quot;bottomRight&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0}}" id="block-3387748b39c2822d81bd"><div class="sqs-block-content preFade" style="transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.572903s;">
 
 <div class="sqs-html-content">
-  <h4 style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.576774s;" class="preFade"><strong>Navigation</strong></h4><p class="sqsrte-small preFade" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.580645s;"><a href="http://127.0.0.1:5000/home">Home</a></p><p class="sqsrte-small preFade" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.584516s;"><a href="http://127.0.0.1:5000/kitchen" target="">Kitchen</a></p><p class="preFade" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.588387s;"><a href="http://127.0.0.1:5000/fridge">Fridge</a></p><p class="sqsrte-small preFade" data-rte-preserve-empty="true" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.592258s;"></p>
+  <h4 style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.576774s;" class="preFade"><strong>Navigation</strong></h4><p class="sqsrte-small preFade" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.580645s;"><a href="http://127.0.0.1:5000">Home</a></p><p class="sqsrte-small preFade" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.584516s;"><a href="http://127.0.0.1:5000/kitchen" target="">Kitchen</a></p><p class="sqsrte-small preFade fadeIn" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.588387s;"><a href="http://127.0.0.1:5000/fridge">Fridge</a></p><p class="sqsrte-small preFade" data-rte-preserve-empty="true" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.592258s;"></p>
 </div>
 
 

templates/Kitchen — CookAI.html

@@ -1878,7 +1878,7 @@ <h1 style="white-space: pre-wrap; transition-timing-function: ease; transition-d
 </div></div></div><div class="fe-block fe-block-3387748b39c2822d81bd" style="mix-blend-mode: normal;"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{&quot;topLeft&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0},&quot;topRight&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0},&quot;bottomLeft&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0},&quot;bottomRight&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0}}" id="block-3387748b39c2822d81bd"><div class="sqs-block-content preFade fadeIn" style="transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.45s;">
 
 <div class="sqs-html-content">
-  <h4 style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.471429s;" class="preFade fadeIn"><strong>Navigation</strong></h4><p class="sqsrte-small preFade fadeIn" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.492857s;"><a href="http://127.0.0.1:5000/home">Home</a></p><p class="sqsrte-small preFade fadeIn" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.514286s;"><a href="http://127.0.0.1:5000/kitchen" target="">Kitchen</a></p><p class="preFade" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.535714s;"><a href="http://127.0.0.1:5000/fridge">Fridge</a></p><p class="sqsrte-small preFade" data-rte-preserve-empty="true" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.557143s;"></p>
+  <h4 style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.471429s;" class="preFade fadeIn"><strong>Navigation</strong></h4><p class="sqsrte-small preFade fadeIn" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.492857s;"><a href="http://127.0.0.1:5000">Home</a></p><p class="sqsrte-small preFade fadeIn" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.514286s;"><a href="http://127.0.0.1:5000/kitchen" target="">Kitchen</a></p><p class="sqsrte-small preFade fadeIn" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.535714s;"><a href="http://127.0.0.1:5000/fridge">Fridge</a></p><p class="sqsrte-small preFade" data-rte-preserve-empty="true" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.557143s;"></p>
 </div>
 
 

templates/generate — CookAI.html

@@ -1873,7 +1873,7 @@ <h4 style="white-space: pre-wrap; transition-timing-function: ease; transition-d
 </div></div></div><div class="fe-block fe-block-3387748b39c2822d81bd" style="mix-blend-mode: normal;"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{&quot;topLeft&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0},&quot;topRight&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0},&quot;bottomLeft&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0},&quot;bottomRight&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0}}" id="block-3387748b39c2822d81bd"><div class="sqs-block-content preFade fadeIn" style="transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.438462s;">
 
 <div class="sqs-html-content">
-  <h4 style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.461538s;" class="preFade fadeIn"><strong>Navigation</strong></h4><p class="sqsrte-small preFade fadeIn" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.484615s;"><a href="http://127.0.0.1:5000/home">Home</a></p><p class="sqsrte-small preFade fadeIn" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.507692s;"><a href="http://127.0.0.1:5000/kitchen" target="">Kitchen</a></p><p class="preFade fadeIn" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.530769s;"><a href="http://127.0.0.1:5000/fridge">Fridge</a></p><p class="sqsrte-small preFade fadeIn" data-rte-preserve-empty="true" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.553846s;"></p>
+  <h4 style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.461538s;" class="preFade fadeIn"><strong>Navigation</strong></h4><p class="sqsrte-small preFade fadeIn" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.484615s;"><a href="http://127.0.0.1:5000">Home</a></p><p class="sqsrte-small preFade fadeIn" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.507692s;"><a href="http://127.0.0.1:5000/kitchen" target="">Kitchen</a></p><p class="sqsrte-small preFade fadeIn" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.530769s;"><a href="http://127.0.0.1:5000/fridge">Fridge</a></p><p class="sqsrte-small preFade fadeIn" data-rte-preserve-empty="true" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.9s; transition-delay: 0.553846s;"></p>
 </div>