Initiated
This commit is contained in:
Ilja Kartašov
commit
a8fca6f4d6
|
|
@ -0,0 +1 @@
|
|||
_draft
|
||||
|
|
@ -0,0 +1,127 @@
|
|||
<!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>About Löwenware</title>
|
||||
|
||||
|
||||
<link href="/static/style.css" rel="stylesheet" />
|
||||
|
||||
<script type="text/javascript">document.documentElement.className='';</script>
|
||||
</head>
|
||||
<body>
|
||||
<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/" class="active">About</a></li>
|
||||
<li><a href="/aisl/">AISL</a></li>
|
||||
<li><a href="/dotrix/">Dotrix</a></li>
|
||||
<li><a href="/blog/">Blog</a></li>
|
||||
<li><a href="/contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
<main class="text-content">
|
||||
<h1>About Löwenware</h1>
|
||||
|
||||
<p>Project Löwenware started its life in year 2014, when its founder Ilja
|
||||
Kartashov (aka Elias Löwe) decided to create a tool for high-performance web
|
||||
applications development. That was a multithread synchronnous solution
|
||||
called WebStuff those days. Active development process has turned it into
|
||||
completely new tool named <a href="/aisl/">AISL</a>. Commercial interest to
|
||||
this solution allowed to establish Löwenware company in Czech Republic in
|
||||
2017.</p>
|
||||
|
||||
<h2>Performance does matter</h2>
|
||||
<p>We live in the era of high-end computers that can provide incredible user
|
||||
experience solving our daily tasks. Unfortunately mainstream development tools
|
||||
are focused more on making programmer's life easier, than on product performance.
|
||||
At the same time we have older technologies optimized for much less efficient
|
||||
hardware. They require higher skill, more time and efforts, providing you as
|
||||
a developer full control over hardware, making possible to keep things simple
|
||||
and in the end to build fast and usable application. With no doubt, we prefer
|
||||
just such technologies.</p>
|
||||
|
||||
<p>While avoiding usage of some fasionable tools, keeping simplicity and
|
||||
some kind of minimalism in our projects, we are not conservators, neither nerds.
|
||||
We are quite open to shiny wowing stuff, but we just think it must be reached in
|
||||
a bit other way.</p>
|
||||
|
||||
<h2>Openness</h2>
|
||||
<p>By opening source codes we allow other developers to contribute to our
|
||||
projects and at the same time we contribute to work of other people who may use
|
||||
some of our workouts and ideas. Such collaboration between developers all over
|
||||
the world pushes technology progress forward and we like it. At the same time we
|
||||
are open for commercial projects and invest incomes into our open
|
||||
solutions development and support.</p>
|
||||
|
||||
<h2>Creativity</h2>
|
||||
<p>We are working on many interesting projects and not all of them are applications
|
||||
or libraries. In 2018 we've lanuched production of <a href="/dotrix/">Dotrix</a> books that we wanted
|
||||
to use in our team and actually we use them a lot nowadays. We like them that
|
||||
much that we decided to spread them over other designers and engineers.</p>
|
||||
|
||||
<p>In 2019 we've started our experiments with video processing and sound recording,
|
||||
that will turn into more projects and new content in some nearest
|
||||
future.</p>
|
||||
|
||||
</main>
|
||||
|
||||
<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>
|
||||
|
|
@ -0,0 +1,148 @@
|
|||
<!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>Löwenware</title>
|
||||
|
||||
|
||||
<link href="/static/style.css" rel="stylesheet" />
|
||||
|
||||
<script type="text/javascript">document.documentElement.className='';</script>
|
||||
</head>
|
||||
<body>
|
||||
<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="/" class="active">Home</a></li>
|
||||
<li><a href="/about/">About</a></li>
|
||||
<li><a href="/aisl/">AISL</a></li>
|
||||
<li><a href="/dotrix/">Dotrix</a></li>
|
||||
<li><a href="/blog/">Blog</a></li>
|
||||
<li><a href="/contact/">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
<main class="main-content">
|
||||
<div class="anouncement__bg">
|
||||
<section id="anouncement" class="anouncement">
|
||||
<div class="anouncement__content dark-bg">
|
||||
<h1>AISL v.0.4 Release Scheduled</h1>
|
||||
<a href="/aisl/release-0.4-changelog.html" class="no-decoration">Find what is new</a>
|
||||
</div>
|
||||
</section><!-- home -->
|
||||
<div class="anouncement__overlay">
|
||||
<h1>A bit more than just a Software Studio</h1>
|
||||
<a href="/about/" class="invert-decoration">About Löwenware</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="open-solutions">
|
||||
<div class="open-solutions__content">
|
||||
<h2>Open Source Solutions</h2>
|
||||
<p>The most passionate projects are ones that grow up from your own idea.
|
||||
The more you invest into them, the more you want to share them with the
|
||||
World, make them better to be proud of your creation. That is a true
|
||||
motivation for an individual and real driving power for the
|
||||
Technology.</p>
|
||||
</div>
|
||||
<section class="section open-solutions__cell aisl-project">
|
||||
<a href="/aisl/">
|
||||
<div class="open-solutions__project">
|
||||
<h1>AISL</h1>
|
||||
<p>Our contribution to faster Internet</p>
|
||||
</div>
|
||||
</a>
|
||||
</section>
|
||||
<section class="section open-solutions__cell open-solutions__project dotrix-project">
|
||||
<a href="/dotrix/">
|
||||
<div class="open-solutions__project">
|
||||
<h1>Dotrix</h1>
|
||||
<p>Sketch it out</p>
|
||||
</div>
|
||||
</a>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div class="proprietary dark-bg">
|
||||
<div class="proprietary__info">
|
||||
<div class="proprietary__cell">
|
||||
<h1 class="proprietary__title">Proprietary Solutions</h1>
|
||||
</div>
|
||||
|
||||
<div class="proprietary__cell">
|
||||
<p class="proprietary__text">In addition to work on our own we are also offering our software,
|
||||
web and firmware development skills for commercial projects.</p>
|
||||
</div>
|
||||
|
||||
<div class="proprietary__cell">
|
||||
<a href="/contact/?get-started" class="button proprietary__button">Get Started</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="proprietary__arrow"></div>
|
||||
|
||||
<div class="proprietary__customers">
|
||||
<ul>
|
||||
<li><img src="/static/logo-hardwario.png" alt="Hardwario" /></li>
|
||||
<li><img src="/static/logo-jablonet.png" alt="JabloNET" /></li>
|
||||
<li><img src="/static/logo-ailemebak.png" alt="AilemeBak.com" /></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<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>
|
||||
|
|
@ -0,0 +1,57 @@
|
|||
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Jura';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Jura Medium'), local('Jura-Medium'), url(https://fonts.gstatic.com/s/jura/v9/z7NUdRfiaC4VVTdqRCZi0aTV.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Jura';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Jura Medium'), local('Jura-Medium'), url(https://fonts.gstatic.com/s/jura/v9/z7NUdRfiaC4VVTdqRC9i0aTV.woff2) format('woff2');
|
||||
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* greek-ext */
|
||||
@font-face {
|
||||
font-family: 'Jura';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Jura Medium'), local('Jura-Medium'), url(https://fonts.gstatic.com/s/jura/v9/z7NUdRfiaC4VVTdqRCdi0aTV.woff2) format('woff2');
|
||||
unicode-range: U+1F00-1FFF;
|
||||
}
|
||||
/* greek */
|
||||
@font-face {
|
||||
font-family: 'Jura';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Jura Medium'), local('Jura-Medium'), url(https://fonts.gstatic.com/s/jura/v9/z7NUdRfiaC4VVTdqRChi0aTV.woff2) format('woff2');
|
||||
unicode-range: U+0370-03FF;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Jura';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Jura Medium'), local('Jura-Medium'), url(https://fonts.gstatic.com/s/jura/v9/z7NUdRfiaC4VVTdqRCRi0aTV.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Jura';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Jura Medium'), local('Jura-Medium'), url(https://fonts.gstatic.com/s/jura/v9/z7NUdRfiaC4VVTdqRCVi0aTV.woff2) format('woff2');
|
||||
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;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Jura';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Jura Medium'), local('Jura-Medium'), url(https://fonts.gstatic.com/s/jura/v9/z7NUdRfiaC4VVTdqRCti0Q.woff2) format('woff2');
|
||||
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;
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
|
|
@ -0,0 +1,304 @@
|
|||
/*! code below is based on svg4everybody v2.1.9
|
||||
* github.com/jonathantneal/svg4everybody */
|
||||
|
||||
var LEGACY_SUPPORT = false;
|
||||
|
||||
function embed(parent, svg, target) {
|
||||
// if the target exists
|
||||
if (target) {
|
||||
// create a document fragment to hold the contents of the target
|
||||
var fragment = document.createDocumentFragment();
|
||||
|
||||
// cache the closest matching viewBox
|
||||
var viewBox = !svg.hasAttribute('viewBox') && target.getAttribute('viewBox');
|
||||
|
||||
// conditionally set the viewBox on the svg
|
||||
if (viewBox) {
|
||||
svg.setAttribute('viewBox', viewBox);
|
||||
}
|
||||
|
||||
// clone the target
|
||||
var clone = target.cloneNode(true);
|
||||
|
||||
// copy the contents of the clone into the fragment
|
||||
while (clone.childNodes.length) {
|
||||
fragment.appendChild(clone.firstChild);
|
||||
}
|
||||
|
||||
// append the fragment into the svg
|
||||
parent.appendChild(fragment);
|
||||
}
|
||||
}
|
||||
|
||||
function loadreadystatechange(xhr) {
|
||||
// listen to changes in the request
|
||||
xhr.onreadystatechange = function () {
|
||||
// if the request is ready
|
||||
if (xhr.readyState === 4) {
|
||||
// get the cached html document
|
||||
var cachedDocument = xhr._cachedDocument;
|
||||
|
||||
// ensure the cached html document based on the xhr response
|
||||
if (!cachedDocument) {
|
||||
cachedDocument = xhr._cachedDocument = document.implementation.createHTMLDocument('');
|
||||
|
||||
cachedDocument.body.innerHTML = xhr.responseText;
|
||||
|
||||
// ensure domains are the same, otherwise we'll have issues appending the
|
||||
// element in IE 11
|
||||
// cachedDocument.domain = document.domain;
|
||||
|
||||
xhr._cachedTarget = {};
|
||||
}
|
||||
|
||||
// clear the xhr embeds list and embed each item
|
||||
xhr._embeds.splice(0).map(function (item) {
|
||||
// get the cached target
|
||||
var target = xhr._cachedTarget[item.id];
|
||||
|
||||
// ensure the cached target
|
||||
if (!target) {
|
||||
target = xhr._cachedTarget[item.id] = cachedDocument.getElementById(item.id);
|
||||
}
|
||||
|
||||
// embed the target into the svg
|
||||
embed(item.parent, item.svg, target);
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
// test the ready state change immediately
|
||||
xhr.onreadystatechange();
|
||||
}
|
||||
|
||||
function svg4everybody(rawopts) {
|
||||
var opts = Object(rawopts);
|
||||
|
||||
// create legacy support variables
|
||||
var nosvg;
|
||||
var fallback;
|
||||
|
||||
// if running with legacy support
|
||||
if (LEGACY_SUPPORT) {
|
||||
// configure the fallback method
|
||||
fallback = opts.fallback || function (src) {
|
||||
return src.replace(/\?[^#]+/, '').replace('#', '.').replace(/^\./, '') + '.png' + (/\?[^#]+/.exec(src) || [''])[0];
|
||||
};
|
||||
|
||||
// set whether to shiv <svg> and <use> elements and use image fallbacks
|
||||
nosvg = 'nosvg' in opts ? opts.nosvg : /\bMSIE [1-8]\b/.test(navigator.userAgent);
|
||||
|
||||
// conditionally shiv <svg> and <use>
|
||||
if (nosvg) {
|
||||
document.createElement('svg');
|
||||
document.createElement('use');
|
||||
}
|
||||
}
|
||||
|
||||
// set whether the polyfill will be activated or not
|
||||
var polyfill;
|
||||
var olderIEUA = /\bMSIE [1-8]\.0\b/;
|
||||
var newerIEUA = /\bTrident\/[567]\b|\bMSIE (?:9|10)\.0\b/;
|
||||
var webkitUA = /\bAppleWebKit\/(\d+)\b/;
|
||||
var olderEdgeUA = /\bEdge\/12\.(\d+)\b/;
|
||||
var edgeUA = /\bEdge\/.(\d+)\b/;
|
||||
//Checks whether iframed
|
||||
var inIframe = window.top !== window.self;
|
||||
|
||||
if ('polyfill' in opts) {
|
||||
polyfill = opts.polyfill;
|
||||
} else if (LEGACY_SUPPORT) {
|
||||
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;
|
||||
} else {
|
||||
polyfill = newerIEUA.test(navigator.userAgent) || (navigator.userAgent.match(olderEdgeUA) || [])[1] < 10547 || (navigator.userAgent.match(webkitUA) || [])[1] < 537 || edgeUA.test(navigator.userAgent) && inIframe;
|
||||
}
|
||||
|
||||
// create xhr requests object
|
||||
var requests = {};
|
||||
|
||||
// use request animation frame or a timeout to search the dom for svgs
|
||||
var requestAnimationFrame = window.requestAnimationFrame || setTimeout;
|
||||
|
||||
// get a live collection of use elements on the page
|
||||
var uses = document.getElementsByTagName('use');
|
||||
var numberOfSvgUseElementsToBypass = 0;
|
||||
|
||||
function oninterval() {
|
||||
// get the cached <use> index
|
||||
var index = 0;
|
||||
|
||||
// while the index exists in the live <use> collection
|
||||
while (index < uses.length) {
|
||||
// get the current <use>
|
||||
var use = uses[index];
|
||||
|
||||
// get the current <svg>
|
||||
var parent = use.parentNode;
|
||||
var svg = getSVGAncestor(parent);
|
||||
var src = use.getAttribute('xlink:href') || use.getAttribute('href');
|
||||
|
||||
if (!src && opts.attributeName) {
|
||||
src = use.getAttribute(opts.attributeName);
|
||||
}
|
||||
|
||||
if (svg && src) {
|
||||
|
||||
// if running with legacy support
|
||||
if (LEGACY_SUPPORT && nosvg) {
|
||||
// create a new fallback image
|
||||
var img = document.createElement('img');
|
||||
|
||||
// force display in older IE
|
||||
img.style.cssText = 'display:inline-block;height:100%;width:100%';
|
||||
|
||||
// set the fallback size using the svg size
|
||||
img.setAttribute('width', svg.getAttribute('width') || svg.clientWidth);
|
||||
img.setAttribute('height', svg.getAttribute('height') || svg.clientHeight);
|
||||
|
||||
// set the fallback src
|
||||
img.src = fallback(src, svg, use);
|
||||
|
||||
// replace the <use> with the fallback image
|
||||
parent.replaceChild(img, use);
|
||||
} else if (polyfill) {
|
||||
if (!opts.validate || opts.validate(src, svg, use)) {
|
||||
// remove the <use> element
|
||||
parent.removeChild(use);
|
||||
|
||||
// parse the src and get the url and id
|
||||
var srcSplit = src.split('#');
|
||||
var url = srcSplit.shift();
|
||||
var id = srcSplit.join('#');
|
||||
|
||||
// if the link is external
|
||||
if (url.length) {
|
||||
// get the cached xhr request
|
||||
var xhr = requests[url];
|
||||
|
||||
// ensure the xhr request exists
|
||||
if (!xhr) {
|
||||
xhr = requests[url] = new XMLHttpRequest();
|
||||
|
||||
xhr.open('GET', url);
|
||||
|
||||
xhr.send();
|
||||
|
||||
xhr._embeds = [];
|
||||
}
|
||||
|
||||
// add the svg and id as an item to the xhr embeds list
|
||||
xhr._embeds.push({
|
||||
parent: parent,
|
||||
svg: svg,
|
||||
id: id
|
||||
});
|
||||
|
||||
// prepare the xhr ready state change event
|
||||
loadreadystatechange(xhr);
|
||||
} else {
|
||||
// embed the local id into the svg
|
||||
embed(parent, svg, document.getElementById(id));
|
||||
}
|
||||
} else {
|
||||
// increase the index when the previous value was not "valid"
|
||||
++index;
|
||||
++numberOfSvgUseElementsToBypass;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
// increase the index when the previous value was not "valid"
|
||||
++index;
|
||||
}
|
||||
}
|
||||
|
||||
// continue the interval
|
||||
if (!uses.length || uses.length - numberOfSvgUseElementsToBypass > 0) {
|
||||
requestAnimationFrame(oninterval, 67);
|
||||
}
|
||||
}
|
||||
|
||||
// conditionally start the interval if the polyfill is active
|
||||
if (polyfill) {
|
||||
oninterval();
|
||||
}
|
||||
}
|
||||
|
||||
function getSVGAncestor(node) {
|
||||
var svg = node;
|
||||
while (svg.nodeName.toLowerCase() !== 'svg') {
|
||||
svg = svg.parentNode;
|
||||
if (!svg) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
return svg;
|
||||
}
|
||||
|
||||
function main()
|
||||
{
|
||||
/*
|
||||
var inps = document.querySelectorAll('.float-label');
|
||||
|
||||
console.log('INputs: '+JSON.stringify(inps));
|
||||
|
||||
for (var i=0; i<inps.length; i++)
|
||||
{
|
||||
var inp = inps[i];
|
||||
|
||||
if (inp.value != '')
|
||||
inp.parentNode.classList.add('active');
|
||||
|
||||
inp.addEventListener('focus', (event) => {
|
||||
var t = event.currentTarget;
|
||||
t.parentNode.classList.add('active');
|
||||
});
|
||||
|
||||
inp.addEventListener('blur', (event) => {
|
||||
var t = event.currentTarget;
|
||||
console.log(t.value)
|
||||
if (t.value == '')
|
||||
t.parentNode.classList.remove('active');
|
||||
});
|
||||
}
|
||||
|
||||
window.addEventListener('scroll', (event) => {
|
||||
|
||||
var nodes = document.querySelectorAll('.slider'),
|
||||
scrollTop = window.scrollY;
|
||||
|
||||
for(var i=0; i<nodes.length; i++)
|
||||
{
|
||||
var speed = parseInt(nodes[i].getAttribute('data-speed'));
|
||||
console.log(scrollTop);
|
||||
console.log(nodes[i].getAttribute('data-speed'));
|
||||
console.log('speed '+speed);
|
||||
nodes[i].style['transform'] = 'translateY(' + -(scrollTop / speed) + 'px)';
|
||||
console.log('style '+nodes[i].style.transform);
|
||||
}
|
||||
|
||||
});
|
||||
*/
|
||||
document.getElementById('menu__switch').addEventListener('click', function(event) {
|
||||
|
||||
var menu = document.getElementById('menu'),
|
||||
targ = event.currentTarget;
|
||||
|
||||
if (menu.className=='menu')
|
||||
{
|
||||
menu.className='menu menu--visible';
|
||||
targ.className='menu__switch menu__switch--opened';
|
||||
}
|
||||
else
|
||||
{
|
||||
menu.className='menu';
|
||||
targ.className='menu__switch';
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
svg4everybody();
|
||||
}
|
||||
|
||||
window.addEventListener ?
|
||||
addEventListener("load", main, false) :
|
||||
window.attachEvent ? attachEvent("onload", main) : (onload = main);
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
|
||||
<symbol id="logo" viewBox="0 0 20 20">
|
||||
<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"/>
|
||||
</symbol>
|
||||
<symbol id="github" viewBox="0 0 40 40">
|
||||
<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"/>
|
||||
</symbol>
|
||||
<symbol id="linkedin" viewBox="0 0 32 32">
|
||||
<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" />
|
||||
</symbol>
|
||||
<symbol id="instagram" viewBox="0 0 32 32" >
|
||||
<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"/>
|
||||
</symbol>
|
||||
<symbol id="patreon" viewBox="0 0 32 32">
|
||||
<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"/>
|
||||
</symbol>
|
||||
<symbol id="gitter" viewBox="0 0 32 32">
|
||||
<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" />
|
||||
</symbol>
|
||||
<symbol id="youtube" viewBox="0 0 32 32">
|
||||
<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" />
|
||||
</symbol>
|
||||
<symbol id="medium" viewBox="0 0 32 32">
|
||||
<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"/>
|
||||
</symbol>
|
||||
<symbol id="menu" viewBox="0 0 32 32">
|
||||
<g class="svg-menu-group">
|
||||
<path class="line line-1" d="m4 8v2h24v-2z" />
|
||||
<path class="line line-2" d="m4 22v2h24v-2z" />
|
||||
<path class="line line-3" d="m4 15v2h24v-2z" />
|
||||
</g>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 6.2 KiB |
|
|
@ -0,0 +1,866 @@
|
|||
@font-face {
|
||||
font-family: 'Jura';
|
||||
src: local('Jura Regular'), local('Jura-Regular'),
|
||||
url('/static/jura-regular.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Jura';
|
||||
src: local('Jura Bold'), local('Jura-Bold'),
|
||||
url('/static/jura-bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
html {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav,
|
||||
section, summary, ul, li, code, blockquote, .section
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
|
||||
body,
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav,
|
||||
section, summary, ul, li, code, blockquote, img, h1, h2, h3, h4, p
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: sans-serif;
|
||||
font-size: 100%;
|
||||
height: 100%;
|
||||
color: #192734;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #0084ff;
|
||||
transition: color .3s ease-in-out;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #192734;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a.invert-decoration,
|
||||
a.no-decoration {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a.invert-decoration:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
button, input, textarea {
|
||||
font-family: sans-serif;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
h1, .h1-like {
|
||||
font-family: 'Jura', sans-serif;
|
||||
font-weight: bold;
|
||||
font-size: 2.4em;
|
||||
}
|
||||
|
||||
h2, .h2-like {
|
||||
font-family: 'Jura', sans-serif;
|
||||
font-weight: bold;
|
||||
font-size: 2.0em;
|
||||
}
|
||||
|
||||
|
||||
h3, .h3-like {
|
||||
font-family: 'Jura', sans-serif;
|
||||
font-weight: bold;
|
||||
font-size: 1.6em;
|
||||
}
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
.icon {
|
||||
display: block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
fill: #192734;
|
||||
transition: fill .3s ease-in-out;
|
||||
}
|
||||
|
||||
a:hover .icon {
|
||||
fill: #0084ff;
|
||||
}
|
||||
|
||||
.button {
|
||||
display: block;
|
||||
display: inline-block;
|
||||
border-radius: 24px;
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
border: 2px solid #001121;
|
||||
color: #001121;
|
||||
text-decoration: none;
|
||||
padding: 0 24px;
|
||||
cursor: pointer;
|
||||
transition: color .3s ease-in-out,
|
||||
background-color .3s ease-in-out;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
color: #fafaff;
|
||||
background-color: #001121;
|
||||
}
|
||||
|
||||
|
||||
.dark-bg {
|
||||
color: #fafaff;
|
||||
}
|
||||
|
||||
.dark-bg a {
|
||||
color: #5bd6ff;
|
||||
}
|
||||
|
||||
.dark-bg a:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.dark-bg .button {
|
||||
border: 2px solid #fafaff;
|
||||
color: #fafaff;
|
||||
}
|
||||
|
||||
.dark-bg .button:hover {
|
||||
color: #001121;
|
||||
background-color: #fafaff;
|
||||
}
|
||||
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
.svg-menu-icon .svg-menu-lines ,
|
||||
.svg-menu-icon .svg-menu-cross {
|
||||
transform: rotate(0) translateY(0) translateX(0);
|
||||
transition: transform 0.3s ease-in-out,
|
||||
opacity 0.2s ease-in-out;
|
||||
transform-origin: center center;
|
||||
}
|
||||
|
||||
|
||||
.svg-menu-icon .svg-menu-lines {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.svg-menu-icon .svg-menu-cross {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.menu__switch--opened .svg-menu-lines {
|
||||
transform: rotate(180deg) translateY(0) translateX(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.menu__switch--opened .svg-menu-cross {
|
||||
transform: rotate(180deg) translateY(0) translateX(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
.overlay {
|
||||
min-width: 320px;
|
||||
}
|
||||
|
||||
.logo {
|
||||
fill: #192734;
|
||||
display: block;
|
||||
float: left;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
margin: 12px;
|
||||
}
|
||||
|
||||
.logo__text {
|
||||
font-size: 1.2em;
|
||||
font-weight: normal;
|
||||
color: #47525d;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
margin: 0 88px;
|
||||
min-width: 144px;
|
||||
height: 88px;
|
||||
font-family: 'Jura', sans-serif;
|
||||
}
|
||||
|
||||
.logo__text::before {
|
||||
display: block;
|
||||
width: 1px;
|
||||
height: 28px;
|
||||
margin: 0 auto 4px;
|
||||
background-color: #87929a;
|
||||
content: '';
|
||||
}
|
||||
|
||||
|
||||
.menu {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
transition: margin-top .5s ease-in-out,
|
||||
top .5s ease-in-out,
|
||||
width .5s ease-in-out,
|
||||
left .5s ease-in-out;
|
||||
z-index: 1000;
|
||||
left: -100%;
|
||||
top: 88px;
|
||||
font-family: 'Jura', sans-serif;
|
||||
width: 144px;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.menu__switch {
|
||||
display: block;
|
||||
float: right;
|
||||
padding: 13px;
|
||||
margin: 19px;
|
||||
}
|
||||
|
||||
.menu__list a {
|
||||
color: #192734;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
line-height: 30px;
|
||||
transition: color .3s ease-in-out;
|
||||
padding: 18px 0;
|
||||
}
|
||||
|
||||
.menu__list a:hover {
|
||||
color: #0084ff;
|
||||
}
|
||||
|
||||
.menu__list a.active {
|
||||
font-weight: bold;
|
||||
color: #192734;
|
||||
}
|
||||
|
||||
.menu__list a::before {
|
||||
transition: width .3s ease-in-out,
|
||||
margin .3s ease-in-out;
|
||||
|
||||
width: 0;
|
||||
margin: 15px 32px 0 0;
|
||||
content: '';
|
||||
height: 1px;
|
||||
background-color: #87929a;
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.menu__list a:hover::before,
|
||||
.menu__list a.active::before {
|
||||
width: 24px;
|
||||
margin: 15px 8px 0 0;
|
||||
}
|
||||
|
||||
|
||||
.menu__list a.active:before {
|
||||
background-color: #0084ff;
|
||||
}
|
||||
|
||||
|
||||
.menu--visible {
|
||||
left: 0;
|
||||
top: 88px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.no-js .menu {
|
||||
display: block;
|
||||
border-top: 1px solid #b1c3d4;
|
||||
text-align: center;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.no-js .menu__switch {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.no-js .menu__list a::before {
|
||||
width: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
.text-content h1 {
|
||||
padding: 0 0 1em;
|
||||
}
|
||||
|
||||
.text-content h2 {
|
||||
padding: .5em 0;
|
||||
}
|
||||
|
||||
.text-content p {
|
||||
padding: 0 0 1em;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
.main-content {
|
||||
min-width: 320px;
|
||||
}
|
||||
|
||||
.anouncement {
|
||||
max-width: 1366px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.anouncement__bg {
|
||||
background-color: #192634;
|
||||
}
|
||||
|
||||
.anouncement__content{
|
||||
text-align: center;
|
||||
padding: 24px 0;
|
||||
}
|
||||
|
||||
.anouncement__content h1 {
|
||||
color: #ffffff;
|
||||
line-height: 1.2em;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.anouncement__content a {
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.anouncement__overlay {
|
||||
background-color: #ffffff;
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
padding: 20px;
|
||||
border-bottom: 1px solid #b1c3d4;
|
||||
}
|
||||
|
||||
.anouncement__overlay h1 {
|
||||
font-size: 1.2em;
|
||||
line-height: 1.4em;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.open-solutions {
|
||||
}
|
||||
|
||||
.open-solutions__cell {
|
||||
text-align: center;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.open-solutions__content {
|
||||
text-align: center;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.open-solutions__content h2 {
|
||||
line-height: 40px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.open-solutions__content p {
|
||||
margin: 0 32px;
|
||||
}
|
||||
|
||||
.open-solutions__project {
|
||||
display: block;
|
||||
height: 280px;
|
||||
position: relative;
|
||||
background-color: #f8f8fc;
|
||||
}
|
||||
|
||||
.aisl-project {
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.open-solutions__project h1 {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
top: 140px;
|
||||
line-height: 30px;
|
||||
margin-top: -15px;
|
||||
font-size: 1.8em;
|
||||
}
|
||||
|
||||
.open-solutions__project p {
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
top: 200px;
|
||||
transition: opacity .3s ease-in-out,
|
||||
top .3s ease-in-out;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.open-solutions__project:hover p {
|
||||
opacity: 1;
|
||||
top: 175px;
|
||||
}
|
||||
|
||||
.proprietary__info {
|
||||
background-color: #192734;
|
||||
}
|
||||
|
||||
.proprietary__cell {
|
||||
padding: 20px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.proprietary__title {
|
||||
color: #fafaff;
|
||||
}
|
||||
|
||||
.proprietary__text {
|
||||
color: #fafaff;
|
||||
}
|
||||
|
||||
.proprietary__arrow {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 20px solid transparent;
|
||||
border-right: 20px solid transparent;
|
||||
border-top: 20px solid #192734;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.proprietary__customers {
|
||||
padding: 50px 0 0;
|
||||
border-bottom: 1px solid #b1c3d4;
|
||||
}
|
||||
|
||||
.proprietary__customers li {
|
||||
display: block;
|
||||
text-align: center;
|
||||
max-width: 320px;
|
||||
height: 45px;
|
||||
margin: 0 auto 50px;
|
||||
}
|
||||
|
||||
.proprietary__customers img {
|
||||
-webkit-filter: grayscale(100%);
|
||||
filter: grayscale(100%);
|
||||
filter: gray;
|
||||
opacity: .8;
|
||||
width: auto;
|
||||
height: 100%;
|
||||
transition: filter .3s ease-in-out,
|
||||
opacity .3s ease-in-out;
|
||||
}
|
||||
|
||||
.proprietary__customers img:hover {
|
||||
-webkit-filter: grayscale(0%);
|
||||
filter: grayscale(0%);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.footer {
|
||||
background-color: #001121;
|
||||
z-index: 0;
|
||||
clear: left;
|
||||
}
|
||||
|
||||
.footer__above {
|
||||
background-color: #fff;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.footer__logo {
|
||||
display: none;
|
||||
position: absolute;
|
||||
bottom: 70px;
|
||||
left: 0px;
|
||||
z-index: 3000;
|
||||
transform: rotate(-90deg);
|
||||
transform-origin: center center;
|
||||
font-size: 1.6em;
|
||||
text-align: left;
|
||||
line-height: 144px;
|
||||
text-align: left;
|
||||
font-family: 'Jura', sans-serif;
|
||||
}
|
||||
|
||||
.newsletter {
|
||||
padding: 10px 0;
|
||||
width: 300px;
|
||||
margin: 0 auto;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.newsletter__field {
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.newsletter label {
|
||||
font-family: 'Jura', sans-serif;
|
||||
display: block;
|
||||
font-size: 1.2em;
|
||||
font-weight: bold;
|
||||
line-height: 32px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.newsletter__field input {
|
||||
height: 28px;
|
||||
border: 2px solid #192734;
|
||||
padding: 0;
|
||||
line-height: 28px;
|
||||
width:190px;
|
||||
margin: 0;
|
||||
display: block;
|
||||
float: left;
|
||||
font-size: 0.9em;
|
||||
padding: 0 6px;
|
||||
}
|
||||
|
||||
.newsletter__field button {
|
||||
height: 32px;
|
||||
border-top: 2px solid #192734;
|
||||
border-right: 2px solid #192734;
|
||||
border-bottom: 2px solid #192734;
|
||||
border-left: 0;
|
||||
font-size: 0.9em;
|
||||
color: #fafaff;
|
||||
width: 90px;
|
||||
background-color: #192734;
|
||||
margin: 0;
|
||||
float: left;
|
||||
display: block;
|
||||
transition: color .3s ease-in-out,
|
||||
background-color .3s ease-in-out;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.newsletter__field button:hover {
|
||||
background-color: #fafaff;
|
||||
color: #192734;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.footer__social {
|
||||
width: 300px;
|
||||
margin: 0 auto;
|
||||
height: 70px;
|
||||
}
|
||||
|
||||
.footer__social a {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.footer__social .icon {
|
||||
padding: 13px;
|
||||
}
|
||||
|
||||
.footer__below {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.footer__credentials {
|
||||
padding: 10px 0;
|
||||
line-height: 18px;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.copyright {
|
||||
}
|
||||
|
||||
.legal {
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
max-width: 200px;
|
||||
}
|
||||
|
||||
.legal__node {
|
||||
float: left;
|
||||
border-left: 1px solid #fafaff;
|
||||
text-align: left;
|
||||
padding: 0 0 0 8px;
|
||||
}
|
||||
|
||||
.legal__first {
|
||||
border-left: none;
|
||||
padding: 0 8px 0 0;
|
||||
}
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
@media screen and (min-width: 500px) {
|
||||
.anouncement {
|
||||
padding: 10vh 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 600px) {
|
||||
.proprietary__customers {
|
||||
height: 64px;
|
||||
width: 600px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.proprietary__customers li {
|
||||
float: left;
|
||||
height: 32px;
|
||||
margin: 0;
|
||||
width: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 640px) {
|
||||
|
||||
.anouncement__overlay {
|
||||
border-bottom:0;
|
||||
}
|
||||
|
||||
.open-solutions__cell {
|
||||
float: left;
|
||||
width: 50%;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.aisl-project .open-solutions__project {
|
||||
margin: 0 20px 20px 0;
|
||||
}
|
||||
|
||||
.dotrix-project .open-solutions__project {
|
||||
margin: 0 0 20px 20px;
|
||||
}
|
||||
|
||||
.proprietary {
|
||||
clear: left;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 700px) {
|
||||
|
||||
.proprietary__info {
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.proprietary__cell {
|
||||
float: left;
|
||||
height: 200px;
|
||||
width: 33.333%;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.proprietary__title {
|
||||
max-width: 320px;
|
||||
margin: 50px auto;
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
.proprietary__text {
|
||||
display:table-cell;
|
||||
vertical-align:middle;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.proprietary__button {
|
||||
margin-top: 76px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-width: 980px) {
|
||||
|
||||
.menu {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 144px;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.menu__switch {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.menu__list a {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main-content {
|
||||
margin: 0 144px;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
margin: 32px;
|
||||
}
|
||||
|
||||
.logo__text {
|
||||
font-size: 1.6em;
|
||||
line-height: 32px;
|
||||
text-align: center;
|
||||
height: 144px;
|
||||
margin: 0 144px;
|
||||
}
|
||||
|
||||
.logo__text::before {
|
||||
height: 52px;
|
||||
}
|
||||
|
||||
.anouncement {
|
||||
position: relative;
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.anouncement__content{
|
||||
position: absolute;
|
||||
padding: 0;
|
||||
top: 50%;
|
||||
margin-top: -50px;
|
||||
height: 100px;
|
||||
width: 100%;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
.anouncement__content h1 {
|
||||
line-height: 80px;
|
||||
}
|
||||
|
||||
.anouncement__overlay {
|
||||
height: 120px;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.anouncement__overlay h1 {
|
||||
line-height: 80px;
|
||||
font-size: 1.4em;
|
||||
}
|
||||
|
||||
.open-solutions {
|
||||
height: 320px;
|
||||
padding: 50px 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.open-solutions__content h2 {
|
||||
padding: 20px 0 20px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
height: 300px;
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.footer__above {
|
||||
margin-left: 140px;
|
||||
height: 160px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.footer__logo {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.newsletter {
|
||||
margin: 0px 0 0 32px;
|
||||
padding: 32px 0 0;
|
||||
}
|
||||
|
||||
.footer__social {
|
||||
position: absolute;
|
||||
top: 55px;
|
||||
right: 140px;
|
||||
}
|
||||
|
||||
.footer__credentials {
|
||||
margin: 64px auto 0;
|
||||
width: 450px;
|
||||
}
|
||||
|
||||
.copyright {
|
||||
float: left;
|
||||
margin: 0 32px 0 0;
|
||||
}
|
||||
|
||||
.legal {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1280px) {
|
||||
.open-solutions__cell {
|
||||
width: 33.333%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.open-solutions__content {
|
||||
width: 33.333%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1600px) {
|
||||
.proprietary__title {
|
||||
line-height: 200px;
|
||||
margin: 0 auto;
|
||||
max-width: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-height: 640px) {
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-width: 980px) and (min-height: 640px){
|
||||
.logo {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.menu {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 0px;
|
||||
z-index: 1000;
|
||||
margin-top: -184px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 980px) and (min-height: 800px){
|
||||
.menu {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 0px;
|
||||
z-index: 1000;
|
||||
margin-top: -90px;
|
||||
}
|
||||
}
|
||||
|
||||
.text-content {
|
||||
max-width: 840px;
|
||||
margin: 0 auto;
|
||||
padding: 0 0 1em;
|
||||
}
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
|
|
@ -0,0 +1,74 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
width="210mm"
|
||||
height="297mm"
|
||||
viewBox="0 0 210 297"
|
||||
version="1.1"
|
||||
id="svg952"
|
||||
inkscape:version="0.92.4 (unknown)"
|
||||
sodipodi:docname="ailemebak.svg">
|
||||
<defs
|
||||
id="defs946" />
|
||||
<sodipodi:namedview
|
||||
id="base"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:zoom="0.35"
|
||||
inkscape:cx="-761.73529"
|
||||
inkscape:cy="560"
|
||||
inkscape:document-units="mm"
|
||||
inkscape:current-layer="layer1"
|
||||
showgrid="false"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1025"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="27"
|
||||
inkscape:window-maximized="1" />
|
||||
<metadata
|
||||
id="metadata949">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:title />
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<g
|
||||
inkscape:label="Vrstva 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1">
|
||||
<path
|
||||
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"
|
||||
style="fill:#aa7cb4;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.96164823"
|
||||
id="path26"
|
||||
inkscape:connector-curvature="0"
|
||||
inkscape:export-xdpi="17.709211"
|
||||
inkscape:export-ydpi="17.709211" />
|
||||
<text
|
||||
xml:space="preserve"
|
||||
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;"
|
||||
x="-107.79791"
|
||||
y="208.84633"
|
||||
id="text818"><tspan
|
||||
sodipodi:role="line"
|
||||
id="tspan816"
|
||||
x="-107.79791"
|
||||
y="208.84633"
|
||||
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>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.1 KiB |
|
|
@ -0,0 +1,3 @@
|
|||
<svg version="1.1" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
|
||||
<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"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 754 B |
|
|
@ -0,0 +1,94 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
width="210mm"
|
||||
height="297mm"
|
||||
viewBox="0 0 210 297"
|
||||
version="1.1"
|
||||
id="svg2457"
|
||||
inkscape:version="0.92.3 (2405546, 2018-03-11)"
|
||||
sodipodi:docname="contacts.svg">
|
||||
<defs
|
||||
id="defs2451" />
|
||||
<sodipodi:namedview
|
||||
id="base"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:zoom="1.4142136"
|
||||
inkscape:cx="269.97549"
|
||||
inkscape:cy="732.79651"
|
||||
inkscape:document-units="mm"
|
||||
inkscape:current-layer="g8725"
|
||||
showgrid="false"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1025"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="27"
|
||||
inkscape:window-maximized="1" />
|
||||
<metadata
|
||||
id="metadata2454">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:title></dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<g
|
||||
inkscape:label="Vrstva 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1">
|
||||
<g
|
||||
id="g8725"
|
||||
transform="translate(4.2478919,56.299568)">
|
||||
<rect
|
||||
ry="0"
|
||||
rx="0"
|
||||
y="-13.385918"
|
||||
x="76.288078"
|
||||
height="88.222275"
|
||||
width="62.87867"
|
||||
id="rect8728"
|
||||
style="opacity:1;fill:#192734;fill-opacity:1;stroke:#ffffff;stroke-width:0.81004095;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
|
||||
<flowRoot
|
||||
xml:space="preserve"
|
||||
id="flowRoot2024-2-5-7-3"
|
||||
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"
|
||||
transform="matrix(0.26458334,0,0,0.26458334,6.5392326,-235.09536)"><flowRegion
|
||||
id="flowRegion2026-0-9-5-6"
|
||||
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
|
||||
id="rect2028-2-2-3-0"
|
||||
width="757.61438"
|
||||
height="82.282829"
|
||||
x="299.00516"
|
||||
y="844.33447"
|
||||
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
|
||||
id="flowPara8591-6-2">Send</flowPara></flowRoot> <path
|
||||
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"
|
||||
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 "
|
||||
transform="matrix(0.26458333,0,0,0.26458333,-4.2478919,-56.299568)"
|
||||
id="rect3018" />
|
||||
<path
|
||||
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"
|
||||
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"
|
||||
transform="matrix(0.26458333,0,0,0.26458333,-4.2478919,-56.299568)"
|
||||
id="rect3032"
|
||||
inkscape:connector-curvature="0"
|
||||
sodipodi:nodetypes="sssssssssssscccsscsssscccc" />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 8.0 KiB |
|
|
@ -0,0 +1,3 @@
|
|||
<svg version="1.1" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
|
||||
<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"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 218 B |
|
|
@ -0,0 +1,5 @@
|
|||
<svg class="icon icon-menu-toggle" aria-hidden="true" version="1.1" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
|
||||
<path class="line line-1" d="m4 6h24v4h-24z"/>
|
||||
<path class="line line-2" d="m4 14h24v4h-24z"/>
|
||||
<path class="line line-3" d="m4 22h24v4h-24z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 280 B |
|
|
@ -0,0 +1,3 @@
|
|||
<svg version="1.1" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
|
||||
<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"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
|
|
@ -0,0 +1,66 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
id="svg4354"
|
||||
version="1.1"
|
||||
inkscape:version="0.91 r13725"
|
||||
width="80"
|
||||
height="80"
|
||||
viewBox="0 0 80 80"
|
||||
sodipodi:docname="npp-logo.png">
|
||||
<metadata
|
||||
id="metadata4360">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:title></dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<defs
|
||||
id="defs4358">
|
||||
<inkscape:perspective
|
||||
sodipodi:type="inkscape:persp3d"
|
||||
inkscape:vp_x="0 : 53.125 : 1"
|
||||
inkscape:vp_y="0 : 1000 : 0"
|
||||
inkscape:vp_z="326.25 : 53.125 : 1"
|
||||
inkscape:persp3d-origin="163.125 : 35.416667 : 1"
|
||||
id="perspective4364" />
|
||||
</defs>
|
||||
<sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1022"
|
||||
id="namedview4356"
|
||||
showgrid="false"
|
||||
inkscape:zoom="8.4781609"
|
||||
inkscape:cx="56.907569"
|
||||
inkscape:cy="46.515828"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="30"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg4354" />
|
||||
<path
|
||||
style="opacity:0.65;fill:#aa0000;fill-opacity:1"
|
||||
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"
|
||||
id="path4384"
|
||||
inkscape:connector-curvature="0" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.7 KiB |
|
|
@ -0,0 +1,3 @@
|
|||
<svg version="1.1" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
|
||||
<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"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 486 B |
|
|
@ -0,0 +1,5 @@
|
|||
<svg width="32" height="32" version="1.1" viewBox="0.1 0 32 32" xmlns="http://www.w3.org/2000/svg">
|
||||
<title>Monogram</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<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"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 640 B |
|
|
@ -0,0 +1,4 @@
|
|||
<svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||
<path id="menu" d="m0 4v2h24v-2zm0 7v2h24v-2zm0 7v2h24v-2z"/>
|
||||
<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"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 293 B |
|
|
@ -0,0 +1,3 @@
|
|||
<svg version="1.1" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
|
||||
<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"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 239 B |
Loading…
Reference in New Issue