114 lines
5.5 KiB
HTML
114 lines
5.5 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en" data-view="home" class="no-js">
|
||
<head>
|
||
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
||
<meta name="google" content="notranslate" />
|
||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||
|
||
<meta charset="utf-8">
|
||
<meta name="description" content="">
|
||
<meta name="author" content="Löwenware.s.r.o">
|
||
|
||
<title>Dotrix book</title>
|
||
|
||
|
||
<link href="/static/style.css" rel="stylesheet" />
|
||
|
||
<script type="text/javascript">document.documentElement.className='';</script>
|
||
</head>
|
||
<body>
|
||
<div class="main-wrapper">
|
||
<div class="overlay">
|
||
<svg class="logo"><use xlink:href="/static/sprite.svg#logo"/></svg>
|
||
<a href="javascript:;" id="menu__switch" class="menu__switch" title="Switch menu">
|
||
<svg class="icon svg-menu-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
|
||
<g class="svg-menu-group">
|
||
<path class="svg-menu-lines" d="m0 4v2h24v-2zm0 7v2h24v-2zm0 7v2h24v-2z"/>
|
||
<path class="svg-menu-cross" d="m4.22 2.81-1.42 1.42 7.78 7.78-7.78 7.78 1.42 1.42 7.78-7.78 7.78 7.78 1.42-1.42-7.78-7.78 7.78-7.78-1.42-1.42-7.78 7.78z">
|
||
</g>
|
||
</svg>
|
||
</a>
|
||
<div class="logo__text">Löwenware</div>
|
||
</div>
|
||
|
||
<nav id="menu" class="menu">
|
||
<ul class="menu__list">
|
||
<li><a href="/">Home</a></li>
|
||
<li><a href="/about/">About</a></li>
|
||
<li><a href="/aisl/">AISL</a></li>
|
||
<li><a href="/dotrix/" class="active">Dotrix</a></li>
|
||
<li><a href="/blog/">Blog</a></li>
|
||
<li><a href="/contact/">Contact</a></li>
|
||
</ul>
|
||
</nav>
|
||
|
||
|
||
<main class="content text-content">
|
||
<h1>Dotrix</h1>
|
||
<img src="/static/dotrix/e1.jpg" class="slide-picture" />
|
||
<h2>Not obsolete medium</h2>
|
||
<p>Operating in IT sphere and being surrounded by a great number of electronic devices, we
|
||
still believe, that paper as a medium is not obsolete. It doesn’t matter where you go and
|
||
wherever you are, if there is electricity or not, paper still works. You don’t need special
|
||
programs or apps for writing, drawing, painting, making origami or anything else, just a
|
||
sheet of paper and your imagination. Paper medium opens a numerous ways for your art.
|
||
Choose your writing material and start. Even a piece of coil is fine. Paper helped people to
|
||
create and fix their ideas for many centuries, it helps them nowadays. So that is why we
|
||
produced our own multitask paper notebook.</p>
|
||
<h2>Connecting the dots</h2>
|
||
<p>It was built on our team experience. Each of us wanted to have something special, in
|
||
accordance with his or her operating tasks. For that reason dot lining became our decision.
|
||
You can use it as a number of lines or cells, or just ignore it. Connect the dots in your
|
||
manner.</p>
|
||
<h2>How to use</h2>
|
||
<p>Matrix of dots on the sheet of paper turned to the idea of name “Dotrixbook”. From that
|
||
moment our team started the process of testing. We were coding, drawing schemes and
|
||
circuit schematics, mind maps, sketches and even furniture plans, writing texts - that is not
|
||
the whole list of our activities. We believe, you can find even more ways of use.</p>
|
||
<img src="/static/dotrix/t1.jpg" class="double-picture" />
|
||
<img src="/static/dotrix/p1.jpg" class="double-picture" />
|
||
<h2>Get your own “Dotrixbook” or support project</h2>
|
||
<p>If you are interested and already know, how you would use “Dotrixbook” in your daily life,
|
||
feel free to order and get it. We also will appreciate any support of the project and
|
||
contributions. Or <a href="/contact/">contact us</a>, if you have ideas of collaboration.</p>
|
||
</main>
|
||
|
||
</div>
|
||
<div class="footer">
|
||
<div class="footer__logo dark-bg">Löwenware</div>
|
||
<div class="footer__above">
|
||
<!--div class="newsletter">
|
||
<form>
|
||
<label for="newsletter__email">Subscribe to newsletter</label>
|
||
<div class="newsletter__field">
|
||
<input type="email" name="email" id="newsletter__email" placeholder="your@email.address" />
|
||
<button type="submit" class="submit" name="submit" value="1">Subscribe</button>
|
||
</div>
|
||
</form>
|
||
</div-->
|
||
<div class="footer__social">
|
||
<a href="/goto/github" title="Go to GitHub"><svg class="icon"><use xlink:href="/static/sprite.svg#github"/></svg></a>
|
||
<a href="/goto/gitter" title="Go to Gitter chat"><svg class="icon"><use xlink:href="/static/sprite.svg#gitter"/></svg></a>
|
||
<a href="/goto/youtube" title="Go to YouTube channel"><svg class="icon"><use xlink:href="/static/sprite.svg#youtube"/></svg></a>
|
||
<a href="/goto/instagram" title="Go to Instagram"><svg class="icon"><use xlink:href="/static/sprite.svg#instagram"/></svg></a>
|
||
<a href="/goto/medium" title="Go to Medium page"><svg class="icon"><use xlink:href="/static/sprite.svg#medium"/></svg></a>
|
||
<a href="/goto/linkedin" title="Go to LinkedIn profile"><svg class="icon"><use xlink:href="/static/sprite.svg#linkedin"/></svg></a>
|
||
</div>
|
||
</div>
|
||
<div class="footer__below dark-bg">
|
||
<div class="footer__credentials">
|
||
<div class="copyright">© 2017 - 2019 by Löwenware s.r.o.</div>
|
||
<ul class="legal">
|
||
<li class="legal__node legal__first"><a href="/privacy-statement.html">Privacy statement</a></li>
|
||
<li class="legal__node legal__marker"><a href="/terms-of-use.html">Terms of use</a></li>
|
||
</ul>
|
||
<div style="clear:left;"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script async type="text/javascript" src="/static/main.js"></script>
|
||
</body>
|
||
</html>
|