Browse Source

Initiated

Ilja Kartašov 7 months ago
commit
a8fca6f4d6

+ 1
- 0
.gitignore View File

@@ -0,0 +1 @@
1
+_draft

+ 1
- 0
README.md View File

@@ -0,0 +1 @@
1
+# Löwenware.com website repository

+ 127
- 0
about/index.html View File

@@ -0,0 +1,127 @@
1
+<!DOCTYPE html>
2
+<html lang="en" data-view="home" class="no-js">
3
+<head>
4
+  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
5
+  <meta name="apple-mobile-web-app-capable" content="yes" />
6
+  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
7
+  <meta name="google" content="notranslate" />
8
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
9
+
10
+  <meta charset="utf-8">
11
+  <meta name="description" content="">
12
+  <meta name="author" content="Löwenware.s.r.o">
13
+
14
+  <title>About Löwenware</title>
15
+
16
+
17
+  <link href="/static/style.css" rel="stylesheet" />
18
+
19
+  <script type="text/javascript">document.documentElement.className='';</script>
20
+</head>
21
+<body>
22
+  <div class="overlay">
23
+    <svg class="logo"><use xlink:href="/static/sprite.svg#logo"/></svg>
24
+    <a href="javascript:;" id="menu__switch" class="menu__switch" title="Switch menu">
25
+      <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">
26
+        <g class="svg-menu-group">
27
+          <path class="svg-menu-lines" d="m0 4v2h24v-2zm0 7v2h24v-2zm0 7v2h24v-2z"/>
28
+          <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">
29
+        </g>
30
+      </svg>
31
+    </a>
32
+    <div class="logo__text">Löwenware</div>
33
+  </div>
34
+
35
+  <nav id="menu" class="menu">
36
+    <ul class="menu__list">
37
+      <li><a href="/">Home</a></li>
38
+      <li><a href="/about/" class="active">About</a></li>
39
+      <li><a href="/aisl/">AISL</a></li>
40
+      <li><a href="/dotrix/">Dotrix</a></li>
41
+      <li><a href="/blog/">Blog</a></li>
42
+      <li><a href="/contact.html">Contact</a></li>
43
+    </ul>
44
+  </nav>
45
+
46
+
47
+  <main class="text-content">
48
+    <h1>About Löwenware</h1>
49
+
50
+    <p>Project Löwenware started its life in year 2014, when its founder Ilja
51
+    Kartashov (aka Elias Löwe) decided to create a tool for high-performance web
52
+    applications development. That was a multithread synchronnous solution
53
+    called WebStuff those days. Active development process has turned it into
54
+    completely new tool named <a href="/aisl/">AISL</a>. Commercial interest to
55
+    this solution allowed to establish Löwenware company in Czech Republic in
56
+    2017.</p>
57
+
58
+    <h2>Performance does matter</h2>
59
+    <p>We live in the era of high-end computers that can provide incredible user
60
+    experience solving our daily tasks. Unfortunately mainstream development tools
61
+    are focused more on making programmer's life easier, than on product performance.
62
+    At the same time we have older technologies optimized for much less efficient
63
+    hardware. They require higher skill, more time and efforts, providing you as
64
+    a developer full control over hardware, making possible to keep things simple
65
+    and in the end to build fast and usable application. With no doubt, we prefer
66
+    just such technologies.</p>
67
+
68
+    <p>While avoiding usage of some fasionable tools, keeping simplicity and
69
+    some kind of minimalism in our projects, we are not conservators, neither nerds.
70
+    We are quite open to shiny wowing stuff, but we just think it must be reached in
71
+    a bit other way.</p>
72
+
73
+    <h2>Openness</h2>
74
+    <p>By opening source codes we allow other developers to contribute to our
75
+    projects and at the same time we contribute to work of other people who may use
76
+    some of our workouts and ideas. Such collaboration between developers all over
77
+    the world pushes technology progress forward and we like it. At the same time we
78
+    are open for commercial projects and invest incomes into our open
79
+    solutions development and support.</p>
80
+
81
+    <h2>Creativity</h2>
82
+    <p>We are working on many interesting projects and not all of them are applications
83
+    or libraries. In 2018 we've lanuched production of <a href="/dotrix/">Dotrix</a> books that we wanted
84
+    to use in our team and actually we use them a lot nowadays. We like them that
85
+    much that we decided to spread them over other designers and engineers.</p>
86
+
87
+    <p>In 2019 we've started our experiments with video processing and sound recording,
88
+    that will turn into more projects and new content in some nearest
89
+    future.</p>
90
+
91
+  </main>
92
+
93
+  <div class="footer">
94
+    <div class="footer__logo dark-bg">Löwenware</div>
95
+    <div class="footer__above">
96
+      <div class="newsletter">
97
+        <form>
98
+          <label for="newsletter__email">Subscribe to newsletter</label>
99
+          <div class="newsletter__field">
100
+            <input type="email" name="email" id="newsletter__email" placeholder="your@email.address" />
101
+            <button type="submit" class="submit" name="submit" value="1">Subscribe</button>
102
+          </div>
103
+        </form>
104
+      </div>
105
+      <div class="footer__social">
106
+        <a href="/goto/github" title="Go to GitHub"><svg class="icon"><use xlink:href="/static/sprite.svg#github"/></svg></a>
107
+        <a href="/goto/gitter" title="Go to Gitter chat"><svg class="icon"><use xlink:href="/static/sprite.svg#gitter"/></svg></a>
108
+        <a href="/goto/youtube" title="Go to YouTube channel"><svg class="icon"><use xlink:href="/static/sprite.svg#youtube"/></svg></a>
109
+        <a href="/goto/instagram" title="Go to Instagram"><svg class="icon"><use xlink:href="/static/sprite.svg#instagram"/></svg></a>
110
+        <a href="/goto/medium" title="Go to Medium page"><svg class="icon"><use xlink:href="/static/sprite.svg#medium"/></svg></a>
111
+        <a href="/goto/linkedin" title="Go to LinkedIn profile"><svg class="icon"><use xlink:href="/static/sprite.svg#linkedin"/></svg></a>
112
+      </div>
113
+    </div>
114
+    <div class="footer__below dark-bg">
115
+      <div class="footer__credentials">
116
+        <div class="copyright">&copy; 2017 - 2019 by Löwenware s.r.o.</div>
117
+        <ul class="legal">
118
+          <li class="legal__node legal__first"><a href="/privacy-statement.html">Privacy statement</a></li>
119
+          <li class="legal__node legal__marker"><a href="/terms-of-use.html">Terms of use</a></li>
120
+        </ul>
121
+        <div style="clear:left;"></div>
122
+      </div>
123
+    </div>
124
+  </div>
125
+  <script async type="text/javascript" src="/static/main.js"></script>
126
+</body>
127
+</html>

+ 148
- 0
index.html View File

@@ -0,0 +1,148 @@
1
+<!DOCTYPE html>
2
+<html lang="en" data-view="home" class="no-js">
3
+<head>
4
+  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
5
+  <meta name="apple-mobile-web-app-capable" content="yes" />
6
+  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
7
+  <meta name="google" content="notranslate" />
8
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
9
+
10
+  <meta charset="utf-8">
11
+  <meta name="description" content="">
12
+  <meta name="author" content="Löwenware.s.r.o">
13
+
14
+  <title>Löwenware</title>
15
+
16
+
17
+  <link href="/static/style.css" rel="stylesheet" />
18
+
19
+  <script type="text/javascript">document.documentElement.className='';</script>
20
+</head>
21
+<body>
22
+  <div class="overlay">
23
+    <svg class="logo"><use xlink:href="/static/sprite.svg#logo"/></svg>
24
+    <a href="javascript:;" id="menu__switch" class="menu__switch" title="Switch menu">
25
+      <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">
26
+        <g class="svg-menu-group">
27
+          <path class="svg-menu-lines" d="m0 4v2h24v-2zm0 7v2h24v-2zm0 7v2h24v-2z"/>
28
+          <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">
29
+        </g>
30
+      </svg>
31
+    </a>
32
+    <div class="logo__text">Löwenware</div>
33
+  </div>
34
+
35
+  <nav id="menu" class="menu">
36
+    <ul class="menu__list">
37
+      <li><a href="/" class="active">Home</a></li>
38
+      <li><a href="/about/">About</a></li>
39
+      <li><a href="/aisl/">AISL</a></li>
40
+      <li><a href="/dotrix/">Dotrix</a></li>
41
+      <li><a href="/blog/">Blog</a></li>
42
+      <li><a href="/contact/">Contact</a></li>
43
+    </ul>
44
+  </nav>
45
+
46
+
47
+  <main class="main-content">
48
+    <div class="anouncement__bg">
49
+      <section id="anouncement" class="anouncement">
50
+        <div class="anouncement__content dark-bg">
51
+          <h1>AISL v.0.4 Release Scheduled</h1>
52
+          <a href="/aisl/release-0.4-changelog.html" class="no-decoration">Find what is new</a>
53
+        </div>
54
+      </section><!-- home -->
55
+      <div class="anouncement__overlay">
56
+        <h1>A bit more than just a Software Studio</h1>
57
+        <a href="/about/" class="invert-decoration">About Löwenware</a>
58
+      </div>
59
+    </div>
60
+    <div class="open-solutions">
61
+      <div class="open-solutions__content">
62
+        <h2>Open Source Solutions</h2>
63
+        <p>The most passionate projects are ones that grow up from your own idea.
64
+        The more you invest into them, the more you want to share them with the
65
+        World, make them better to be proud of your creation. That is a true
66
+        motivation for an individual and real driving power for the
67
+        Technology.</p>
68
+      </div>
69
+      <section class="section open-solutions__cell aisl-project">
70
+        <a href="/aisl/">
71
+          <div class="open-solutions__project">
72
+            <h1>AISL</h1>
73
+            <p>Our contribution to faster Internet</p>
74
+          </div>
75
+        </a>
76
+      </section>
77
+      <section class="section open-solutions__cell open-solutions__project dotrix-project">
78
+        <a href="/dotrix/">
79
+          <div class="open-solutions__project">
80
+            <h1>Dotrix</h1>
81
+            <p>Sketch it out</p>
82
+          </div>
83
+        </a>
84
+      </section>
85
+    </div>
86
+
87
+    <div class="proprietary dark-bg">
88
+      <div class="proprietary__info">
89
+        <div class="proprietary__cell">
90
+          <h1 class="proprietary__title">Proprietary Solutions</h1>
91
+        </div>
92
+
93
+        <div class="proprietary__cell">
94
+          <p class="proprietary__text">In addition to work on our own we are also offering our software,
95
+          web and firmware development skills for commercial projects.</p>
96
+        </div>
97
+
98
+        <div class="proprietary__cell">
99
+          <a href="/contact/?get-started" class="button proprietary__button">Get Started</a>
100
+        </div>
101
+      </div>
102
+      <div class="proprietary__arrow"></div>
103
+
104
+      <div class="proprietary__customers">
105
+        <ul>
106
+          <li><img src="/static/logo-hardwario.png" alt="Hardwario" /></li>
107
+          <li><img src="/static/logo-jablonet.png" alt="JabloNET" /></li>
108
+          <li><img src="/static/logo-ailemebak.png" alt="AilemeBak.com" /></li>
109
+        </ul>
110
+      </div>
111
+    </div>
112
+  </main>
113
+
114
+  <div class="footer">
115
+    <div class="footer__logo dark-bg">Löwenware</div>
116
+    <div class="footer__above">
117
+      <div class="newsletter">
118
+        <form>
119
+          <label for="newsletter__email">Subscribe to newsletter</label>
120
+          <div class="newsletter__field">
121
+            <input type="email" name="email" id="newsletter__email" placeholder="your@email.address" />
122
+            <button type="submit" class="submit" name="submit" value="1">Subscribe</button>
123
+          </div>
124
+        </form>
125
+      </div>
126
+      <div class="footer__social">
127
+        <a href="/goto/github" title="Go to GitHub"><svg class="icon"><use xlink:href="/static/sprite.svg#github"/></svg></a>
128
+        <a href="/goto/gitter" title="Go to Gitter chat"><svg class="icon"><use xlink:href="/static/sprite.svg#gitter"/></svg></a>
129
+        <a href="/goto/youtube" title="Go to YouTube channel"><svg class="icon"><use xlink:href="/static/sprite.svg#youtube"/></svg></a>
130
+        <a href="/goto/instagram" title="Go to Instagram"><svg class="icon"><use xlink:href="/static/sprite.svg#instagram"/></svg></a>
131
+        <a href="/goto/medium" title="Go to Medium page"><svg class="icon"><use xlink:href="/static/sprite.svg#medium"/></svg></a>
132
+        <a href="/goto/linkedin" title="Go to LinkedIn profile"><svg class="icon"><use xlink:href="/static/sprite.svg#linkedin"/></svg></a>
133
+      </div>
134
+    </div>
135
+    <div class="footer__below dark-bg">
136
+      <div class="footer__credentials">
137
+        <div class="copyright">&copy; 2017 - 2019 by Löwenware s.r.o.</div>
138
+        <ul class="legal">
139
+          <li class="legal__node legal__first"><a href="/privacy-statement.html">Privacy statement</a></li>
140
+          <li class="legal__node legal__marker"><a href="/terms-of-use.html">Terms of use</a></li>
141
+        </ul>
142
+        <div style="clear:left;"></div>
143
+      </div>
144
+    </div>
145
+  </div>
146
+  <script async type="text/javascript" src="/static/main.js"></script>
147
+</body>
148
+</html>

