Update video MIME types in HTML files for cross-browser compatibility
ci/woodpecker/push/woodpecker Pipeline failed
Details
ci/woodpecker/push/woodpecker Pipeline failed
Details
This commit is contained in:
parent
683d0efbec
commit
20d50e35b3
|
|
@ -13,4 +13,4 @@ mdl-layout--fixed-header"><header class="mdl-layout__header site-header"><div cl
|
|||
<a class=mdl-navigation__link href=/research/ title=Research tabindex=0>Research</a>
|
||||
<a class=mdl-navigation__link href=/posts/ title=Posts tabindex=0>Posts</a>
|
||||
<a class=mdl-navigation__link href=/components/ title=Components tabindex=0>Components</a></nav></div><main aria-role=main><div class=subpage-content><div class=chocolate-container><h1>Components</h1><a href=# class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored" data-upgraded=,MaterialButton>Showerloop Kit Component List 2018</a><section><div class=mdl-grid><div class="mdl-cell mdl-cell--12-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><h2>Production</h2><p>Made in Finland - for the most part. We've been doing our best to source materials as locally as possible. Sadly it's harder and harder to producers here in Finland or if we can it's just too expensive for us until we can produce more component inhouse.</p><p>The main components of the filter and electronics are, however, made here in Finland with the help of tools and expertise from Aalto Fablab in Helsinki, Varia vocational school & AIRO Island Ry.</p></div><div class="mdl-cell mdl-cell--4-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><dl><dt>Main Features</dt><dd>Showerloop can be be integrated into existing showers<br>Water can be diverted to a storage/ grey water tank<br>Fully 12 V DC off-grid system is possible</dd><dt>Dimensions</dt><dd>23 cm x 45 cm x 150 cm*<br>35 kg<br>( + 10 kg packaging )</dd><dt>Filtrate</dt><dd>Nilsilän Quartz Sand<br>Activated Carbon<br>Geotextile</dd><dt>Fasteners</dt><dd>Varios screws<br>3d printed valve hoder<br>3d printer hose fasters<br>3d printed filter fastener</dd></dl></div><div class="mdl-cell mdl-cell--4-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><dl><dt>Pump</dt><dd>12 V DC self-priming membrane pump<br>The pump can be placed almost anywhere and
|
||||
can run dry, pumps up to 3.3 bar.</dd><dt>Piping & Valves</dt><dd>21 mm transparent hose<br>Brass T's, 90 bends and quick connectors<br>Plastic quick connectors for maintenance</dd><dt>Filters</dt><dd>10mm CNC milled lids<br>200mm transparent acrylic tube<br>3 mm laser cut spacers<br>M8 stainless steel metal rods</dd><dt>*Smart Shower & Sensors</dt><dd>In the future</dd></dl></div><div class="mdl-cell mdl-cell--4-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><dl><dt>Heater & Thermostat</dt><dd>-3 kW resistive heater<br>NPT 10k Temperature probe<br>and Thermostat<br>Solid State Optocouple<br>Brass piping for thermostat</dd><dt>UVIR</dt><dd>240V AC [26W]<br>[ 7 cm diam. x 55</dd><dt>Switch board & power housing</dt><dd>IP67 Waterproof containers for electrical devices<br>8- channel relay module<br>Ground Fault Circuit Interruptor<br>Fuses 10A and 2A<br>12V DC Motor Controller PWM<br>230V AC - 12V DC Transformer [150W]</dd></dl></div></div></section></div></div></main><footer class="mdl-mini-footer site-footer"><div class=mdl-mini-footer__left-section>© 2020 Shower Loop | All Rights Reserved</div><div class=mdl-mini-footer__right-section></div></footer></div><script>document.addEventListener("DOMContentLoaded",function(){setTimeout(function(){if(!window.__bfcacheLiveReloadActive){const e=window.location.protocol==="https:"?"wss:":"ws:",t=`${e}//${window.location.host}/__livereload`;try{if(window.OriginalWebSocket){const e=new window.OriginalWebSocket(t);e.onmessage=function(e){e.data==="reload"&&window.location.reload()},window.__bfcacheLiveReloadActive=!0}}catch(e){console.warn("LiveReload connection error:",e)}}},500)})</script></body></html>
|
||||
can run dry, pumps up to 3.3 bar.</dd><dt>Piping & Valves</dt><dd>21 mm transparent hose<br>Brass T's, 90 bends and quick connectors<br>Plastic quick connectors for maintenance</dd><dt>Filters</dt><dd>10mm CNC milled lids<br>200mm transparent acrylic tube<br>3 mm laser cut spacers<br>M8 stainless steel metal rods</dd><dt>*Smart Shower & Sensors</dt><dd>In the future</dd></dl></div><div class="mdl-cell mdl-cell--4-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><dl><dt>Heater & Thermostat</dt><dd>-3 kW resistive heater<br>NPT 10k Temperature probe<br>and Thermostat<br>Solid State Optocouple<br>Brass piping for thermostat</dd><dt>UVIR</dt><dd>240V AC [26W]<br>[ 7 cm diam. x 55</dd><dt>Switch board & power housing</dt><dd>IP67 Waterproof containers for electrical devices<br>8- channel relay module<br>Ground Fault Circuit Interruptor<br>Fuses 10A and 2A<br>12V DC Motor Controller PWM<br>230V AC - 12V DC Transformer [150W]</dd></dl></div></div></section></div></div></main><footer class="mdl-mini-footer site-footer"><div class=mdl-mini-footer__left-section>© 2020 Shower Loop | All Rights Reserved</div><div class=mdl-mini-footer__right-section></div></footer></div><script>document.addEventListener("DOMContentLoaded",function(){setTimeout(function(){if(!window.__bfcacheLiveReloadActive){const e=window.location.protocol==="https:"?"wss:":"ws:",t=`${e}//${window.location.host}/__livereload`;try{if(window.OriginalWebSocket){const e=new window.OriginalWebSocket(t);e.onmessage=function(e){e.data==="reload"&&window.location.reload()},window.__bfcacheLiveReloadActive=!0}}catch(e){console.warn("LiveReload connection error:",e)}}},500)})</script><script src="/js/video-init-fixed.min.js"></script></body></html>
|
||||
|
|
@ -16,4 +16,4 @@ mdl-layout--fixed-header"><header class="mdl-layout__header site-header"><div cl
|
|||
=> <strong>LOOP</strong></span><p>After passing through the filters the water is clear, clean and bacteria free and ready to be pumped back into the shower head. A small electrical resistor can be used to reheat the water to your set temperature. When you are done the water goes down the drain like normal or you can use the water for something else, like doing your laundry or flushing the toilet to save even more water.</p></div><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><img class=responsive-img src=/images/showerspin.webp alt="Shower Loop system in action showing water filtering and recycling through the circular system"></div><div class="mdl-cell mdl-cell--12-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><img class=responsive-img src=/images/complete_waterloop_for_household.webp alt="Diagram showing water flow through a complete household: shower water recycled to toilet and laundry, with filtration systems"><p>Here's a little preview of how we imagine a complete household water loop to look like. By reusing the same water from one process to another we can dramatically decrease water consumption without having to sacrifice. We are building the system piece by piece but we need parts. If you make things like plumbing components, valves, pumps, ultra violet systems and filters let's work together. If you have spare parts feel free to send them to us :)</p><img class=responsive-img src=/images/Schematic555.webp alt="Technical schematic of ShowerLoop system showing pump, filters, UV sterilization, and water flow paths">
|
||||
<img class=responsive-img src=/images/shower-loop1.webp alt="Complete ShowerLoop installation showing filtration unit connected to a standard shower system"></div></div></section><section><h2>How It Will Work</h2>Get in the shower and select your desired water temperature on a small screen. Once you press start, water begins to flow just like in a normal shower, the difference is that instead of the water being wasted by letting it go down the drain, it's collected and pumped though several filters:</section><section><h2>Automate, Monitor, Re-program, Customise</h2><p>Multiple sensors and a micro-controller are used to allow for complete monitoring and control of the system so you can understand more about your own behavior and personalize the shower to fit your needs (e.g. tell you when to get out of the shower in case you're in a hurry). You can set your ideal showering conditions like flow rate, water temperature, ambiance and to automatically wash the filters once you've left the shower so that the filters last longer before requiring manual maintenance. By measuring use and changes in flow rate it can inform you when to change filters.</p><img class=responsive-img src=/images/webp/monitor.webp alt="Digital monitoring display showing water usage, temperature, and filter status of the ShowerLoop system">
|
||||
<img class=responsive-img src=/images/showerloop+future+ui.webp alt="Concept design of future ShowerLoop user interface with touchscreen controls for temperature, flow rate, and water savings statistics"><p>Currently we are using a simple two-row, two-color LCD screen (below) but in the future the interface could look more like this and be programmed by your smart phone (it's just a draft so don't get caught up on the numbers - it's only an example).</p></section><section><h2>Improvement</h2><div class=mdl-grid><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div class=side-by-side-image-container><img class=responsive-img src=/images/20150918_MOREL_MG_0012_Small_poc21.webp alt="The POC21 Model of ShowerLoop with copper pipes and manually controlled filtration system"></div><h3>The POC21 Model</h3><p>(See the DIY instructions) made with copper pipes and without the automated control system and slightly smaller filters for a lower flow rate.
|
||||
This is more closely resembles the final product but the placement and look of the filters can be modified by the user.</p></div><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div class=side-by-side-image-container><img class=responsive-img src=/images/sloopdesign+%2871+of+75%29.webp alt="Fully operational ShowerLoop prototype with automated piping system and 10 l/min water flow capacity"></div><h3>The fully operational prototype</h3><p>The shower built for 10 l/min and automated piping. Drinking water hose pipe was used for testing and fast iterations.</p></div></div></section><section><div class="mdl-cell mdl-cell--12-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><h2>The Only Challenge</h2><p>The water needs to be collected for the pump which needs to be placed at the lowest point of the shower, ideally under the basin. If you have an Italian-style shower you can build a new basin instead of tearing the floor apart. We are also working on a way to hack your existing drain and using self-priming pumps so that you can plug the drain during loop mode and suck the water out of the small collection basin.</p><img class=responsive-img src=/images/challenge.webp alt="Illustration of drainage basin installation challenges showing how to modify existing shower floors for water collection"></div></section></div></div></main><footer class="mdl-mini-footer site-footer"><div class=mdl-mini-footer__left-section>© 2020 Shower Loop | All Rights Reserved</div><div class=mdl-mini-footer__right-section></div></footer></div><script>document.addEventListener("DOMContentLoaded",function(){setTimeout(function(){if(!window.__bfcacheLiveReloadActive){const e=window.location.protocol==="https:"?"wss:":"ws:",t=`${e}//${window.location.host}/__livereload`;try{if(window.OriginalWebSocket){const e=new window.OriginalWebSocket(t);e.onmessage=function(e){e.data==="reload"&&window.location.reload()},window.__bfcacheLiveReloadActive=!0}}catch(e){console.warn("LiveReload connection error:",e)}}},500)})</script></body></html>
|
||||
This is more closely resembles the final product but the placement and look of the filters can be modified by the user.</p></div><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div class=side-by-side-image-container><img class=responsive-img src=/images/sloopdesign+%2871+of+75%29.webp alt="Fully operational ShowerLoop prototype with automated piping system and 10 l/min water flow capacity"></div><h3>The fully operational prototype</h3><p>The shower built for 10 l/min and automated piping. Drinking water hose pipe was used for testing and fast iterations.</p></div></div></section><section><div class="mdl-cell mdl-cell--12-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><h2>The Only Challenge</h2><p>The water needs to be collected for the pump which needs to be placed at the lowest point of the shower, ideally under the basin. If you have an Italian-style shower you can build a new basin instead of tearing the floor apart. We are also working on a way to hack your existing drain and using self-priming pumps so that you can plug the drain during loop mode and suck the water out of the small collection basin.</p><img class=responsive-img src=/images/challenge.webp alt="Illustration of drainage basin installation challenges showing how to modify existing shower floors for water collection"></div></section></div></div></main><footer class="mdl-mini-footer site-footer"><div class=mdl-mini-footer__left-section>© 2020 Shower Loop | All Rights Reserved</div><div class=mdl-mini-footer__right-section></div></footer></div><script>document.addEventListener("DOMContentLoaded",function(){setTimeout(function(){if(!window.__bfcacheLiveReloadActive){const e=window.location.protocol==="https:"?"wss:":"ws:",t=`${e}//${window.location.host}/__livereload`;try{if(window.OriginalWebSocket){const e=new window.OriginalWebSocket(t);e.onmessage=function(e){e.data==="reload"&&window.location.reload()},window.__bfcacheLiveReloadActive=!0}}catch(e){console.warn("LiveReload connection error:",e)}}},500)})</script><script src="/js/video-init-fixed.min.js"></script></body></html>
|
||||
|
|
@ -20,4 +20,4 @@ web browser that
|
|||
<a href=https://videojs.com/html5-video-support/ target=_blank>supports HTML5 video</a></p></video></div><style>.responsive-video-container{position:relative;width:100%;margin-bottom:2rem}.video-js{width:100%;height:auto;aspect-ratio:16/9}</style><script>document.addEventListener("DOMContentLoaded",function(){var e=videojs("video2")})</script></div><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><link href=/css/vendor/video-js.min.css rel=stylesheet><script src=/js/videojs/video.min.js></script><div class=responsive-video-container><video id=video3 class="video-js vjs-default-skin vjs-big-play-centered" controls preload=auto width=640 height=360 poster=/videos/hls/video3/poster.webp data-setup='{"fluid": true}'>
|
||||
<source src=/videos/hls/video3/index.m3u8 type=application/x-mpegurl><p class=vjs-no-js>To view this video please enable JavaScript, and consider upgrading to a
|
||||
web browser that
|
||||
<a href=https://videojs.com/html5-video-support/ target=_blank>supports HTML5 video</a></p></video></div><style>.responsive-video-container{position:relative;width:100%;margin-bottom:2rem}.video-js{width:100%;height:auto;aspect-ratio:16/9}</style><script>document.addEventListener("DOMContentLoaded",function(){var e=videojs("video3")})</script></div></div></div></div></div></div><div class=recent-posts><div class=chocolate-container><div class=mdl-grid><div class="mdl-cell mdl-cell--12-col"><h2 class="mdl-typography--display-2 section-title">Recent News</h2><p class=blog-description></p><div class=mdl-grid><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone blog-post mdl-card mdl-shadow--2dp"><div class=mdl-card__title><h3 class=mdl-card__title-text>2 Ways to Be Economical When Showering With an Injury</h3></div><div class=mdl-card__supporting-text><p><p>It's extremely challenging to lead your daily life while sustaining an injury. And yet, dealing with sports injuries is something that most of us will have to go through, with nearly 2 million sports-related injuries affecting high school athletes alone per year. Most of us know the feeling of attempting to take a shower or bath when your arm is wrapped in a cast and cannot get wet. It's a defeated feeling, and it can quickly take away the motivation to shower or bathe in the first place. After all, wouldn't it be easier to not deal with the challenge? Furthermore, you may also be concerned that showering with your sports-related injury will be a longer process than a normal shower, making the entire ordeal less environmentally friendly. While there are ways to make sure you are being economical while showering, like being conscientious of what you put down the drain, you may not always be thinking about the environment when trying to avoid getting your injury wet in the shower. Fortunately, there are two ways you can be economical about your water usage while showering with an injury, including:</p></p></div><div class="mdl-card__actions mdl-card--border"><a href=/posts/blog4/ class="mdl-button mdl-button--colored mdl-button mdl-js-button mdl-button--raised mdl-button--colored" tabindex=0 aria-label="Read more about 2 Ways to Be Economical When Showering With an Injury">Read Article: 2 Ways to Be Economical When Showering With an Injury</a></div></div><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone blog-post mdl-card mdl-shadow--2dp"><div class=mdl-card__title><h3 class=mdl-card__title-text>Don't Put These Things Down The Shower Drain!</h3></div><div class=mdl-card__supporting-text><p><p>Natural water in Finland is some of the most polluted water in Europe (read the discussions in the article). You might be contributing to its pollution without realizing it, such as if you're putting things down the drain that you really shouldn't. Making your shower eco-friendly should be about saving water as well as preventing water contamination. Here's what you can do to be greener and cleaner!</p><p>In Finland, people use an average of 140 liters of water every day. By installing a product such as Showerloop into your shower, you can save water and energy. Showerloop reuses water while you shower so that it doesn't go to waste – and you don't have to feel guilty about taking longer showers. However, that's just Step One to ensuring a more eco-friendly shower. Step Two involves preventing toxins from ending up in water systems and the environment. That means you can enjoy showering without worrying about how you're harming the water and wildlife.</p></p></div><div class="mdl-card__actions mdl-card--border"><a href=/posts/blog3/ class="mdl-button mdl-button--colored mdl-button mdl-js-button mdl-button--raised mdl-button--colored" tabindex=0 aria-label="Read more about Don't Put These Things Down The Shower Drain!">Read Article: Don't Put These Things Down The Shower Drain!</a></div></div></div></div></div></div></div></main><footer class="mdl-mini-footer site-footer"><div class=mdl-mini-footer__left-section>© 2020 Shower Loop | All Rights Reserved</div><div class=mdl-mini-footer__right-section></div></footer></div></body></html>
|
||||
<a href=https://videojs.com/html5-video-support/ target=_blank>supports HTML5 video</a></p></video></div><style>.responsive-video-container{position:relative;width:100%;margin-bottom:2rem}.video-js{width:100%;height:auto;aspect-ratio:16/9}</style><script>document.addEventListener("DOMContentLoaded",function(){var e=videojs("video3")})</script></div></div></div></div></div></div><div class=recent-posts><div class=chocolate-container><div class=mdl-grid><div class="mdl-cell mdl-cell--12-col"><h2 class="mdl-typography--display-2 section-title">Recent News</h2><p class=blog-description></p><div class=mdl-grid><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone blog-post mdl-card mdl-shadow--2dp"><div class=mdl-card__title><h3 class=mdl-card__title-text>2 Ways to Be Economical When Showering With an Injury</h3></div><div class=mdl-card__supporting-text><p><p>It's extremely challenging to lead your daily life while sustaining an injury. And yet, dealing with sports injuries is something that most of us will have to go through, with nearly 2 million sports-related injuries affecting high school athletes alone per year. Most of us know the feeling of attempting to take a shower or bath when your arm is wrapped in a cast and cannot get wet. It's a defeated feeling, and it can quickly take away the motivation to shower or bathe in the first place. After all, wouldn't it be easier to not deal with the challenge? Furthermore, you may also be concerned that showering with your sports-related injury will be a longer process than a normal shower, making the entire ordeal less environmentally friendly. While there are ways to make sure you are being economical while showering, like being conscientious of what you put down the drain, you may not always be thinking about the environment when trying to avoid getting your injury wet in the shower. Fortunately, there are two ways you can be economical about your water usage while showering with an injury, including:</p></p></div><div class="mdl-card__actions mdl-card--border"><a href=/posts/blog4/ class="mdl-button mdl-button--colored mdl-button mdl-js-button mdl-button--raised mdl-button--colored" tabindex=0 aria-label="Read more about 2 Ways to Be Economical When Showering With an Injury">Read Article: 2 Ways to Be Economical When Showering With an Injury</a></div></div><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone blog-post mdl-card mdl-shadow--2dp"><div class=mdl-card__title><h3 class=mdl-card__title-text>Don't Put These Things Down The Shower Drain!</h3></div><div class=mdl-card__supporting-text><p><p>Natural water in Finland is some of the most polluted water in Europe (read the discussions in the article). You might be contributing to its pollution without realizing it, such as if you're putting things down the drain that you really shouldn't. Making your shower eco-friendly should be about saving water as well as preventing water contamination. Here's what you can do to be greener and cleaner!</p><p>In Finland, people use an average of 140 liters of water every day. By installing a product such as Showerloop into your shower, you can save water and energy. Showerloop reuses water while you shower so that it doesn't go to waste – and you don't have to feel guilty about taking longer showers. However, that's just Step One to ensuring a more eco-friendly shower. Step Two involves preventing toxins from ending up in water systems and the environment. That means you can enjoy showering without worrying about how you're harming the water and wildlife.</p></p></div><div class="mdl-card__actions mdl-card--border"><a href=/posts/blog3/ class="mdl-button mdl-button--colored mdl-button mdl-js-button mdl-button--raised mdl-button--colored" tabindex=0 aria-label="Read more about Don't Put These Things Down The Shower Drain!">Read Article: Don't Put These Things Down The Shower Drain!</a></div></div></div></div></div></div></div></main><footer class="mdl-mini-footer site-footer"><div class=mdl-mini-footer__left-section>© 2020 Shower Loop | All Rights Reserved</div><div class=mdl-mini-footer__right-section></div></footer></div><script src="/js/video-init-fixed.min.js"></script></body></html>
|
||||
|
|
@ -12,4 +12,4 @@ mdl-layout--fixed-header"><header class="mdl-layout__header site-header"><div cl
|
|||
<a class=mdl-navigation__link href=/how-it-works/ title="How It Works" tabindex=0>How It Works</a>
|
||||
<a class=mdl-navigation__link href=/research/ title=Research tabindex=0>Research</a>
|
||||
<a class=mdl-navigation__link href=/posts/ title=Posts tabindex=0>Posts</a>
|
||||
<a class=mdl-navigation__link href=/components/ title=Components tabindex=0>Components</a></nav></div><main aria-role=main><div class=subpage-content><div class=chocolate-container><h1></h1><h1>The key to open source hardware and software is an open heart</h1><h2>CERN OHL BY-SA:</h2><a href=https://ohwr.org/project/licenses/wikis/home>CERN Open Hardware License</a><p>If you with to republish, credit modify and/or commercialize Showerloop or aspects of Showerloop tech under the licence agreement you must, in a nutshell:</p><ul><li><strong>By:</strong> Give credit to Showerloop by linking to our website, refering to the documentation and it's makers</li><li><strong>Share Alike</strong>Share your documentation in a similar fashion, a.k.a if you make a derivative (modified version) of Showerloop or any of the technologies developed within the Showerloop community you must also share the plans as open hardware. This includes components, manufacturing methods, modifications, plans and diagrams, CAD and STL files and of course documentation to explain it all.</li></ul><hr><h2>Software Licence:</h2><h3>Digital content: CC-BY-SA 4.0</h3><a href=https://creativecommons.org/licenses/by-sa/4.0/legalcode>Creative Commons License Attribution Sharealike 4.0</a><ul><li><strong>By:</strong> Give credit to Shower Loop by linking to our website, refering to the documentation and it's makers</li><li><strong>Share Alike:</strong> Share your documentation in a similar fashion. This includes components, manufacturing methods, modifications etc.</li></ul><h3>Shower Loop Trademark</h3><p>We would love it if you used the Shower Loop brand. In order to use it we would be super happy to get a tiny payment for its use but more importantly we use the fee to certify that what you are developing meets the required quality, safety and environmental standards. Please <a href=/components>get in touch via our Components page</a> for more information.</p><hr><a href=https://ohwr.org/project/licenses/wikis/home><h2>CERN Open Hardware License v1.2</h2></a><p>2013-09-06 - CERN, Geneva, Switzerland</p><hr><a href=https://creativecommons.org/licenses/by-sa/4.0/legalcode><h2>Creative Commons-BY-SA 4.0</h2></a><p>Creative Commons Attribution-ShareAlike 4.0 International Public License</p></div></div></main><footer class="mdl-mini-footer site-footer"><div class=mdl-mini-footer__left-section>© 2020 Shower Loop | All Rights Reserved</div><div class=mdl-mini-footer__right-section></div></footer></div><script>document.addEventListener("DOMContentLoaded",function(){setTimeout(function(){if(!window.__bfcacheLiveReloadActive){const e=window.location.protocol==="https:"?"wss:":"ws:",t=`${e}//${window.location.host}/__livereload`;try{if(window.OriginalWebSocket){const e=new window.OriginalWebSocket(t);e.onmessage=function(e){e.data==="reload"&&window.location.reload()},window.__bfcacheLiveReloadActive=!0}}catch(e){console.warn("LiveReload connection error:",e)}}},500)})</script></body></html>
|
||||
<a class=mdl-navigation__link href=/components/ title=Components tabindex=0>Components</a></nav></div><main aria-role=main><div class=subpage-content><div class=chocolate-container><h1></h1><h1>The key to open source hardware and software is an open heart</h1><h2>CERN OHL BY-SA:</h2><a href=https://ohwr.org/project/licenses/wikis/home>CERN Open Hardware License</a><p>If you with to republish, credit modify and/or commercialize Showerloop or aspects of Showerloop tech under the licence agreement you must, in a nutshell:</p><ul><li><strong>By:</strong> Give credit to Showerloop by linking to our website, refering to the documentation and it's makers</li><li><strong>Share Alike</strong>Share your documentation in a similar fashion, a.k.a if you make a derivative (modified version) of Showerloop or any of the technologies developed within the Showerloop community you must also share the plans as open hardware. This includes components, manufacturing methods, modifications, plans and diagrams, CAD and STL files and of course documentation to explain it all.</li></ul><hr><h2>Software Licence:</h2><h3>Digital content: CC-BY-SA 4.0</h3><a href=https://creativecommons.org/licenses/by-sa/4.0/legalcode>Creative Commons License Attribution Sharealike 4.0</a><ul><li><strong>By:</strong> Give credit to Shower Loop by linking to our website, refering to the documentation and it's makers</li><li><strong>Share Alike:</strong> Share your documentation in a similar fashion. This includes components, manufacturing methods, modifications etc.</li></ul><h3>Shower Loop Trademark</h3><p>We would love it if you used the Shower Loop brand. In order to use it we would be super happy to get a tiny payment for its use but more importantly we use the fee to certify that what you are developing meets the required quality, safety and environmental standards. Please <a href=/components>get in touch via our Components page</a> for more information.</p><hr><a href=https://ohwr.org/project/licenses/wikis/home><h2>CERN Open Hardware License v1.2</h2></a><p>2013-09-06 - CERN, Geneva, Switzerland</p><hr><a href=https://creativecommons.org/licenses/by-sa/4.0/legalcode><h2>Creative Commons-BY-SA 4.0</h2></a><p>Creative Commons Attribution-ShareAlike 4.0 International Public License</p></div></div></main><footer class="mdl-mini-footer site-footer"><div class=mdl-mini-footer__left-section>© 2020 Shower Loop | All Rights Reserved</div><div class=mdl-mini-footer__right-section></div></footer></div><script>document.addEventListener("DOMContentLoaded",function(){setTimeout(function(){if(!window.__bfcacheLiveReloadActive){const e=window.location.protocol==="https:"?"wss:":"ws:",t=`${e}//${window.location.host}/__livereload`;try{if(window.OriginalWebSocket){const e=new window.OriginalWebSocket(t);e.onmessage=function(e){e.data==="reload"&&window.location.reload()},window.__bfcacheLiveReloadActive=!0}}catch(e){console.warn("LiveReload connection error:",e)}}},500)})</script><script src="/js/video-init-fixed.min.js"></script></body></html>
|
||||
|
|
@ -12,4 +12,4 @@ mdl-layout--fixed-header"><header class="mdl-layout__header site-header"><div cl
|
|||
<a class=mdl-navigation__link href=/how-it-works/ title="How It Works" tabindex=0>How It Works</a>
|
||||
<a class=mdl-navigation__link href=/research/ title=Research tabindex=0>Research</a>
|
||||
<a class=mdl-navigation__link href=/posts/ title=Posts tabindex=0>Posts</a>
|
||||
<a class=mdl-navigation__link href=/components/ title=Components tabindex=0>Components</a></nav></div><main aria-role=main><div class=subpage-content><div class=chocolate-container><h1></h1><div class=content-container><h1 class="mdl-typography--display-2 text-center">Build Your Own ShowerLoop</h1><p class=text-center>The ShowerLoop is an open-source project. Get the plans and build your own!</p><div class="make-it-container text-center"><div class=make-it-box><h3>I Want To Build It</h3><p>Get access to building plans, materials list, and join our community of builders creating sustainable shower systems around the world.</p><div class=button-container><a class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored" href="mailto:info@showerloop.org?subject=I%20Want%20To%20Build%20It">Get Started</a></div></div></div><p class=text-center>For more information about building your own ShowerLoop system, please <a href=/contact-us>contact us</a>.</p></div></div></div></main><footer class="mdl-mini-footer site-footer"><div class=mdl-mini-footer__left-section>© 2020 Shower Loop | All Rights Reserved</div><div class=mdl-mini-footer__right-section></div></footer></div><script>document.addEventListener("DOMContentLoaded",function(){setTimeout(function(){if(!window.__bfcacheLiveReloadActive){const e=window.location.protocol==="https:"?"wss:":"ws:",t=`${e}//${window.location.host}/__livereload`;try{if(window.OriginalWebSocket){const e=new window.OriginalWebSocket(t);e.onmessage=function(e){e.data==="reload"&&window.location.reload()},window.__bfcacheLiveReloadActive=!0}}catch(e){console.warn("LiveReload connection error:",e)}}},500)})</script></body></html>
|
||||
<a class=mdl-navigation__link href=/components/ title=Components tabindex=0>Components</a></nav></div><main aria-role=main><div class=subpage-content><div class=chocolate-container><h1></h1><div class=content-container><h1 class="mdl-typography--display-2 text-center">Build Your Own ShowerLoop</h1><p class=text-center>The ShowerLoop is an open-source project. Get the plans and build your own!</p><div class="make-it-container text-center"><div class=make-it-box><h3>I Want To Build It</h3><p>Get access to building plans, materials list, and join our community of builders creating sustainable shower systems around the world.</p><div class=button-container><a class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored" href="mailto:info@showerloop.org?subject=I%20Want%20To%20Build%20It">Get Started</a></div></div></div><p class=text-center>For more information about building your own ShowerLoop system, please <a href=/contact-us>contact us</a>.</p></div></div></div></main><footer class="mdl-mini-footer site-footer"><div class=mdl-mini-footer__left-section>© 2020 Shower Loop | All Rights Reserved</div><div class=mdl-mini-footer__right-section></div></footer></div><script>document.addEventListener("DOMContentLoaded",function(){setTimeout(function(){if(!window.__bfcacheLiveReloadActive){const e=window.location.protocol==="https:"?"wss:":"ws:",t=`${e}//${window.location.host}/__livereload`;try{if(window.OriginalWebSocket){const e=new window.OriginalWebSocket(t);e.onmessage=function(e){e.data==="reload"&&window.location.reload()},window.__bfcacheLiveReloadActive=!0}}catch(e){console.warn("LiveReload connection error:",e)}}},500)})</script><script src="/js/video-init-fixed.min.js"></script></body></html>
|
||||
|
|
@ -51,7 +51,7 @@
|
|||
<div class="video-container">
|
||||
<h2>HLS Test (Video 1)</h2>
|
||||
<video controls width="100%">
|
||||
<source src="/videos/hls/video1/index.m3u8" type="application/x-mpegURL">
|
||||
<source src="/videos/hls/video1/index.m3u8" type="application/vnd.apple.mpegurl">
|
||||
Your browser does not support the video tag.
|
||||
</video>
|
||||
</div>
|
||||
|
|
@ -62,7 +62,7 @@
|
|||
<script src="/js/videojs/video.min.js"></script>
|
||||
<script src="/js/videojs/videojs-http-streaming.min.js"></script>
|
||||
<video id="test-video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" width="640" height="360">
|
||||
<source src="/videos/hls/video1/index.m3u8" type="application/x-mpegURL">
|
||||
<source src="/videos/hls/video1/index.m3u8" type="application/vnd.apple.mpegurl">
|
||||
Your browser does not support the video tag.
|
||||
</video>
|
||||
<script>
|
||||
|
|
@ -90,5 +90,5 @@
|
|||
});
|
||||
</script>
|
||||
</div>
|
||||
</body>
|
||||
<script src="/js/video-init-fixed.min.js"></script></body>
|
||||
</html>
|
||||
|
|
@ -30,4 +30,4 @@ web browser that
|
|||
</span><span class=share><span>Share:</span>
|
||||
<a target=_blank href="https://www.facebook.com/sharer/sharer.php?u=http://localhost:1313/posts/blog1/"><i class="fab fa-facebook-square"></i>
|
||||
</a><a target=_blank href="http://twitter.com/share?url=http://localhost:1313/posts/blog1/"><i class="fab fa-twitter-square"></i>
|
||||
</a><a target=_blank href="http://www.reddit.com/submit?url=http://localhost:1313/posts/blog1/"><i class="fab fa-reddit-square"></i></a></span></div></div></div></div></div></div></div></div></main><footer class="mdl-mini-footer site-footer"><div class=mdl-mini-footer__left-section>© 2020 Shower Loop | All Rights Reserved</div><div class=mdl-mini-footer__right-section></div></footer></div><script>document.addEventListener("DOMContentLoaded",function(){setTimeout(function(){if(!window.__bfcacheLiveReloadActive){const e=window.location.protocol==="https:"?"wss:":"ws:",t=`${e}//${window.location.host}/__livereload`;try{if(window.OriginalWebSocket){const e=new window.OriginalWebSocket(t);e.onmessage=function(e){e.data==="reload"&&window.location.reload()},window.__bfcacheLiveReloadActive=!0}}catch(e){console.warn("LiveReload connection error:",e)}}},500)})</script></body></html>
|
||||
</a><a target=_blank href="http://www.reddit.com/submit?url=http://localhost:1313/posts/blog1/"><i class="fab fa-reddit-square"></i></a></span></div></div></div></div></div></div></div></div></main><footer class="mdl-mini-footer site-footer"><div class=mdl-mini-footer__left-section>© 2020 Shower Loop | All Rights Reserved</div><div class=mdl-mini-footer__right-section></div></footer></div><script>document.addEventListener("DOMContentLoaded",function(){setTimeout(function(){if(!window.__bfcacheLiveReloadActive){const e=window.location.protocol==="https:"?"wss:":"ws:",t=`${e}//${window.location.host}/__livereload`;try{if(window.OriginalWebSocket){const e=new window.OriginalWebSocket(t);e.onmessage=function(e){e.data==="reload"&&window.location.reload()},window.__bfcacheLiveReloadActive=!0}}catch(e){console.warn("LiveReload connection error:",e)}}},500)})</script><script src="/js/video-init-fixed.min.js"></script></body></html>
|
||||
|
|
@ -20,4 +20,4 @@ mdl-layout--fixed-header"><header class="mdl-layout__header site-header"><div cl
|
|||
</span><span class=share><span>Share:</span>
|
||||
<a target=_blank href="https://www.facebook.com/sharer/sharer.php?u=http://localhost:1313/posts/blog2/"><i class="fab fa-facebook-square"></i>
|
||||
</a><a target=_blank href="http://twitter.com/share?url=http://localhost:1313/posts/blog2/"><i class="fab fa-twitter-square"></i>
|
||||
</a><a target=_blank href="http://www.reddit.com/submit?url=http://localhost:1313/posts/blog2/"><i class="fab fa-reddit-square"></i></a></span></div></div></div></div></div></div></div></div></main><footer class="mdl-mini-footer site-footer"><div class=mdl-mini-footer__left-section>© 2020 Shower Loop | All Rights Reserved</div><div class=mdl-mini-footer__right-section></div></footer></div><script>document.addEventListener("DOMContentLoaded",function(){setTimeout(function(){if(!window.__bfcacheLiveReloadActive){const e=window.location.protocol==="https:"?"wss:":"ws:",t=`${e}//${window.location.host}/__livereload`;try{if(window.OriginalWebSocket){const e=new window.OriginalWebSocket(t);e.onmessage=function(e){e.data==="reload"&&window.location.reload()},window.__bfcacheLiveReloadActive=!0}}catch(e){console.warn("LiveReload connection error:",e)}}},500)})</script></body></html>
|
||||
</a><a target=_blank href="http://www.reddit.com/submit?url=http://localhost:1313/posts/blog2/"><i class="fab fa-reddit-square"></i></a></span></div></div></div></div></div></div></div></div></main><footer class="mdl-mini-footer site-footer"><div class=mdl-mini-footer__left-section>© 2020 Shower Loop | All Rights Reserved</div><div class=mdl-mini-footer__right-section></div></footer></div><script>document.addEventListener("DOMContentLoaded",function(){setTimeout(function(){if(!window.__bfcacheLiveReloadActive){const e=window.location.protocol==="https:"?"wss:":"ws:",t=`${e}//${window.location.host}/__livereload`;try{if(window.OriginalWebSocket){const e=new window.OriginalWebSocket(t);e.onmessage=function(e){e.data==="reload"&&window.location.reload()},window.__bfcacheLiveReloadActive=!0}}catch(e){console.warn("LiveReload connection error:",e)}}},500)})</script><script src="/js/video-init-fixed.min.js"></script></body></html>
|
||||
|
|
@ -19,4 +19,4 @@ mdl-layout--fixed-header"><header class="mdl-layout__header site-header"><div cl
|
|||
</span><span class=share><span>Share:</span>
|
||||
<a target=_blank href="https://www.facebook.com/sharer/sharer.php?u=http://localhost:1313/posts/blog3/"><i class="fab fa-facebook-square"></i>
|
||||
</a><a target=_blank href="http://twitter.com/share?url=http://localhost:1313/posts/blog3/"><i class="fab fa-twitter-square"></i>
|
||||
</a><a target=_blank href="http://www.reddit.com/submit?url=http://localhost:1313/posts/blog3/"><i class="fab fa-reddit-square"></i></a></span></div></div></div></div></div></div></div></div></main><footer class="mdl-mini-footer site-footer"><div class=mdl-mini-footer__left-section>© 2020 Shower Loop | All Rights Reserved</div><div class=mdl-mini-footer__right-section></div></footer></div><script>document.addEventListener("DOMContentLoaded",function(){setTimeout(function(){if(!window.__bfcacheLiveReloadActive){const e=window.location.protocol==="https:"?"wss:":"ws:",t=`${e}//${window.location.host}/__livereload`;try{if(window.OriginalWebSocket){const e=new window.OriginalWebSocket(t);e.onmessage=function(e){e.data==="reload"&&window.location.reload()},window.__bfcacheLiveReloadActive=!0}}catch(e){console.warn("LiveReload connection error:",e)}}},500)})</script></body></html>
|
||||
</a><a target=_blank href="http://www.reddit.com/submit?url=http://localhost:1313/posts/blog3/"><i class="fab fa-reddit-square"></i></a></span></div></div></div></div></div></div></div></div></main><footer class="mdl-mini-footer site-footer"><div class=mdl-mini-footer__left-section>© 2020 Shower Loop | All Rights Reserved</div><div class=mdl-mini-footer__right-section></div></footer></div><script>document.addEventListener("DOMContentLoaded",function(){setTimeout(function(){if(!window.__bfcacheLiveReloadActive){const e=window.location.protocol==="https:"?"wss:":"ws:",t=`${e}//${window.location.host}/__livereload`;try{if(window.OriginalWebSocket){const e=new window.OriginalWebSocket(t);e.onmessage=function(e){e.data==="reload"&&window.location.reload()},window.__bfcacheLiveReloadActive=!0}}catch(e){console.warn("LiveReload connection error:",e)}}},500)})</script><script src="/js/video-init-fixed.min.js"></script></body></html>
|
||||
|
|
@ -19,4 +19,4 @@ mdl-layout--fixed-header"><header class="mdl-layout__header site-header"><div cl
|
|||
</span><span class=share><span>Share:</span>
|
||||
<a target=_blank href="https://www.facebook.com/sharer/sharer.php?u=http://localhost:1313/posts/blog4/"><i class="fab fa-facebook-square"></i>
|
||||
</a><a target=_blank href="http://twitter.com/share?url=http://localhost:1313/posts/blog4/"><i class="fab fa-twitter-square"></i>
|
||||
</a><a target=_blank href="http://www.reddit.com/submit?url=http://localhost:1313/posts/blog4/"><i class="fab fa-reddit-square"></i></a></span></div></div></div></div></div></div></div></div></main><footer class="mdl-mini-footer site-footer"><div class=mdl-mini-footer__left-section>© 2020 Shower Loop | All Rights Reserved</div><div class=mdl-mini-footer__right-section></div></footer></div><script>document.addEventListener("DOMContentLoaded",function(){setTimeout(function(){if(!window.__bfcacheLiveReloadActive){const e=window.location.protocol==="https:"?"wss:":"ws:",t=`${e}//${window.location.host}/__livereload`;try{if(window.OriginalWebSocket){const e=new window.OriginalWebSocket(t);e.onmessage=function(e){e.data==="reload"&&window.location.reload()},window.__bfcacheLiveReloadActive=!0}}catch(e){console.warn("LiveReload connection error:",e)}}},500)})</script></body></html>
|
||||
</a><a target=_blank href="http://www.reddit.com/submit?url=http://localhost:1313/posts/blog4/"><i class="fab fa-reddit-square"></i></a></span></div></div></div></div></div></div></div></div></main><footer class="mdl-mini-footer site-footer"><div class=mdl-mini-footer__left-section>© 2020 Shower Loop | All Rights Reserved</div><div class=mdl-mini-footer__right-section></div></footer></div><script>document.addEventListener("DOMContentLoaded",function(){setTimeout(function(){if(!window.__bfcacheLiveReloadActive){const e=window.location.protocol==="https:"?"wss:":"ws:",t=`${e}//${window.location.host}/__livereload`;try{if(window.OriginalWebSocket){const e=new window.OriginalWebSocket(t);e.onmessage=function(e){e.data==="reload"&&window.location.reload()},window.__bfcacheLiveReloadActive=!0}}catch(e){console.warn("LiveReload connection error:",e)}}},500)})</script><script src="/js/video-init-fixed.min.js"></script></body></html>
|
||||
|
|
@ -28,4 +28,4 @@ mdl-layout--fixed-header"><header class="mdl-layout__header site-header"><div cl
|
|||
<i class="fas fa-circle"></i>
|
||||
<span class="d-none d-sm-block col-sm-2 mt-auto offset-sm-2 text-right"><time class=post-date datetime=2017-03-09T00:00:00Z>Mar 9, 2017</time>
|
||||
</span><i class="fas fa-circle"></i>
|
||||
<span class=nowrap><span class=ph1>post</span></span></footer></div></div></article></div></div><div class="mdl-cell mdl-cell--3-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"></div></div></div></div></main><footer class="mdl-mini-footer site-footer"><div class=mdl-mini-footer__left-section>© 2020 Shower Loop | All Rights Reserved</div><div class=mdl-mini-footer__right-section></div></footer></div><script>document.addEventListener("DOMContentLoaded",function(){setTimeout(function(){if(!window.__bfcacheLiveReloadActive){const e=window.location.protocol==="https:"?"wss:":"ws:",t=`${e}//${window.location.host}/__livereload`;try{if(window.OriginalWebSocket){const e=new window.OriginalWebSocket(t);e.onmessage=function(e){e.data==="reload"&&window.location.reload()},window.__bfcacheLiveReloadActive=!0}}catch(e){console.warn("LiveReload connection error:",e)}}},500)})</script></body></html>
|
||||
<span class=nowrap><span class=ph1>post</span></span></footer></div></div></article></div></div><div class="mdl-cell mdl-cell--3-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"></div></div></div></div></main><footer class="mdl-mini-footer site-footer"><div class=mdl-mini-footer__left-section>© 2020 Shower Loop | All Rights Reserved</div><div class=mdl-mini-footer__right-section></div></footer></div><script>document.addEventListener("DOMContentLoaded",function(){setTimeout(function(){if(!window.__bfcacheLiveReloadActive){const e=window.location.protocol==="https:"?"wss:":"ws:",t=`${e}//${window.location.host}/__livereload`;try{if(window.OriginalWebSocket){const e=new window.OriginalWebSocket(t);e.onmessage=function(e){e.data==="reload"&&window.location.reload()},window.__bfcacheLiveReloadActive=!0}}catch(e){console.warn("LiveReload connection error:",e)}}},500)})</script><script src="/js/video-init-fixed.min.js"></script></body></html>
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -9,5 +9,5 @@
|
|||
{{- partial "footer.html" . -}}
|
||||
</div>
|
||||
{{- partial "foot.html" . -}}
|
||||
</body>
|
||||
<script src="/js/video-init-fixed.min.js"></script></body>
|
||||
</html>
|
||||
|
|
@ -11,5 +11,5 @@
|
|||
</main>
|
||||
{{- partial "footer.html" . -}}
|
||||
</div>
|
||||
</body>
|
||||
<script src="/js/video-init-fixed.min.js"></script></body>
|
||||
</html>
|
||||
|
|
@ -21,7 +21,7 @@
|
|||
height="auto"
|
||||
poster="/videos/thumbnails/video1.webp"
|
||||
data-setup='{"fluid": true, "responsive": true, "html5": {"vhs": {"overrideNative": true, "enableLowInitialPlaylist": true, "limitRenditionsByPlayerDimensions": true}}, "controlBar": {"pictureInPictureToggle": false}, "playbackRates": [0.75, 1, 1.25, 1.5, 2], "preload": "none"}'>
|
||||
<source src="/videos/hls/video1/index.m3u8" type="application/x-mpegURL">
|
||||
<source src="/videos/hls/video1/index.m3u8" type="application/vnd.apple.mpegurl">
|
||||
<p class="vjs-no-js">
|
||||
To view this video please enable JavaScript, and consider upgrading to a
|
||||
web browser that <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
height="auto"
|
||||
poster="/videos/thumbnails/{{ $videoId }}.webp"
|
||||
data-setup='{"fluid": true, "responsive": true, "html5": {"vhs": {"overrideNative": true, "enableLowInitialPlaylist": true, "limitRenditionsByPlayerDimensions": true}}, "controlBar": {"pictureInPictureToggle": false}, "playbackRates": [0.75, 1, 1.25, 1.5, 2], "preload": "none"}'>
|
||||
<source src="/videos/hls/{{ $videoId }}/index.m3u8" type="application/x-mpegURL">
|
||||
<source src="/videos/hls/{{ $videoId }}/index.m3u8" type="application/vnd.apple.mpegurl">
|
||||
<p class="vjs-no-js">
|
||||
To view this video please enable JavaScript, and consider upgrading to a
|
||||
web browser that <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
height="360"
|
||||
poster="/videos/hls/{{ $id }}/poster.webp"
|
||||
data-setup='{"fluid": true}'>
|
||||
<source src="/videos/hls/{{ $id }}/index.m3u8" type="application/x-mpegURL">
|
||||
<source src="/videos/hls/{{ $id }}/index.m3u8" type="application/vnd.apple.mpegurl">
|
||||
<p class="vjs-no-js">
|
||||
To view this video please enable JavaScript, and consider upgrading to a
|
||||
web browser that
|
||||
|
|
|
|||
|
|
@ -23,4 +23,4 @@ web browser that
|
|||
<a href=https://videojs.com/html5-video-support/ target=_blank>supports HTML5 video</a></p></video></div><style>.responsive-video-container{position:relative;width:100%;margin-bottom:2rem}.video-js{width:100%;height:auto;aspect-ratio:16/9}</style><script>document.addEventListener("DOMContentLoaded",function(){var e=videojs("video2")})</script><h2 id=video-3-showerloop-electronics>Video 3: ShowerLoop Electronics</h2><p>This video demonstrates the electronics and control systems of the ShowerLoop.</p><link href=/css/vendor/video-js.min.css rel=stylesheet><script src=/js/videojs/video.min.js></script><div class=responsive-video-container><video id=video3 class="video-js vjs-default-skin vjs-big-play-centered" controls preload=auto width=640 height=360 poster=/videos/hls/video3/poster.jpg data-setup='{"fluid": true}'>
|
||||
<source src=/videos/hls/video3/index.m3u8 type=application/x-mpegurl><p class=vjs-no-js>To view this video please enable JavaScript, and consider upgrading to a
|
||||
web browser that
|
||||
<a href=https://videojs.com/html5-video-support/ target=_blank>supports HTML5 video</a></p></video></div><style>.responsive-video-container{position:relative;width:100%;margin-bottom:2rem}.video-js{width:100%;height:auto;aspect-ratio:16/9}</style><script>document.addEventListener("DOMContentLoaded",function(){var e=videojs("video3")})</script></div></div></main><footer class="mdl-mini-footer site-footer"><div class=mdl-mini-footer__left-section>© 2020 Shower Loop | All Rights Reserved</div><div class=mdl-mini-footer__right-section></div><script src=/js/app.min.js></script><script src=/js/skip-to-content.js></script></footer></div></body></html>
|
||||
<a href=https://videojs.com/html5-video-support/ target=_blank>supports HTML5 video</a></p></video></div><style>.responsive-video-container{position:relative;width:100%;margin-bottom:2rem}.video-js{width:100%;height:auto;aspect-ratio:16/9}</style><script>document.addEventListener("DOMContentLoaded",function(){var e=videojs("video3")})</script></div></div></main><footer class="mdl-mini-footer site-footer"><div class=mdl-mini-footer__left-section>© 2020 Shower Loop | All Rights Reserved</div><div class=mdl-mini-footer__right-section></div><script src=/js/app.min.js></script><script src=/js/skip-to-content.js></script></footer></div><script src="/js/video-init-fixed.min.js"></script></body></html>
|
||||
Loading…
Reference in New Issue