26 lines
7.2 KiB
HTML
26 lines
7.2 KiB
HTML
<!doctype html><html lang=en><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script><title>ShowerLoop Videos | ShowerLoop</title>
|
|
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="Watch videos demonstrating how the ShowerLoop system works and how it was developed"><link rel=preload href=/css/vendor/material-icons.css as=style><link rel=preload href=/css/vendor/video-js.min.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=/css/vendor/video-js.min.css><script src=/js/videojs/video.min.js></script><script src=/js/videojs/videojs-http-streaming.min.js></script><script src=/js/video-init.js></script><script src=/js/vendor/jquery.min.js defer></script><script 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></head><body class=page><div class=skip-to-content role=button tabindex=0>Skip to Content</div><style>.mdl-navigation .mdl-button.mdl-navigation__link{display:flex;align-items:center;justify-content:center;height:36px;line-height:36px;padding:0 16px;margin:8px 0}.logo{height:50px;width:auto;max-width:150px;transition:none!important}</style><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=/videos/ title=Videos>Videos</a>
|
|
<a class=mdl-navigation__link href=/contact-us/ title="Contact Us">Contact Us</a>
|
|
<a class=mdl-navigation__link href=/components/ title=Components>Components</a>
|
|
<a class="mdl-navigation__link mdl-button mdl-js-button mdl-button--raised mdl-button--colored" href=/make-it/ title="Make It">Make It</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=/videos/ title=Videos tabindex=0>Videos</a>
|
|
<a class=mdl-navigation__link href=/contact-us/ title="Contact Us" tabindex=0>Contact Us</a>
|
|
<a class=mdl-navigation__link href=/components/ title=Components tabindex=0>Components</a>
|
|
<a class="mdl-navigation__link mdl-button mdl-js-button mdl-button--raised mdl-button--colored" href=/make-it/ title="Make It" tabindex=0>Make It</a></nav></div><main aria-role=main><div class=subpage-content><div class=chocolate-container><h1>ShowerLoop Videos</h1><h1 id=showerloop-videos>ShowerLoop Videos</h1><p>Below are some videos demonstrating the ShowerLoop system and its components.</p><h2 id=video-1-showerloop-explanation>Video 1: ShowerLoop Explanation</h2><p>This video provides an overview of how ShowerLoop works and its benefits for water conservation.</p><link href=/css/vendor/video-js.min.css rel=stylesheet><script src=/js/videojs/video.min.js></script><div class=responsive-video-container><video id=video1 class="video-js vjs-default-skin vjs-big-play-centered" controls preload=auto width=640 height=360 poster=/videos/hls/video1/poster.jpg data-setup='{"fluid": true}'>
|
|
<source src=/videos/hls/video1/index.m3u8 type=application/x-mpegurl><p class=vjs-no-js>To view this video please enable JavaScript, and consider upgrading to a
|
|
web browser that
|
|
<a href=https://videojs.com/html5-video-support/ target=_blank>supports HTML5 video</a></p></video></div><style>.responsive-video-container{position:relative;width:100%;margin-bottom:2rem}.video-js{width:100%;height:auto;aspect-ratio:16/9}</style><script>document.addEventListener("DOMContentLoaded",function(){var e=videojs("video1")})</script><h2 id=video-2-showerloop-installation>Video 2: ShowerLoop Installation</h2><p>This video shows how to install the ShowerLoop system in your bathroom.</p><link href=/css/vendor/video-js.min.css rel=stylesheet><script src=/js/videojs/video.min.js></script><div class=responsive-video-container><video id=video2 class="video-js vjs-default-skin vjs-big-play-centered" controls preload=auto width=640 height=360 poster=/videos/hls/video2/poster.jpg data-setup='{"fluid": true}'>
|
|
<source src=/videos/hls/video2/index.m3u8 type=application/x-mpegurl><p class=vjs-no-js>To view this video please enable JavaScript, and consider upgrading to a
|
|
web browser that
|
|
<a href=https://videojs.com/html5-video-support/ target=_blank>supports HTML5 video</a></p></video></div><style>.responsive-video-container{position:relative;width:100%;margin-bottom:2rem}.video-js{width:100%;height:auto;aspect-ratio:16/9}</style><script>document.addEventListener("DOMContentLoaded",function(){var e=videojs("video2")})</script><h2 id=video-3-showerloop-electronics>Video 3: ShowerLoop Electronics</h2><p>This video demonstrates the electronics and control systems of the ShowerLoop.</p><link href=/css/vendor/video-js.min.css rel=stylesheet><script src=/js/videojs/video.min.js></script><div class=responsive-video-container><video id=video3 class="video-js vjs-default-skin vjs-big-play-centered" controls preload=auto width=640 height=360 poster=/videos/hls/video3/poster.jpg data-setup='{"fluid": true}'>
|
|
<source src=/videos/hls/video3/index.m3u8 type=application/x-mpegurl><p class=vjs-no-js>To view this video please enable JavaScript, and consider upgrading to a
|
|
web browser that
|
|
<a href=https://videojs.com/html5-video-support/ target=_blank>supports HTML5 video</a></p></video></div><style>.responsive-video-container{position:relative;width:100%;margin-bottom:2rem}.video-js{width:100%;height:auto;aspect-ratio:16/9}</style><script>document.addEventListener("DOMContentLoaded",function(){var e=videojs("video3")})</script></div></div></main><footer class="mdl-mini-footer site-footer"><div class=mdl-mini-footer__left-section>© 2020 Shower Loop | All Rights Reserved</div><div class=mdl-mini-footer__right-section></div><script src=/js/app.min.js></script><script src=/js/skip-to-content.js></script></footer></div></body></html> |