ShowerLoop-cc/posts/index.html

230 lines
13 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<title>Posts | 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="posts"><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 class="text-center">
All Posts
</h1>
<div class="mdl-grid">
<div class="mdl-cell mdl-cell--9-col mdl-cell--12-col-tablet mdl-cell--12-col-phone">
<div class="chocolate-blog-listing">
<article>
<div class="mdl-grid">
<div class="mdl-cell mdl-cell--3-col mdl-cell--12-col-tablet mdl-cell--12-col-phone">
<img class="responsive-img" src="/images/Picture&#43;of&#43;a&#43;pair&#43;of&#43;legs&#43;with&#43;red&#43;toenails,&#43;a&#43;showerhead&#43;submerged&#43;in&#43;water&#43;and&#43;an&#43;overflow&#43;drain&#43;-&#43;all&#43;centered&#43;in&#43;the&#43;image.jfif" alt="An awesome picture">
</div>
<div class="mdl-cell mdl-cell--9-col mdl-cell--12-col-tablet mdl-cell--12-col-phone">
<header>
<a class="text-body" href="/posts/blog4/">
<h1>2 Ways to Be Economical When Showering With an Injury</h1>
</a>
</header>
<p>Its 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. Its a defeated feeling, and it can quickly take away the motivation to shower or bathe in the first place.</p>
<footer>
<span>Jackie Young</span>
<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=" 2018-04-17T00:00:00Z">Apr 17, 2018</time>
</span>
<i class="fas fa-circle"></i>
<span class=nowrap>
<span class="ph1">post</a>
</span>
</footer>
</div>
</div>
</article>
<article>
<div class="mdl-grid">
<div class="mdl-cell mdl-cell--3-col mdl-cell--12-col-tablet mdl-cell--12-col-phone">
<img class="responsive-img" src="/images/drainbubbles.png" alt="An awesome picture">
</div>
<div class="mdl-cell mdl-cell--9-col mdl-cell--12-col-tablet mdl-cell--12-col-phone">
<header>
<a class="text-body" href="/posts/blog3/">
<h1>Dont Put These Things Down The Shower Drain!</h1>
</a>
</header>
<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 youre putting things down the drain that you really shouldnt. Making your shower eco-friendly should be about saving water as well as preventing water contamination. Heres what you can do to be greener and cleaner!
In Finland, people use an average of 140 liters of water every day.</p>
<footer>
<span>Jackie Young</span>
<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=" 2018-03-27T00:00:00Z">Mar 27, 2018</time>
</span>
<i class="fas fa-circle"></i>
<span class=nowrap>
<span class="ph1">post</a>
</span>
</footer>
</div>
</div>
</article>
<article>
<div class="mdl-grid">
<div class="mdl-cell mdl-cell--3-col mdl-cell--12-col-tablet mdl-cell--12-col-phone">
<img class="responsive-img" src="/images/shower_at_museum1.jpg" alt="An awesome picture">
</div>
<div class="mdl-cell mdl-cell--9-col mdl-cell--12-col-tablet mdl-cell--12-col-phone">
<header>
<a class="text-body" href="/posts/blog2/">
<h1>Showerloop at the Design museum</h1>
</a>
</header>
<p>Low poly showerstall for the Design Museum. Enter &amp; Encounter Exhibit At the start of the year, we were asked to bring a demo of Showerloop to an art/design/futurism exhibit. We also designed a wooden shower stall to accompany the showerloop system. The shower stall was made with blender, Explision, Meshlab, a lasercutter, circle saw, router, dremel, drill, clamps, hammer, crowbar, screwdriver, nuts, sticks, planks and bits, interior wax and lights.</p>
<footer>
<span>Anthony Hathaway</span>
<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-09-11T00:00:00Z">Sep 11, 2017</time>
</span>
<i class="fas fa-circle"></i>
<span class=nowrap>
<span class="ph1">post</a>
</span>
</footer>
</div>
</div>
</article>
<article>
<div class="mdl-grid">
<div class="mdl-cell mdl-cell--3-col mdl-cell--12-col-tablet mdl-cell--12-col-phone">
<img class="responsive-img" src="/images/PCBBasic2_1.png" alt="An awesome picture">
</div>
<div class="mdl-cell mdl-cell--9-col mdl-cell--12-col-tablet mdl-cell--12-col-phone">
<header>
<a class="text-body" href="/posts/blog1/">
<h1>The electronics board PCBBasic2.0</h1>
</a>
</header>
<p>For the last couple of months we have gotten back to circuit boards and looking at completing the project we started a long time ago. Making the shower smart and easily controllable like one would expect from modern consumer products. There&rsquo;s been a lot to learn considering all we could do a few years ago was wire up a light bulb, and even then we would need to check what the difference was with the brown wire (live/positive) and the blue wire (ground/neutral).</p>
<footer>
<span>Anthony Hathaway</span>
<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</a>
</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 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>