colin
/
ShowerLoop-cc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Remove all VideoJS references and simplify video implementation
ci/woodpecker/push/woodpecker Pipeline was successful Details

This commit is contained in:
Leopere 2025-03-08 13:53:00 -05:00
parent 29756d4414
commit 16393510dd
223 changed files with 150 additions and 651 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
.cursor/rules/run-dev-server.mdc Normal file
View File

@ -0,0 +1,6 @@
---
description: Making sure that we have a copy of the server running.
globs:
alwaysApply: false
---
Make sure to run the test server with the standard script and if it doesn't contain a standard way to kill old copies add one to the script and make sure the previous server is dead and a fresh copy is built or ran, or built and ran.

2
docker/showerloop/public/components/index.html
View File

@ -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>&copy 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=/static/js/videojs/video-init.min.js></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>&copy 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>

1
docker/showerloop/public/css/vendor/video-js.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
docker/showerloop/public/how-it-works/index.html
View File

@ -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>&copy 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=/static/js/videojs/video-init.min.js></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>&copy 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>

20
docker/showerloop/public/index.html
View File

@ -1,9 +1,9 @@
<!doctype html><html lang=en><head><meta name=generator content="Hugo 0.143.1"><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><title>Home | ShowerLoop</title>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="ShowerLoop - Real-time filtration, purification, recycling & heat recovery system for showers. Open source and sustainable water conservation technology."><script>let liveReloadSocket=null;const OriginalWebSocket=window.WebSocket;window.WebSocket=function(e,t){if(e.includes("/__livereload")){if(document.readyState==="complete"){liveReloadSocket=new OriginalWebSocket(e,t);const n={onmessage:null,onclose:null};return Object.defineProperty(liveReloadSocket,"onmessage",{set:function(e){n.onmessage=e},get:function(){return n.onmessage}}),Object.defineProperty(liveReloadSocket,"onclose",{set:function(e){n.onclose=e},get:function(){return n.onclose}}),liveReloadSocket.addEventListener("message",function(e){n.onmessage&&n.onmessage(e)}),liveReloadSocket.addEventListener("close",function(e){liveReloadSocket=null,n.onclose&&n.onclose(e)}),liveReloadSocket}return{send:function(){},close:function(){},addEventListener:function(){},removeEventListener:function(){},set onmessage(e){},set onclose(e){}}}return new OriginalWebSocket(e,t)};for(const e in OriginalWebSocket)OriginalWebSocket.hasOwnProperty(e)&&(window.WebSocket[e]=OriginalWebSocket[e]);window.WebSocket.prototype=OriginalWebSocket.prototype,document.addEventListener("pageshow",function(e){if(e.persisted){console.log("Page restored from bfcache");const e=window.location.protocol==="https:"?"wss:":"ws:";liveReloadSocket=new OriginalWebSocket(`${e}//${window.location.host}/__livereload`),liveReloadSocket.onmessage=function(e){e.data==="reload"&&window.location.reload()}}}),window.addEventListener("pagehide",function(){liveReloadSocket&&(liveReloadSocket.onclose=null,liveReloadSocket.close(),liveReloadSocket=null)})</script><link rel=preload href=/css/vendor/material-icons.css as=style><link rel=preload href=/images/logo2.webp as=image><link rel=stylesheet href=/css/vendor/material-icons.css><link rel=stylesheet href=/css/vendor/material.indigo-pink.min.css media=print onload='this.media="all"'><noscript><link rel=stylesheet href=/css/vendor/material.indigo-pink.min.css></noscript><link rel=stylesheet href=/css/vendor/fontawesome.min.css media=print onload='this.media="all"'><noscript><link rel=stylesheet href=/css/vendor/fontawesome.min.css></noscript><link rel=stylesheet href=/static/css/vendor/video-js.min.css><script src=/static/js/videojs/video.min.js></script><script src=/static/js/videojs/videojs-http-streaming.min.js></script><script type=module>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="ShowerLoop - Real-time filtration, purification, recycling & heat recovery system for showers. Open source and sustainable water conservation technology."><script>let liveReloadSocket=null;const OriginalWebSocket=window.WebSocket;window.WebSocket=function(e,t){if(e.includes("/__livereload")){if(document.readyState==="complete"){liveReloadSocket=new OriginalWebSocket(e,t);const n={onmessage:null,onclose:null};return Object.defineProperty(liveReloadSocket,"onmessage",{set:function(e){n.onmessage=e},get:function(){return n.onmessage}}),Object.defineProperty(liveReloadSocket,"onclose",{set:function(e){n.onclose=e},get:function(){return n.onclose}}),liveReloadSocket.addEventListener("message",function(e){n.onmessage&&n.onmessage(e)}),liveReloadSocket.addEventListener("close",function(e){liveReloadSocket=null,n.onclose&&n.onclose(e)}),liveReloadSocket}return{send:function(){},close:function(){},addEventListener:function(){},removeEventListener:function(){},set onmessage(e){},set onclose(e){}}}return new OriginalWebSocket(e,t)};for(const e in OriginalWebSocket)OriginalWebSocket.hasOwnProperty(e)&&(window.WebSocket[e]=OriginalWebSocket[e]);window.WebSocket.prototype=OriginalWebSocket.prototype,document.addEventListener("pageshow",function(e){if(e.persisted){console.log("Page restored from bfcache");const e=window.location.protocol==="https:"?"wss:":"ws:";liveReloadSocket=new OriginalWebSocket(`${e}//${window.location.host}/__livereload`),liveReloadSocket.onmessage=function(e){e.data==="reload"&&window.location.reload()}}}),window.addEventListener("pagehide",function(){liveReloadSocket&&(liveReloadSocket.onclose=null,liveReloadSocket.close(),liveReloadSocket=null)})</script><link rel=preload href=/css/vendor/material-icons.css as=style><link rel=preload href=/images/logo2.webp as=image><link rel=stylesheet href=/css/vendor/material-icons.css><link rel=stylesheet href=/css/vendor/material.indigo-pink.min.css media=print onload='this.media="all"'><noscript><link rel=stylesheet href=/css/vendor/material.indigo-pink.min.css></noscript><link rel=stylesheet href=/css/vendor/fontawesome.min.css media=print onload='this.media="all"'><noscript><link rel=stylesheet href=/css/vendor/fontawesome.min.css></noscript><script type=module>
import * as utils from '/js/utils.modern.min.js';
window.utilsModule = utils;
</script><script type=module src=/js/app.modern.min.js defer></script><script type=module src=/static/js/videojs/video-init.min.js defer></script><script type=module src=/js/skip-to-content.modern.min.js defer></script><script type=module src=/js/material.modern.min.js defer></script><script nomodule src=/js/app.min.js defer></script><script nomodule src=/static/js/videojs/video-init.min.js defer></script><script nomodule src=/js/skip-to-content.min.js defer></script><script nomodule src=/js/material.min.js defer></script><link rel=stylesheet type=text/css href=/css/app.min.css><link rel=stylesheet type=text/css href=/css/custom.css media=print onload='this.media="all"'><noscript><link rel=stylesheet href=/css/custom.css></noscript><link rel=icon href=/static/favicon.svg type=image/svg+xml><link rel=icon href=/static/favicon.ico type=image/x-icon></head><body class=page><body class=page><div class="mdl-layout mdl-js-layout
</script><script type=module src=/js/app.modern.min.js defer></script><script type=module src=/js/skip-to-content.modern.min.js defer></script><script type=module src=/js/material.modern.min.js defer></script><script nomodule src=/js/app.min.js defer></script><script nomodule src=/js/skip-to-content.min.js defer></script><script nomodule src=/js/material.min.js defer></script><link rel=stylesheet type=text/css href=/css/app.min.css><link rel=stylesheet type=text/css href=/css/custom.css media=print onload='this.media="all"'><noscript><link rel=stylesheet href=/css/custom.css></noscript><link rel=icon href=/static/favicon.svg type=image/svg+xml><link rel=icon href=/static/favicon.ico type=image/x-icon></head><body class=page><body class=page><div class="mdl-layout mdl-js-layout
mdl-layout--fixed-header"><header class="mdl-layout__header site-header"><div class=mdl-layout__header-row><a href=/ class=mdl-layout-title><img class=logo src=/images/logo2.webp height=50 width=auto alt="ShowerLoop Logo"></a><div class=mdl-layout-spacer></div><nav class="mdl-navigation mdl-layout--large-screen-only"><a class=mdl-navigation__link href=/ title=Home>Home</a>
<a class=mdl-navigation__link href=/how-it-works/ title="How It Works">How It Works</a>
<a class=mdl-navigation__link href=/research/ title=Research>Research</a>
@ -12,12 +12,10 @@ 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><div class=chocolate-hero-section style=background-image:url(/images/material-bg.webp)><div class=hero-row-group><div class=hero-row><div class="hero-row-item hero-text-info"><h1 class=mdl-typography--display-3>Shower Loop</h1><h2>Open Source - Open Hardware - Ecological - Economical.</h2><p>Real-time filtration, purification, recycling & heat recovery system for showers. Made in Finland, for Earth.</p></div><div class="hero-row-item hero-video"><div class=video-container><video id=video-hero-1741456544 class="video-js vjs-default-skin vjs-big-play-centered" controls preload=none width=100% 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=video/mp4><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></div></div></div></div><div class=cta><div class=cta-row-group><div class=cta-row><div class=cta-row-item><p class="mdl-typography--headline mdl-typography--font-thin">Looking to make a change? Want to support the project?</p><a href=/components class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored">Check Out our Components</a></div></div></div></div><main><div class=homepage-content><div class=home-introduction><div class=chocolate-container><div class=mdl-grid><div class="mdl-cell mdl-cell--12-col"><h2 class=mdl-typography--display-2>Shower Loop vs Normal Shower</h2><p class=intro-description>90% reduction in water usage and 70-90% in energy reduction for a 10 minute shower with a flow rate of 10 l/min. Savings are dependant on user behaviour and can vary. Use Just one bucket of water for a shower of any length. See the savings section for more information.</p><div class="mdl-grid reasons"><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>Save Water</h3><p>Capture, Filter, Reuse</p></div></div><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>Saving Energy</h3><p>By reusing warm water.</p></div></div></div><div class="mdl-grid reasons"><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>Save The Planet</h3><p>Save Money</p></div></div><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>Open Hardware</h3><p>Copy, improve, adapt, share</p></div></div></div><div class="mdl-grid reasons"><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>Assemble It Yourself</h3><p>With manufactured and off-shell components</p></div></div><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>Enjoy Better Showers</h3><p>The single pump provides stable water pressure and the thermostat and heater keep water nice and warm</p></div></div></div><div class="mdl-grid reasons"><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>Off - Grid Ready</h3><p>The entire system can run on a 12V DC</p></div></div><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>No Plumber Needed</h3><p>Shower Loop is like a standalone appliance without connecting to water mains</p></div></div></div></div></div></div></div><div class=home-works><div class=mdl-grid><div class="mdl-cell mdl-cell--12-col"><h2 class="mdl-typography--display-2 section-title">How It Works</h2><p class=intro-description>Showers are great, but pouring hot and almost drinkable water down the drain is not. Besides the obvious costs to the environment and your bills, there is also a conscious on unconscious psychological cost any time you create waste. To solve this problem we created Showerloop. It's a shower that collects, cleans and reuses the water in real time while you are showering. So now you can shower for as long as you like but with a reduced ecological impact.</p><div class="mdl-grid videos" style=justify-content:center><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=video2 class="video-js vjs-default-skin vjs-big-play-centered" controls preload=auto width=640 height=360 poster=/videos/hls/video2/poster.webp data-setup='{"fluid": true}'>
<source src=/videos/hls/video2/index.m3u8 type=video/mp4><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("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=video/mp4><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>&copy 2020 Shower Loop | All Rights Reserved</div><div class=mdl-mini-footer__right-section></div></footer></div><script src=/static/js/videojs/video-init.min.js></script></body></html>
<a class=mdl-navigation__link href=/components/ title=Components tabindex=0>Components</a></nav></div><div class=chocolate-hero-section style=background-image:url(/images/material-bg.webp)><div class=hero-row-group><div class=hero-row><div class="hero-row-item hero-text-info"><h1 class=mdl-typography--display-3>Shower Loop</h1><h2>Open Source - Open Hardware - Ecological - Economical.</h2><p>Real-time filtration, purification, recycling & heat recovery system for showers. Made in Finland, for Earth.</p></div><div class="hero-row-item hero-video"><div class=video-container><video id=video-hero-1741459865 controls preload=none width=100% height=auto>
<source src=/static/videos/video1.mp4 type=video/mp4><p>To view this video please enable JavaScript, and consider upgrading to a
web browser that supports HTML5 video</p></video></div></div></div></div></div><div class=cta><div class=cta-row-group><div class=cta-row><div class=cta-row-item><p class="mdl-typography--headline mdl-typography--font-thin">Looking to make a change? Want to support the project?</p><a href=/components class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored">Check Out our Components</a></div></div></div></div><main><div class=homepage-content><div class=home-introduction><div class=chocolate-container><div class=mdl-grid><div class="mdl-cell mdl-cell--12-col"><h2 class=mdl-typography--display-2>Shower Loop vs Normal Shower</h2><p class=intro-description>90% reduction in water usage and 70-90% in energy reduction for a 10 minute shower with a flow rate of 10 l/min. Savings are dependant on user behaviour and can vary. Use Just one bucket of water for a shower of any length. See the savings section for more information.</p><div class="mdl-grid reasons"><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>Save Water</h3><p>Capture, Filter, Reuse</p></div></div><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>Saving Energy</h3><p>By reusing warm water.</p></div></div></div><div class="mdl-grid reasons"><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>Save The Planet</h3><p>Save Money</p></div></div><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>Open Hardware</h3><p>Copy, improve, adapt, share</p></div></div></div><div class="mdl-grid reasons"><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>Assemble It Yourself</h3><p>With manufactured and off-shell components</p></div></div><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>Enjoy Better Showers</h3><p>The single pump provides stable water pressure and the thermostat and heater keep water nice and warm</p></div></div></div><div class="mdl-grid reasons"><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>Off - Grid Ready</h3><p>The entire system can run on a 12V DC</p></div></div><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>No Plumber Needed</h3><p>Shower Loop is like a standalone appliance without connecting to water mains</p></div></div></div></div></div></div></div><div class=home-works><div class=mdl-grid><div class="mdl-cell mdl-cell--12-col"><h2 class="mdl-typography--display-2 section-title">How It Works</h2><p class=intro-description>Showers are great, but pouring hot and almost drinkable water down the drain is not. Besides the obvious costs to the environment and your bills, there is also a conscious on unconscious psychological cost any time you create waste. To solve this problem we created Showerloop. It's a shower that collects, cleans and reuses the water in real time while you are showering. So now you can shower for as long as you like but with a reduced ecological impact.</p><div class="mdl-grid videos" style=justify-content:center><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div class=video-container><video id=video2 controls preload=auto width=640 height=360>
<source src=/static/videos/video2.mp4 type=video/mp4><p>To view this video please enable JavaScript, and consider upgrading to a
web browser that supports HTML5 video</p></video></div></div><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div class=video-container><video id=video3 controls preload=auto width=640 height=360>
<source src=/static/videos/video3.mp4 type=video/mp4><p>To view this video please enable JavaScript, and consider upgrading to a
web browser that supports HTML5 video</p></video></div></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>&copy 2020 Shower Loop | All Rights Reserved</div><div class=mdl-mini-footer__right-section></div></footer></div></body></html>

22
docker/showerloop/public/index.html.bak Normal file
View File

@ -0,0 +1,22 @@
<!doctype html><html lang=en><head><meta name=generator content="Hugo 0.143.1"><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><title>Home | ShowerLoop</title>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="ShowerLoop - Real-time filtration, purification, recycling & heat recovery system for showers. Open source and sustainable water conservation technology."><script>let liveReloadSocket=null;const OriginalWebSocket=window.WebSocket;window.WebSocket=function(e,t){if(e.includes("/__livereload")){if(document.readyState==="complete"){liveReloadSocket=new OriginalWebSocket(e,t);const n={onmessage:null,onclose:null};return Object.defineProperty(liveReloadSocket,"onmessage",{set:function(e){n.onmessage=e},get:function(){return n.onmessage}}),Object.defineProperty(liveReloadSocket,"onclose",{set:function(e){n.onclose=e},get:function(){return n.onclose}}),liveReloadSocket.addEventListener("message",function(e){n.onmessage&&n.onmessage(e)}),liveReloadSocket.addEventListener("close",function(e){liveReloadSocket=null,n.onclose&&n.onclose(e)}),liveReloadSocket}return{send:function(){},close:function(){},addEventListener:function(){},removeEventListener:function(){},set onmessage(e){},set onclose(e){}}}return new OriginalWebSocket(e,t)};for(const e in OriginalWebSocket)OriginalWebSocket.hasOwnProperty(e)&&(window.WebSocket[e]=OriginalWebSocket[e]);window.WebSocket.prototype=OriginalWebSocket.prototype,document.addEventListener("pageshow",function(e){if(e.persisted){console.log("Page restored from bfcache");const e=window.location.protocol==="https:"?"wss:":"ws:";liveReloadSocket=new OriginalWebSocket(`${e}//${window.location.host}/__livereload`),liveReloadSocket.onmessage=function(e){e.data==="reload"&&window.location.reload()}}}),window.addEventListener("pagehide",function(){liveReloadSocket&&(liveReloadSocket.onclose=null,liveReloadSocket.close(),liveReloadSocket=null)})</script><link rel=preload href=/css/vendor/material-icons.css as=style><link rel=preload href=/images/logo2.webp as=image><link rel=stylesheet href=/css/vendor/material-icons.css><link rel=stylesheet href=/css/vendor/material.indigo-pink.min.css media=print onload='this.media="all"'><noscript><link rel=stylesheet href=/css/vendor/material.indigo-pink.min.css></noscript><link rel=stylesheet href=/css/vendor/fontawesome.min.css media=print onload='this.media="all"'><noscript><link rel=stylesheet href=/css/vendor/fontawesome.min.css></noscript><link rel=stylesheet href=/static/css/vendor/video-js.min.css><script src=/static/js/videojs/video.min.js></script><script src=/static/js/videojs/videojs-http-streaming.min.js></script><script type=module>
import * as utils from '/js/utils.modern.min.js';
window.utilsModule = utils;
</script><script type=module src=/js/app.modern.min.js defer></script><script type=module src=/static/js/videojs.js defer></script><script type=module src=/js/skip-to-content.modern.min.js defer></script><script type=module src=/js/material.modern.min.js defer></script><script nomodule src=/js/app.min.js defer></script><script nomodule src=/static/js/videojs.js defer></script><script nomodule src=/js/skip-to-content.min.js defer></script><script nomodule src=/js/material.min.js defer></script><link rel=stylesheet type=text/css href=/css/app.min.css><link rel=stylesheet type=text/css href=/css/custom.css media=print onload='this.media="all"'><noscript><link rel=stylesheet href=/css/custom.css></noscript><link rel=icon href=/static/favicon.svg type=image/svg+xml><link rel=icon href=/static/favicon.ico type=image/x-icon></head><body class=page><body class=page><div class="mdl-layout mdl-js-layout
mdl-layout--fixed-header"><header class="mdl-layout__header site-header"><div class=mdl-layout__header-row><a href=/ class=mdl-layout-title><img class=logo src=/images/logo2.webp height=50 width=auto alt="ShowerLoop Logo"></a><div class=mdl-layout-spacer></div><nav class="mdl-navigation mdl-layout--large-screen-only"><a class=mdl-navigation__link href=/ title=Home>Home</a>
<a class=mdl-navigation__link href=/how-it-works/ title="How It Works">How It Works</a>
<a class=mdl-navigation__link href=/research/ title=Research>Research</a>
<a class=mdl-navigation__link href=/posts/ title=Posts>Posts</a>
<a class=mdl-navigation__link href=/components/ title=Components>Components</a></nav></div></header><div class=mdl-layout__drawer><span class=mdl-layout-title><strong>ShowerLoop</strong></span><nav class=mdl-navigation><a class=mdl-navigation__link href=/ title=Home tabindex=0>Home</a>
<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><div class=chocolate-hero-section style=background-image:url(/images/material-bg.webp)><div class=hero-row-group><div class=hero-row><div class="hero-row-item hero-text-info"><h1 class=mdl-typography--display-3>Shower Loop</h1><h2>Open Source - Open Hardware - Ecological - Economical.</h2><p>Real-time filtration, purification, recycling & heat recovery system for showers. Made in Finland, for Earth.</p></div><div class="hero-row-item hero-video"><div class=video-container><video id=video-hero class="video-js vjs-default-skin vjs-big-play-centered" controls preload=none width=100% height=auto poster=/static/videos/posters/video1.webp data-setup='{"fluid": true, "responsive": true}'>
<source src=/static/videos/mp4/video1.mp4 type=video/mp4><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></div></div></div></div><div class=cta><div class=cta-row-group><div class=cta-row><div class=cta-row-item><p class="mdl-typography--headline mdl-typography--font-thin">Looking to make a change? Want to support the project?</p><a href=/components class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored">Check Out our Components</a></div></div></div></div><main><div class=homepage-content><div class=home-introduction><div class=chocolate-container><div class=mdl-grid><div class="mdl-cell mdl-cell--12-col"><h2 class=mdl-typography--display-2>Shower Loop vs Normal Shower</h2><p class=intro-description>90% reduction in water usage and 70-90% in energy reduction for a 10 minute shower with a flow rate of 10 l/min. Savings are dependant on user behaviour and can vary. Use Just one bucket of water for a shower of any length. See the savings section for more information.</p><div class="mdl-grid reasons"><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>Save Water</h3><p>Capture, Filter, Reuse</p></div></div><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>Saving Energy</h3><p>By reusing warm water.</p></div></div></div><div class="mdl-grid reasons"><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>Save The Planet</h3><p>Save Money</p></div></div><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>Open Hardware</h3><p>Copy, improve, adapt, share</p></div></div></div><div class="mdl-grid reasons"><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>Assemble It Yourself</h3><p>With manufactured and off-shell components</p></div></div><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>Enjoy Better Showers</h3><p>The single pump provides stable water pressure and the thermostat and heater keep water nice and warm</p></div></div></div><div class="mdl-grid reasons"><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>Off - Grid Ready</h3><p>The entire system can run on a 12V DC</p></div></div><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>No Plumber Needed</h3><p>Shower Loop is like a standalone appliance without connecting to water mains</p></div></div></div></div></div></div></div><div class=home-works><div class=mdl-grid><div class="mdl-cell mdl-cell--12-col"><h2 class="mdl-typography--display-2 section-title">How It Works</h2><p class=intro-description>Showers are great, but pouring hot and almost drinkable water down the drain is not. Besides the obvious costs to the environment and your bills, there is also a conscious on unconscious psychological cost any time you create waste. To solve this problem we created Showerloop. It's a shower that collects, cleans and reuses the water in real time while you are showering. So now you can shower for as long as you like but with a reduced ecological impact.</p><div class="mdl-grid videos" style=justify-content:center><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=video2 class="video-js vjs-default-skin vjs-big-play-centered" controls preload=auto width=640 height=360 poster=/static/videos/posters/video2.webp data-setup='{"fluid": true}'>
<source src=/static/videos/mp4/video2.mp4 type=video/mp4><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("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=/static/videos/posters/video3.webp data-setup='{"fluid": true}'>
<source src=/static/videos/mp4/video3.mp4 type=video/mp4><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>&copy 2020 Shower Loop | All Rights Reserved</div><div class=mdl-mini-footer__right-section></div></footer></div><script src=/static/js/videojs.js></script></body></html>

31
docker/showerloop/public/js/videojs/video-init.js
View File

@ -1,31 +0,0 @@
/**
* Simple VideoJS Initialization
* Initializes VideoJS for all video elements with class 'video-js'
*/
document.addEventListener('DOMContentLoaded', function() {
// Find all video elements with video-js class
const videoElements = document.querySelectorAll('video.video-js');
if (!videoElements || videoElements.length === 0) {
return;
}
// Initialize each video player
videoElements.forEach(function(video) {
if (video.id) {
const player = videojs(video.id, {
fluid: true,
responsive: true,
html5: {
vhs: {
overrideNative: !videojs.browser.IS_SAFARI,
enableLowInitialPlaylist: true,
limitRenditionsByPlayerDimensions: true
},
nativeAudioTracks: videojs.browser.IS_SAFARI,
nativeVideoTracks: videojs.browser.IS_SAFARI
}
});
}
});
});

1
docker/showerloop/public/js/videojs/video-init.min.js vendored
View File

@ -1 +0,0 @@
document.addEventListener("DOMContentLoaded",function(){const e=document.querySelectorAll("video.video-js");e&&e.length>0&&e.forEach(function(e){if(e.id){const n=videojs(e.id,{fluid:!0,responsive:!0,html5:{vhs:{overrideNative:!videojs.browser.IS_SAFARI,enableLowInitialPlaylist:!0,limitRenditionsByPlayerDimensions:!0},nativeAudioTracks:videojs.browser.IS_SAFARI,nativeVideoTracks:videojs.browser.IS_SAFARI}})}})});

26
docker/showerloop/public/js/videojs/video.min.js vendored
View File

File diff suppressed because one or more lines are too long

6
docker/showerloop/public/js/videojs/videojs-http-streaming.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
docker/showerloop/public/licenses/index.html
View File

@ -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>&copy 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=/static/js/videojs/video-init.min.js></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>&copy 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>

2
docker/showerloop/public/make-it/index.html
View File

@ -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>&copy 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=/static/js/videojs/video-init.min.js></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>&copy 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>

40
docker/showerloop/public/optimize-js.sh
View File

@ -8,7 +8,6 @@ echo "🔍 Starting JavaScript optimization..."
# Create directories
mkdir -p public/js
mkdir -p public/js/videojs
# Build optimized bundles
echo "📦 Building optimized JavaScript bundles..."
@ -25,34 +24,6 @@ echo "📝 Creating utils.js module alias..."
echo "// Re-export everything from the minified module
export * from './utils.modern.min.js';" > public/js/utils.js
# Copy or minimize VideoJS files
echo "🔧 Processing VideoJS files..."
VIDEOJS_SOURCE="static/js/videojs"
VIDEOJS_DEST="public/js/videojs"
mkdir -p "$VIDEOJS_DEST"
# Check if source VideoJS files exist
if [ -d "$VIDEOJS_SOURCE" ] && [ -f "$VIDEOJS_SOURCE/video.min.js" ]; then
echo "Copying existing VideoJS files..."
cp "$VIDEOJS_SOURCE/"*.min.js "$VIDEOJS_DEST/"
cp "$VIDEOJS_SOURCE/"*.map "$VIDEOJS_DEST/" 2>/dev/null || echo "No VideoJS source maps found"
else
# If not in static directory, check if we need to copy from node_modules
if [ -d "node_modules/video.js" ]; then
echo "Copying VideoJS from node_modules..."
cp node_modules/video.js/dist/video.min.js "$VIDEOJS_DEST/"
cp node_modules/video.js/dist/video.min.js.map "$VIDEOJS_DEST/" 2>/dev/null || echo "No VideoJS source map in node_modules"
# Check for HTTP streaming support
if [ -d "node_modules/@videojs/http-streaming" ]; then
cp node_modules/@videojs/http-streaming/dist/videojs-http-streaming.min.js "$VIDEOJS_DEST/"
cp node_modules/@videojs/http-streaming/dist/videojs-http-streaming.min.js.map "$VIDEOJS_DEST/" 2>/dev/null || echo "No HTTP streaming source map"
fi
else
echo "⚠️ Warning: VideoJS files not found. Please install with 'npm install video.js @videojs/http-streaming --save-dev'"
fi
fi
# Skip compression if requested
if [ "$SKIP_COMPRESSION" = "1" ]; then
echo "🚫 Skipping file compression (SKIP_COMPRESSION=1)"
@ -77,7 +48,7 @@ else
fi
# Compression with timeout
for file in public/js/*.min.js public/js/videojs/*.min.js; do
for file in public/js/*.min.js; do
if [ -f "$file" ]; then
echo "Processing $file..."
@ -107,15 +78,6 @@ cat > public/_headers <<EOL
# Source maps
/js/*.map
Cache-Control: public, max-age=31536000, immutable
# VideoJS - locally served
/js/videojs/*.js
Cache-Control: public, max-age=31536000, immutable
Content-Type: application/javascript
# VideoJS source maps
/js/videojs/*.map
Cache-Control: public, max-age=31536000, immutable
EOL
# Optimize large CSS files with cssnano instead of PurgeCSS

4
docker/showerloop/public/package.json
View File

@ -23,7 +23,6 @@
"devDependencies": {
"@rollup/plugin-commonjs": "^25.0.0",
"@rollup/plugin-node-resolve": "^15.0.2",
"@videojs/http-streaming": "^2.16.2",
"clean-css": "^5.3.2",
"csso": "^5.0.5",
"csso-cli": "^4.0.2",
@ -33,7 +32,6 @@
"rollup": "^3.21.5",
"rollup-plugin-terser": "^7.0.2",
"source-map-explorer": "^2.5.3",
"uncss": "^0.17.3",
"video.js": "^7.20.3"
"uncss": "^0.17.3"
}
}

10
docker/showerloop/public/posts/blog1/index.html
View File

@ -20,14 +20,12 @@ mdl-layout--fixed-header"><header class="mdl-layout__header site-header"><div cl
<img class=responsive-img src=/images/PCBBasic2_6.webp alt="Close-up of soldered diode connections on the prototype circuit board">
<img class=responsive-img src=/images/PCBBasic2_7.webp alt="Assembled circuit board showing the completed control system with all components">
<img class=responsive-img src=/images/PCBBasic2_8.webp alt="Testing the control board with multimeter to verify electrical connections">
<img class=responsive-img src=/images/PCBBasic2_9.webp alt="Final control board mounted in enclosure with cable connections">
<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=video/mp4><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><img class=responsive-img src=/images/PCBBasic2_10.webp alt="Control panel installed and connected to the ShowerLoop system showing operational status">
<img class=responsive-img src=/images/PCBBasic2_9.webp alt="Final control board mounted in enclosure with cable connections"><div class=video-container><video id=video3 controls preload=auto width=640 height=360>
<source src=/static/videos/video3.mp4 type=video/mp4><p>To view this video please enable JavaScript, and consider upgrading to a
web browser that supports HTML5 video</p></video></div><img class=responsive-img src=/images/PCBBasic2_10.webp alt="Control panel installed and connected to the ShowerLoop system showing operational status">
<img class=responsive-img src=/images/PCBBasic2_11.webp alt="Complete ShowerLoop control system with the new electronics board fully wired and functional"></div><span>Tags:</span>
<span class=nowrap><em><span class=ph1>post</span></em>
</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>&copy 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=/static/js/videojs/video-init.min.js></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>&copy 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>

2
docker/showerloop/public/posts/blog2/index.html
View File

@ -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>&copy 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=/static/js/videojs/video-init.min.js></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>&copy 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>

2
docker/showerloop/public/posts/blog3/index.html
View File

@ -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>&copy 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=/static/js/videojs/video-init.min.js></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>&copy 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>

2
docker/showerloop/public/posts/blog4/index.html
View File

@ -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>&copy 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=/static/js/videojs/video-init.min.js></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>&copy 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>

2
docker/showerloop/public/posts/index.html
View File

@ -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>&copy 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=/static/js/videojs/video-init.min.js></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>&copy 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>

2
docker/showerloop/public/research/index.html
View File

File diff suppressed because one or more lines are too long

55
docker/showerloop/public/setup-dependencies.sh
View File

@ -3,46 +3,33 @@ set -e
echo "🚀 Setting up JavaScript dependencies for ShowerLoop website..."
# Create directories if they don't exist
mkdir -p static/js
mkdir -p static/css/vendor
mkdir -p static/webfonts
# Copy Material Design Lite
cp node_modules/material-design-lite/material.min.js static/js/ || echo "Warning: material.min.js not found"
cp node_modules/material-design-lite/material.min.css static/css/vendor/ || echo "Warning: material.min.css not found"
# Copy Font Awesome
cp node_modules/@fortawesome/fontawesome-free/css/all.min.css static/css/vendor/fontawesome.min.css || echo "Warning: fontawesome.min.css not found"
cp -r node_modules/@fortawesome/fontawesome-free/webfonts/* static/webfonts/ || echo "Warning: webfonts not found"
# Create directories for videos
mkdir -p static/videos
echo "Dependencies setup complete!"
# Step 1: Install npm dependencies with legacy-peer-deps flag to resolve conflicts
echo "📦 Installing npm dependencies..."
npm install --legacy-peer-deps --save-dev video.js@7.20.3 @videojs/http-streaming@2.16.2 rollup@3.21.5 rollup-plugin-terser@7.0.2 @rollup/plugin-node-resolve@15.0.2 @rollup/plugin-commonjs@25.0.0 source-map-explorer@2.5.3
npm install --legacy-peer-deps --save-dev rollup@3.21.5 rollup-plugin-terser@7.0.2 @rollup/plugin-node-resolve@15.0.2 @rollup/plugin-commonjs@25.0.0 source-map-explorer@2.5.3
# Step 2: Create VideoJS directories
echo "📂 Creating VideoJS directories..."
mkdir -p static/js/videojs
mkdir -p public/js/videojs
mkdir -p static/css/vendor
# Step 3: Copy VideoJS files from node_modules
echo "📋 Copying VideoJS files to static directory..."
# Copy with || true to continue even if some files are missing
cp node_modules/video.js/dist/video.min.js static/js/videojs/ || echo "Warning: video.min.js not found"
cp node_modules/video.js/dist/video.min.js.map static/js/videojs/ 2>/dev/null || echo "Note: video.min.js.map not found, continuing without it"
cp node_modules/@videojs/http-streaming/dist/videojs-http-streaming.min.js static/js/videojs/ || echo "Warning: videojs-http-streaming.min.js not found"
cp node_modules/@videojs/http-streaming/dist/videojs-http-streaming.min.js.map static/js/videojs/ 2>/dev/null || echo "Note: videojs-http-streaming.min.js.map not found, continuing without it"
cp node_modules/video.js/dist/video-js.min.css static/css/vendor/ || echo "Warning: video-js.min.css not found"
# If any required files are missing, generate them
if [ ! -f "static/js/videojs/video.min.js" ]; then
echo "Creating minimal video.min.js placeholder..."
echo 'window.videojs = function(id, options) { console.log("VideoJS initialized for " + id); return { id: id, options: options }; };' > static/js/videojs/video.min.js
fi
if [ ! -f "static/js/videojs/videojs-http-streaming.min.js" ]; then
echo "Creating minimal videojs-http-streaming.min.js placeholder..."
echo '// HTTP Streaming placeholder' > static/js/videojs/videojs-http-streaming.min.js
fi
if [ ! -f "static/css/vendor/video-js.min.css" ]; then
echo "Creating minimal video-js.min.css placeholder..."
echo '.video-js { width: 100%; height: auto; }' > static/css/vendor/video-js.min.css
fi
# Step 4: Build optimized JavaScript
# Step 2: Build optimized JavaScript
echo "🔧 Building optimized JavaScript..."
npm run build:js || echo "Warning: JavaScript build failed, but continuing with setup"
# Step 5: Optimize JavaScript and CSS
# Step 3: Optimize JavaScript and CSS
echo "🔍 Optimizing JavaScript and CSS..."
./optimize-js.sh || echo "Warning: JavaScript optimization failed, but continuing with setup"

1
docker/showerloop/public/static/css/vendor/video-js.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
docker/showerloop/public/static/js/videojs/video-init.min.js vendored
View File

@ -1 +0,0 @@
document.addEventListener("DOMContentLoaded",function(){const e=document.querySelectorAll("video.video-js");e&&e.length>0&&e.forEach(function(e){if(e.id){const n=videojs(e.id,{fluid:!0,responsive:!0,html5:{vhs:{overrideNative:!videojs.browser.IS_SAFARI,enableLowInitialPlaylist:!0,limitRenditionsByPlayerDimensions:!0},nativeAudioTracks:videojs.browser.IS_SAFARI,nativeVideoTracks:videojs.browser.IS_SAFARI}})}})});

26
docker/showerloop/public/static/js/videojs/video.min.js vendored
View File

File diff suppressed because one or more lines are too long

6
docker/showerloop/public/static/js/videojs/videojs-http-streaming.min.js vendored
View File

File diff suppressed because one or more lines are too long

0
docker/showerloop/public/static/videos/hls/blank/blank0.ts
View File

7
docker/showerloop/public/static/videos/hls/blank/index.m3u8
View File

@ -1,7 +0,0 @@
#EXTM3U
#EXT-X-VERSION:3
#EXT-X-TARGETDURATION:1
#EXT-X-MEDIA-SEQUENCE:0
#EXTINF:1.000,
blank0.ts
#EXT-X-ENDLIST

37
docker/showerloop/public/static/videos/hls/video1/index.m3u8
View File

@ -1,37 +0,0 @@
#EXTM3U
#EXT-X-VERSION:3
#EXT-X-TARGETDURATION:14
#EXT-X-MEDIA-SEQUENCE:0
#EXTINF:11.800000,
index0.ts
#EXTINF:11.400000,
index1.ts
#EXTINF:10.400000,
index2.ts
#EXTINF:6.400000,
index3.ts
#EXTINF:12.960000,
index4.ts
#EXTINF:10.320000,
index5.ts
#EXTINF:12.480000,
index6.ts
#EXTINF:5.760000,
index7.ts
#EXTINF:13.240000,
index8.ts
#EXTINF:6.640000,
index9.ts
#EXTINF:13.560000,
index10.ts
#EXTINF:6.200000,
index11.ts
#EXTINF:11.120000,
index12.ts
#EXTINF:10.160000,
index13.ts
#EXTINF:11.200000,
index14.ts
#EXTINF:6.400000,
index15.ts
#EXT-X-ENDLIST

BIN
docker/showerloop/public/static/videos/hls/video1/index0.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video1/index1.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video1/index10.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video1/index11.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video1/index12.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video1/index13.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video1/index14.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video1/index15.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video1/index2.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video1/index3.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video1/index4.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video1/index5.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video1/index6.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video1/index7.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video1/index8.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video1/index9.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video1/poster.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 36 KiB

BIN
docker/showerloop/public/static/videos/hls/video1/poster.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 32 KiB

67
docker/showerloop/public/static/videos/hls/video2/index.m3u8
View File

@ -1,67 +0,0 @@
#EXTM3U
#EXT-X-VERSION:3
#EXT-X-TARGETDURATION:12
#EXT-X-MEDIA-SEQUENCE:0
#EXTINF:12.466667,
index0.ts
#EXTINF:8.333333,
index1.ts
#EXTINF:12.500000,
index2.ts
#EXTINF:8.333333,
index3.ts
#EXTINF:10.900000,
index4.ts
#EXTINF:8.333333,
index5.ts
#EXTINF:12.500000,
index6.ts
#EXTINF:8.333333,
index7.ts
#EXTINF:8.333333,
index8.ts
#EXTINF:12.500000,
index9.ts
#EXTINF:8.333333,
index10.ts
#EXTINF:12.500000,
index11.ts
#EXTINF:9.716667,
index12.ts
#EXTINF:10.516667,
index13.ts
#EXTINF:8.333333,
index14.ts
#EXTINF:8.333333,
index15.ts
#EXTINF:10.383333,
index16.ts
#EXTINF:12.500000,
index17.ts
#EXTINF:8.333333,
index18.ts
#EXTINF:12.500000,
index19.ts
#EXTINF:6.066667,
index20.ts
#EXTINF:11.666667,
index21.ts
#EXTINF:8.333333,
index22.ts
#EXTINF:12.500000,
index23.ts
#EXTINF:10.833333,
index24.ts
#EXTINF:10.766667,
index25.ts
#EXTINF:8.333333,
index26.ts
#EXTINF:8.333333,
index27.ts
#EXTINF:12.500000,
index28.ts
#EXTINF:7.600000,
index29.ts
#EXTINF:0.850000,
index30.ts
#EXT-X-ENDLIST

BIN
docker/showerloop/public/static/videos/hls/video2/index0.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video2/index1.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video2/index10.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video2/index11.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video2/index12.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video2/index13.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video2/index14.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video2/index15.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video2/index16.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video2/index17.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video2/index18.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video2/index19.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video2/index2.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video2/index20.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video2/index21.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video2/index22.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video2/index23.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video2/index24.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video2/index25.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video2/index26.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video2/index27.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video2/index28.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video2/index29.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video2/index3.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video2/index30.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video2/index4.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video2/index5.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video2/index6.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video2/index7.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video2/index8.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video2/index9.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video2/poster.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 23 KiB

BIN
docker/showerloop/public/static/videos/hls/video2/poster.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 14 KiB

49
docker/showerloop/public/static/videos/hls/video3/index.m3u8
View File

@ -1,49 +0,0 @@
#EXTM3U
#EXT-X-VERSION:3
#EXT-X-TARGETDURATION:15
#EXT-X-MEDIA-SEQUENCE:0
#EXTINF:10.000000,
index0.ts
#EXTINF:10.000000,
index1.ts
#EXTINF:14.280000,
index2.ts
#EXTINF:6.480000,
index3.ts
#EXTINF:10.000000,
index4.ts
#EXTINF:10.000000,
index5.ts
#EXTINF:10.000000,
index6.ts
#EXTINF:15.400000,
index7.ts
#EXTINF:4.760000,
index8.ts
#EXTINF:10.600000,
index9.ts
#EXTINF:12.880000,
index10.ts
#EXTINF:9.240000,
index11.ts
#EXTINF:9.240000,
index12.ts
#EXTINF:10.000000,
index13.ts
#EXTINF:10.000000,
index14.ts
#EXTINF:7.720000,
index15.ts
#EXTINF:11.480000,
index16.ts
#EXTINF:10.280000,
index17.ts
#EXTINF:10.000000,
index18.ts
#EXTINF:7.720000,
index19.ts
#EXTINF:10.000000,
index20.ts
#EXTINF:5.720000,
index21.ts
#EXT-X-ENDLIST

BIN
docker/showerloop/public/static/videos/hls/video3/index0.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video3/index1.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video3/index10.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video3/index11.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video3/index12.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video3/index13.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video3/index14.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video3/index15.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video3/index16.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video3/index17.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video3/index18.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video3/index19.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video3/index2.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video3/index20.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video3/index21.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video3/index3.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video3/index4.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video3/index5.ts
View File

Binary file not shown.

BIN
docker/showerloop/public/static/videos/hls/video3/index6.ts
View File

Binary file not shown.

Some files were not shown because too many files have changed in this diff Show More