ShowerLoop-cc/public/posts/blog2/index.html

155 lines
7.4 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<title>Showerloop at the Design museum | 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">
<div class="mdl-grid">
<div class="mdl-cell mdl-cell--12-col mdl-cell--12-col-tablet mdl-cell--12-col-phone">
<div class="chocolate-blog-single">
<div>
<div class="mdl-grid">
<div class="mdl-cell mdl-cell--4-col mdl-cell--12-col-tablet mdl-cell--12-col-phone left">
<img class="responsive-img"
src="/images/shower_at_museum1.jpg"
alt="An awesome picture">
</div>
<div class="mdl-cell mdl-cell--8-col mdl-cell--12-col-tablet mdl-cell--12-col-phone right">
<h1>Showerloop at the Design museum</h1>
<span class="post-info">
<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>
</span>
<div><p><h2>Low poly showerstall for the Design Museum. Enter &amp; Encounter Exhibit</h2>
<p>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>
<img class="responsive-img" src="/images/shower_at_museum1.jpg">
<img class="responsive-img" src="/images/shower_at_museum2.jpeg"></p>
</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=https://shower-loop.github.io/posts/blog2/">
<i class="fab fa-facebook-square"></i>
</a>
<a target="_blank" href="http://twitter.com/share?url=https://shower-loop.github.io/posts/blog2/">
<i class="fab fa-twitter-square"></i>
</a>
<a target="_blank" href="http://www.reddit.com/submit?url=https://shower-loop.github.io/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 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>