website/dotrix/index.html

114 lines
5.5 KiB
HTML
Raw Normal View History

2019-03-02 14:24:42 +01:00
<!DOCTYPE html>
<html lang="en" data-view="home" class="no-js">
<head>
2019-06-02 18:43:00 +02:00
<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">
2019-03-02 14:24:42 +01:00
2019-06-02 18:43:00 +02:00
<meta charset="utf-8">
<meta name="description" content="">
<meta name="author" content="Löwenware.s.r.o">
2019-03-02 14:24:42 +01:00
2019-06-02 18:43:00 +02:00
<title>Dotrix book</title>
2019-03-02 14:24:42 +01:00
2019-06-02 18:43:00 +02:00
<link href="/static/style.css" rel="stylesheet" />
2019-03-02 14:24:42 +01:00
2019-06-02 18:43:00 +02:00
<script type="text/javascript">document.documentElement.className='';</script>
2019-03-02 14:24:42 +01:00
</head>
<body>
2019-06-02 18:43:00 +02:00
<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>
2019-03-02 14:24:42 +01:00
2019-06-02 18:43:00 +02:00
<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>
2019-03-02 14:24:42 +01:00
2019-06-02 18:43:00 +02:00
<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 doesnt matter where you go and
wherever you are, if there is electricity or not, paper still works. You dont 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>
2019-03-02 14:24:42 +01:00
2019-06-02 18:43:00 +02:00
</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">&copy; 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>
2019-03-02 14:24:42 +01:00
</body>
</html>