ShowerLoop-cc/public/components/index.html

205 lines
6.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<title>Components | 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><main aria-role="main">
<div class="subpage-content">
<div class="chocolate-container">
<h1>Components</h1>
<p><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&rsquo;ve been doing our best to source materials as locally as possible. Sadly it&rsquo;s harder and harder to producers here in Finland or if we can it&rsquo;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 &amp; 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 &amp; Valves</dt>
<dd>
21 mm transparent hose<br/>
Brass T&rsquo;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 &amp; 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 &amp; 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 &amp; 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></p>
</div>
</div>
</main><footer class="mdl-mini-footer chocolate-footer">
<div class="mdl-mini-footer__left-section">
&copy 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>