+ 57
- 0
static/font.css View File

@@ -0,0 +1,57 @@
1
+
2
+/* cyrillic-ext */
3
+@font-face {
4
+  font-family: 'Jura';
5
+  font-style: normal;
6
+  font-weight: 500;
7
+  src: local('Jura Medium'), local('Jura-Medium'), url(https://fonts.gstatic.com/s/jura/v9/z7NUdRfiaC4VVTdqRCZi0aTV.woff2) format('woff2');
8
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
9
+}
10
+/* cyrillic */
11
+@font-face {
12
+  font-family: 'Jura';
13
+  font-style: normal;
14
+  font-weight: 500;
15
+  src: local('Jura Medium'), local('Jura-Medium'), url(https://fonts.gstatic.com/s/jura/v9/z7NUdRfiaC4VVTdqRC9i0aTV.woff2) format('woff2');
16
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
17
+}
18
+/* greek-ext */
19
+@font-face {
20
+  font-family: 'Jura';
21
+  font-style: normal;
22
+  font-weight: 500;
23
+  src: local('Jura Medium'), local('Jura-Medium'), url(https://fonts.gstatic.com/s/jura/v9/z7NUdRfiaC4VVTdqRCdi0aTV.woff2) format('woff2');
24
+  unicode-range: U+1F00-1FFF;
25
+}
26
+/* greek */
27
+@font-face {
28
+  font-family: 'Jura';
29
+  font-style: normal;
30
+  font-weight: 500;
31
+  src: local('Jura Medium'), local('Jura-Medium'), url(https://fonts.gstatic.com/s/jura/v9/z7NUdRfiaC4VVTdqRChi0aTV.woff2) format('woff2');
32
+  unicode-range: U+0370-03FF;
33
+}
34
+/* vietnamese */
35
+@font-face {
36
+  font-family: 'Jura';
37
+  font-style: normal;
38
+  font-weight: 500;
39
+  src: local('Jura Medium'), local('Jura-Medium'), url(https://fonts.gstatic.com/s/jura/v9/z7NUdRfiaC4VVTdqRCRi0aTV.woff2) format('woff2');
40
+  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
41
+}
42
+/* latin-ext */
43
+@font-face {
44
+  font-family: 'Jura';
45
+  font-style: normal;
46
+  font-weight: 500;
47
+  src: local('Jura Medium'), local('Jura-Medium'), url(https://fonts.gstatic.com/s/jura/v9/z7NUdRfiaC4VVTdqRCVi0aTV.woff2) format('woff2');
48
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
49
+}
50
+/* latin */
51
+@font-face {
52
+  font-family: 'Jura';
53
+  font-style: normal;
54
+  font-weight: 500;
55
+  src: local('Jura Medium'), local('Jura-Medium'), url(https://fonts.gstatic.com/s/jura/v9/z7NUdRfiaC4VVTdqRCti0Q.woff2) format('woff2');
56
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
57
+}

BIN
static/jura-bold.woff View File


BIN
static/jura-bold.woff2 View File


BIN
static/jura-regular.woff View File


BIN
static/jura-regular.woff2 View File


BIN
static/logo-ailemebak.png View File


BIN
static/logo-hardwario.png View File


BIN
static/logo-jablonet.png View File


+ 304
- 0
static/main.js View File

@@ -0,0 +1,304 @@
1
+/*! code below is based on svg4everybody v2.1.9
2
+ * github.com/jonathantneal/svg4everybody */
3
+
4
+var LEGACY_SUPPORT = false;
5
+
6
+function embed(parent, svg, target) {
7
+  // if the target exists
8
+  if (target) {
9
+    // create a document fragment to hold the contents of the target
10
+    var fragment = document.createDocumentFragment();
11
+
12
+    // cache the closest matching viewBox
13
+    var viewBox = !svg.hasAttribute('viewBox') && target.getAttribute('viewBox');
14
+
15
+    // conditionally set the viewBox on the svg
16
+    if (viewBox) {
17
+      svg.setAttribute('viewBox', viewBox);
18
+    }
19
+
20
+    // clone the target
21
+    var clone = target.cloneNode(true);
22
+
23
+    // copy the contents of the clone into the fragment
24
+    while (clone.childNodes.length) {
25
+      fragment.appendChild(clone.firstChild);
26
+    }
27
+
28
+    // append the fragment into the svg
29
+    parent.appendChild(fragment);
30
+  }
31
+}
32
+
33
+function loadreadystatechange(xhr) {
34
+  // listen to changes in the request
35
+  xhr.onreadystatechange = function () {
36
+    // if the request is ready
37
+    if (xhr.readyState === 4) {
38
+      // get the cached html document
39
+      var cachedDocument = xhr._cachedDocument;
40
+
41
+      // ensure the cached html document based on the xhr response
42
+      if (!cachedDocument) {
43
+        cachedDocument = xhr._cachedDocument = document.implementation.createHTMLDocument('');
44
+
45
+        cachedDocument.body.innerHTML = xhr.responseText;
46
+
47
+        // ensure domains are the same, otherwise we'll have issues appending the
48
+        // element in IE 11
49
+        // cachedDocument.domain = document.domain;
50
+
51
+        xhr._cachedTarget = {};
52
+      }
53
+
54
+      // clear the xhr embeds list and embed each item
55
+      xhr._embeds.splice(0).map(function (item) {
56
+        // get the cached target
57
+        var target = xhr._cachedTarget[item.id];
58
+
59
+        // ensure the cached target
60
+        if (!target) {
61
+          target = xhr._cachedTarget[item.id] = cachedDocument.getElementById(item.id);
62
+        }
63
+
64
+        // embed the target into the svg
65
+        embed(item.parent, item.svg, target);
66
+      });
67
+    }
68
+  };
69
+
70
+  // test the ready state change immediately
71
+  xhr.onreadystatechange();
72
+}
73
+
74
+function svg4everybody(rawopts) {
75
+  var opts = Object(rawopts);
76
+
77
+  // create legacy support variables
78
+  var nosvg;
79
+  var fallback;
80
+
81
+  // if running with legacy support
82
+  if (LEGACY_SUPPORT) {
83
+    // configure the fallback method
84
+    fallback = opts.fallback || function (src) {
85
+      return src.replace(/\?[^#]+/, '').replace('#', '.').replace(/^\./, '') + '.png' + (/\?[^#]+/.exec(src) || [''])[0];
86
+    };
87
+
88
+    // set whether to shiv <svg> and <use> elements and use image fallbacks
89
+    nosvg = 'nosvg' in opts ? opts.nosvg : /\bMSIE [1-8]\b/.test(navigator.userAgent);
90
+
91
+    // conditionally shiv <svg> and <use>
92
+    if (nosvg) {
93
+      document.createElement('svg');
94
+      document.createElement('use');
95
+    }
96
+  }
97
+
98
+  // set whether the polyfill will be activated or not
99
+  var polyfill;
100
+  var olderIEUA = /\bMSIE [1-8]\.0\b/;
101
+  var newerIEUA = /\bTrident\/[567]\b|\bMSIE (?:9|10)\.0\b/;
102
+  var webkitUA = /\bAppleWebKit\/(\d+)\b/;
103
+  var olderEdgeUA = /\bEdge\/12\.(\d+)\b/;
104
+  var edgeUA = /\bEdge\/.(\d+)\b/;
105
+  //Checks whether iframed
106
+  var inIframe = window.top !== window.self;
107
+
108
+  if ('polyfill' in opts) {
109
+    polyfill = opts.polyfill;
110
+  } else if (LEGACY_SUPPORT) {
111
+    polyfill = olderIEUA.test(navigator.userAgent) || newerIEUA.test(navigator.userAgent) || (navigator.userAgent.match(olderEdgeUA) || [])[1] < 10547 || (navigator.userAgent.match(webkitUA) || [])[1] < 537 || edgeUA.test(navigator.userAgent) && inIframe;
112
+  } else {
113
+    polyfill = newerIEUA.test(navigator.userAgent) || (navigator.userAgent.match(olderEdgeUA) || [])[1] < 10547 || (navigator.userAgent.match(webkitUA) || [])[1] < 537 || edgeUA.test(navigator.userAgent) && inIframe;
114
+  }
115
+
116
+  // create xhr requests object
117
+  var requests = {};
118
+
119
+  // use request animation frame or a timeout to search the dom for svgs
120
+  var requestAnimationFrame = window.requestAnimationFrame || setTimeout;
121
+
122
+  // get a live collection of use elements on the page
123
+  var uses = document.getElementsByTagName('use');
124
+  var numberOfSvgUseElementsToBypass = 0;
125
+
126
+  function oninterval() {
127
+    // get the cached <use> index
128
+    var index = 0;
129
+
130
+    // while the index exists in the live <use> collection
131
+    while (index < uses.length) {
132
+      // get the current <use>
133
+      var use = uses[index];
134
+
135
+      // get the current <svg>
136
+      var parent = use.parentNode;
137
+      var svg = getSVGAncestor(parent);
138
+      var src = use.getAttribute('xlink:href') || use.getAttribute('href');
139
+
140
+      if (!src && opts.attributeName) {
141
+        src = use.getAttribute(opts.attributeName);
142
+      }
143
+
144
+      if (svg && src) {
145
+
146
+        // if running with legacy support
147
+        if (LEGACY_SUPPORT && nosvg) {
148
+          // create a new fallback image
149
+          var img = document.createElement('img');
150
+
151
+          // force display in older IE
152
+          img.style.cssText = 'display:inline-block;height:100%;width:100%';
153
+
154
+          // set the fallback size using the svg size
155
+          img.setAttribute('width', svg.getAttribute('width') || svg.clientWidth);
156
+          img.setAttribute('height', svg.getAttribute('height') || svg.clientHeight);
157
+
158
+          // set the fallback src
159
+          img.src = fallback(src, svg, use);
160
+
161
+          // replace the <use> with the fallback image
162
+          parent.replaceChild(img, use);
163
+        } else if (polyfill) {
164
+          if (!opts.validate || opts.validate(src, svg, use)) {
165
+            // remove the <use> element
166
+            parent.removeChild(use);
167
+
168
+            // parse the src and get the url and id
169
+            var srcSplit = src.split('#');
170
+            var url = srcSplit.shift();
171
+            var id = srcSplit.join('#');
172
+
173
+            // if the link is external
174
+            if (url.length) {
175
+              // get the cached xhr request
176
+              var xhr = requests[url];
177
+
178
+              // ensure the xhr request exists
179
+              if (!xhr) {
180
+                xhr = requests[url] = new XMLHttpRequest();
181
+
182
+                xhr.open('GET', url);
183
+
184
+                xhr.send();
185
+
186
+                xhr._embeds = [];
187
+              }
188
+
189
+              // add the svg and id as an item to the xhr embeds list
190
+              xhr._embeds.push({
191
+                parent: parent,
192
+                svg: svg,
193
+                id: id
194
+              });
195
+
196
+              // prepare the xhr ready state change event
197
+              loadreadystatechange(xhr);
198
+            } else {
199
+              // embed the local id into the svg
200
+              embed(parent, svg, document.getElementById(id));
201
+            }
202
+          } else {
203
+            // increase the index when the previous value was not "valid"
204
+            ++index;
205
+            ++numberOfSvgUseElementsToBypass;
206
+          }
207
+        }
208
+      } else {
209
+        // increase the index when the previous value was not "valid"
210
+        ++index;
211
+      }
212
+    }
213
+
214
+    // continue the interval
215
+    if (!uses.length || uses.length - numberOfSvgUseElementsToBypass > 0) {
216
+      requestAnimationFrame(oninterval, 67);
217
+    }
218
+  }
219
+
220
+  // conditionally start the interval if the polyfill is active
221
+  if (polyfill) {
222
+    oninterval();
223
+  }
224
+}
225
+
226
+function getSVGAncestor(node) {
227
+  var svg = node;
228
+  while (svg.nodeName.toLowerCase() !== 'svg') {
229
+    svg = svg.parentNode;
230
+    if (!svg) {
231
+      break;
232
+    }
233
+  }
234
+  return svg;
235
+}
236
+
237
+function main()
238
+{
239
+  /*
240
+  var inps = document.querySelectorAll('.float-label');
241
+
242
+  console.log('INputs: '+JSON.stringify(inps));
243
+
244
+  for (var i=0; i<inps.length; i++)
245
+  {
246
+    var inp = inps[i];
247
+
248
+    if (inp.value != '')
249
+      inp.parentNode.classList.add('active');
250
+
251
+    inp.addEventListener('focus', (event) => {
252
+      var t = event.currentTarget;
253
+      t.parentNode.classList.add('active');
254
+    });
255
+
256
+    inp.addEventListener('blur', (event) => {
257
+      var t = event.currentTarget;
258
+      console.log(t.value)
259
+      if (t.value == '')
260
+        t.parentNode.classList.remove('active');
261
+    });
262
+  }
263
+  
264
+  window.addEventListener('scroll', (event) => {
265
+
266
+    var nodes = document.querySelectorAll('.slider'),
267
+        scrollTop = window.scrollY;
268
+
269
+    for(var i=0; i<nodes.length; i++)
270
+    {
271
+      var speed = parseInt(nodes[i].getAttribute('data-speed'));
272
+      console.log(scrollTop);
273
+      console.log(nodes[i].getAttribute('data-speed'));
274
+      console.log('speed '+speed);
275
+      nodes[i].style['transform'] = 'translateY(' + -(scrollTop / speed) + 'px)';
276
+      console.log('style '+nodes[i].style.transform);
277
+    }
278
+
279
+  });
280
+  */
281
+  document.getElementById('menu__switch').addEventListener('click', function(event) {
282
+
283
+    var menu = document.getElementById('menu'),
284
+        targ = event.currentTarget;
285
+
286
+    if (menu.className=='menu')
287
+    {
288
+      menu.className='menu menu--visible';
289
+      targ.className='menu__switch menu__switch--opened';
290
+    }
291
+    else
292
+    {
293
+      menu.className='menu';
294
+      targ.className='menu__switch';
295
+    }
296
+
297
+  });
298
+
299
+  svg4everybody();
300
+}
301
+
302
+window.addEventListener ?
303
+  addEventListener("load", main, false) : 
304
+  window.attachEvent ? attachEvent("onload", main) : (onload = main);

+ 33
- 0
static/sprite.svg View File

@@ -0,0 +1,33 @@
1
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
2
+<symbol id="logo" viewBox="0 0 20 20">
3
+ <path d="m10 0c-5.07 0-10 4.06-10 10 3.38-1.03 1.36 5.06 1.36 5.06s2.72-5.28-0.467-5.96c0 0 0.474-2.28 2.12-2.97 0 0-0.533 2.34 1.61 3.6-2.94-3.07 0.49-6.31 2.17-6.06 0 0 2.42-2.08 2.49-0.116 0.522-0.112 1.34-0.423 1.79 0.0899 0.408 0.606 0.547 1.2 0.745 1.41 0.269 0.382-0.382 0.374-0.382 0.374 0.65 0.01 1.73 0.186 3.33 1 0.288 0.173 0.368 0.29 0.413 0.91 1.49 0.373 1.84 0.485 3.25 1.12 0.321 0.185 0.0155 1.29-0.357 1.71-0.262-1.08-0.153-0.995-0.389-0.748-0.423-1.21-0.143-0.366-0.247 0.453 0.303-0.268 0.245-0.235 0.502 0.546-0.12 0.657-0.613 1.17-1.06 1.8-0.0296-0.298 0.0662-0.586 0.0072-0.585-0.569 6e-3 -0.985-0.326-1.45-0.53-2.13-0.489-3.01 1.43-0.676 1.82 0.559 0.0423 0.615-0.497 1.39 0.144l0.648-0.622-0.186 0.637c0.249 0.567-0.727 1.28-0.935 1.8-0.0805 0.207-0.0671 0.59-0.0859 0.911-0.323-0.376-0.457-1.46-0.576-0.513-0.204-0.184-0.157-1.29-0.354-0.421-0.0978-0.447-2.15-1.55-3.2-1.02-0.354-3.02-1.95-3.61-2.42-6.06l-0.417 0.552c-0.0879-0.509 0.372-2.34 1.17-3.09l-1.02-0.16s0.777-0.557 1.64-0.232c-1.07-0.579-2.08-0.0563-2.47 0.432l1.14 0.228c-0.807 1.56-0.963 2.25-0.877 4.3l0.576-0.952c0.329 1.73 3.64 4.14 0.023 10.1 0.546-2.1-0.624-3.39-0.624-3.39 6.42e-5 4e-5 0.862 2.7-1.22 3.94 0 0 0.917 0.502 3.04 0.502 5.53-4e-5 9.99-4.47 9.99-9.99-1e-6 -5.53-4.47-10-9.99-10zm-2.68 6.36s-1.64 0.038-2.21 0.889c0.822 1.2 1.87 0.824 1.87 0.824-1.16-0.406-1.39-0.842-1.39-0.842s0.657-0.39 1.18-0.289c0 0 0.19 0.519 0.465 0.808 0 0-0.165-1.07 0.0747-1.39zm4.82 1.04s1.05 0.561 1.67 0.491c0.615 0.212 1.19 0.369 0.185-0.166 0 0-0.0356-0.332-0.226-0.594-0.547-0.0345-1.07 0.339-1.63 0.27z"/>
4
+</symbol>
5
+<symbol id="github" viewBox="0 0 40 40">
6
+ <path d="m20-4.5e-4c-11 0-20 8.95-20 20 0 8.84 5.73 16.3 13.7 19 1 0.183 1.37-0.435 1.37-0.965 0-0.474-0.0174-1.73-0.0278-3.4-5.56 1.21-6.74-2.68-6.74-2.68-0.91-2.31-2.22-2.92-2.22-2.92-1.82-1.24 0.137-1.22 0.137-1.22 2.01 0.142 3.06 2.06 3.06 2.06 1.78 3.06 4.68 2.17 5.82 1.66 0.182-1.29 0.697-2.17 1.27-2.67-4.44-0.505-9.11-2.22-9.11-9.89 0-2.18 0.78-3.97 2.06-5.37-0.206-0.506-0.893-2.54 0.195-5.29 0 0 1.68-0.538 5.5 2.05 1.59-0.443 3.31-0.665 5.01-0.673 1.7 7e-3 3.41 0.23 5.01 0.673 3.82-2.59 5.49-2.05 5.49-2.05 1.09 2.75 0.405 4.79 0.199 5.29 1.28 1.4 2.06 3.18 2.06 5.37 0 7.68-4.68 9.37-9.13 9.87 0.718 0.618 1.36 1.84 1.36 3.7 0 2.67-0.0244 4.83-0.0244 5.49 0 0.535 0.36 1.16 1.38 0.963 7.94-2.65 13.7-10.1 13.7-19-7e-6 -11-8.96-20-20-20"/>
7
+</symbol>
8
+<symbol id="linkedin" viewBox="0 0 32 32">
9
+ <path d="m25.3 0h-18.7c-3.68 0-6.67 2.99-6.67 6.67v18.7c0 3.68 2.99 6.67 6.67 6.67h18.7c3.68 0 6.67-2.99 6.67-6.67v-18.7c0-3.68-2.98-6.67-6.67-6.67zm-14.7 25.3h-4v-14.7h4zm-2-16.4c-1.29 0-2.33-1.05-2.33-2.35 0-1.3 1.05-2.35 2.33-2.35 1.29 0 2.33 1.05 2.33 2.35 0 1.3-1.04 2.35-2.33 2.35zm18 16.4h-4v-7.47c0-4.49-5.33-4.15-5.33 0v7.47h-4v-14.7h4v2.35c1.86-3.45 9.33-3.7 9.33 3.3z" />
10
+</symbol>
11
+<symbol id="instagram" viewBox="0 0 32 32" >
12
+  <path d="m16 0c-4.35 0-4.89 0.0178-6.6 0.0957-1.7 0.0777-2.87 0.349-3.88 0.744-1.05 0.409-1.94 0.956-2.83 1.85-0.889 0.889-1.44 1.78-1.85 2.83-0.396 1.02-0.666 2.18-0.744 3.88-0.0779 1.71-0.0957 2.25-0.0957 6.6 0 4.35 0.0179 4.89 0.0957 6.6 0.0777 1.7 0.349 2.87 0.744 3.88 0.409 1.05 0.956 1.94 1.85 2.83 0.89 0.889 1.78 1.44 2.83 1.85 1.02 0.395 2.18 0.666 3.88 0.744 1.71 0.0779 2.25 0.0957 6.6 0.0957 4.35 0 4.89-0.0178 6.6-0.0957 1.7-0.0777 2.87-0.349 3.88-0.744 1.05-0.409 1.94-0.956 2.83-1.85 0.889-0.89 1.44-1.78 1.85-2.83 0.395-1.02 0.666-2.18 0.744-3.88 0.0779-1.71 0.0957-2.25 0.0957-6.6 0-4.35-0.0178-4.89-0.0957-6.6-0.0777-1.7-0.349-2.87-0.744-3.88-0.409-1.05-0.956-1.94-1.85-2.83-0.89-0.889-1.78-1.44-2.83-1.85-1.02-0.395-2.18-0.666-3.88-0.744-1.71-0.0779-2.25-0.0957-6.6-0.0957zm0 2.88c4.27 0 4.78 0.0168 6.46 0.0938 1.56 0.0711 2.41 0.332 2.97 0.551 0.747 0.29 1.28 0.637 1.84 1.2 0.56 0.56 0.907 1.09 1.2 1.84 0.219 0.564 0.48 1.41 0.551 2.97 0.077 1.69 0.0938 2.19 0.0938 6.46 0 4.27-0.0168 4.78-0.0938 6.46-0.0711 1.56-0.332 2.41-0.551 2.97-0.29 0.747-0.637 1.28-1.2 1.84-0.56 0.56-1.09 0.907-1.84 1.2-0.564 0.219-1.41 0.48-2.97 0.551-1.69 0.077-2.19 0.0938-6.46 0.0938-4.27 0-4.78-0.0168-6.46-0.0938-1.56-0.0711-2.41-0.332-2.97-0.551-0.747-0.29-1.28-0.637-1.84-1.2-0.56-0.56-0.907-1.09-1.2-1.84-0.219-0.564-0.48-1.41-0.551-2.97-0.077-1.69-0.0938-2.19-0.0938-6.46 0-4.27 0.0168-4.78 0.0938-6.46 0.0712-1.56 0.332-2.41 0.551-2.97 0.29-0.747 0.637-1.28 1.2-1.84 0.56-0.56 1.09-0.907 1.84-1.2 0.564-0.219 1.41-0.48 2.97-0.551 1.69-0.077 2.19-0.0938 6.46-0.0938zm8.54 2.66c-1.06 0-1.92 0.86-1.92 1.92s0.86 1.92 1.92 1.92c1.06 0 1.92-0.86 1.92-1.92s-0.86-1.92-1.92-1.92zm-8.54 2.24c-4.54 0-8.22 3.68-8.22 8.22 0 4.54 3.68 8.22 8.22 8.22 4.54 0 8.22-3.68 8.22-8.22 0-4.54-3.68-8.22-8.22-8.22zm0 2.88c2.95 0 5.33 2.39 5.33 5.33 0 2.95-2.39 5.33-5.33 5.33-2.95 0-5.33-2.39-5.33-5.33 0-2.95 2.39-5.33 5.33-5.33z"/>
13
+</symbol>
14
+<symbol id="patreon" viewBox="0 0 32 32">
15
+  <path d="m0 0.656v30.7h5.62v-30.7zm20.5 0c-6.35 0-11.5 5.17-11.5 11.5 0 6.33 5.17 11.5 11.5 11.5 6.33 0 11.5-5.15 11.5-11.5 0-6.35-5.15-11.5-11.5-11.5z"/>
16
+</symbol>
17
+<symbol id="gitter" viewBox="0 0 32 32">
18
+  <path d="m5.13 0h3.07v20.3h-3.07zm18.7 4.91h3.07v15.4h-3.07zm-12.4 0h3.07v27.1h-3.07zm6.14 0h3.07v27.1h-3.07z" />
19
+</symbol>
20
+<symbol id="youtube" viewBox="0 0 32 32">
21
+  <path d="m26.2 4.25c-4.81-0.328-15.5-0.327-20.3 0-5.2 0.355-5.81 3.49-5.85 11.8 0.0387 8.25 0.645 11.4 5.85 11.8 4.8 0.327 15.5 0.328 20.3 0 5.2-0.355 5.81-3.49 5.85-11.8-0.0387-8.25-0.645-11.4-5.85-11.8zm-14.2 17.1v-10.7l10.7 5.32z" />
22
+</symbol>
23
+<symbol id="medium" viewBox="0 0 32 32">
24
+  <path d="m0.1 0v32h32v-32zm5.36 7.22h6.23l4.82 10.6 4.23-10.6h5.94v0.361l-1.71 1.64c-0.148 0.113-0.222 0.299-0.191 0.482v12.1c-0.0307 0.183 0.0434 0.37 0.191 0.482l1.68 1.64v0.361h-8.43v-0.361l1.74-1.69c0.171-0.171 0.172-0.222 0.172-0.482v-9.77l-4.83 12.3h-0.652l-5.62-12.3v8.22c-0.0469 0.345 0.0673 0.694 0.311 0.943l2.26 2.74v0.359h-6.4v-0.359l2.26-2.74c0.241-0.25 0.349-0.601 0.291-0.943v-9.5c0.0267-0.264-0.0744-0.524-0.271-0.701l-2.01-2.42z"/>
25
+</symbol>
26
+<symbol id="menu" viewBox="0 0 32 32">
27
+  <g class="svg-menu-group">
28
+    <path class="line line-1" d="m4 8v2h24v-2z" />
29
+    <path class="line line-2" d="m4 22v2h24v-2z" />
30
+    <path class="line line-3" d="m4 15v2h24v-2z" />
31
+  </g>
32
+</symbol>
33
+</svg>

+ 866
- 0
static/style.css View File

@@ -0,0 +1,866 @@
1
+@font-face {
2
+    font-family: 'Jura';
3
+    src: local('Jura Regular'), local('Jura-Regular'),
4
+         url('/static/jura-regular.woff') format('woff');
5
+    font-weight: normal;
6
+    font-style: normal;
7
+}
8
+
9
+@font-face {
10
+    font-family: 'Jura';
11
+    src: local('Jura Bold'), local('Jura-Bold'),
12
+         url('/static/jura-bold.woff') format('woff');
13
+    font-weight: bold;
14
+    font-style: normal;
15
+}
16
+/* -------------------------------------------------------------------------- */
17
+
18
+html {
19
+  height: 100%;
20
+}
21
+
22
+article, aside, details, figcaption, figure, footer, header, hgroup, main, nav,
23
+section, summary, ul, li, code, blockquote, .section
24
+{
25
+  display: block;
26
+}
27
+
28
+body,
29
+article, aside, details, figcaption, figure, footer, header, hgroup, main, nav,
30
+section, summary, ul, li, code, blockquote, img, h1, h2, h3, h4, p
31
+{
32
+  margin: 0;
33
+  padding: 0;
34
+}
35
+
36
+body {
37
+  font-family: sans-serif;
38
+  font-size: 100%;
39
+  height: 100%;
40
+  color: #192734;
41
+}
42
+
43
+a {
44
+  color: #0084ff;
45
+  transition: color .3s ease-in-out;
46
+}
47
+
48
+a:hover {
49
+  color: #192734;
50
+  text-decoration: none;
51
+}
52
+
53
+a.invert-decoration,
54
+a.no-decoration {
55
+  text-decoration: none;
56
+}
57
+
58
+a.invert-decoration:hover {
59
+  text-decoration: underline;
60
+}
61
+
62
+button, input, textarea {
63
+  font-family: sans-serif;
64
+  font-size: 1em;
65
+}
66
+
67
+h1, .h1-like {
68
+  font-family: 'Jura', sans-serif;
69
+  font-weight: bold;
70
+  font-size: 2.4em;
71
+}
72
+
73
+h2, .h2-like {
74
+  font-family: 'Jura', sans-serif;
75
+  font-weight: bold;
76
+  font-size: 2.0em;
77
+}
78
+
79
+
80
+h3, .h3-like {
81
+  font-family: 'Jura', sans-serif;
82
+  font-weight: bold;
83
+  font-size: 1.6em;
84
+}
85
+
86
+/* -------------------------------------------------------------------------- */
87
+
88
+.icon {
89
+  display: block;
90
+  width: 24px;
91
+  height: 24px;
92
+  fill: #192734;
93
+  transition: fill .3s ease-in-out;
94
+}
95
+
96
+  a:hover .icon {
97
+    fill: #0084ff;
98
+  }
99
+
100
+.button {
101
+  display: block;
102
+  display: inline-block;
103
+  border-radius: 24px;
104
+  height: 48px;
105
+  line-height: 48px;
106
+  border: 2px solid #001121;
107
+  color: #001121;
108
+  text-decoration: none;
109
+  padding: 0 24px;
110
+  cursor: pointer;
111
+  transition: color .3s ease-in-out,
112
+              background-color .3s ease-in-out;
113
+}
114
+
115
+  .button:hover {
116
+    color: #fafaff;
117
+    background-color: #001121;
118
+  }
119
+
120
+
121
+.dark-bg {
122
+  color: #fafaff;
123
+}
124
+
125
+.dark-bg a {
126
+  color: #5bd6ff;
127
+}
128
+
129
+  .dark-bg a:hover {
130
+    color: #ffffff;
131
+  }
132
+
133
+.dark-bg .button {
134
+  border: 2px solid #fafaff;
135
+  color: #fafaff;
136
+}
137
+
138
+  .dark-bg .button:hover {
139
+    color: #001121;
140
+    background-color: #fafaff;
141
+  }
142
+
143
+
144
+/* -------------------------------------------------------------------------- */
145
+
146
+.svg-menu-icon .svg-menu-lines ,
147
+.svg-menu-icon .svg-menu-cross {
148
+  transform: rotate(0) translateY(0) translateX(0);
149
+  transition: transform 0.3s ease-in-out,
150
+              opacity 0.2s ease-in-out;
151
+  transform-origin: center center;
152
+}
153
+
154
+
155
+.svg-menu-icon .svg-menu-lines {
156
+  opacity: 1;
157
+}
158
+
159
+.svg-menu-icon .svg-menu-cross {
160
+  opacity: 0;
161
+}
162
+
163
+  .menu__switch--opened .svg-menu-lines {
164
+    transform: rotate(180deg) translateY(0) translateX(0);
165
+    opacity: 0;
166
+  }
167
+
168
+  .menu__switch--opened .svg-menu-cross {
169
+    transform: rotate(180deg) translateY(0) translateX(0);
170
+    opacity: 1;
171
+  }
172
+
173
+/* -------------------------------------------------------------------------- */
174
+
175
+.overlay {
176
+  min-width: 320px;
177
+}
178
+
179
+.logo {
180
+  fill: #192734;
181
+  display: block;
182
+  float: left;
183
+  width: 64px;
184
+  height: 64px;
185
+  margin: 12px;
186
+}
187
+
188
+.logo__text {
189
+  font-size: 1.2em;
190
+  font-weight: normal;
191
+  color: #47525d;
192
+  line-height: 24px;
193
+  text-align: center;
194
+  margin: 0 88px;
195
+  min-width: 144px;
196
+  height: 88px;
197
+  font-family: 'Jura', sans-serif;
198
+}
199
+
200
+  .logo__text::before {
201
+    display: block;
202
+    width: 1px;
203
+    height: 28px;
204
+    margin: 0 auto 4px;
205
+    background-color: #87929a;
206
+    content: '';
207
+  }
208
+
209
+
210
+.menu {
211
+  position: absolute;
212
+  width: 100%;
213
+  transition: margin-top .5s ease-in-out,
214
+              top .5s ease-in-out,
215
+              width .5s ease-in-out,
216
+              left .5s ease-in-out;
217
+  z-index: 1000;
218
+  left: -100%;
219
+  top: 88px;
220
+  font-family: 'Jura', sans-serif;
221
+  width: 144px;
222
+  background-color: #ffffff;
223
+}
224
+
225
+.menu__switch {
226
+  display: block;
227
+  float: right;
228
+  padding: 13px;
229
+  margin: 19px;
230
+}
231
+
232
+  .menu__list a {
233
+    color: #192734;
234
+    text-transform: uppercase;
235
+    text-decoration: none;
236
+    display: block;
237
+    line-height: 30px;
238
+    transition: color .3s ease-in-out;
239
+    padding: 18px 0;
240
+  }
241
+
242
+  .menu__list a:hover {
243
+    color: #0084ff;
244
+  }
245
+
246
+  .menu__list a.active {
247
+    font-weight: bold;
248
+    color: #192734;
249
+  }
250
+
251
+  .menu__list a::before {
252
+    transition: width .3s ease-in-out,
253
+                margin .3s ease-in-out;
254
+
255
+    width: 0;
256
+    margin: 15px 32px 0 0;
257
+    content: '';
258
+    height: 1px;
259
+    background-color: #87929a;
260
+    display: block;
261
+    float: left;
262
+  }
263
+
264
+  .menu__list a:hover::before,
265
+  .menu__list a.active::before {
266
+    width: 24px;
267
+    margin: 15px 8px 0 0;
268
+  }
269
+
270
+
271
+  .menu__list a.active:before {
272
+    background-color: #0084ff;
273
+  }
274
+
275
+
276
+.menu--visible {
277
+  left: 0;
278
+  top: 88px;
279
+  width: 100%;
280
+}
281
+
282
+  .no-js .menu {
283
+    display: block;
284
+    border-top: 1px solid #b1c3d4;
285
+    text-align: center;
286
+    padding: 20px 0;
287
+  }
288
+
289
+  .no-js .menu__switch {
290
+    display: none;
291
+  }
292
+
293
+  .no-js .menu__list a::before {
294
+    width: 0;
295
+    padding: 0;
296
+    margin: 0;
297
+    display: block;
298
+  }
299
+
300
+
301
+/* -------------------------------------------------------------------------- */
302
+
303
+.text-content h1 {
304
+  padding: 0 0 1em;
305
+}
306
+
307
+.text-content h2 {
308
+  padding: .5em 0;
309
+}
310
+
311
+.text-content p {
312
+  padding: 0 0 1em;
313
+  text-align: justify;
314
+}
315
+
316
+/* -------------------------------------------------------------------------- */
317
+
318
+.main-content {
319
+  min-width: 320px;
320
+}
321
+
322
+.anouncement {
323
+  max-width: 1366px;
324
+  margin: 0 auto;
325
+}
326
+
327
+.anouncement__bg {
328
+  background-color: #192634;
329
+}
330
+
331
+.anouncement__content{
332
+  text-align: center;
333
+  padding: 24px 0;
334
+}
335
+
336
+  .anouncement__content h1 {
337
+    color: #ffffff;
338
+    line-height: 1.2em;
339
+    margin-bottom: 24px;
340
+  }
341
+
342
+  .anouncement__content a {
343
+    line-height: 20px;
344
+  }
345
+
346
+.anouncement__overlay {
347
+  background-color: #ffffff;
348
+  max-width: 600px;
349
+  margin: 0 auto;
350
+  text-align: center;
351
+  padding: 20px;
352
+  border-bottom: 1px solid #b1c3d4;
353
+}
354
+
355
+  .anouncement__overlay h1 {
356
+    font-size: 1.2em;
357
+    line-height: 1.4em;
358
+    margin-bottom: 20px;
359
+  }
360
+
361
+.open-solutions {
362
+}
363
+
364
+  .open-solutions__cell {
365
+    text-align: center;
366
+    padding: 20px 0;
367
+  }
368
+
369
+  .open-solutions__content {
370
+    text-align: center;
371
+    padding: 20px 0;
372
+  }
373
+
374
+  .open-solutions__content h2 {
375
+    line-height: 40px;
376
+    padding-bottom: 30px;
377
+  }
378
+
379
+  .open-solutions__content p {
380
+    margin: 0 32px;
381
+  }
382
+
383
+.open-solutions__project {
384
+  display: block;
385
+  height: 280px;
386
+  position: relative;
387
+  background-color: #f8f8fc;
388
+}
389
+
390
+.aisl-project {
391
+  background-size: contain;
392
+}
393
+
394
+  .open-solutions__project h1 {
395
+    position: absolute;
396
+    width: 100%;
397
+    text-align: center;
398
+    top: 140px;
399
+    line-height: 30px;
400
+    margin-top: -15px;
401
+    font-size: 1.8em;
402
+  }
403
+
404
+  .open-solutions__project p {
405
+    position: absolute;
406
+    text-align: center;
407
+    width: 100%;
408
+    top: 200px;
409
+    transition: opacity .3s ease-in-out,
410
+                top .3s ease-in-out;
411
+    opacity: 0;
412
+  }
413
+
414
+  .open-solutions__project:hover p {
415
+    opacity: 1;
416
+    top: 175px;
417
+  }
418
+
419
+.proprietary__info {
420
+  background-color: #192734;
421
+}
422
+
423
+.proprietary__cell {
424
+  padding: 20px 0;
425
+  text-align: center;
426
+}
427
+
428
+.proprietary__title {
429
+  color: #fafaff;
430
+}
431
+
432
+.proprietary__text {
433
+  color: #fafaff;
434
+}
435
+
436
+.proprietary__arrow {
437
+  width: 0; 
438
+  height: 0; 
439
+  border-left: 20px solid transparent;
440
+  border-right: 20px solid transparent;
441
+  border-top: 20px solid #192734;
442
+  margin: 0 auto;
443
+}
444
+
445
+.proprietary__customers {
446
+  padding: 50px 0 0;
447
+  border-bottom: 1px solid #b1c3d4;
448
+}
449
+
450
+  .proprietary__customers li {
451
+    display: block;
452
+    text-align: center;
453
+    max-width: 320px;
454
+    height: 45px;
455
+    margin: 0 auto 50px;
456
+  }
457
+
458
+  .proprietary__customers img {
459
+    -webkit-filter: grayscale(100%);
460
+    filter: grayscale(100%);
461
+    filter: gray;
462
+    opacity: .8;
463
+    width: auto;
464
+    height: 100%;
465
+    transition: filter .3s ease-in-out,
466
+                opacity .3s ease-in-out;
467
+  }
468
+
469
+  .proprietary__customers img:hover {
470
+    -webkit-filter: grayscale(0%);
471
+    filter: grayscale(0%);
472
+    opacity: 1;
473
+  }
474
+
475
+.footer {
476
+  background-color: #001121;
477
+  z-index: 0;
478
+  clear: left;
479
+}
480
+
481
+.footer__above {
482
+  background-color: #fff;
483
+  position: relative;
484
+}
485
+
486
+.footer__logo {
487
+  display: none;
488
+  position: absolute;
489
+  bottom: 70px;
490
+  left: 0px;
491
+  z-index: 3000;
492
+  transform: rotate(-90deg);
493
+  transform-origin: center center;
494
+  font-size: 1.6em;
495
+  text-align: left;
496
+  line-height: 144px;
497
+  text-align: left;
498
+  font-family: 'Jura', sans-serif;
499
+}
500
+
501
+.newsletter {
502
+  padding: 10px 0;
503
+  width: 300px;
504
+  margin: 0 auto;
505
+  height: 80px;
506
+}
507
+
508
+  .newsletter__field {
509
+    height: 32px;
510
+  }
511
+
512
+  .newsletter label {
513
+    font-family: 'Jura', sans-serif;
514
+    display: block;
515
+    font-size: 1.2em;
516
+    font-weight: bold;
517
+    line-height: 32px;
518
+    text-align: center;
519
+  }
520
+
521
+  .newsletter__field input {
522
+    height: 28px;
523
+    border: 2px solid #192734;
524
+    padding: 0;
525
+    line-height: 28px;
526
+    width:190px;
527
+    margin: 0;
528
+    display: block;
529
+    float: left;
530
+    font-size: 0.9em;
531
+    padding: 0 6px;
532
+  }
533
+
534
+  .newsletter__field button {
535
+    height: 32px;
536
+    border-top: 2px solid #192734;
537
+    border-right: 2px solid #192734;
538
+    border-bottom: 2px solid #192734;
539
+    border-left: 0;
540
+    font-size: 0.9em;
541
+    color: #fafaff;
542
+    width: 90px;
543
+    background-color: #192734;
544
+    margin: 0;
545
+    float: left;
546
+    display: block;
547
+    transition: color .3s ease-in-out,
548
+                background-color .3s ease-in-out;
549
+    cursor: pointer;
550
+  }
551
+
552
+  .newsletter__field button:hover {
553
+    background-color: #fafaff;
554
+    color: #192734;
555
+  }
556
+
557
+
558
+
559
+.footer__social {
560
+  width: 300px;
561
+  margin: 0 auto;
562
+  height: 70px;
563
+}
564
+
565
+  .footer__social a {
566
+    display: block;
567
+    float: left;
568
+    width: 50px;
569
+    height: 50px;
570
+  }
571
+
572
+  .footer__social .icon {
573
+    padding: 13px;
574
+  }
575
+
576
+.footer__below {
577
+  position: relative;
578
+  text-align: center;
579
+}
580
+
581
+.footer__credentials {
582
+  padding: 10px 0;
583
+  line-height: 18px;
584
+  font-size: 0.8em;
585
+}
586
+
587
+.copyright {
588
+}
589
+
590
+.legal {
591
+  margin: 0 auto;
592
+  width: 100%;
593
+  max-width: 200px;
594
+}
595
+
596
+.legal__node {
597
+  float: left;
598
+  border-left: 1px solid #fafaff;
599
+  text-align: left;
600
+  padding: 0 0 0 8px;
601
+}
602
+
603
+.legal__first {
604
+  border-left: none;
605
+  padding: 0 8px 0 0;
606
+}
607
+
608
+/* -------------------------------------------------------------------------- */
609
+
610
+@media screen and (min-width: 500px) {
611
+  .anouncement {
612
+    padding: 10vh 0;
613
+  }
614
+}
615
+
616
+@media screen and (min-width: 600px) {
617
+  .proprietary__customers {
618
+    height: 64px;
619
+    width: 600px;
620
+    margin: 0 auto;
621
+  }
622
+
623
+  .proprietary__customers li {
624
+    float: left;
625
+    height: 32px;
626
+    margin: 0;
627
+    width: 200px;
628
+  }
629
+}
630
+
631
+@media screen and (min-width: 640px) {
632
+
633
+  .anouncement__overlay {
634
+    border-bottom:0;
635
+  }
636
+
637
+  .open-solutions__cell {
638
+    float: left;
639
+    width: 50%;
640
+    padding: 0;
641
+  }
642
+
643
+  .aisl-project .open-solutions__project {
644
+    margin: 0 20px 20px 0;
645
+  }
646
+
647
+  .dotrix-project .open-solutions__project {
648
+    margin: 0 0 20px 20px;
649
+  }
650
+
651
+  .proprietary {
652
+    clear: left;
653
+  }
654
+}
655
+
656
+@media screen and (min-width: 700px) {
657
+
658
+  .proprietary__info {
659
+    height: 200px;
660
+  }
661
+
662
+  .proprietary__cell {
663
+    float: left;
664
+    height: 200px;
665
+    width: 33.333%;
666
+    padding: 0;
667
+  }
668
+
669
+  .proprietary__title {
670
+    max-width: 320px;
671
+    margin: 50px auto;
672
+    line-height: 50px;
673
+  }
674
+
675
+  .proprietary__text {
676
+    display:table-cell;
677
+    vertical-align:middle;
678
+    height: 200px;
679
+  }
680
+
681
+  .proprietary__button {
682
+    margin-top: 76px;
683
+  }
684
+
685
+}
686
+
687
+@media screen and (min-width: 980px) {
688
+
689
+  .menu {
690
+    display: block;
691
+    position: absolute;
692
+    top: 144px;
693
+    left: 0;
694
+  }
695
+
696
+  .menu__switch {
697
+    display: none;
698
+  }
699
+
700
+    .menu__list a {
701
+      padding: 0;
702
+    }
703
+
704
+  .main-content {
705
+    margin: 0 144px;
706
+  }
707
+
708
+  .logo {
709
+    width: 80px;
710
+    height: 80px;
711
+    margin: 32px;
712
+  }
713
+
714
+  .logo__text {
715
+    font-size: 1.6em;
716
+    line-height: 32px;
717
+    text-align: center;
718
+    height: 144px;
719
+    margin: 0 144px;
720
+  }
721
+
722
+    .logo__text::before {
723
+      height: 52px;
724
+    }
725
+
726
+  .anouncement {
727
+    position: relative;
728
+    height: 500px;
729
+  }
730
+
731
+  .anouncement__content{
732
+    position: absolute;
733
+    padding: 0;
734
+    top: 50%;
735
+    margin-top: -50px;
736
+    height: 100px;
737
+    width: 100%;
738
+    font-size: 1.2em;
739
+  }
740
+
741
+  .anouncement__content h1 {
742
+    line-height: 80px;
743
+  }
744
+
745
+  .anouncement__overlay {
746
+    height: 120px;
747
+    border-bottom: 0;
748
+  }
749
+
750
+  .anouncement__overlay h1 {
751
+    line-height: 80px;
752
+    font-size: 1.4em;
753
+  }
754
+
755
+  .open-solutions {
756
+  height: 320px;
757
+  padding: 50px 0;
758
+}
759
+
760
+
761
+
762
+  .open-solutions__content h2 {
763
+    padding: 20px 0 20px;
764
+  }
765
+
766
+  .footer {
767
+    height: 300px;
768
+    position: relative;
769
+    z-index: 0;
770
+  }
771
+
772
+  .footer__above {
773
+    margin-left: 140px;
774
+    height: 160px;
775
+    position: relative;
776
+  }
777
+
778
+  .footer__logo {
779
+    display: block;
780
+  }
781
+
782
+  .newsletter {
783
+    margin: 0px 0 0 32px;
784
+    padding: 32px 0 0;
785
+  }
786
+
787
+  .footer__social {
788
+    position: absolute;
789
+    top: 55px;
790
+    right: 140px;
791
+  }
792
+
793
+  .footer__credentials {
794
+    margin: 64px auto 0;
795
+    width: 450px;
796
+  }
797
+
798
+  .copyright {
799
+    float: left;
800
+    margin: 0 32px 0 0;
801
+  }
802
+
803
+  .legal {
804
+    float: left;
805
+  }
806
+}
807
+
808
+@media screen and (min-width: 1280px) {
809
+  .open-solutions__cell {
810
+    width: 33.333%;
811
+    float: left;
812
+  }
813
+
814
+  .open-solutions__content {
815
+    width: 33.333%;
816
+    float: left;
817
+  }
818
+
819
+}
820
+
821
+@media screen and (min-width: 1600px) {
822
+  .proprietary__title {
823
+    line-height: 200px;
824
+    margin: 0 auto;
825
+    max-width: none;
826
+  }
827
+}
828
+
829
+@media screen and (min-height: 640px) {
830
+
831
+}
832
+
833
+@media screen and (min-width: 980px) and (min-height: 640px){
834
+  .logo {
835
+    position: fixed;
836
+    top: 0;
837
+    left: 0;
838
+  }
839
+
840
+  .menu {
841
+    position: fixed;
842
+    top: 50%;
843
+    left: 0px;
844
+    z-index: 1000;
845
+    margin-top: -184px;
846
+  }
847
+}
848
+
849
+@media screen and (min-width: 980px) and (min-height: 800px){
850
+  .menu {
851
+    position: fixed;
852
+    top: 50%;
853
+    left: 0px;
854
+    z-index: 1000;
855
+    margin-top: -90px;
856
+  }
857
+}
858
+
859
+.text-content {
860
+  max-width: 840px;
861
+  margin: 0 auto;
862
+  padding: 0 0 1em;
863
+}
864
+
865
+/* -------------------------------------------------------------------------- */
866
+

+ 74
- 0
svg/ailemebak.svg View File

@@ -0,0 +1,74 @@
1
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
3
+
4
+<svg
5
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
6
+   xmlns:cc="http://creativecommons.org/ns#"
7
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
8
+   xmlns:svg="http://www.w3.org/2000/svg"
9
+   xmlns="http://www.w3.org/2000/svg"
10
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
11
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
12
+   width="210mm"
13
+   height="297mm"
14
+   viewBox="0 0 210 297"
15
+   version="1.1"
16
+   id="svg952"
17
+   inkscape:version="0.92.4 (unknown)"
18
+   sodipodi:docname="ailemebak.svg">
19
+  <defs
20
+     id="defs946" />
21
+  <sodipodi:namedview
22
+     id="base"
23
+     pagecolor="#ffffff"
24
+     bordercolor="#666666"
25
+     borderopacity="1.0"
26
+     inkscape:pageopacity="0.0"
27
+     inkscape:pageshadow="2"
28
+     inkscape:zoom="0.35"
29
+     inkscape:cx="-761.73529"
30
+     inkscape:cy="560"
31
+     inkscape:document-units="mm"
32
+     inkscape:current-layer="layer1"
33
+     showgrid="false"
34
+     inkscape:window-width="1920"
35
+     inkscape:window-height="1025"
36
+     inkscape:window-x="0"
37
+     inkscape:window-y="27"
38
+     inkscape:window-maximized="1" />
39
+  <metadata
40
+     id="metadata949">
41
+    <rdf:RDF>
42
+      <cc:Work
43
+         rdf:about="">
44
+        <dc:format>image/svg+xml</dc:format>
45
+        <dc:type
46
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
47
+        <dc:title />
48
+      </cc:Work>
49
+    </rdf:RDF>
50
+  </metadata>
51
+  <g
52
+     inkscape:label="Vrstva 1"
53
+     inkscape:groupmode="layer"
54
+     id="layer1">
55
+    <path
56
+       d="m 98.273478,81.523344 c -25.119518,0 -45.48289,20.363406 -45.48289,45.483516 0,25.11951 45.48289,69.25903 45.48289,69.25903 0,0 45.483562,-44.13952 45.483562,-69.25903 0,-25.12011 -20.36346,-45.483516 -45.483562,-45.483516 z m 21.339902,52.051266 c -3.89731,6.35274 -13.24187,15.2827 -21.339902,20.94596 -8.097446,-5.66326 -17.443849,-14.59322 -21.338393,-20.94596 -4.875779,-7.94284 -5.034532,-17.17756 0.519664,-23.15979 5.556127,-5.98342 14.559166,-5.98342 20.111683,0 l 0.706878,0.76203 0.707718,-0.76203 c 5.552772,-5.98342 14.555642,-5.98342 20.111682,0 5.55252,5.98223 5.3946,15.21695 0.5205,23.15979"
57
+       style="fill:#aa7cb4;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.96164823"
58
+       id="path26"
59
+       inkscape:connector-curvature="0"
60
+       inkscape:export-xdpi="17.709211"
61
+       inkscape:export-ydpi="17.709211" />
62
+    <text
63
+       xml:space="preserve"
64
+       style="font-style:normal;font-weight:normal;font-size:43.29441833px;line-height:1.25;font-family:hero;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1.08236039;-inkscape-font-specification:hero;font-stretch:normal;font-variant:normal;"
65
+       x="-107.79791"
66
+       y="208.84633"
67
+       id="text818"><tspan
68
+         sodipodi:role="line"
69
+         id="tspan816"
70
+         x="-107.79791"
71
+         y="208.84633"
72
+         style="fill:#5c5c5c;fill-opacity:1;stroke-width:1.08236039;-inkscape-font-specification:hero;font-family:hero;font-weight:normal;font-style:normal;font-stretch:normal;font-variant:normal;">ailemebak.com</tspan></text>
73
+  </g>
74
+</svg>

+ 3
- 0
svg/close.svg View File

@@ -0,0 +1,3 @@
1
+<svg version="1.1" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
2
+  <path d="m8.22 6.81l-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.78-7.78-7.78z" color="#000000" color-rendering="auto" dominant-baseline="auto" image-rendering="auto" shape-rendering="auto" solid-color="#000000" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;isolation:auto;mix-blend-mode:normal;shape-padding:0;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
3
+</svg>

+ 94
- 0
svg/contacts.svg View File

@@ -0,0 +1,94 @@
1
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
3
+
4
+<svg
5
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
6
+   xmlns:cc="http://creativecommons.org/ns#"
7
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
8
+   xmlns:svg="http://www.w3.org/2000/svg"
9
+   xmlns="http://www.w3.org/2000/svg"
10
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
11
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
12
+   width="210mm"
13
+   height="297mm"
14
+   viewBox="0 0 210 297"
15
+   version="1.1"
16
+   id="svg2457"
17
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
18
+   sodipodi:docname="contacts.svg">
19
+  <defs
20
+     id="defs2451" />
21
+  <sodipodi:namedview
22
+     id="base"
23
+     pagecolor="#ffffff"
24
+     bordercolor="#666666"
25
+     borderopacity="1.0"
26
+     inkscape:pageopacity="0.0"
27
+     inkscape:pageshadow="2"
28
+     inkscape:zoom="1.4142136"
29
+     inkscape:cx="269.97549"
30
+     inkscape:cy="732.79651"
31
+     inkscape:document-units="mm"
32
+     inkscape:current-layer="g8725"
33
+     showgrid="false"
34
+     inkscape:window-width="1920"
35
+     inkscape:window-height="1025"
36
+     inkscape:window-x="0"
37
+     inkscape:window-y="27"
38
+     inkscape:window-maximized="1" />
39
+  <metadata
40
+     id="metadata2454">
41
+    <rdf:RDF>
42
+      <cc:Work
43
+         rdf:about="">
44
+        <dc:format>image/svg+xml</dc:format>
45
+        <dc:type
46
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
47
+        <dc:title></dc:title>
48
+      </cc:Work>
49
+    </rdf:RDF>
50
+  </metadata>
51
+  <g
52
+     inkscape:label="Vrstva 1"
53
+     inkscape:groupmode="layer"
54
+     id="layer1">
55
+    <g
56
+       id="g8725"
57
+       transform="translate(4.2478919,56.299568)">
58
+      <rect
59
+         ry="0"
60
+         rx="0"
61
+         y="-13.385918"
62
+         x="76.288078"
63
+         height="88.222275"
64
+         width="62.87867"
65
+         id="rect8728"
66
+         style="opacity:1;fill:#192734;fill-opacity:1;stroke:#ffffff;stroke-width:0.81004095;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
67
+      <flowRoot
68
+         xml:space="preserve"
69
+         id="flowRoot2024-2-5-7-3"
70
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:18.66666603px;line-height:1.25;font-family:Jura;-inkscape-font-specification:Jura;text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none"
71
+         transform="matrix(0.26458334,0,0,0.26458334,6.5392326,-235.09536)"><flowRegion
72
+           id="flowRegion2026-0-9-5-6"
73
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:18.66666603px;font-family:Jura;-inkscape-font-specification:Jura;text-align:start;text-anchor:start;fill:#ffffff;fill-opacity:1"><rect
74
+             id="rect2028-2-2-3-0"
75
+             width="757.61438"
76
+             height="82.282829"
77
+             x="299.00516"
78
+             y="844.33447"
79
+             style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:18.66666603px;font-family:Jura;-inkscape-font-specification:Jura;text-align:start;text-anchor:start;fill:#ffffff;fill-opacity:1" /></flowRegion><flowPara
80
+           id="flowPara8591-6-2">Send</flowPara></flowRoot>      <path
81
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#f9f9f9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
82
+         d="M 353.55469 256.31641 C 351.32765 256.31641 349.51758 258.12843 349.51758 260.35547 L 349.51758 289.14453 C 349.51758 291.37157 351.32765 293.18164 353.55469 293.18164 L 370.22266 293.18164 C 372.44969 293.18164 374.25391 291.37157 374.25391 289.14453 L 374.25391 260.35547 C 374.25391 258.12843 372.44969 256.31641 370.22266 256.31641 L 353.55469 256.31641 z M 353.55469 257.32031 L 355.38477 257.32031 L 355.38477 257.41992 C 355.38477 258.62166 356.36857 259.60547 357.57031 259.60547 L 366.20117 259.60547 C 367.40292 259.60547 368.38477 258.62166 368.38477 257.41992 L 368.38477 257.32031 L 370.22266 257.32031 C 371.91299 257.32031 373.25781 258.66513 373.25781 260.35547 L 373.25781 289.14453 C 373.25781 290.83486 371.91299 292.17773 370.22266 292.17773 L 353.55469 292.17773 C 351.86435 292.17773 350.52148 290.83486 350.52148 289.14453 L 350.52148 260.35547 C 350.52148 258.66513 351.86435 257.32031 353.55469 257.32031 z M 356.39062 257.32031 L 367.38086 257.32031 L 367.38086 257.41992 C 367.38086 258.08496 366.86621 258.60937 366.20117 258.60938 L 357.57031 258.60938 C 356.90527 258.60938 356.39062 258.08496 356.39062 257.41992 L 356.39062 257.32031 z M 365.53906 289.84375 A 0.50004998 0.50004998 0 0 0 365.48438 289.8457 L 358.28711 289.8457 A 0.50004998 0.50004998 0 0 0 358.23438 289.8457 A 0.50004998 0.50004998 0 0 0 358.28711 290.8418 L 365.48438 290.8418 A 0.50004998 0.50004998 0 1 0 365.53906 289.84375 z "
83
+         transform="matrix(0.26458333,0,0,0.26458333,-4.2478919,-56.299568)"
84
+         id="rect3018" />
85
+      <path
86
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#f6f6f6;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.73858601;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
87
+         d="m 408.7793,263.90625 c -1.17755,0 -2.13282,0.96308 -2.13282,2.14063 v 22.45507 c 0,1.17755 0.95527,2.14063 2.13282,2.14063 h 34.48047 c 1.17755,0 2.14062,-0.96308 2.14062,-2.14063 v -22.45507 c 0,-1.17755 -0.96307,-2.14063 -2.14062,-2.14063 z m 0,0.73633 h 34.48047 c 0.78115,0 1.40234,0.62315 1.40234,1.4043 v 1.87499 c -6.20382,3.60886 -12.42676,7.18668 -18.64258,10.7754 -6.1903,-3.62748 -18.63672,-10.7715 -18.63672,-10.7715 v -1.87889 c 0,-0.78115 0.61537,-1.4043 1.39649,-1.4043 z m 35.88281,4.44531 v 19.41406 c 0,0.78114 -0.62119,1.40235 -1.40234,1.40235 H 408.7793 c -0.78112,0 -1.39649,-0.62121 -1.39649,-1.40235 v -19.41211 l 17.63672,10.18555 c 0.96946,0.55972 1.04541,0.55113 2,0 z"
88
+         transform="matrix(0.26458333,0,0,0.26458333,-4.2478919,-56.299568)"
89
+         id="rect3032"
90
+         inkscape:connector-curvature="0"
91
+         sodipodi:nodetypes="sssssssssssscccsscsssscccc" />
92
+    </g>
93
+  </g>
94
+</svg>

+ 3
- 0
svg/gitter.svg View File

@@ -0,0 +1,3 @@
1
+<svg version="1.1" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
2
+  <path d="m5.13 0h3.07v20.3h-3.07zm18.7 4.91h3.07v15.4h-3.07zm-12.4 0h3.07v27.1h-3.07zm6.14 0h3.07v27.1h-3.07z" stroke-width=".0251"/>
3
+</svg>

+ 5
- 0
svg/humb.svg View File

@@ -0,0 +1,5 @@
1
+<svg class="icon icon-menu-toggle" aria-hidden="true" version="1.1" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
2
+  <path class="line line-1" d="m4 6h24v4h-24z"/>
3
+  <path class="line line-2" d="m4 14h24v4h-24z"/>
4
+  <path class="line line-3" d="m4 22h24v4h-24z"/>
5
+</svg>

+ 3
- 0
svg/instagram.svg View File

@@ -0,0 +1,3 @@
1
+<svg version="1.1" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
2
+  <path d="m16 0c-4.35 0-4.89 0.0178-6.6 0.0957-1.7 0.0777-2.87 0.349-3.88 0.744-1.05 0.409-1.94 0.956-2.83 1.85-0.889 0.889-1.44 1.78-1.85 2.83-0.396 1.02-0.666 2.18-0.744 3.88-0.0779 1.71-0.0957 2.25-0.0957 6.6 0 4.35 0.0179 4.89 0.0957 6.6 0.0777 1.7 0.349 2.87 0.744 3.88 0.409 1.05 0.956 1.94 1.85 2.83 0.89 0.889 1.78 1.44 2.83 1.85 1.02 0.395 2.18 0.666 3.88 0.744 1.71 0.0779 2.25 0.0957 6.6 0.0957 4.35 0 4.89-0.0178 6.6-0.0957 1.7-0.0777 2.87-0.349 3.88-0.744 1.05-0.409 1.94-0.956 2.83-1.85 0.889-0.89 1.44-1.78 1.85-2.83 0.395-1.02 0.666-2.18 0.744-3.88 0.0779-1.71 0.0957-2.25 0.0957-6.6 0-4.35-0.0178-4.89-0.0957-6.6-0.0777-1.7-0.349-2.87-0.744-3.88-0.409-1.05-0.956-1.94-1.85-2.83-0.89-0.889-1.78-1.44-2.83-1.85-1.02-0.395-2.18-0.666-3.88-0.744-1.71-0.0779-2.25-0.0957-6.6-0.0957zm0 2.88c4.27 0 4.78 0.0168 6.46 0.0938 1.56 0.0711 2.41 0.332 2.97 0.551 0.747 0.29 1.28 0.637 1.84 1.2 0.56 0.56 0.907 1.09 1.2 1.84 0.219 0.564 0.48 1.41 0.551 2.97 0.077 1.69 0.0938 2.19 0.0938 6.46 0 4.27-0.0168 4.78-0.0938 6.46-0.0711 1.56-0.332 2.41-0.551 2.97-0.29 0.747-0.637 1.28-1.2 1.84-0.56 0.56-1.09 0.907-1.84 1.2-0.564 0.219-1.41 0.48-2.97 0.551-1.69 0.077-2.19 0.0938-6.46 0.0938-4.27 0-4.78-0.0168-6.46-0.0938-1.56-0.0711-2.41-0.332-2.97-0.551-0.747-0.29-1.28-0.637-1.84-1.2-0.56-0.56-0.907-1.09-1.2-1.84-0.219-0.564-0.48-1.41-0.551-2.97-0.077-1.69-0.0938-2.19-0.0938-6.46 0-4.27 0.0168-4.78 0.0938-6.46 0.0712-1.56 0.332-2.41 0.551-2.97 0.29-0.747 0.637-1.28 1.2-1.84 0.56-0.56 1.09-0.907 1.84-1.2 0.564-0.219 1.41-0.48 2.97-0.551 1.69-0.077 2.19-0.0938 6.46-0.0938zm8.54 2.66c-1.06 0-1.92 0.86-1.92 1.92s0.86 1.92 1.92 1.92c1.06 0 1.92-0.86 1.92-1.92s-0.86-1.92-1.92-1.92zm-8.54 2.24c-4.54 0-8.22 3.68-8.22 8.22 0 4.54 3.68 8.22 8.22 8.22 4.54 0 8.22-3.68 8.22-8.22 0-4.54-3.68-8.22-8.22-8.22zm0 2.88c2.95 0 5.33 2.39 5.33 5.33 0 2.95-2.39 5.33-5.33 5.33-2.95 0-5.33-2.39-5.33-5.33 0-2.95 2.39-5.33 5.33-5.33z"/>
3
+</svg>

+ 66
- 0
svg/kortos.svg View File

@@ -0,0 +1,66 @@
1
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
3
+
4
+<svg
5
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
6
+   xmlns:cc="http://creativecommons.org/ns#"
7
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
8
+   xmlns:svg="http://www.w3.org/2000/svg"
9
+   xmlns="http://www.w3.org/2000/svg"
10
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
11
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
12
+   id="svg4354"
13
+   version="1.1"
14
+   inkscape:version="0.91 r13725"
15
+   width="80"
16
+   height="80"
17
+   viewBox="0 0 80 80"
18
+   sodipodi:docname="npp-logo.png">
19
+  <metadata
20
+     id="metadata4360">
21
+    <rdf:RDF>
22
+      <cc:Work
23
+         rdf:about="">
24
+        <dc:format>image/svg+xml</dc:format>
25
+        <dc:type
26
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
27
+        <dc:title></dc:title>
28
+      </cc:Work>
29
+    </rdf:RDF>
30
+  </metadata>
31
+  <defs
32
+     id="defs4358">
33
+    <inkscape:perspective
34
+       sodipodi:type="inkscape:persp3d"
35
+       inkscape:vp_x="0 : 53.125 : 1"
36
+       inkscape:vp_y="0 : 1000 : 0"
37
+       inkscape:vp_z="326.25 : 53.125 : 1"
38
+       inkscape:persp3d-origin="163.125 : 35.416667 : 1"
39
+       id="perspective4364" />
40
+  </defs>
41
+  <sodipodi:namedview
42
+     pagecolor="#ffffff"
43
+     bordercolor="#666666"
44
+     borderopacity="1"
45
+     objecttolerance="10"
46
+     gridtolerance="10"
47
+     guidetolerance="10"
48
+     inkscape:pageopacity="0"
49
+     inkscape:pageshadow="2"
50
+     inkscape:window-width="1920"
51
+     inkscape:window-height="1022"
52
+     id="namedview4356"
53
+     showgrid="false"
54
+     inkscape:zoom="8.4781609"
55
+     inkscape:cx="56.907569"
56
+     inkscape:cy="46.515828"
57
+     inkscape:window-x="0"
58
+     inkscape:window-y="30"
59
+     inkscape:window-maximized="1"
60
+     inkscape:current-layer="svg4354" />
61
+  <path
62
+     style="opacity:0.65;fill:#aa0000;fill-opacity:1"
63
+     d="m 43.186659,1.8375774 0,18.1889196 A 20.250979,20.250979 0 0 1 60.251221,40.00057 20.250979,20.250979 0 0 1 58.97695,46.995244 l 15.66405,9.044161 0,-36.040519 L 43.186659,1.8375774 Z M 36.813335,1.8395272 5.359,19.998863 l 0,36.040519 15.654189,-9.038241 A 20.250979,20.250979 0 0 1 19.748773,40.00056 20.250979,20.250979 0 0 1 36.813335,20.010699 l 0,-18.1711675 z M 40.000986,27.610952 A 12.388835,12.388835 0 0 0 27.611373,40.00056 12.388835,12.388835 0 0 0 40.000986,52.388201 12.388835,12.388835 0 0 0 52.388622,40.00056 12.388835,12.388835 0 0 0 40.000986,27.610956 Z M 55.862288,52.555856 A 20.250979,20.250979 0 0 1 40.000986,60.250791 20.250979,20.250979 0 0 1 24.119952,52.565727 L 8.3020522,61.698653 40.000986,80 71.699921,61.698653 55.862288,52.55586 Z"
64
+     id="path4384"
65
+     inkscape:connector-curvature="0" />
66
+</svg>

+ 3
- 0
svg/linkedin.svg View File

@@ -0,0 +1,3 @@
1
+<svg version="1.1" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
2
+  <path d="m25.3 0h-18.7c-3.68 0-6.67 2.99-6.67 6.67v18.7c0 3.68 2.99 6.67 6.67 6.67h18.7c3.68 0 6.67-2.99 6.67-6.67v-18.7c0-3.68-2.98-6.67-6.67-6.67zm-14.7 25.3h-4v-14.7h4zm-2-16.4c-1.29 0-2.33-1.05-2.33-2.35 0-1.3 1.05-2.35 2.33-2.35 1.29 0 2.33 1.05 2.33 2.35 0 1.3-1.04 2.35-2.33 2.35zm18 16.4h-4v-7.47c0-4.49-5.33-4.15-5.33 0v7.47h-4v-14.7h4v2.35c1.86-3.45 9.33-3.7 9.33 3.3z" stroke-width="3.78"/>
3
+</svg>

+ 5
- 0
svg/medium.svg View File

@@ -0,0 +1,5 @@
1
+<svg width="32" height="32" version="1.1" viewBox="0.1 0 32 32" xmlns="http://www.w3.org/2000/svg">
2
+  <title>Monogram</title>
3
+  <desc>Created with Sketch.</desc>
4
+  <path id="Rectangle-path" d="m0.1 0v32h32v-32zm5.36 7.22h6.23l4.82 10.6 4.23-10.6h5.94v0.361l-1.71 1.64c-0.148 0.113-0.222 0.299-0.191 0.482v12.1c-0.0307 0.183 0.0434 0.37 0.191 0.482l1.68 1.64v0.361h-8.43v-0.361l1.74-1.69c0.171-0.171 0.172-0.222 0.172-0.482v-9.77l-4.83 12.3h-0.652l-5.62-12.3v8.22c-0.0469 0.345 0.0673 0.694 0.311 0.943l2.26 2.74v0.359h-6.4v-0.359l2.26-2.74c0.241-0.25 0.349-0.601 0.291-0.943v-9.5c0.0267-0.264-0.0744-0.524-0.271-0.701l-2.01-2.42z"/>
5
+</svg>

+ 4
- 0
svg/menu.svg View File

@@ -0,0 +1,4 @@
1
+<svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2
+  <path id="menu" d="m0 4v2h24v-2zm0 7v2h24v-2zm0 7v2h24v-2z"/>
3
+  <path id="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"/>
4
+</svg>

+ 3
- 0
svg/patreon.svg View File

@@ -0,0 +1,3 @@
1
+<svg version="1.1" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
2
+  <path d="m0 0.656v30.7h5.62v-30.7zm20.5 0c-6.35 0-11.5 5.17-11.5 11.5 0 6.33 5.17 11.5 11.5 11.5 6.33 0 11.5-5.15 11.5-11.5 0-6.35-5.15-11.5-11.5-11.5z"/>
3
+</svg>

Loading…
Cancel
Save