304 lines
15 KiB
HTML
304 lines
15 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<title>Home | ShowerLoop</title>
|
||
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
||
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
|
||
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
|
||
|
||
<script src="https://kit.fontawesome.com/157866136a.js" crossorigin="anonymous"></script>
|
||
|
||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
|
||
<script src="/js/material.min.js"></script>
|
||
|
||
|
||
<link rel="stylesheet" type="text/css" href="/css/app.min.css">
|
||
<link rel="stylesheet" type="text/css" href="/css/custom.css">
|
||
|
||
|
||
<script type="text/javascript">
|
||
var _paq = window._paq || [];
|
||
|
||
_paq.push(['trackPageView']);
|
||
_paq.push(['enableLinkTracking']);
|
||
(function() {
|
||
var u="//metrics.showerloop.cc/";
|
||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||
_paq.push(['setSiteId', '1']);
|
||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
|
||
})();
|
||
</script>
|
||
|
||
<body class="page"><div class="skip-to-content" role="button" tabindex="0">
|
||
Skip to Content
|
||
</div>
|
||
<div class="mdl-layout mdl-js-layout
|
||
mdl-layout--fixed-header">
|
||
<header class="mdl-layout__header chocolate-header">
|
||
<div class="mdl-layout__header-row">
|
||
|
||
<a href="/" class="mdl-layout-title">
|
||
<img class="logo" src="/images/logo2.png">
|
||
</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="/contact-us/" title="Contact Us">Contact Us</a>
|
||
|
||
<a class="mdl-navigation__link" href="/components/" title="Components">Components</a>
|
||
|
||
<a class="mdl-navigation__link" href="/make-it/" title="Make It">Make It</a>
|
||
|
||
<a class="mdl-navigation__link mdl-button mdl-js-button mdl-button--raised mdl-button--colored support-btn" tabindex="0">Support Us</a>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
<div class="mdl-layout__drawer">
|
||
<span class="mdl-layout-title"><strong>Chocolate</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="/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" href="/make-it/" title="Make It" tabindex="0">Make It</a>
|
||
|
||
</nav>
|
||
</div><div class="chocolate-hero-section" style="background-image: url('/images/material-bg.jpg')">
|
||
<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">
|
||
<iframe src="https://www.youtube.com/embed/cY6MaxiNqWI"
|
||
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
|
||
</iframe>
|
||
</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="/posts" class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored">
|
||
Check Out our GoFundMe
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div><main>
|
||
<div class="homepage-content">
|
||
<!--Introduction -->
|
||
|
||
<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>
|
||
<!-- How It Works -->
|
||
<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">
|
||
<div class="mdl-cell mdl-cell--4-col mdl-cell--12-col-tablet mdl-cell--12-col-phone">
|
||
<iframe width="560" height="315" src="https://www.youtube.com/embed/cY6MaxiNqWI" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||
</div>
|
||
<div class="mdl-cell mdl-cell--4-col mdl-cell--12-col-tablet mdl-cell--12-col-phone">
|
||
<iframe width="560" height="315" src="https://www.youtube.com/embed/UAhOtC7YFAw" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||
</div>
|
||
<div class="mdl-cell mdl-cell--4-col mdl-cell--12-col-tablet mdl-cell--12-col-phone">
|
||
<iframe width="560" height="315" src="https://www.youtube.com/embed/ix_7nCYnL1E" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||
</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>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.</p>
|
||
</div>
|
||
<div class="mdl-card__actions mdl-card--border">
|
||
<a 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 More
|
||
</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>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!
|
||
In Finland, people use an average of 140 liters of water every day.</p>
|
||
</div>
|
||
<div class="mdl-card__actions mdl-card--border">
|
||
<a 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 More
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</main><footer class="mdl-mini-footer chocolate-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> |