Compare commits

...

No commits in common. "test" and "www" have entirely different histories.
test ... www

6716 changed files with 587954 additions and 151 deletions

View file

@ -0,0 +1,24 @@
# AREA - 51
Tento projekt zahrnuje vývoj statických internetových stránek, umístěných na serveru Gitea / Forgejo / Codeberg, pojednávající o mých soukromých aktivitách z oblasti webové tvorby, pořádání akcí, filmové tvorby, i grafických prací. Tento web úmyslně hostuji mimo mé servery, a to záměrně!
> 🇨🇿 🇩🇪 🇪🇺
1. **akce** — nějaký text...
2. produkce
3. fikce
Statický web
: definition
- [x] jedna
- [ ] dvě
## Co s doménou...
Nejprve název mnou provozovaného **webhostingu** zdarma, později pak **internetového rádia**, vysílajícího hudbu pod licencí 'Creative Commons', a nyní web pojednávající o mojí vlastní tvorbě z oblasti webové, filmové i grafické tvorby.
> **Oblast 51** (anglicky **Area 51**) je v současnosti oficiálně označována jako Air Force Flight Test Center, Detachment 3 (česky Výzkumné centrum leteckých sil, Oddělení 3). Hovorově se používají také názvy Dreamland, Watertown Strip, Paradise Ranch, The Box, Groom Lake, Neverland a jiné.[zdroj?] Jedná se o území na okraji rozsáhlé zasolené oblasti vyschlého jezera Groom Lake v jižní části amerického státu Nevada. Nachází se zde přísně střežená základna Amerických vzdušných sil, která byla založena v roce 1957 jako výzkumné armádní středisko, s 7093 m (23 270 stop) dlouhou letištní dráhou používanou pravděpodobně k testování armádních vysokorychlostních letadel. Okolní hory znemožňují radarové sledování oblasti, americké letecké síly potvrdily existenci základny až v roce 1999. Více informací v Českém jazyce naleznete nastránce ⟶ [Oblast 51 na Wikipedii](https://cs.wikipedia.org/wiki/Oblast_51)
## HTML5/CSS3/JS
Web jsem se rozhodl postavit na [HTML5 Šabloně zdarma pojmenované 'WHITE'](https://themewagon.com/themes/white-pro-free-creative-multipurpose-html5-template/) zdarma
#### - Bootstrap
#### - Knihovny všeho druhu

View file

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="cs">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
@ -12,15 +12,45 @@
<!-- CSS --> <!-- CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="css/flexslider.css" rel="stylesheet" type="text/css" /> <script>
function isMobile() {
const regex = /Mobi|Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
return regex.test(navigator.userAgent);
}
if (isMobile()) {
console.log("Detekováno mobilní zařízení");
document.write("<style>");
document.write(".sloupce {column-count:1; column-width:100px; column-rule-width:10px;}");
document.write(".menu a span {padding-left: 5px; vertical-align:center; white-space:nowrap;}");
document.write(".menu a:hover span {padding-left: 10px;}");
document.write("</style>");
document.write("<link href='css/flexslider-mobil.css' rel='stylesheet' type='text/css' />");
} else {
console.log("Detekován počítač");
document.write("<style>");
document.write(".sloupce {column-count:2; column-width:100px; column-rule-width:10px;}");
document.write(".navigace {margin-top: -0.5rem;}");
document.write(".menu a span {display:block; margin-top: -0.6625rem;}");
document.write(".menu a:hover span {display:none;}");
document.write("</style>");
document.write("<link href='css/flexslider.css' rel='stylesheet' type='text/css' />");
}
</script>
<!--<link href="css/flexslider.css" rel="stylesheet" type="text/css" />-->
<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/animate.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/owl.carousel.css" rel="stylesheet"> <link href="css/animate1.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/animate2.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/owl.carousel.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet" type="text/css" /> <link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/colors/" rel="stylesheet" type="text/css" id="colors" />
<!-- FONTS --> <!-- FONTS -->
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,500,700italic,900,900italic' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,500,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> <link href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
<link href="lib/font-logos/assets/font-logos.css" rel="stylesheet">
<link href="lib/bootstrap-icons-1.11.3/font/bootstrap-icons.css" rel="stylesheet">
<link href="lib/boxicons-2.1.4/css/boxicons.min.css" rel="stylesheet">
<!-- SCRIPTS --> <!-- SCRIPTS -->
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
@ -34,7 +64,13 @@
<script src="js/owl.carousel.js"></script> <script src="js/owl.carousel.js"></script>
<script src="js/animate.js" type="text/javascript"></script> <script src="js/animate.js" type="text/javascript"></script>
<script src="js/myscript.js" type="text/javascript"></script> <script src="js/myscript.js" type="text/javascript"></script>
<script>
$(function() {
setTimeout(function() { $("#showDiv").fadeOut(0); }, 0);
setTimeout(function() { $("#hideDiv").fadeOut(1500); }, 5000);
setTimeout(function() { $("#showDiv").fadeIn(1500); }, 5000);
})
</script>
</head> </head>
<body> <body>
@ -56,33 +92,36 @@
<div class="container clearfix"> <div class="container clearfix">
<!-- LOGO --> <!-- LOGO -->
<div class="logo pull-left"> <div id="hideDiv" class="logo pull-left">
<a href="index.html" ><span class="b1">w</span><span class="b2">h</span><span class="b3">i</span><span class="b4">t</span><span class="b5">e</span></a> <a href="index.html" ><div style="text-shadow: 0px 0px 5px #111111;"><small><small><small><span style="filter: blur(1.5px);"><big>&#9964;</big></span><small><span class="b1" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);">a</span><span class="b2" style="vertical-align: middle; font-size: 15px; filter: blur(0.9px);">r</span><span class="b3" style="vertical-align: middle; font-size: 15px; filter: blur(0.6px);">e</span><span class="b4" style="vertical-align: middle; font-size: 15px; filter: blur(0.3px);">a</span><span class="b5" style="vertical-align: middle; font-size: 15px; filter: blur(0.6px);">&mdash;&nbsp;&nbsp;</span><span class="b4" style="vertical-align: middle; font-size: 15px; filter: blur(0.9px);">5</span><span class="b3" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);">1</span></small></small></small></span></div></a>
</div><!-- //LOGO -->
<!-- LOGO -->
<div id="showDiv" class="logo pull-left">
<a href="index.html" ><div style="text-shadow: 0px 0px 5px #111111;"><small><small><small><span style="filter: blur(1.5px);"><big>&#9964;</big></span><small><span class="b4" style="vertical-align: middle; font-size: 15px; filter: blur(0.9px);">5</span><span class="b3" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);">1</span></small></small></small></span></div></a>
</div><!-- //LOGO --> </div><!-- //LOGO -->
<!-- SEARCH FORM --> <!-- SEARCH FORM -->
<div id="search-form" class="pull-right"> <div id="search-form" class="pull-right">
<form method="get" action="#"> <form method="get" target="_blank" action="https://search.brave.com/search">
<input type="text" name="Search" value="Search" onFocus="if (this.value == 'Search') this.value = '';" onBlur="if (this.value == '') this.value = 'Search';" /> <input type="text" name="q" value="Hledat" onFocus="if (this.value == 'Hledat') this.value = '';" onBlur="if (this.value == '') this.value = 'Hledat';" />
</form> </form>
</div><!-- SEARCH FORM --> </div><!-- SEARCH FORM -->
<!-- MENU -->
<div class="pull-right"> <div class="pull-right">
<nav class="navmenu center"> <nav class="navmenu center navigace">
<ul> <ul class="menu">
<li class="first scroll_btn"><a href="index.html">Home</a></li> <li class="first active scroll_btn"><a href="#home" ><small><i class="fa fa-slideshare"></i><span>A51</span></small></a></li>
<li class="scroll_btn"><a href="index.html#about">About Us</a></li> <li class="scroll_btn"><a href="#about" ><small><i class="fa fa-film"></i><span>Film</span></small></a></li>
<li class="scroll_btn"><a href="index.html#projects">Projects</a></li> <li class="scroll_btn"><a href="#projects" ><small><i class="fa fa-bar-chart"></i><span>Koncept</span></small></a></li>
<li class="scroll_btn"><a href="index.html#team">Team</a></li> <li class="scroll_btn"><a href="#team" ><small><i class="fa fa-users"></i><span>Zdroje</span></small></a></li>
<li class="scroll_btn"><a href="index.html#news">News</a></li> <li class="scroll_btn"><a href="#news" ><small><i class="fa fa-map-marker"></i><span>Mapa</span></small></a></li>
<li class="scroll_btn last"><a href="index.html#contacts">Contacts</a></li> <li class="scroll_btn last"><a href="#contacts" ><small><i class="fa fa-envelope"></i><span>Dotaz</span></small></a></li>
<li class="sub-menu active"> <li class="sub-menu">
<a href="javascript:void(0);">Pages</a> <a href="javascript:void(0);" ><i class="fa fa-cube"></i><span>3D</span></a>
<ul> <ul>
<li><a href="blog.html">Blog</a></li> <li><a href="blog.html" ><i class="bi bi-badge-3d-fill"></i> <small>Scény</small> <big><i class="bx bxl-blender"></i></big></a></li>
<li class="active"><a href="blog-post.html">Blog Post</a></li> <li><a href="blog-post.html" ><i class="bi bi-badge-4k-fill"></i> <small>Videa</small> <big><i class="bx bxs-video-recording"></i></big></a></li>
<li><a href="portfolio-post.html">Portfolio Single Work</a></li> <li><a href="portfolio-post.html" >Portfolio Single Work</a></li>
</ul> </ul>
</li> </li>
</ul> </ul>

View file

@ -12,18 +12,45 @@
<!-- CSS --> <!-- CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="css/flexslider.css" rel="stylesheet" type="text/css" /> <script>
function isMobile() {
const regex = /Mobi|Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
return regex.test(navigator.userAgent);
}
if (isMobile()) {
console.log("Detekováno mobilní zařízení");
document.write("<style>");
document.write(".sloupce {column-count:1; column-width:100px; column-rule-width:10px;}");
document.write(".menu a span {padding-left: 5px; vertical-align:center; white-space:nowrap;}");
document.write(".menu a:hover span {padding-left: 10px;}");
document.write("</style>");
document.write("<link href='css/flexslider-mobil.css' rel='stylesheet' type='text/css' />");
} else {
console.log("Detekován počítač");
document.write("<style>");
document.write(".sloupce {column-count:2; column-width:100px; column-rule-width:10px;}");
document.write(".navigace {margin-top: -0.5rem;}");
document.write(".menu a span {display:block; margin-top: -0.6625rem;}");
document.write(".menu a:hover span {display:none;}");
document.write("</style>");
document.write("<link href='css/flexslider.css' rel='stylesheet' type='text/css' />");
}
</script>
<!--<link href="css/flexslider.css" rel="stylesheet" type="text/css" />-->
<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" /> <link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/animate.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/owl.carousel.css" rel="stylesheet"> <link href="css/animate1.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/animate2.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/owl.carousel.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet" type="text/css" /> <link href="css/style.css" rel="stylesheet" type="text/css" />
<!-- FONTS --> <!-- FONTS -->
<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,500,700italic,900,900italic' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,500,700italic,900,900italic' rel='stylesheet' type='text/css'>
<!--<link href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> -->
<link href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet"> <link href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
<!--<link href="font-logos/assets/font-logos.css" rel="stylesheet">--> <link href="lib/font-logos/assets/font-logos.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/font-logos@1.3.0/assets/font-logos.min.css" rel="stylesheet"> <link href="lib/bootstrap-icons-1.11.3/font/bootstrap-icons.css" rel="stylesheet">
<link href="lib/boxicons-2.1.4/css/boxicons.min.css" rel="stylesheet">
<!-- SCRIPTS --> <!-- SCRIPTS -->
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
@ -69,7 +96,13 @@
}); });
</script> </script>
<script>
$(function() {
setTimeout(function() { $("#showDiv").fadeOut(0); }, 0);
setTimeout(function() { $("#hideDiv").fadeOut(1500); }, 5000);
setTimeout(function() { $("#showDiv").fadeIn(1500); }, 5000);
})
</script>
</head> </head>
<body> <body>
@ -91,33 +124,37 @@
<div class="container clearfix"> <div class="container clearfix">
<!-- LOGO --> <!-- LOGO -->
<div class="logo pull-left"> <div id="hideDiv" class="logo pull-left">
<a href="index.html" ><span class="b5">a</span><span class="b4">r</span><span class="b3">e</span><span class="b2">a</span><span class="b1">&dash;</span><span class="b2">5</span><span class="b3">1</span></a> <a href="index.html" ><div style="text-shadow: 0px 0px 5px #111111;"><small><small><small><span style="filter: blur(1.5px);"><big>&#9964;</big></span><small><span class="b1" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);">a</span><span class="b2" style="vertical-align: middle; font-size: 15px; filter: blur(0.9px);">r</span><span class="b3" style="vertical-align: middle; font-size: 15px; filter: blur(0.6px);">e</span><span class="b4" style="vertical-align: middle; font-size: 15px; filter: blur(0.3px);">a</span><span class="b5" style="vertical-align: middle; font-size: 15px; filter: blur(0.6px);">&mdash;&nbsp;&nbsp;</span><span class="b4" style="vertical-align: middle; font-size: 15px; filter: blur(0.9px);">5</span><span class="b3" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);">1</span></small></small></small></span></div></a>
</div><!-- //LOGO -->
<!-- LOGO -->
<div id="showDiv" class="logo pull-left">
<a href="index.html" ><div style="text-shadow: 0px 0px 5px #111111;"><small><small><small><span style="filter: blur(1.5px);"><big>&#9964;</big></span><small><span class="b4" style="vertical-align: middle; font-size: 15px; filter: blur(0.9px);">5</span><span class="b3" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);">1</span></small></small></small></span></div></a>
</div><!-- //LOGO --> </div><!-- //LOGO -->
<!-- SEARCH FORM --> <!-- SEARCH FORM -->
<div id="search-form" class="pull-right"> <div id="search-form" class="pull-right">
<form method="get" action="#"> <form method="get" target="_blank" action="https://search.brave.com/search">
<input type="text" name="Search" value="Search" onFocus="if (this.value == 'Search') this.value = '';" onBlur="if (this.value == '') this.value = 'Search';" /> <input type="text" name="q" value="Hledat" onFocus="if (this.value == 'Hledat') this.value = '';" onBlur="if (this.value == '') this.value = 'Hledat';" />
</form> </form>
</div><!-- SEARCH FORM --> </div><!-- SEARCH FORM -->
<!-- MENU --> <!-- MENU -->
<div class="pull-right"> <div class="pull-right">
<nav class="navmenu center"> <nav class="navmenu center navigace">
<ul> <ul class="menu">
<li class="first scroll_btn"><a href="index.html">Home <i class="fa fa-rocket"></i></a></li> <li class="first active scroll_btn"><a href="#home" ><small><i class="fa fa-slideshare"></i><span>A51</span></small></a></li>
<li class="scroll_btn"><a href="index.html#about">About <i class="fa fa-user"></i></a></li> <li class="scroll_btn"><a href="#about" ><small><i class="fa fa-film"></i><span>Film</span></small></a></li>
<li class="scroll_btn"><a href="index.html#projects">Project's <i class="fa fa-share"></i></a></li> <li class="scroll_btn"><a href="#projects" ><small><i class="fa fa-bar-chart"></i><span>Koncept</span></small></a></li>
<li class="scroll_btn"><a href="index.html#team">Team <i class="fa fa-users"></i></a></li> <li class="scroll_btn"><a href="#team" ><small><i class="fa fa-users"></i><span>Zdroje</span></small></a></li>
<li class="scroll_btn"><a href="index.html#news">News <i class="fa fa-rss"></i></a></li> <li class="scroll_btn"><a href="#news" ><small><i class="fa fa-map-marker"></i><span>Mapa</span></small></a></li>
<li class="scroll_btn last"><a href="index.html#contacts">Contact's <i class="fa fa-envelope"></i></a></li> <li class="scroll_btn last"><a href="#contacts" ><small><i class="fa fa-envelope"></i><span>Dotaz</span></small></a></li>
<li class="sub-menu active"> <li class="sub-menu">
<a href="javascript:void(0);">Git <i class="fa fa-folder"></i></a> <a href="javascript:void(0);" ><i class="fa fa-cube"></i><span>3D</span></a>
<ul> <ul>
<li class="active"><a href="blog.html">Blog <i class="fa fa-rss"></i></a></li> <li><a href="blog.html" ><i class="bi bi-badge-3d-fill"></i> <small>Scény</small> <big><i class="bx bxl-blender"></i></big></a></li>
<li><a href="blog-post.html">Blog Post</a></li> <li><a href="blog-post.html" ><i class="bi bi-badge-4k-fill"></i> <small>Videa</small> <big><i class="bx bxs-video-recording"></i></big></a></li>
<li><a href="portfolio-post.html">Portfolio Single Work</a></li> <li><a href="portfolio-post.html" >Portfolio Single Work</a></li>
</ul> </ul>
</li> </li>
</ul> </ul>

57
css/animate1.css Normal file
View file

@ -0,0 +1,57 @@
/* Google Fonts */
@import url(https://fonts.googleapis.com/css?family=Anonymous+Pro);
/* Cursor */
.cursor{
position: relative;
width: 24em;
margin: 0 auto;
border-right: 2px solid rgba(255,255,255,.75);
font-size: 30px;
text-align: left;
white-space: nowrap;
overflow: hidden;
transform: translateY(-50%);
}
/* Animation */
.typewriter-animation {
animation:
typewriter 5s steps(50) 1s 1 normal both,
blinkingCursor 500ms steps(50) infinite normal;
}
.typewriter-animation1 {
animation:
typewriter 5s steps(50) 5s 1 normal both,
blinkingCursor 500ms steps(50) infinite normal;
}
.typewriter-animation2 {
animation:
typewriter 5s steps(100) 10s 1 normal both,
blinkingCursor 500ms steps(100) infinite normal;
}
.typewriter-animation3 {
animation:
typewriter 5s steps(100) 15s 1 normal both,
blinkingCursor 500ms steps(100) infinite normal;
}
.typewriter-animation4 {
animation:
typewriter 5s steps(100) 20s 1 normal both,
blinkingCursor 500ms steps(100) infinite normal;
}
@keyframes typewriter {
from { width: 0; }
to { width: 100%; }
}
@keyframes blinkingCursor{
from { border-right-color: rgba(255,255,255,.75); }
to { border-right-color: transparent; }
}
/* Global */
.note { margin-top: 0em; padding: 2em; color: #ffffff; font-family: 'Anonymous Pro', monospace; text-shadow: 0px 0px 10px #000000;}

71
css/animate2.css Normal file
View file

@ -0,0 +1,71 @@
@import url("https://fonts.googleapis.com/css?family=Raleway:400,400i,700");
*, *::before, *::after {
padding: 0;
margin: 0 auto;
box-sizing: border-box;
}
.content {
width: 95%;
max-width: 40ch;
padding: 3em 1em;
}
.marquee {
position: relative;
width: 100%;
height: 2em;
font-size: 5em;
display: grid;
place-items: center;
overflow: hidden;
}
.marquee_text {
position: absolute;
min-width: 100%;
text-shadow: 0px 0px 5px #000;
white-space: nowrap;
-webkit-animation: marquee 16s infinite linear;
animation: marquee 16s infinite linear;
}
@-webkit-keyframes marquee {
from {
translate: 70%;
}
to {
translate: -70%;
}
}
@keyframes marquee {
from {
translate: 70%;
}
to {
translate: -70%;
}
}
.marquee_blur {
position: absolute;
inset: 0;
display: grid;
place-items: center;
background-color: white;
background-image: linear-gradient(to right, black, 1rem, transparent 50%), linear-gradient(to left, black, 1rem, transparent 50%);
filter: contrast(15);
}
.marquee_blur p {
filter: blur(0.07em);
}
.marquee_clear {
position: absolute;
inset: 0;
display: grid;
place-items: center;
}
.text {
margin-block: 2em;
text-shadow: 0px 0px 30px #000;
color: #000;
opacity: 0.3;
}

578
css/flexslider-mobil.css Normal file
View file

@ -0,0 +1,578 @@
/*
* jQuery FlexSlider v2.2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-control-thumbs img {cursor:pointer;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider {overflow:hidden; position: relative; z-index:2;}
.flexslider.top_slider {min-height:564px; background-color:#ccc;}
.flexslider.top_slider:before {
content:'';
position:absolute;
z-index:3;
left:0;
bottom:0;
width:100%;
height:80px;
background-image:url(../images/slider/slide_shadow.png);
background-repeat:repeat-x;
background-size:auto 100%;
-webkit-background-size:auto 100%;
}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
/* Direction Nav */
.flexslider.top_slider .flex-direction-nav {
position:relative;
margin:0 auto;
}
.flexslider.top_slider .flex-direction-nav li a {
position:absolute;
z-index:300;
bottom:50px;
display:block;
width:70px;
height:70px;
font-family:FontAwesome;
text-align:center;
background-color:#fff;
}
.flexslider.top_slider .flex-direction-nav li a:hover {background-color:#333;}
.flexslider.top_slider .flex-direction-nav li a.flex-prev {left:0;}
.flexslider.top_slider .flex-direction-nav li a.flex-next {left:71px;}
.flexslider.top_slider .flex-direction-nav li a:before {
position:absolute;
left:0;
top:0;
width:70px;
height:70px;
line-height:66px;
font-size:32px;
color:#333;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.flexslider.top_slider .flex-direction-nav li a.flex-prev:before {content: "\f104";}
.flexslider.top_slider .flex-direction-nav li a.flex-next:before {content: "\f105";}
.flexslider.top_slider .flex-direction-nav li a:hover:before {color:#fff;}
/* __________ Portfolio Post Direction Nav __________ */
.flexslider.portfolio_single_slider {position:relative;}
.flexslider.portfolio_single_slider .flex-direction-nav li a {
position:absolute;
z-index:300;
top:0;
bottom:0;
display:block;
width:200px;
height:100%;
font-family:FontAwesome;
text-align:center;
opacity:0;
}
.flexslider.portfolio_single_slider .flex-direction-nav li a:hover {background:none;}
.flexslider.portfolio_single_slider .flex-direction-nav li a.flex-prev {left:-50px;}
.flexslider.portfolio_single_slider .flex-direction-nav li a.flex-next {right:-50px;}
.flexslider.portfolio_single_slider:hover .flex-direction-nav li a.flex-prev {left:0; opacity:1;}
.flexslider.portfolio_single_slider:hover .flex-direction-nav li a.flex-next {right:0; opacity:1;}
.flexslider.portfolio_single_slider .flex-direction-nav li a:before {
position:absolute;
top:50%;
width:70px;
height:70px;
margin-top:-35px;
line-height:66px;
font-size:32px;
color:rgba(0,0,0,0.5);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.flexslider.portfolio_single_slider .flex-direction-nav li a.flex-prev:before {content: "\f104"; left:0;}
.flexslider.portfolio_single_slider .flex-direction-nav li a.flex-next:before {content: "\f105"; right:0;}
.flexslider.portfolio_single_slider .flex-direction-nav li a:hover:before {color:#fff;}
/* __________ Control Navigation __________ */
.flex-control-nav {
position:absolute;
z-index:300;
left:0;
bottom:30px;
width:100%;
text-align:center;
}
.flex-control-nav li {
display:inline-block;
margin:0 8px;
}
.flex-control-nav li a {
display:block;
width:10px;
height:10px;
border-radius:50%;
border:2px solid #333;
background-color:#fff;
font-size:0;
cursor:pointer;
transition: none;
-webkit-transition: none;
}
.flex-control-nav li a.flex-active {
position:relative;
top:-3px;
left:-3px;
right:-3px;
width:16px;
height:16px;
background-color:#333;
cursor:default;
}
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
/* Works Slider */
.flexslider.works_slider .flex-direction-nav li a {
position:absolute;
z-index:300;
bottom:30px;
display:block;
width:50px;
height:50px;
font-family:FontAwesome;
text-align:center;
background-color:#fff;
}
.flexslider.works_slider .flex-direction-nav li a:hover {background-color:#333;}
.flexslider.works_slider .flex-direction-nav li a.flex-prev {left:20px;}
.flexslider.works_slider .flex-direction-nav li a.flex-next {left:70px;}
.flexslider.works_slider .flex-direction-nav li a:before {
position:absolute;
left:0;
top:0;
width:50px;
height:50px;
line-height:46px;
font-size:32px;
color:#333;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.flexslider.works_slider .flex-direction-nav li a.flex-prev:before {content: "\f104";}
.flexslider.works_slider .flex-direction-nav li a.flex-next:before {content: "\f105";}
.flexslider.works_slider .flex-direction-nav li a:hover:before {color:#fff;}
/* Control Nav */
.flex-control-thumbs {
position: absolute;
z-index:200;
left:0;
bottom:50px;
width:100%;
text-align:center;
}
.flex-control-thumbs li {
overflow:hidden;
position:relative;
display:inline-block;
width: 100px;
height:70px;
margin: 0 5px;
}
.flex-control-thumbs img {
position:asbolute;
width: auto;
max-width:none;
height:100%;
display: block;
cursor: pointer;
}
.flex-control-thumbs li img.flex-active:before {
content:'';
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
border:5px solid #fff;
}
/* thumb navigation */
#carousel {
position:absolute;
left:0;
bottom:45px;
width:100%;
}
#carousel .slides {text-align:center;}
#carousel .slides li {
overflow:hidden;
z-index:10 !important;
float:none !important;
display:inline-block !important;
padding:5px 0 0;
width:105px !important;
height:75px !important;
margin:0 2px 0 5px !important;
opacity:1 !important;
cursor:pointer;
box-shadow:3px 3px 3px rgba(0,0,0,0.15);
}
#carousel .slides li.flex-active-slide:before {
content:'';
position:absolute;
left:0;
top:5px;
right:0;
bottom:0;
border:5px solid transparent;
}
#carousel .slides li.flex-active-slide:before {border-color:#fff;}
#carousel .slides li.flex-active-slide:after {
content:'';
position:absolute;
left:50%;
top:0;
margin-left:-2px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 4px solid transparent;
border-bottom: 5px solid #fff;
}
#carousel .slides li img {
width:auto;
max-width:none;
height:100%;
}
/* Caption */
.top_slider .slide1 {
height:100%;
background-image:url(../images/slider/slide1_bg_mobil.jpg);
background-size:cover;
background-attachment:fixed !important;
}
.top_slider .slide1 .flex_caption1 {
position:absolute;
z-index:30;
left:50%;
top:45%;
width:100%;
margin-left:-585px;
color:#fff;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.top_slider .slide1 .flex_caption1 .title1 {margin-bottom:15px; display:inline-block; font-weight:500; line-height:80px; font-size:80px;}
.top_slider .slide1 .flex_caption1 .title2 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
.top_slider .slide1 .flex_caption1 .title3 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
.top_slider .slide1 .flex_caption1 .title4 {margin-bottom:15px; width:680px; font-weight:300; line-height:34px; font-size:26px;}
.top_slider .slide2 {
height:100%;
background-image:url(../images/slider/slide2_bg_mobil.jpg);
background-size:cover;
background-attachment:fixed !important;
}
.top_slider .slide2 .flex_caption1 {
position:absolute;
z-index:30;
left:50%;
top:45%;
width:100%;
margin-left:-585px;
color:#333;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.top_slider .slide2 .flex_caption1 .title1 {margin-bottom:15px; display:inline-block; font-weight:500; line-height:80px; font-size:80px;}
.top_slider .slide2 .flex_caption1 .title2 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
.top_slider .slide2 .flex_caption1 .title3 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
.top_slider .slide2 .flex_caption1 .title4 {margin-bottom:15px; width:680px; font-weight:300; line-height:34px; font-size:26px;}
.top_slider .slide3 {
height:100%;
background-image:url(../images/slider/slide3_bg_mobil.jpg);
background-repeat:no-repeat;
background-size:cover;
}
.top_slider .slide3 .flex_caption1 {
position:absolute;
z-index:30;
left:50%;
top:45%;
width:100%;
margin-left:-585px;
color:#000;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.top_slider .slide3 .flex_caption1 .title1 {margin-bottom:15px; display:inline-block; font-weight:500; line-height:80px; font-size:80px;}
.top_slider .slide3 .flex_caption1 .title2 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
.top_slider .slide3 .flex_caption1 .title3 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
.top_slider .slide3 .flex_caption1 .title4 {margin-bottom:15px; width:680px; font-weight:300; line-height:34px; font-size:26px;}
.top_slider .slide_btn {
position:absolute;
z-index:110;
bottom:50px;
left:50%;
width:171px;
display:inline-block;
margin-left:414px;
padding:26px 30px 24px;
text-transform:uppercase;
font-weight:900;
color:#333;
background-color:#fff;
}
.top_slider .slide_btn:hover {background-color:#1c1c1c; color:#fff;}
.top_slider .slide_btn:before {
position:absolute;
content: "\f105";
right:30px;
top:0;
width:20px;
height:20px;
font-family:FontAwesome;
text-align:right;
line-height:66px;
font-size:32px;
color:#333;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.top_slider .slide_btn:hover:before {color:#fff;}
/* __________ Video Slide __________ */
.slide3 .buttonBar {display:none;}
#controlBar_P2 {display:none !important;}
.slide3.bg {
height:100%;
background-image:url(../images/slider/slide3_bg_mobil.jpg);
background-size:cover;
background-repeat:no-repeat;
}
#carousel .slides li .video {
position:absolute;
left:50%;
top:50%;
width:30px;
height:30px;
margin:-15px 0 0 -15px;
background-image:url(../images/video.png);
background-repeat:no-repeat;
background-size:100% auto;
-webkit-background-size:100% auto;
}
/* _________ //Video Slide _________ */
/* Flex Caption Effect */
.FadeIn, .FromTop, .FromRight, .FromBottom, .FromLeft {opacity: 0; transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out;}
.captionDelay1 {transition-delay: 0.1s; -webkit-transition-delay: 0.1s;}
.captionDelay2 {transition-delay: 0.2s; -webkit-transition-delay: 0.2s;}
.captionDelay3 {transition-delay: 0.3s; -webkit-transition-delay: 0.3s;}
.captionDelay4 {transition-delay: 0.4s; -webkit-transition-delay: 0.4s;}
.captionDelay5 {transition-delay: 0.5s; -webkit-transition-delay: 0.5s;}
.captionDelay6 {transition-delay: 0.6s; -webkit-transition-delay: 0.6s;}
.captionDelay7 {transition-delay: 0.7s; -webkit-transition-delay: 0.7s;}
.captionDelay8 {transition-delay: 0.8s; -webkit-transition-delay: 0.8s;}
.captionDelay9 {transition-delay: 0.9s; -webkit-transition-delay: 0.9s;}
.captionDelay10 {transition-delay: 1s; -webkit-transition-delay: 1s;}
.captionDelay11{transition-delay: 1.1s; -webkit-transition-delay: 1.1s;}
.captionDelay12 {transition-delay: 1.2s; -webkit-transition-delay: 1.2s;}
.flexslider li.flex-active-slide .FadeIn {opacity: 1;}
.flexslider li .FromTop {transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%);}
.flexslider li.flex-active-slide .FromTop {opacity: 1; transform: translateY(0); -o-transform: translateY(0%); -ms-transform: translateY(0); -webkit-transform: translateY(0);}
.flexslider li .FromBottom {transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); -webkit-transform: translateY(100%);}
.flexslider li.flex-active-slide .FromBottom {opacity: 1; transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0);}
.flexslider li .FromLeft {transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%);}
.flexslider li.flex-active-slide .FromLeft {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0);}
.flexslider li .FromRight {transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%);}
.flexslider li.flex-active-slide .FromRight {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0);}
/* Responsive Styles */
@media (min-width: 992px) and (max-width: 1199px) {
.top_slider .slide1 .flex_caption1, .top_slider .slide2 .flex_caption1, .top_slider .slide3 .flex_caption1 {margin-left:-485px;}
.top_slider .slide1 .flex_caption1 .title1, .top_slider .slide1 .flex_caption1 .title2, .top_slider .slide1 .flex_caption1 .title3, .top_slider .slide2 .flex_caption1 .title1, .top_slider .slide2 .flex_caption1 .title2, .top_slider .slide2 .flex_caption1 .title3, .top_slider .slide3 .flex_caption1 .title1, .top_slider .slide3 .flex_caption1 .title2, .top_slider .slide3 .flex_caption1 .title3 {font-size:70px; line-height:70px;}
.top_slider .slide_btn {margin-left:314px;}
}
@media (min-width: 768px) and (max-width: 991px) {
.top_slider .slide1 .flex_caption1, .top_slider .slide2 .flex_caption1, .top_slider .slide3 .flex_caption1 {margin-left:-375px;}
.top_slider .slide1 .flex_caption1 .title1, .top_slider .slide1 .flex_caption1 .title2, .top_slider .slide1 .flex_caption1 .title3, .top_slider .slide2 .flex_caption1 .title1, .top_slider .slide2 .flex_caption1 .title2, .top_slider .slide2 .flex_caption1 .title3, .top_slider .slide3 .flex_caption1 .title1, .top_slider .slide3 .flex_caption1 .title2, .top_slider .slide3 .flex_caption1 .title3 {font-size:60px; line-height:60px;}
.top_slider .slide_btn {margin-left:204px;}
.top_slider .slide1 .flex_caption1 .title4, .top_slider .slide2 .flex_caption1 .title4, .top_slider .slide3 .flex_caption1 .title4 {font-size:17px; line-height:24px; width:450px;}
}
@media (max-width: 767px) {
.flexslider.top_slider:before {height:40px;}
.top_slider .slide1 .flex_caption1, .top_slider .slide2 .flex_caption1, .top_slider .slide3 .flex_caption1 {margin-left:0; left:15px;}
.top_slider .slide1 .flex_caption1 .title1, .top_slider .slide1 .flex_caption1 .title2, .top_slider .slide1 .flex_caption1 .title3, .top_slider .slide2 .flex_caption1 .title1, .top_slider .slide2 .flex_caption1 .title2, .top_slider .slide2 .flex_caption1 .title3, .top_slider .slide3 .flex_caption1 .title1, .top_slider .slide3 .flex_caption1 .title2, .top_slider .slide3 .flex_caption1 .title3 {font-size:40px; line-height:40px;}
.top_slider .slide1 .flex_caption1 .title4, .top_slider .slide2 .flex_caption1 .title4, .top_slider .slide3 .flex_caption1 .title4 {font-size:13px; line-height:19px; width:420px;}
#carousel .slides li {width:70px !important; height:55px !important; margin:0 0 0 2px !important;}
.flexslider.top_slider .flex-direction-nav li a {width:50px; height:50px;}
.flexslider.top_slider .flex-direction-nav li a.flex-next {left:51px;}
.flexslider.top_slider .flex-direction-nav li a:before {width:50px; height:50px; line-height:46px;}
.top_slider .slide_btn {padding:15px 20px 15px 5px; width:auto; left:auto; right:15px; margin:0;}
.top_slider .slide_btn:before {right:5px; font-size:18px; top:-7px;}
}
@media (max-width: 479px) {
.top_slider .slide1 .flex_caption1 .title1, .top_slider .slide1 .flex_caption1 .title2, .top_slider .slide1 .flex_caption1 .title3, .top_slider .slide2 .flex_caption1 .title1, .top_slider .slide2 .flex_caption1 .title2, .top_slider .slide2 .flex_caption1 .title3, .top_slider .slide3 .flex_caption1 .title1, .top_slider .slide3 .flex_caption1 .title2, .top_slider .slide3 .flex_caption1 .title3 {font-size:26px; line-height:26px;}
.top_slider .slide1 .flex_caption1 .title4, .top_slider .slide2 .flex_caption1 .title4, .top_slider .slide3 .flex_caption1 .title4 {width:290px;}
#carousel {display:none;}
}

View file

@ -324,7 +324,7 @@ html[xmlns] .slides {display: block;}
top:45%; top:45%;
width:100%; width:100%;
margin-left:-585px; margin-left:-585px;
color:#333; color:#fff;
transform: translateY(-50%); transform: translateY(-50%);
-o-transform: translateY(-50%); -o-transform: translateY(-50%);
-ms-transform: translateY(-50%); -ms-transform: translateY(-50%);
@ -351,7 +351,7 @@ html[xmlns] .slides {display: block;}
top:45%; top:45%;
width:100%; width:100%;
margin-left:-585px; margin-left:-585px;
color:#fff; color:#333;
transform: translateY(-50%); transform: translateY(-50%);
-o-transform: translateY(-50%); -o-transform: translateY(-50%);
-ms-transform: translateY(-50%); -ms-transform: translateY(-50%);

Binary file not shown.

Before

Width:  |  Height:  |  Size: 119 KiB

After

Width:  |  Height:  |  Size: 278 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 188 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 154 KiB

After

Width:  |  Height:  |  Size: 727 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 462 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 56 KiB

After

Width:  |  Height:  |  Size: 183 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 133 KiB

View file

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="cs">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
@ -12,17 +12,45 @@
<!-- CSS --> <!-- CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="css/flexslider.css" rel="stylesheet" type="text/css" /> <script>
function isMobile() {
const regex = /Mobi|Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
return regex.test(navigator.userAgent);
}
if (isMobile()) {
console.log("Detekováno mobilní zařízení");
document.write("<style>");
document.write(".sloupce {column-count:1; column-width:100px; column-rule-width:10px;}");
document.write(".menu a span {padding-left: 5px; vertical-align:center; white-space:nowrap;}");
document.write(".menu a:hover span {padding-left: 10px;}");
document.write("</style>");
document.write("<link href='css/flexslider-mobil.css' rel='stylesheet' type='text/css' />");
} else {
console.log("Detekován počítač");
document.write("<style>");
document.write(".sloupce {column-count:2; column-width:100px; column-rule-width:10px;}");
document.write(".navigace {margin-top: -0.5rem;}");
document.write(".menu a span {display:block; margin-top: -0.6625rem;}");
document.write(".menu a:hover span {display:none;}");
document.write("</style>");
document.write("<link href='css/flexslider.css' rel='stylesheet' type='text/css' />");
}
</script>
<!--<link href="css/flexslider.css" rel="stylesheet" type="text/css" />-->
<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" /> <link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/animate.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/owl.carousel.css" rel="stylesheet"> <link href="css/animate1.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/animate2.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/owl.carousel.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet" type="text/css" /> <link href="css/style.css" rel="stylesheet" type="text/css" />
<!-- FONTS --> <!-- FONTS -->
<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,500,700italic,900,900italic' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,500,700italic,900,900italic' rel='stylesheet' type='text/css'>
<!--<link href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> -->
<link href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet"> <link href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/font-logos@1.3.0/assets/font-logos.min.css" rel="stylesheet"> <link href="lib/font-logos/assets/font-logos.css" rel="stylesheet">
<link href="lib/bootstrap-icons-1.11.3/font/bootstrap-icons.css" rel="stylesheet">
<link href="lib/boxicons-2.1.4/css/boxicons.min.css" rel="stylesheet">
<!-- SCRIPTS --> <!-- SCRIPTS -->
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
@ -68,7 +96,13 @@
}); });
</script> </script>
<script>
$(function() {
setTimeout(function() { $("#showDiv").fadeOut(0); }, 0);
setTimeout(function() { $("#hideDiv").fadeOut(1500); }, 5000);
setTimeout(function() { $("#showDiv").fadeIn(1500); }, 5000);
})
</script>
</head> </head>
<body> <body>
@ -90,32 +124,36 @@
<div class="container clearfix"> <div class="container clearfix">
<!-- LOGO --> <!-- LOGO -->
<div class="logo pull-left"> <div id="hideDiv" class="logo pull-left">
<a href="index.html" ><span class="b5">a</span><span class="b4">r</span><span class="b3">e</span><span class="b2">a</span><span class="b1">&dash;</span><span class="b2">5</span><span class="b3">1</span></a> <a href="index.html" ><div style="text-shadow: 0px 0px 5px #111111;"><small><small><small><span style="filter: blur(1.5px);"><big>&#9964;</big></span><small><span class="b1" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);">a</span><span class="b2" style="vertical-align: middle; font-size: 15px; filter: blur(0.9px);">r</span><span class="b3" style="vertical-align: middle; font-size: 15px; filter: blur(0.6px);">e</span><span class="b4" style="vertical-align: middle; font-size: 15px; filter: blur(0.3px);">a</span><span class="b5" style="vertical-align: middle; font-size: 15px; filter: blur(0.6px);">&mdash;&nbsp;&nbsp;</span><span class="b4" style="vertical-align: middle; font-size: 15px; filter: blur(0.9px);">5</span><span class="b3" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);">1</span></small></small></small></span></div></a>
</div><!-- //LOGO -->
<!-- LOGO -->
<div id="showDiv" class="logo pull-left">
<a href="index.html" ><div style="text-shadow: 0px 0px 5px #111111;"><small><small><small><span style="filter: blur(1.5px);"><big>&#9964;</big></span><small><span class="b4" style="vertical-align: middle; font-size: 15px; filter: blur(0.9px);">5</span><span class="b3" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);">1</span></small></small></small></span></div></a>
</div><!-- //LOGO --> </div><!-- //LOGO -->
<!-- SEARCH FORM --> <!-- SEARCH FORM -->
<div id="search-form" class="pull-right"> <div id="search-form" class="pull-right">
<form method="get" action="#"> <form method="get" target="_blank" action="https://search.brave.com/search">
<input type="text" name="Search" value="Search" onFocus="if (this.value == 'Search') this.value = '';" onBlur="if (this.value == '') this.value = 'Search';" /> <input type="text" name="q" value="Hledat" onFocus="if (this.value == 'Hledat') this.value = '';" onBlur="if (this.value == '') this.value = 'Hledat';" />
</form> </form>
</div><!-- SEARCH FORM --> </div><!-- SEARCH FORM -->
<!-- MENU --> <!-- MENU -->
<div class="pull-right"> <div class="pull-right">
<nav class="navmenu center"> <nav class="navmenu center navigace">
<ul> <ul class="menu">
<li class="first active scroll_btn"><a href="#home" >Home</a></li> <li class="first active scroll_btn"><a href="#home" ><small><i class="fa fa-slideshare"></i><span>A51</span></small></a></li>
<li class="scroll_btn"><a href="#about" >About</a></li> <li class="scroll_btn"><a href="#about" ><small><i class="fa fa-film"></i><span>Film</span></small></a></li>
<li class="scroll_btn"><a href="#projects" >Project's</a></li> <li class="scroll_btn"><a href="#projects" ><small><i class="fa fa-bar-chart"></i><span>Koncept</span></small></a></li>
<li class="scroll_btn"><a href="#team" >Team</a></li> <li class="scroll_btn"><a href="#team" ><small><i class="fa fa-users"></i><span>Zdroje</span></small></a></li>
<li class="scroll_btn"><a href="#news" >News</a></li> <li class="scroll_btn"><a href="#news" ><small><i class="fa fa-map-marker"></i><span>Mapa</span></small></a></li>
<li class="scroll_btn last"><a href="#contacts" >Contact's</a></li> <li class="scroll_btn last"><a href="#contacts" ><small><i class="fa fa-envelope"></i><span>Dotaz</span></small></a></li>
<li class="sub-menu"> <li class="sub-menu">
<a href="javascript:void(0);" >Git</a> <a href="javascript:void(0);" ><i class="fa fa-cube"></i><span>3D</span></a>
<ul> <ul>
<li><a href="blog.html" >Blog</a></li> <li><a href="blog.html" ><i class="bi bi-badge-3d-fill"></i> <small>Scény</small> <big><i class="bx bxl-blender"></i></big></a></li>
<li><a href="blog-post.html" >Blog Post</a></li> <li><a href="blog-post.html" ><i class="bi bi-badge-4k-fill"></i> <small>Videa</small> <big><i class="bx bxs-video-recording"></i></big></a></li>
<li><a href="portfolio-post.html" >Portfolio Single Work</a></li> <li><a href="portfolio-post.html" >Portfolio Single Work</a></li>
</ul> </ul>
</li> </li>
@ -134,33 +172,42 @@
<div class="flexslider top_slider"> <div class="flexslider top_slider">
<ul class="slides"> <ul class="slides">
<li class="slide1"> <li class="slide1">
<div class="flex_caption1" style="text-shadow: 0px 0px 10px #000000; margin-top: 15rem;"> <div class="flex_caption1" style="text-shadow: 0px 0px 10px #000; margin-top: 0rem;">
<!--<p class="title2 captionDelay2 FromTop">Obscure&nbsp;</p>--> <p class="title2 captionDelay2 FromLeft"><small><small><i class="fa fa-users">&nbsp;</i></small></small></p>
<p class="title1 captionDelay4 FromTop"><big><i class="fa fa-eye"></i></big> FLUX</p> <p class="title1 captionDelay3 FromTop"><small><small>AKCE<sup>&sup1;&dash;&sup3;</sup></small></small></p>
<p class="title2 captionDelay4 FromTop">AI</p> <p class="title2 captionDelay4 FromRight"><i class='bx bx-street-view'></i></p>
<p class="title1 captionDelay6 FromTop"><i class="fa fa-share"><!--<sub style="font-size: 20px; margin-left: -2rem;"><small>shared on</small></sub>--></i> <big>𝕏</big></p> <p class="title1 captionDelay5 FromRight"><small><small><i class="fa fa-share" style="transform: rotate(90deg);"></i></small></small></p>
<p class="title4 captionDelay7 FromBottom">The template is suitable for any company and the direction that appreciates style, purity and quality of the web site.</p> <p class="title4 captionDelay6 FromBottom"><small><small>Jsem 'influencer' vyznávající nudismus, jenž v tomto duchu pořádá veřejně přístupné <b>akce</b> pro širokou veřejnost...</small></small></p>
<p class="title4 captionDelay10 FromRight" style="padding-left: 40px;"><small><small><i class="fa fa-square" style="padding-right: 20px;"></i> Do bazénu bez plavek...</small></small></p>
<p class="title4 captionDelay11 FromRight" style="padding-left: 40px;"><small><small><i class="fa fa-square" style="padding-right: 20px;"></i> Věnuji se vývoji a testování webových aplikací...</small></small></p>
<p class="title4 captionDelay12 FromRight" style="padding-left: 40px;"><small><small><i class="fa fa-square" style="padding-right: 20px;"></i> Pořádám veřejné i soukromé akce...</small></small></p>
<!--<hr style="border-width: 1px; text-shadow: 0px 0px 10px #ffffff; opacity: 0.5;">-->
<!--<p class="cursor typewriter-animation1 note"><small>První část z trilogie <a href="https://nahej.cz">'nahej'</a>...</small></p>-->
</div> </div>
<a class="slide_btn FromRight" href="javascript:void(0);" ><big><i class="fa fa-eye"></i></big> Číst dál</a> <a class="slide_btn FromRight" href="https://nudista.online" ><big><i class="fa fa-globe"></i></big>&nbsp;&nbsp;Web</a>
<li class="slide2"> <li class="slide2">
<div class="flex_caption1" style="text-shadow: 0px 0px 10px #000000; margin-top: 15rem;"> <div class="flex_caption1" style="text-shadow: 0px 0px 10px #000000; margin-top: 0rem;">
<!--<p class="title2 captionDelay6 FromLeft">Erotic&nbsp;</p>--> <p class="title2 captionDelay2 FromLeft"><small><small><i class="fa fa-users">&nbsp;</i></small></small></p>
<p class="title1 captionDelay4 FromTop"><big><i class="fa fa-eye"></i></big> CANON</p> <p class="title1 captionDelay3 FromTop"><small><small>PRODUKCE<sup>&sup2;&dash;&sup3;</sup></small></small></p>
<p class="title2 captionDelay4 FromLeft">EOS</p> <p class="title2 captionDelay4 FromRight"><i class='bx bxs-camera-movie' ></i></p>
<p class="title3 captionDelay2 FromLeft"><i class="fa fa-share"><!--<sub style="font-size: 20px; margin-left: -2rem;"><small>shared on</small></sub>--></i> <big>𝕏</big></p> <p class="title3 captionDelay5 FromRight"><small><small><i class="fa fa-share" style="transform: rotate(90deg);"></i></small></small></p>
<p class="title4 captionDelay7 FromLeft">The template is suitable for any company and the direction that appreciates style, purity and quality of the web site.</p> <p class="title4 captionDelay6 FromBottom"><small><small>Mým cílem je proto má vlastní soukromá filmová <b>produkce</b>, jež by měla veřejnosti osvětlit můj pohled na tuto problematiku...</small></small></p>
<p class="title4 captionDelay11 FromRight" style="padding-left: 40px;"><small><small><i class="fa fa-square" style="padding-right: 20px;"></i> Film o mé nahotě v soukromí i na veřejnosti...</small></small></p>
<p class="title4 captionDelay12 FromRight" style="padding-left: 40px;"><small><small><i class="fa fa-square" style="padding-right: 20px;"></i> Film o mé osobě, o mé nahotě v soukromí i na veřejnosti, o tom, čemu se věnuji jen v soukromí, a čemu i na veřejnosti, o tom, čemu věřím, co mne zajímá a za co bojuji...</small></small></p>
</div> </div>
<a class="slide_btn FromRight" href="javascript:void(0);" ><big><i class="fa fa-eye"></i></big> Číst dál</a> <a class="slide_btn FromRight" href="javascript:void(0);" ><big><i class="fa fa-film"></i></big>&nbsp;&nbsp;Film</a>
</li> </li>
<li class="slide3"> <li class="slide3">
<div class="flex_caption1" style="text-shadow: 0px 0px 10px #000000; margin-top: 15rem;"> <div class="flex_caption1" style="text-shadow: 0px 0px 10px #000000; margin-top: 0rem;">
<!--<p class="title2 captionDelay1 FromBottom">Science&nbsp;</p>--> <p class="title2 captionDelay2 FromLeft"><small><small><i class="fa fa-users">&nbsp;</i></small></small></p>
<p class="title1 captionDelay1 FromBottom"><big><i class="fa fa-eye"></i></big> BLENDER</p> <p class="title1 captionDelay3 FromTop"><small><small>FIKCE<sup>&sup3;&dash;&sup3;</sup></small></small></p>
<p class="title2 captionDelay2 FromBottom">3D</p> <p class="title2 captionDelay4 FromRight"><i class='bx bxs-notepad'></i></p>
<p class="title1 captionDelay3 FromBottom"><i class="fa fa-share"><!--<sub style="font-size: 20px; margin-left: -2rem;"><small>shared on</small></sub>--></i> <big>𝕏</big></p> <p class="title1 captionDelay5 FromRight"><small><small><i class="fa fa-share" style="transform: rotate(90deg);"></i></small></small></p>
<p class="title4 captionDelay5 FromBottom">The template is suitable for any company and the direction that appreciates style, purity and quality of the web site.</p> <p class="title4 captionDelay6 FromBottom"><small><small>Taktéž jsem příznivcem vědecko - fantastického žánru, a možná právě proto se některé mé koncepce mohou jevit jako čirá <b>fikce</b>...</small></small></p>
<p class="title4 captionDelay11 FromRight" style="padding-left: 40px;"><small><small><i class="fa fa-square" style="padding-right: 20px;"></i> Film o mé nahotě v soukromí i na veřejnosti...</small></small></p>
<p class="title4 captionDelay12 FromRight" style="padding-left: 40px;"><small><small><i class="fa fa-square" style="padding-right: 20px;"></i> Film o mé osobě, o mé nahotě v soukromí i na veřejnosti, o tom, čemu se věnuji jen v soukromí, a čemu i na veřejnosti, o tom, čemu věřím, co mne zajímá a za co bojuji...</small></small></p>
</div> </div>
<a class="slide_btn FromRight" href="javascript:void(0);" ><big><i class="fa fa-eye"></i></big> Číst dál</a> <a class="slide_btn FromRight" href="javascript:void(0);" ><big><i class="fa fa-cube"></i></big>&nbsp;&nbsp;3D</a>
<!-- VIDEO BACKGROUND --> <!-- VIDEO BACKGROUND -->
<a id="P2" class="player" data-property="{videoURL:'tDvBwPzJ7dY',containment:'.top_slider .slide3',autoPlay:true, mute:true, startAt:0, opacity:1}" ></a> <a id="P2" class="player" data-property="{videoURL:'tDvBwPzJ7dY',containment:'.top_slider .slide3',autoPlay:true, mute:true, startAt:0, opacity:1}" ></a>
@ -186,46 +233,29 @@
<!-- CONTAINER --> <!-- CONTAINER -->
<div class="container"> <div class="container">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
<small>https://www.area-51.cz</small>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
<small>https://www.area-51.cz</small>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
<small>https://www.area-51.cz</small>
</div>
</div>
<!-- ROW --> <!-- ROW -->
<div class="row"> <div class="row">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30"> <div class="col-lg-4 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
<small>192.168.1.50</small> <small><big><i class="fa fa-server"></i> <i class="fl-debian"></i></big> nudista &middot; online</small>
<a class="services_item" href="javascript:void(0);" > <a class="services_item" href="javascript:void(0);" >
<p><b>Web</b> Server <big><i class="fa fa-server"></i><i class="fl-debian"></i></big></p> <p><i class="bi bi-1-square-fill"></i> <b>Akce</b> Nudist@nline &sup1;&dash;&sup3;</p>
<span>Everyone has a data center these days! I'm tempted by the idea of building my own... That's my plan!</span> <span>Everyone has a data center these days! I'm tempted by the idea of building my own... That's my plan!</span>
</a> </a>
</div> </div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30"> <div class="col-lg-4 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
<small>192.168.1.51</small> <small>192.168.1.51</small>
<a class="services_item" href="javascript:void(0);" > <a class="services_item" href="javascript:void(0);" >
<p><b>Render</b> Server <big><i class="fa fa-server"></i></big></p> <p><i class="bi bi-2-square-fill"></i> <b>Produkce</b> Nudist@nline &sup2;&dash;&sup3;</p>
<span>Quality and unique design that meets all the requirements and trends of modern web design.</span> <span>Quality and unique design that meets all the requirements and trends of modern web design.</span>
</a> </a>
</div> </div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30"> <div class="col-lg-4 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
<small>192.168.1.52</small> <small>192.168.1.52</small>
<a class="services_item" href="javascript:void(0);" > <a class="services_item" href="javascript:void(0);" >
<p><b>Work</b> Station <big><i class="fa fa-desktop"></i></big></p> <p><i class="bi bi-3-square-fill"></i> <b>Fikce</b> Nudist@nline &sup3;&dash;&sup3;</p>
<span>Design that will be equally beautifully displayed on all your devices, tablet, smartphone or computer.</span> <span>Design that will be equally beautifully displayed on all your devices, tablet, smartphone or computer.</span>
</a> </a>
</div> </div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
<a class="services_item" href="javascript:void(0);" >
<p><b>Testing</b> Laptop & Support <big><i class="fa fa-laptop"></i></big></p>
<span>Hour and great support template. You can always ask a question and we will help you.</span>
</a>
</div>
</div><!-- //ROW --> </div><!-- //ROW -->
</div><!-- //CONTAINER --> </div><!-- //CONTAINER -->
</div><!-- //SERVICES --> </div><!-- //SERVICES -->
@ -239,7 +269,7 @@
<!-- CASTOM TAB --> <!-- CASTOM TAB -->
<div id="myTabContent" class="tab-content"> <div id="myTabContent" class="tab-content">
<div class="tab-pane fade in active clearfix" id="tab1"> <div class="tab-pane fade in active clearfix" id="tab1">
<p class="title"><i class="fa fa-microchip"></i> <b>Artificial</b> Intelligence</p> <p class="title"><i class="fa fa-microchip"></i> <b>Umělá</b> Inteligence</p>
<span>We tried to make very high-quality product and so our code is very neat and clean. Whatever anyone could improve and modify the template to your liking.</span> <span>We tried to make very high-quality product and so our code is very neat and clean. Whatever anyone could improve and modify the template to your liking.</span>
</div> </div>
<div class="tab-pane fade clearfix" id="tab2"> <div class="tab-pane fade clearfix" id="tab2">
@ -255,11 +285,11 @@
<span>We tried to make very high-quality product and so our code is very neat and clean. Whatever anyone could improve and modify the template to your liking.</span> <span>We tried to make very high-quality product and so our code is very neat and clean. Whatever anyone could improve and modify the template to your liking.</span>
</div> </div>
<div class="tab-pane fade clearfix" id="tab5"> <div class="tab-pane fade clearfix" id="tab5">
<p class="title"><b>Quality</b></p> <p class="title"><i class="fa fa-share"></i> <b>Quality</b></p>
<span>We tried to make very high-quality product and so our code is very neat and clean. Whatever anyone could improve and modify the template to your liking.</span> <span>We tried to make very high-quality product and so our code is very neat and clean. Whatever anyone could improve and modify the template to your liking.</span>
</div> </div>
<div class="tab-pane fade clearfix" id="tab6"> <div class="tab-pane fade clearfix" id="tab6">
<p class="title"><b>Support</b></p> <p class="title"><i class="fa fa-users"></i> <b>Support</b></p>
<span>We tried to make very high-quality product and so our code is very neat and clean. Whatever anyone could improve and modify the template to your liking.</span> <span>We tried to make very high-quality product and so our code is very neat and clean. Whatever anyone could improve and modify the template to your liking.</span>
</div> </div>
</div> </div>
@ -267,7 +297,7 @@
<li class="active"><a class="i1" href="#tab1" data-toggle="tab" ><i></i><span>Clean Code</span></a></li> <li class="active"><a class="i1" href="#tab1" data-toggle="tab" ><i></i><span>Clean Code</span></a></li>
<li><a class="i2" href="#tab2" data-toggle="tab" ><i></i><span>Support</span></a></li> <li><a class="i2" href="#tab2" data-toggle="tab" ><i></i><span>Support</span></a></li>
<li><a class="i3" href="#tab3" data-toggle="tab" ><i></i><span>Linux</span></a></li> <li><a class="i3" href="#tab3" data-toggle="tab" ><i></i><span>Linux</span></a></li>
<li><a class="i4" href="#tab4" data-toggle="tab" ><i></i><span>Documentation</span></a></li> <li><a class="i4" href="#tab4" data-toggle="tab" ><i></i><span>Dokumentace</span></a></li>
<li><a class="i5" href="#tab5" data-toggle="tab" ><i></i><span>Quality</span></a></li> <li><a class="i5" href="#tab5" data-toggle="tab" ><i></i><span>Quality</span></a></li>
<li><a class="i6" href="#tab6" data-toggle="tab" ><i></i><span>Support</span></a></li> <li><a class="i6" href="#tab6" data-toggle="tab" ><i></i><span>Support</span></a></li>
</ul><!-- CASTOM TAB --> </ul><!-- CASTOM TAB -->
@ -284,7 +314,7 @@
<div class="row"> <div class="row">
<div class="col-lg-7 col-md-7 col-sm-7" data-appear-top-offset="-200" data-animated="fadeInLeft"> <div class="col-lg-7 col-md-7 col-sm-7" data-appear-top-offset="-200" data-animated="fadeInLeft">
<h2><i class="fa fa-camera"></i> Main Topic: <b>Nude</b> in <b>Public</b></h2> <h2><i class="fa fa-desktop"></i> Main Topic: <b>Nude</b> in <b>Public</b></h2>
<h3><strong>Záležitost, jenž mne provází už od dětství...</strong></h3> <h3><strong>Záležitost, jenž mne provází už od dětství...</strong></h3>
<p>We tried to make very high-quality product and so our code is very neat and clean. Whatever anyone could improve and modify the template to your liking.</p> <p>We tried to make very high-quality product and so our code is very neat and clean. Whatever anyone could improve and modify the template to your liking.</p>
<p><img align="right" src="images/wth500-1.png" width="200">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p> <p><img align="right" src="images/wth500-1.png" width="200">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
@ -308,7 +338,7 @@
<!-- CONTAINER --> <!-- CONTAINER -->
<div class="container"> <div class="container">
<h2><b>Budoucí</b> Koncepty</h2> <h2>🎬Koncept <b>Ašského</b> Studia</big></h2>
</div><!-- //CONTAINER --> </div><!-- //CONTAINER -->
@ -775,13 +805,13 @@
</div> </div>
<div class="col-lg-4 col-md-4 col-sm-6 padbot30 foot_about_block"> <div class="col-lg-4 col-md-4 col-sm-6 padbot30 foot_about_block">
<h4><b>About</b> us</h4> <h4><b>Kdo</b> jsem</h4>
<p>We value people over profits, quality over quantity, and keeping it real. As such, we deliver an unmatched working relationship with our clients.</p> <p>We value people over profits, quality over quantity, and keeping it real. As such, we deliver an unmatched working relationship with our clients.</p>
<p>Our team is intentionally small, eclectic, and skilled; with our in-house expertise, we provide sharp and</p> <p>Our team is intentionally small, eclectic, and skilled; with our in-house expertise, we provide sharp and</p>
<ul class="social"> <ul class="social">
<li><a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a></li> <li><a href="https://witter.cz/@janrippl" ><small><i class='bx bxl-mastodon' ></i></small></a></li>
<li><a href="javascript:void(0);" ><i class="fa fa-facebook"></i></a></li> <li><a href="https://code.nolog.cz/Nudista-Online/area-51" ><i class="fl-gitea"></i></a></li>
<li><a href="javascript:void(0);" ><i class="fa fa-github"></i></a></li> <li><a href="https://archive.org/details/@jan_rippl" ><i class="fa fa-university"></i></a></li>
<li><a href="https://code.nolog.cz/Nudista-Online/area-51.rss" ><i class="fa fa-rss"></i></a></li> <li><a href="https://code.nolog.cz/Nudista-Online/area-51.rss" ><i class="fa fa-rss"></i></a></li>
<li><a href="javascript:void(0);" ><i class="map_show fa fa-map-marker"></i></a></li> <li><a href="javascript:void(0);" ><i class="map_show fa fa-map-marker"></i></a></li>
</ul> </ul>

245
index2.html Normal file
View file

@ -0,0 +1,245 @@
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="utf-8">
<title>White | responsive bootstrap3 html5 one page template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="images/favicon.ico">
<!-- CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="css/flexslider.css" rel="stylesheet" type="text/css" />
<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/animate1.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/animate2.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/owl.carousel.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!-- FONTS -->
<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,500,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
<link href="lib/font-logos/assets/font-logos.css" rel="stylesheet">
<link href="lib/bootstrap-icons-1.11.3/font/bootstrap-icons.css" rel="stylesheet">
<link href="lib/boxicons-2.1.4/css/boxicons.min.css" rel="stylesheet">
<!-- SCRIPTS -->
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if IE]><html class="ie" lang="en"> <![endif]-->
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
<script src="js/jquery.nicescroll.min.js" type="text/javascript"></script>
<script src="js/superfish.min.js" type="text/javascript"></script>
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
<script src="js/owl.carousel.js" type="text/javascript"></script>
<script src="js/animate.js" type="text/javascript"></script>
<script src="js/jquery.BlackAndWhite.js"></script>
<script src="js/myscript.js" type="text/javascript"></script>
<script>
//PrettyPhoto
jQuery(document).ready(function() {
$("a[rel^='prettyPhoto']").prettyPhoto();
});
//BlackAndWhite
$(window).load(function(){
$('.client_img').BlackAndWhite({
hoverEffect : true, // default true
// set the path to BnWWorker.js for a superfast implementation
webworkerPath : false,
// for the images with a fluid width and height
responsive:true,
// to invert the hover effect
invertHoverEffect: false,
// this option works only on the modern browsers ( on IE lower than 9 it remains always 1)
intensity:1,
speed: { //this property could also be just speed: value for both fadeIn and fadeOut
fadeIn: 300, // 200ms for fadeIn animations
fadeOut: 300 // 800ms for fadeOut animations
},
onImageReady:function(img) {
// this callback gets executed anytime an image is converted
}
});
});
</script>
</head>
<body>
<!-- PRELOADER -->
<img id="preloader" src="images/preloader.gif" alt="" />
<!-- //PRELOADER -->
<div class="preloader_hide">
<!-- PAGE -->
<div id="page">
<!-- HEADER -->
<header>
<!-- MENU BLOCK -->
<div class="menu_block">
<!-- CONTAINER -->
<div class="container clearfix">
<!-- LOGO -->
<div class="logo pull-left">
<a href="index.html" ><div style="text-shadow: 0px 0px 5px #111111;"><span style="filter: blur(1.5px);"><big>&#9964;</big></span><small>&nbsp;&nbsp;&nbsp;<span class="b1" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);">a</span><span class="b2" style="vertical-align: middle; font-size: 15px; filter: blur(0.9px);">r</span><span class="b3" style="vertical-align: middle; font-size: 15px; filter: blur(0.6px);">e</span><span class="b4" style="vertical-align: middle; font-size: 15px; filter: blur(0.3px);">a</span><span class="b5" style="vertical-align: middle; font-size: 15px; filter: blur(0.6px);">&mdash;&nbsp;&nbsp;</span><span class="b4" style="vertical-align: middle; font-size: 15px; filter: blur(0.9px);">5</span><span class="b3" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);">1</span></small></div></a>
</div><!-- //LOGO -->
<!-- SEARCH FORM -->
<div id="search-form" class="pull-right">
<form method="get" action="#">
<input type="text" name="Search" value="Hledat" onFocus="if (this.value == 'Hledat') this.value = '';" onBlur="if (this.value == '') this.value = 'Hledat';" />
</form>
</div><!-- SEARCH FORM -->
<!-- MENU -->
<div class="pull-right">
<nav class="navmenu center">
<ul>
<li class="first active scroll_btn"><a href="#home" ><i class="fa fa-slideshare"></i></a></li>
<li class="scroll_btn"><a href="#about" ><i class="fa fa-film"></i></a></li>
<li class="scroll_btn"><a href="#projects" ><i class="fa fa-bar-chart"></i></a></li>
<li class="scroll_btn"><a href="#team" ><i class="fa fa-users"></i></a></li>
<li class="scroll_btn"><a href="#news" ><i class="fa fa-map-marker"></i></a></li>
<li class="scroll_btn last"><a href="#contacts" ><i class="fa fa-envelope"></i></a></li>
<li class="sub-menu">
<a href="javascript:void(0);" ><i class="fa fa-cube"></i></a>
<ul>
<li><a href="blog.html" ><i class="bi bi-badge-3d-fill"></i> <small>Scény</small> <big><i class="bx bxl-blender"></i></big></a></li>
<li><a href="blog-post.html" ><i class="bi bi-badge-4k-fill"></i> <small>Videa</small> <big><i class="bx bxs-video-recording"></i></big></a></li>
<li><a href="portfolio-post.html" >Portfolio Single Work</a></li>
</ul>
</li>
</ul>
</nav>
</div><!-- //MENU -->
</div><!-- //MENU BLOCK -->
</div><!-- //CONTAINER -->
</header><!-- //HEADER -->
<!-- HOME -->
<section id="home" class="padbot0">
<!-- ANIMATION -->
<div class="row">
<div class="col-lg-12 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30" style="background: #fff; color: #000000;">
<div class="content">
<div class="marquee">
<div class="marquee_blur" aria-hidden="true">
<p class="marquee_text"><svg xmlns="http://www.w3.org/2000/svg" width="5rem" height="5rem" viewBox="0 0 14 14"><g fill="none"><g clip-path="url(#primeTwitter0)"><path fill="currentColor" d="M11.025.656h2.147L8.482 6.03L14 13.344H9.68L6.294 8.909l-3.87 4.435H.275l5.016-5.75L0 .657h4.43L7.486 4.71zm-.755 11.4h1.19L3.78 1.877H2.504z"/></g><defs><clipPath id="primeTwitter0"><path fill="#FFFFFF" d="M0 0h14v14H0z"/></clipPath></defs></g></svg> Mám pro Vás vzkaz! Mám pro Vás vzkaz!</p>
</div>
<div class="marquee_clear">
<p class="marquee_text"><svg xmlns="http://www.w3.org/2000/svg" width="5rem" height="5rem" viewBox="0 0 14 14"><g fill="none"><g clip-path="url(#primeTwitter0)"><path fill="currentColor" d="M11.025.656h2.147L8.482 6.03L14 13.344H9.68L6.294 8.909l-3.87 4.435H.275l5.016-5.75L0 .657h4.43L7.486 4.71zm-.755 11.4h1.19L3.78 1.877H2.504z"/></g><defs><clipPath id="primeTwitter0"><path fill="#FFFFFF" d="M0 0h14v14H0z"/></clipPath></defs></g></svg> Mám pro Vás vzkaz! Mám pro Vás vzkaz!</p>
</div>
</div>
</div>
<p class="text">I wanted to make a Gooey Marquee type effect, tried a couple of things, and ended up using two layers of text, one with the effect, and a clean one on top so that the text remains readable.</p>
</div>
</div>
<!-- CONTACTS -->
<section id="contacts">
</section><!-- //CONTACTS -->
<!-- FOOTER -->
<footer>
<!-- CONTAINER -->
<div class="container">
<!-- ROW -->
<div class="row" data-appear-top-offset="-200" data-animated="fadeInUp">
<div class="col-lg-4 col-md-4 col-sm-6 padbot30">
<h4><b>Featured</b> posts</h4>
<div class="recent_posts_small clearfix">
<div class="post_item_img_small">
<img src="images/blog/1.jpg" alt="" />
</div>
<div class="post_item_content_small">
<a class="title" href="blog.html" >As we have developed a unique layout template</a>
<ul class="post_item_inf_small">
<li>10 January 2014</li>
</ul>
</div>
</div>
<div class="recent_posts_small clearfix">
<div class="post_item_img_small">
<img src="images/blog/2.jpg" alt="" />
</div>
<div class="post_item_content_small">
<a class="title" href="blog.html" >How much is to develop a design for the game?</a>
<ul class="post_item_inf_small">
<li>14 January 2014</li>
</ul>
</div>
</div>
<div class="recent_posts_small clearfix">
<div class="post_item_img_small">
<img src="images/blog/3.jpg" alt="" />
</div>
<div class="post_item_content_small">
<a class="title" href="blog.html" >How to pump designer</a>
<ul class="post_item_inf_small">
<li>21 December 2013</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 padbot30 foot_about_block">
<h4><b>Kdo</b> jsem</h4>
<p>We value people over profits, quality over quantity, and keeping it real. As such, we deliver an unmatched working relationship with our clients.</p>
<p>Our team is intentionally small, eclectic, and skilled; with our in-house expertise, we provide sharp and</p>
<ul class="social">
<li><a href="https://witter.cz/@janrippl" ><small><i class='bx bxl-mastodon' ></i></small></a></li>
<li><a href="https://code.nolog.cz/Nudista-Online/area-51" ><i class="fl-gitea"></i></a></li>
<li><a href="https://archive.org/details/@jan_rippl" ><i class="fa fa-university"></i></a></li>
<li><a href="https://code.nolog.cz/Nudista-Online/area-51.rss" ><i class="fa fa-rss"></i></a></li>
<li><a href="javascript:void(0);" ><i class="map_show fa fa-map-marker"></i></a></li>
</ul>
</div>
<div class="respond_clear"></div>
<div class="col-lg-4 col-md-4 padbot30">
<h4><b>Contacts</b> Us</h4>
<!-- CONTACT FORM -->
<div class="span9 contact_form">
<div id="note"></div>
<div id="fields">
<form id="contact-form-face" class="clearfix" action="#">
<input type="text" name="name" value="Name" onFocus="if (this.value == 'Name') this.value = '';" onBlur="if (this.value == '') this.value = 'Name';" />
<textarea name="message" onFocus="if (this.value == 'Message') this.value = '';" onBlur="if (this.value == '') this.value = 'Message';">Message</textarea>
<input class="contact_btn" type="submit" value="Send message" />
</form>
</div>
</div><!-- //CONTACT FORM -->
</div>
</div><!-- //ROW -->
</div><!-- //CONTAINER -->
</footer><!-- //FOOTER -->
<!-- MAP -->
<div id="map">
<a class="map_hide" href="javascript:void(0);" ><i class="fa fa-angle-right"></i><i class="fa fa-angle-left"></i></a>
<iframe src="https://www.openstreetmap.org/export/embed.html?bbox=12.187957763671877%2C50.20061077138339%2C12.244606018066406%2C50.22370759985845&amp;layer=mapnik" style="border: 1px solid black"></iframe><br/><small><a href="https://www.openstreetmap.org/#map=15/50.21216/12.21628">Zobrazit větší mapu</a></small>
</div><!-- //MAP -->
</div>
</body>
</html>

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-0-circle-fill" viewBox="0 0 16 16">
<path d="M8 4.951c-1.008 0-1.629 1.09-1.629 2.895v.31c0 1.81.627 2.895 1.629 2.895s1.623-1.09 1.623-2.895v-.31c0-1.8-.621-2.895-1.623-2.895"/>
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-8.012 4.158c1.858 0 2.96-1.582 2.96-3.99V7.84c0-2.426-1.079-3.996-2.936-3.996-1.864 0-2.965 1.588-2.965 3.996v.328c0 2.42 1.09 3.99 2.941 3.99"/>
</svg>

After

Width:  |  Height:  |  Size: 476 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-0-circle" viewBox="0 0 16 16">
<path d="M7.988 12.158c-1.851 0-2.941-1.57-2.941-3.99V7.84c0-2.408 1.101-3.996 2.965-3.996 1.857 0 2.935 1.57 2.935 3.996v.328c0 2.408-1.101 3.99-2.959 3.99M8 4.951c-1.008 0-1.629 1.09-1.629 2.895v.31c0 1.81.627 2.895 1.629 2.895s1.623-1.09 1.623-2.895v-.31c0-1.8-.621-2.895-1.623-2.895"/>
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8"/>
</svg>

After

Width:  |  Height:  |  Size: 507 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-0-square-fill" viewBox="0 0 16 16">
<path d="M8 4.951c-1.008 0-1.629 1.09-1.629 2.895v.31c0 1.81.627 2.895 1.629 2.895s1.623-1.09 1.623-2.895v-.31c0-1.8-.621-2.895-1.623-2.895"/>
<path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm5.988 12.158c-1.851 0-2.941-1.57-2.941-3.99V7.84c0-2.408 1.101-3.996 2.965-3.996 1.857 0 2.935 1.57 2.935 3.996v.328c0 2.408-1.101 3.99-2.959 3.99"/>
</svg>

After

Width:  |  Height:  |  Size: 514 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-0-square" viewBox="0 0 16 16">
<path d="M7.988 12.158c-1.851 0-2.941-1.57-2.941-3.99V7.84c0-2.408 1.101-3.996 2.965-3.996 1.857 0 2.935 1.57 2.935 3.996v.328c0 2.408-1.101 3.99-2.959 3.99M8 4.951c-1.008 0-1.629 1.09-1.629 2.895v.31c0 1.81.627 2.895 1.629 2.895s1.623-1.09 1.623-2.895v-.31c0-1.8-.621-2.895-1.623-2.895"/>
<path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1z"/>
</svg>

After

Width:  |  Height:  |  Size: 579 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-1-circle-fill" viewBox="0 0 16 16">
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M9.283 4.002H7.971L6.072 5.385v1.271l1.834-1.318h.065V12h1.312z"/>
</svg>

After

Width:  |  Height:  |  Size: 250 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-1-circle" viewBox="0 0 16 16">
<path d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0M9.283 4.002V12H7.971V5.338h-.065L6.072 6.656V5.385l1.899-1.383z"/>
</svg>

After

Width:  |  Height:  |  Size: 279 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-1-square-fill" viewBox="0 0 16 16">
<path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm7.283 4.002V12H7.971V5.338h-.065L6.072 6.656V5.385l1.899-1.383z"/>
</svg>

After

Width:  |  Height:  |  Size: 286 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-1-square" viewBox="0 0 16 16">
<path d="M9.283 4.002V12H7.971V5.338h-.065L6.072 6.656V5.385l1.899-1.383z"/>
<path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1z"/>
</svg>

After

Width:  |  Height:  |  Size: 366 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-123" viewBox="0 0 16 16">
<path d="M2.873 11.297V4.142H1.699L0 5.379v1.137l1.64-1.18h.06v5.961zm3.213-5.09v-.063c0-.618.44-1.169 1.196-1.169.676 0 1.174.44 1.174 1.106 0 .624-.42 1.101-.807 1.526L4.99 10.553v.744h4.78v-.99H6.643v-.069L8.41 8.252c.65-.724 1.237-1.332 1.237-2.27C9.646 4.849 8.723 4 7.308 4c-1.573 0-2.36 1.064-2.36 2.15v.057zm6.559 1.883h.786c.823 0 1.374.481 1.379 1.179.01.707-.55 1.216-1.421 1.21-.77-.005-1.326-.419-1.379-.953h-1.095c.042 1.053.938 1.918 2.464 1.918 1.478 0 2.642-.839 2.62-2.144-.02-1.143-.922-1.651-1.551-1.714v-.063c.535-.09 1.347-.66 1.326-1.678-.026-1.053-.933-1.855-2.359-1.845-1.5.005-2.317.88-2.348 1.898h1.116c.032-.498.498-.944 1.206-.944.703 0 1.206.435 1.206 1.07.005.64-.504 1.106-1.2 1.106h-.75z"/>
</svg>

After

Width:  |  Height:  |  Size: 854 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-2-circle-fill" viewBox="0 0 16 16">
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M6.646 6.24c0-.691.493-1.306 1.336-1.306.756 0 1.313.492 1.313 1.236 0 .697-.469 1.23-.902 1.705l-2.971 3.293V12h5.344v-1.107H7.268v-.077l1.974-2.22.096-.107c.688-.763 1.287-1.428 1.287-2.43 0-1.266-1.031-2.215-2.613-2.215-1.758 0-2.637 1.19-2.637 2.402v.065h1.271v-.07Z"/>
</svg>

After

Width:  |  Height:  |  Size: 457 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-2-circle" viewBox="0 0 16 16">
<path d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0M6.646 6.24v.07H5.375v-.064c0-1.213.879-2.402 2.637-2.402 1.582 0 2.613.949 2.613 2.215 0 1.002-.6 1.667-1.287 2.43l-.096.107-1.974 2.22v.077h3.498V12H5.422v-.832l2.97-3.293c.434-.475.903-1.008.903-1.705 0-.744-.557-1.236-1.313-1.236-.843 0-1.336.615-1.336 1.306"/>
</svg>

After

Width:  |  Height:  |  Size: 477 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-2-square-fill" viewBox="0 0 16 16">
<path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm4.646 6.24v.07H5.375v-.064c0-1.213.879-2.402 2.637-2.402 1.582 0 2.613.949 2.613 2.215 0 1.002-.6 1.667-1.287 2.43l-.096.107-1.974 2.22v.077h3.498V12H5.422v-.832l2.97-3.293c.434-.475.903-1.008.903-1.705 0-.744-.557-1.236-1.313-1.236-.843 0-1.336.615-1.336 1.306"/>
</svg>

After

Width:  |  Height:  |  Size: 484 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-2-square" viewBox="0 0 16 16">
<path d="M6.646 6.24v.07H5.375v-.064c0-1.213.879-2.402 2.637-2.402 1.582 0 2.613.949 2.613 2.215 0 1.002-.6 1.667-1.287 2.43l-.096.107-1.974 2.22v.077h3.498V12H5.422v-.832l2.97-3.293c.434-.475.903-1.008.903-1.705 0-.744-.557-1.236-1.313-1.236-.843 0-1.336.615-1.336 1.306"/>
<path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1z"/>
</svg>

After

Width:  |  Height:  |  Size: 564 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-3-circle-fill" viewBox="0 0 16 16">
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-8.082.414c.92 0 1.535.54 1.541 1.318.012.791-.615 1.36-1.588 1.354-.861-.006-1.482-.469-1.54-1.066H5.104c.047 1.177 1.05 2.144 2.754 2.144 1.653 0 2.954-.937 2.93-2.396-.023-1.278-1.031-1.846-1.734-1.916v-.07c.597-.1 1.505-.739 1.482-1.876-.03-1.177-1.043-2.074-2.637-2.062-1.675.006-2.59.984-2.625 2.12h1.248c.036-.556.557-1.054 1.348-1.054.785 0 1.348.486 1.348 1.195.006.715-.563 1.237-1.342 1.237h-.838v1.072h.879Z"/>
</svg>

After

Width:  |  Height:  |  Size: 607 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-3-circle" viewBox="0 0 16 16">
<path d="M7.918 8.414h-.879V7.342h.838c.78 0 1.348-.522 1.342-1.237 0-.709-.563-1.195-1.348-1.195-.79 0-1.312.498-1.348 1.055H5.275c.036-1.137.95-2.115 2.625-2.121 1.594-.012 2.608.885 2.637 2.062.023 1.137-.885 1.776-1.482 1.875v.07c.703.07 1.71.64 1.734 1.917.024 1.459-1.277 2.396-2.93 2.396-1.705 0-2.707-.967-2.754-2.144H6.33c.059.597.68 1.06 1.541 1.066.973.006 1.6-.563 1.588-1.354-.006-.779-.621-1.318-1.541-1.318"/>
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8"/>
</svg>

After

Width:  |  Height:  |  Size: 642 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-3-square-fill" viewBox="0 0 16 16">
<path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm5.918 8.414h-.879V7.342h.838c.78 0 1.348-.522 1.342-1.237 0-.709-.563-1.195-1.348-1.195-.79 0-1.312.498-1.348 1.055H5.275c.036-1.137.95-2.115 2.625-2.121 1.594-.012 2.608.885 2.637 2.062.023 1.137-.885 1.776-1.482 1.875v.07c.703.07 1.71.64 1.734 1.917.024 1.459-1.277 2.396-2.93 2.396-1.705 0-2.707-.967-2.754-2.144H6.33c.059.597.68 1.06 1.541 1.066.973.006 1.6-.563 1.588-1.354-.006-.779-.621-1.318-1.541-1.318"/>
</svg>

After

Width:  |  Height:  |  Size: 634 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-3-square" viewBox="0 0 16 16">
<path d="M7.918 8.414h-.879V7.342h.838c.78 0 1.348-.522 1.342-1.237 0-.709-.563-1.195-1.348-1.195-.79 0-1.312.498-1.348 1.055H5.275c.036-1.137.95-2.115 2.625-2.121 1.594-.012 2.608.885 2.637 2.062.023 1.137-.885 1.776-1.482 1.875v.07c.703.07 1.71.64 1.734 1.917.024 1.459-1.277 2.396-2.93 2.396-1.705 0-2.707-.967-2.754-2.144H6.33c.059.597.68 1.06 1.541 1.066.973.006 1.6-.563 1.588-1.354-.006-.779-.621-1.318-1.541-1.318"/>
<path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1z"/>
</svg>

After

Width:  |  Height:  |  Size: 714 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-4-circle-fill" viewBox="0 0 16 16">
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M7.519 5.057c-.886 1.418-1.772 2.838-2.542 4.265v1.12H8.85V12h1.26v-1.559h1.007V9.334H10.11V4.002H8.176zM6.225 9.281v.053H8.85V5.063h-.065c-.867 1.33-1.787 2.806-2.56 4.218"/>
</svg>

After

Width:  |  Height:  |  Size: 359 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-4-circle" viewBox="0 0 16 16">
<path d="M7.519 5.057q.33-.527.657-1.055h1.933v5.332h1.008v1.107H10.11V12H8.85v-1.559H4.978V9.322c.77-1.427 1.656-2.847 2.542-4.265ZM6.225 9.281v.053H8.85V5.063h-.065c-.867 1.33-1.787 2.806-2.56 4.218"/>
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8"/>
</svg>

After

Width:  |  Height:  |  Size: 421 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-4-square-fill" viewBox="0 0 16 16">
<path d="M6.225 9.281v.053H8.85V5.063h-.065c-.867 1.33-1.787 2.806-2.56 4.218"/>
<path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm5.519 5.057q.33-.527.657-1.055h1.933v5.332h1.008v1.107H10.11V12H8.85v-1.559H4.978V9.322c.77-1.427 1.656-2.847 2.542-4.265Z"/>
</svg>

After

Width:  |  Height:  |  Size: 428 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-4-square" viewBox="0 0 16 16">
<path d="M7.519 5.057q.33-.527.657-1.055h1.933v5.332h1.008v1.107H10.11V12H8.85v-1.559H4.978V9.322c.77-1.427 1.656-2.847 2.542-4.265ZM6.225 9.281v.053H8.85V5.063h-.065c-.867 1.33-1.787 2.806-2.56 4.218"/>
<path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1z"/>
</svg>

After

Width:  |  Height:  |  Size: 493 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-5-circle-fill" viewBox="0 0 16 16">
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-8.006 4.158c1.74 0 2.924-1.119 2.924-2.806 0-1.641-1.178-2.584-2.56-2.584-.897 0-1.442.421-1.612.68h-.064l.193-2.344h3.621V4.002H5.791L5.445 8.63h1.149c.193-.358.668-.809 1.435-.809.85 0 1.582.604 1.582 1.57 0 1.085-.779 1.682-1.57 1.682-.697 0-1.389-.31-1.53-1.031H5.276c.065 1.213 1.149 2.115 2.72 2.115Z"/>
</svg>

After

Width:  |  Height:  |  Size: 495 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-5-circle" viewBox="0 0 16 16">
<path d="M1 8a7 7 0 1 1 14 0A7 7 0 0 1 1 8m15 0A8 8 0 1 0 0 8a8 8 0 0 0 16 0m-8.006 4.158c-1.57 0-2.654-.902-2.719-2.115h1.237c.14.72.832 1.031 1.529 1.031.791 0 1.57-.597 1.57-1.681 0-.967-.732-1.57-1.582-1.57-.767 0-1.242.45-1.435.808H5.445L5.791 4h4.705v1.103H6.875l-.193 2.343h.064c.17-.258.715-.68 1.611-.68 1.383 0 2.561.944 2.561 2.585 0 1.687-1.184 2.806-2.924 2.806Z"/>
</svg>

After

Width:  |  Height:  |  Size: 514 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-5-square-fill" viewBox="0 0 16 16">
<path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm5.994 12.158c-1.57 0-2.654-.902-2.719-2.115h1.237c.14.72.832 1.031 1.529 1.031.791 0 1.57-.597 1.57-1.681 0-.967-.732-1.57-1.582-1.57-.767 0-1.242.45-1.435.808H5.445L5.791 4h4.705v1.103H6.875l-.193 2.343h.064c.17-.258.715-.68 1.611-.68 1.383 0 2.561.944 2.561 2.585 0 1.687-1.184 2.806-2.924 2.806Z"/>
</svg>

After

Width:  |  Height:  |  Size: 521 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-5-square" viewBox="0 0 16 16">
<path d="M7.994 12.158c-1.57 0-2.654-.902-2.719-2.115h1.237c.14.72.832 1.031 1.529 1.031.791 0 1.57-.597 1.57-1.681 0-.967-.732-1.57-1.582-1.57-.767 0-1.242.45-1.435.808H5.445L5.791 4h4.705v1.103H6.875l-.193 2.343h.064c.17-.258.715-.68 1.611-.68 1.383 0 2.561.944 2.561 2.585 0 1.687-1.184 2.806-2.924 2.806Z"/>
<path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1z"/>
</svg>

After

Width:  |  Height:  |  Size: 601 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-6-circle-fill" viewBox="0 0 16 16">
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.21 3.855c-1.868 0-3.116 1.395-3.116 4.407 0 1.183.228 2.039.597 2.642.569.926 1.477 1.254 2.409 1.254 1.629 0 2.847-1.013 2.847-2.783 0-1.676-1.254-2.555-2.508-2.555-1.125 0-1.752.61-1.98 1.155h-.082c-.012-1.946.727-3.036 1.805-3.036.802 0 1.213.457 1.312.815h1.29c-.06-.908-.962-1.899-2.573-1.899Zm-.099 4.008c-.92 0-1.564.65-1.564 1.576 0 1.032.703 1.635 1.558 1.635.868 0 1.553-.533 1.553-1.629 0-1.06-.744-1.582-1.547-1.582"/>
</svg>

After

Width:  |  Height:  |  Size: 617 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-6-circle" viewBox="0 0 16 16">
<path d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.21 3.855c1.612 0 2.515.99 2.573 1.899H9.494c-.1-.358-.51-.815-1.312-.815-1.078 0-1.817 1.09-1.805 3.036h.082c.229-.545.855-1.155 1.98-1.155 1.254 0 2.508.88 2.508 2.555 0 1.77-1.218 2.783-2.847 2.783-.932 0-1.84-.328-2.409-1.254-.369-.603-.597-1.459-.597-2.642 0-3.012 1.248-4.407 3.117-4.407Zm-.099 4.008c-.92 0-1.564.65-1.564 1.576 0 1.032.703 1.635 1.558 1.635.868 0 1.553-.533 1.553-1.629 0-1.06-.744-1.582-1.547-1.582"/>
</svg>

After

Width:  |  Height:  |  Size: 640 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-6-square-fill" viewBox="0 0 16 16">
<path d="M8.111 7.863c-.92 0-1.564.65-1.564 1.576 0 1.032.703 1.635 1.558 1.635.868 0 1.553-.533 1.553-1.629 0-1.06-.744-1.582-1.547-1.582"/>
<path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm6.21 3.855c1.612 0 2.515.99 2.573 1.899H9.494c-.1-.358-.51-.815-1.312-.815-1.078 0-1.817 1.09-1.805 3.036h.082c.229-.545.855-1.155 1.98-1.155 1.254 0 2.508.88 2.508 2.555 0 1.77-1.218 2.783-2.847 2.783-.932 0-1.84-.328-2.409-1.254-.369-.603-.597-1.459-.597-2.642 0-3.012 1.248-4.407 3.117-4.407Z"/>
</svg>

After

Width:  |  Height:  |  Size: 662 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-6-square" viewBox="0 0 16 16">
<path d="M8.21 3.855c1.612 0 2.515.99 2.573 1.899H9.494c-.1-.358-.51-.815-1.312-.815-1.078 0-1.817 1.09-1.805 3.036h.082c.229-.545.855-1.155 1.98-1.155 1.254 0 2.508.88 2.508 2.555 0 1.77-1.218 2.783-2.847 2.783-.932 0-1.84-.328-2.409-1.254-.369-.603-.597-1.459-.597-2.642 0-3.012 1.248-4.407 3.117-4.407Zm-.099 4.008c-.92 0-1.564.65-1.564 1.576 0 1.032.703 1.635 1.558 1.635.868 0 1.553-.533 1.553-1.629 0-1.06-.744-1.582-1.547-1.582"/>
<path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1z"/>
</svg>

After

Width:  |  Height:  |  Size: 727 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-7-circle-fill" viewBox="0 0 16 16">
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.37 5.11h3.972v.07L6.025 12H7.42l3.258-6.85V4.002H5.369v1.107Z"/>
</svg>

After

Width:  |  Height:  |  Size: 251 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-7-circle" viewBox="0 0 16 16">
<path d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.37 5.11V4.001h5.308V5.15L7.42 12H6.025l3.317-6.82v-.07H5.369Z"/>
</svg>

After

Width:  |  Height:  |  Size: 279 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-7-square-fill" viewBox="0 0 16 16">
<path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm3.37 5.11V4.001h5.308V5.15L7.42 12H6.025l3.317-6.82v-.07H5.369Z"/>
</svg>

After

Width:  |  Height:  |  Size: 286 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-7-square" viewBox="0 0 16 16">
<path d="M5.37 5.11V4.001h5.308V5.15L7.42 12H6.025l3.317-6.82v-.07H5.369Z"/>
<path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1z"/>
</svg>

After

Width:  |  Height:  |  Size: 366 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-8-circle-fill" viewBox="0 0 16 16">
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-5.03 1.803c0-1.248-.943-1.84-1.646-1.992v-.065c.598-.187 1.336-.72 1.336-1.781 0-1.225-1.084-2.121-2.654-2.121s-2.66.896-2.66 2.12c0 1.044.709 1.589 1.33 1.782v.065c-.697.152-1.647.732-1.647 2.003 0 1.39 1.19 2.344 2.953 2.344 1.77 0 2.989-.96 2.989-2.355Zm-4.347-3.71c0 .739.586 1.255 1.383 1.255s1.377-.516 1.377-1.254c0-.733-.58-1.23-1.377-1.23s-1.383.497-1.383 1.23Zm-.281 3.645c0 .838.72 1.412 1.664 1.412.943 0 1.658-.574 1.658-1.412 0-.843-.715-1.424-1.658-1.424-.944 0-1.664.58-1.664 1.424"/>
</svg>

After

Width:  |  Height:  |  Size: 686 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-8-circle" viewBox="0 0 16 16">
<path d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-5.03 1.803c0 1.394-1.218 2.355-2.988 2.355-1.763 0-2.953-.955-2.953-2.344 0-1.271.95-1.851 1.647-2.003v-.065c-.621-.193-1.33-.738-1.33-1.781 0-1.225 1.09-2.121 2.66-2.121s2.654.896 2.654 2.12c0 1.061-.738 1.595-1.336 1.782v.065c.703.152 1.647.744 1.647 1.992Zm-4.347-3.71c0 .739.586 1.255 1.383 1.255s1.377-.516 1.377-1.254c0-.733-.58-1.23-1.377-1.23s-1.383.497-1.383 1.23Zm-.281 3.645c0 .838.72 1.412 1.664 1.412.943 0 1.658-.574 1.658-1.412 0-.843-.715-1.424-1.658-1.424-.944 0-1.664.58-1.664 1.424"/>
</svg>

After

Width:  |  Height:  |  Size: 717 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-8-square-fill" viewBox="0 0 16 16">
<path d="M6.623 6.094c0 .738.586 1.254 1.383 1.254s1.377-.516 1.377-1.254c0-.733-.58-1.23-1.377-1.23s-1.383.497-1.383 1.23m-.281 3.644c0 .838.72 1.412 1.664 1.412.943 0 1.658-.574 1.658-1.412 0-.843-.715-1.424-1.658-1.424-.944 0-1.664.58-1.664 1.424"/>
<path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm8.97 9.803c0 1.394-1.218 2.355-2.988 2.355-1.763 0-2.953-.955-2.953-2.344 0-1.271.95-1.851 1.647-2.003v-.065c-.621-.193-1.33-.738-1.33-1.781 0-1.225 1.09-2.121 2.66-2.121s2.654.896 2.654 2.12c0 1.061-.738 1.595-1.336 1.782v.065c.703.152 1.647.744 1.647 1.992Z"/>
</svg>

After

Width:  |  Height:  |  Size: 737 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-8-square" viewBox="0 0 16 16">
<path d="M10.97 9.803c0 1.394-1.218 2.355-2.988 2.355-1.763 0-2.953-.955-2.953-2.344 0-1.271.95-1.851 1.647-2.003v-.065c-.621-.193-1.33-.738-1.33-1.781 0-1.225 1.09-2.121 2.66-2.121s2.654.896 2.654 2.12c0 1.061-.738 1.595-1.336 1.782v.065c.703.152 1.647.744 1.647 1.992Zm-4.347-3.71c0 .739.586 1.255 1.383 1.255s1.377-.516 1.377-1.254c0-.733-.58-1.23-1.377-1.23s-1.383.497-1.383 1.23Zm-.281 3.645c0 .838.72 1.412 1.664 1.412.943 0 1.658-.574 1.658-1.412 0-.843-.715-1.424-1.658-1.424-.944 0-1.664.58-1.664 1.424"/>
<path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1z"/>
</svg>

After

Width:  |  Height:  |  Size: 804 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-9-circle-fill" viewBox="0 0 16 16">
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-8.223 4.146c2.104 0 3.123-1.464 3.123-4.3 0-3.147-1.459-4.014-2.97-4.014-1.63 0-2.871 1.02-2.871 2.73 0 1.706 1.171 2.667 2.566 2.667 1.06 0 1.7-.557 1.934-1.184h.076c.047 1.67-.475 3.023-1.834 3.023-.71 0-1.149-.363-1.248-.72H5.258c.094.908.926 1.798 2.52 1.798Zm.118-3.972c.808 0 1.535-.528 1.535-1.594s-.668-1.676-1.56-1.676c-.838 0-1.517.616-1.517 1.659 0 1.072.708 1.61 1.54 1.61Z"/>
</svg>

After

Width:  |  Height:  |  Size: 574 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-9-circle" viewBox="0 0 16 16">
<path d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-8.223 4.146c-1.593 0-2.425-.89-2.52-1.798h1.296c.1.357.539.72 1.248.72 1.36 0 1.88-1.353 1.834-3.023h-.076c-.235.627-.873 1.184-1.934 1.184-1.395 0-2.566-.961-2.566-2.666 0-1.711 1.242-2.731 2.87-2.731 1.512 0 2.971.867 2.971 4.014 0 2.836-1.02 4.3-3.123 4.3m.118-3.972c.808 0 1.535-.528 1.535-1.594s-.668-1.676-1.56-1.676c-.838 0-1.517.616-1.517 1.659 0 1.072.708 1.61 1.54 1.61Z"/>
</svg>

After

Width:  |  Height:  |  Size: 597 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-9-square-fill" viewBox="0 0 16 16">
<path d="M7.895 8.174c.808 0 1.535-.528 1.535-1.594s-.668-1.676-1.56-1.676c-.838 0-1.517.616-1.517 1.659 0 1.072.708 1.61 1.54 1.61Z"/>
<path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm5.777 12.146c-1.593 0-2.425-.89-2.52-1.798h1.296c.1.357.539.72 1.248.72 1.36 0 1.88-1.353 1.834-3.023h-.076c-.235.627-.873 1.184-1.934 1.184-1.395 0-2.566-.961-2.566-2.666 0-1.711 1.242-2.731 2.87-2.731 1.512 0 2.971.867 2.971 4.014 0 2.836-1.02 4.3-3.123 4.3"/>
</svg>

After

Width:  |  Height:  |  Size: 620 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-9-square" viewBox="0 0 16 16">
<path d="M7.777 12.146c-1.593 0-2.425-.89-2.52-1.798h1.296c.1.357.539.72 1.248.72 1.36 0 1.88-1.353 1.834-3.023h-.076c-.235.627-.873 1.184-1.934 1.184-1.395 0-2.566-.961-2.566-2.666 0-1.711 1.242-2.731 2.87-2.731 1.512 0 2.971.867 2.971 4.014 0 2.836-1.02 4.3-3.123 4.3m.118-3.972c.808 0 1.535-.528 1.535-1.594s-.668-1.676-1.56-1.676c-.838 0-1.517.616-1.517 1.659 0 1.072.708 1.61 1.54 1.61Z"/>
<path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1z"/>
</svg>

After

Width:  |  Height:  |  Size: 684 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-activity" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M6 2a.5.5 0 0 1 .47.33L10 12.036l1.53-4.208A.5.5 0 0 1 12 7.5h3.5a.5.5 0 0 1 0 1h-3.15l-1.88 5.17a.5.5 0 0 1-.94 0L6 3.964 4.47 8.171A.5.5 0 0 1 4 8.5H.5a.5.5 0 0 1 0-1h3.15l1.88-5.17A.5.5 0 0 1 6 2"/>
</svg>

After

Width:  |  Height:  |  Size: 366 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-airplane-engines-fill" viewBox="0 0 16 16">
<path d="M8 0c-.787 0-1.292.592-1.572 1.151A4.35 4.35 0 0 0 6 3v3.691l-2 1V7.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.191l-1.17.585A1.5 1.5 0 0 0 0 10.618V12a.5.5 0 0 0 .582.493l1.631-.272.313.937a.5.5 0 0 0 .948 0l.405-1.214 2.21-.369.375 2.253-1.318 1.318A.5.5 0 0 0 5.5 16h5a.5.5 0 0 0 .354-.854l-1.318-1.318.375-2.253 2.21.369.405 1.214a.5.5 0 0 0 .948 0l.313-.937 1.63.272A.5.5 0 0 0 16 12v-1.382a1.5 1.5 0 0 0-.83-1.342L14 8.691V7.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v.191l-2-1V3c0-.568-.14-1.271-.428-1.849C9.292.591 8.787 0 8 0"/>
</svg>

After

Width:  |  Height:  |  Size: 687 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-airplane-engines" viewBox="0 0 16 16">
<path d="M8 0c-.787 0-1.292.592-1.572 1.151A4.35 4.35 0 0 0 6 3v3.691l-2 1V7.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.191l-1.17.585A1.5 1.5 0 0 0 0 10.618V12a.5.5 0 0 0 .582.493l1.631-.272.313.937a.5.5 0 0 0 .948 0l.405-1.214 2.21-.369.375 2.253-1.318 1.318A.5.5 0 0 0 5.5 16h5a.5.5 0 0 0 .354-.854l-1.318-1.318.375-2.253 2.21.369.405 1.214a.5.5 0 0 0 .948 0l.313-.937 1.63.272A.5.5 0 0 0 16 12v-1.382a1.5 1.5 0 0 0-.83-1.342L14 8.691V7.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v.191l-2-1V3c0-.568-.14-1.271-.428-1.849C9.292.591 8.787 0 8 0M7 3c0-.432.11-.979.322-1.401C7.542 1.159 7.787 1 8 1s.458.158.678.599C8.889 2.02 9 2.569 9 3v4a.5.5 0 0 0 .276.447l5.448 2.724a.5.5 0 0 1 .276.447v.792l-5.418-.903a.5.5 0 0 0-.575.41l-.5 3a.5.5 0 0 0 .14.437l.646.646H6.707l.647-.646a.5.5 0 0 0 .14-.436l-.5-3a.5.5 0 0 0-.576-.411L1 11.41v-.792a.5.5 0 0 1 .276-.447l5.448-2.724A.5.5 0 0 0 7 7z"/>
</svg>

After

Width:  |  Height:  |  Size: 1 KiB

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-airplane-fill" viewBox="0 0 16 16">
<path d="M6.428 1.151C6.708.591 7.213 0 8 0s1.292.592 1.572 1.151C9.861 1.73 10 2.431 10 3v3.691l5.17 2.585a1.5 1.5 0 0 1 .83 1.342V12a.5.5 0 0 1-.582.493l-5.507-.918-.375 2.253 1.318 1.318A.5.5 0 0 1 10.5 16h-5a.5.5 0 0 1-.354-.854l1.319-1.318-.376-2.253-5.507.918A.5.5 0 0 1 0 12v-1.382a1.5 1.5 0 0 1 .83-1.342L6 6.691V3c0-.568.14-1.271.428-1.849"/>
</svg>

After

Width:  |  Height:  |  Size: 492 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-airplane" viewBox="0 0 16 16">
<path d="M6.428 1.151C6.708.591 7.213 0 8 0s1.292.592 1.572 1.151C9.861 1.73 10 2.431 10 3v3.691l5.17 2.585a1.5 1.5 0 0 1 .83 1.342V12a.5.5 0 0 1-.582.493l-5.507-.918-.375 2.253 1.318 1.318A.5.5 0 0 1 10.5 16h-5a.5.5 0 0 1-.354-.854l1.319-1.318-.376-2.253-5.507.918A.5.5 0 0 1 0 12v-1.382a1.5 1.5 0 0 1 .83-1.342L6 6.691V3c0-.568.14-1.271.428-1.849m.894.448C7.111 2.02 7 2.569 7 3v4a.5.5 0 0 1-.276.447l-5.448 2.724a.5.5 0 0 0-.276.447v.792l5.418-.903a.5.5 0 0 1 .575.41l.5 3a.5.5 0 0 1-.14.437L6.708 15h2.586l-.647-.646a.5.5 0 0 1-.14-.436l.5-3a.5.5 0 0 1 .576-.411L15 11.41v-.792a.5.5 0 0 0-.276-.447L9.276 7.447A.5.5 0 0 1 9 7V3c0-.432-.11-.979-.322-1.401C8.458 1.159 8.213 1 8 1s-.458.158-.678.599"/>
</svg>

After

Width:  |  Height:  |  Size: 840 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-alarm-fill" viewBox="0 0 16 16">
<path d="M6 .5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H9v1.07a7.001 7.001 0 0 1 3.274 12.474l.601.602a.5.5 0 0 1-.707.708l-.746-.746A6.97 6.97 0 0 1 8 16a6.97 6.97 0 0 1-3.422-.892l-.746.746a.5.5 0 0 1-.707-.708l.602-.602A7.001 7.001 0 0 1 7 2.07V1h-.5A.5.5 0 0 1 6 .5m2.5 5a.5.5 0 0 0-1 0v3.362l-1.429 2.38a.5.5 0 1 0 .858.515l1.5-2.5A.5.5 0 0 0 8.5 9zM.86 5.387A2.5 2.5 0 1 1 4.387 1.86 8.04 8.04 0 0 0 .86 5.387M11.613 1.86a2.5 2.5 0 1 1 3.527 3.527 8.04 8.04 0 0 0-3.527-3.527"/>
</svg>

After

Width:  |  Height:  |  Size: 615 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-alarm" viewBox="0 0 16 16">
<path d="M8.5 5.5a.5.5 0 0 0-1 0v3.362l-1.429 2.38a.5.5 0 1 0 .858.515l1.5-2.5A.5.5 0 0 0 8.5 9z"/>
<path d="M6.5 0a.5.5 0 0 0 0 1H7v1.07a7.001 7.001 0 0 0-3.273 12.474l-.602.602a.5.5 0 0 0 .707.708l.746-.746A6.97 6.97 0 0 0 8 16a6.97 6.97 0 0 0 3.422-.892l.746.746a.5.5 0 0 0 .707-.708l-.601-.602A7.001 7.001 0 0 0 9 2.07V1h.5a.5.5 0 0 0 0-1zm1.038 3.018a6 6 0 0 1 .924 0 6 6 0 1 1-.924 0M0 3.5c0 .753.333 1.429.86 1.887A8.04 8.04 0 0 1 4.387 1.86 2.5 2.5 0 0 0 0 3.5M13.5 1c-.753 0-1.429.333-1.887.86a8.04 8.04 0 0 1 3.527 3.527A2.5 2.5 0 0 0 13.5 1"/>
</svg>

After

Width:  |  Height:  |  Size: 689 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-alexa" viewBox="0 0 16 16">
<path d="M7.996 0A8 8 0 0 0 0 8a8 8 0 0 0 6.93 7.93v-1.613a1.06 1.06 0 0 0-.717-1.008A5.6 5.6 0 0 1 2.4 7.865 5.58 5.58 0 0 1 8.054 2.4a5.6 5.6 0 0 1 5.535 5.81l-.002.046-.012.192-.005.061a5 5 0 0 1-.033.284l-.01.068c-.685 4.516-6.564 7.054-6.596 7.068A7.998 7.998 0 0 0 15.992 8 8 8 0 0 0 7.996.001Z"/>
</svg>

After

Width:  |  Height:  |  Size: 436 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-align-bottom" viewBox="0 0 16 16">
<rect width="4" height="12" x="6" y="1" rx="1"/>
<path d="M1.5 14a.5.5 0 0 0 0 1zm13 1a.5.5 0 0 0 0-1zm-13 0h13v-1h-13z"/>
</svg>

After

Width:  |  Height:  |  Size: 264 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-align-center" viewBox="0 0 16 16">
<path d="M8 1a.5.5 0 0 1 .5.5V6h-1V1.5A.5.5 0 0 1 8 1m0 14a.5.5 0 0 1-.5-.5V10h1v4.5a.5.5 0 0 1-.5.5M2 7a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z"/>
</svg>

After

Width:  |  Height:  |  Size: 311 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-align-end" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M14.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 1 0v-13a.5.5 0 0 0-.5-.5"/>
<path d="M13 7a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1z"/>
</svg>

After

Width:  |  Height:  |  Size: 315 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-align-middle" viewBox="0 0 16 16">
<path d="M6 13a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1zM1 8a.5.5 0 0 0 .5.5H6v-1H1.5A.5.5 0 0 0 1 8m14 0a.5.5 0 0 1-.5.5H10v-1h4.5a.5.5 0 0 1 .5.5"/>
</svg>

After

Width:  |  Height:  |  Size: 311 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-align-start" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1.5 1a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-1 0v-13a.5.5 0 0 1 .5-.5"/>
<path d="M3 7a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z"/>
</svg>

After

Width:  |  Height:  |  Size: 315 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-align-top" viewBox="0 0 16 16">
<rect width="4" height="12" rx="1" transform="matrix(1 0 0 -1 6 15)"/>
<path d="M1.5 2a.5.5 0 0 1 0-1zm13-1a.5.5 0 0 1 0 1zm-13 0h13v1h-13z"/>
</svg>

After

Width:  |  Height:  |  Size: 281 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-alipay" viewBox="0 0 16 16">
<path d="M2.541 0H13.5a2.55 2.55 0 0 1 2.54 2.563v8.297c-.006 0-.531-.046-2.978-.813-.412-.14-.916-.327-1.479-.536q-.456-.17-.957-.353a13 13 0 0 0 1.325-3.373H8.822V4.649h3.831v-.634h-3.83V2.121H7.26c-.274 0-.274.273-.274.273v1.621H3.11v.634h3.875v1.136h-3.2v.634H9.99c-.227.789-.532 1.53-.894 2.202-2.013-.67-4.161-1.212-5.51-.878-.864.214-1.42.597-1.746.998-1.499 1.84-.424 4.633 2.741 4.633 1.872 0 3.675-1.053 5.072-2.787 2.08 1.008 6.37 2.738 6.387 2.745v.105A2.55 2.55 0 0 1 13.5 16H2.541A2.55 2.55 0 0 1 0 13.437V2.563A2.55 2.55 0 0 1 2.541 0"/>
<path d="M2.309 9.27c-1.22 1.073-.49 3.034 1.978 3.034 1.434 0 2.868-.925 3.994-2.406-1.602-.789-2.959-1.353-4.425-1.207-.397.04-1.14.217-1.547.58Z"/>
</svg>

After

Width:  |  Height:  |  Size: 839 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-alphabet-uppercase" viewBox="0 0 16 16">
<path d="M1.226 10.88H0l2.056-6.26h1.42l2.047 6.26h-1.29l-.48-1.61H1.707l-.48 1.61ZM2.76 5.818h-.054l-.75 2.532H3.51zm3.217 5.062V4.62h2.56c1.09 0 1.808.582 1.808 1.54 0 .762-.444 1.22-1.05 1.372v.055c.736.074 1.365.587 1.365 1.528 0 1.119-.89 1.766-2.133 1.766zM7.18 5.55v1.675h.8c.812 0 1.171-.308 1.171-.853 0-.51-.328-.822-.898-.822zm0 2.537V9.95h.903c.951 0 1.342-.312 1.342-.909 0-.591-.382-.954-1.095-.954zm5.089-.711v.775c0 1.156.49 1.803 1.347 1.803.705 0 1.163-.454 1.212-1.096H16v.12C15.942 10.173 14.95 11 13.607 11c-1.648 0-2.573-1.073-2.573-2.849v-.78c0-1.775.934-2.871 2.573-2.871 1.347 0 2.34.849 2.393 2.087v.115h-1.172c-.05-.665-.516-1.156-1.212-1.156-.849 0-1.347.67-1.347 1.83"/>
</svg>

After

Width:  |  Height:  |  Size: 845 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-alphabet" viewBox="0 0 16 16">
<path d="M2.204 11.078c.767 0 1.201-.356 1.406-.737h.059V11h1.216V7.519c0-1.314-.947-1.783-2.11-1.783C1.355 5.736.75 6.42.69 7.27h1.216c.064-.323.313-.552.84-.552s.864.249.864.771v.464H2.346C1.145 7.953.5 8.568.5 9.496c0 .977.693 1.582 1.704 1.582m.42-.947c-.44 0-.845-.235-.845-.718 0-.395.269-.684.84-.684h.991v.538c0 .503-.444.864-.986.864m5.593.937c1.216 0 1.948-.869 1.948-2.31v-.702c0-1.44-.727-2.305-1.929-2.305-.742 0-1.328.347-1.499.889h-.063V3.983h-1.29V11h1.27v-.791h.064c.21.532.776.86 1.499.86Zm-.43-1.025c-.66 0-1.113-.518-1.113-1.28V8.12c0-.825.42-1.343 1.098-1.343.684 0 1.075.518 1.075 1.416v.45c0 .888-.386 1.401-1.06 1.401Zm2.834-1.328c0 1.47.87 2.378 2.305 2.378 1.416 0 2.139-.777 2.158-1.763h-1.186c-.06.425-.313.732-.933.732-.66 0-1.05-.512-1.05-1.352v-.625c0-.81.371-1.328 1.045-1.328.635 0 .879.425.918.776h1.187c-.02-.986-.787-1.806-2.14-1.806-1.41 0-2.304.918-2.304 2.338z"/>
</svg>

After

Width:  |  Height:  |  Size: 1 KiB

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-alt" viewBox="0 0 16 16">
<path d="M1 13.5a.5.5 0 0 0 .5.5h3.797a.5.5 0 0 0 .439-.26L11 3h3.5a.5.5 0 0 0 0-1h-3.797a.5.5 0 0 0-.439.26L5 13H1.5a.5.5 0 0 0-.5.5m10 0a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 0-1h-3a.5.5 0 0 0-.5.5"/>
</svg>

After

Width:  |  Height:  |  Size: 324 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-amazon" viewBox="0 0 16 16">
<path d="M10.813 11.968c.157.083.36.074.5-.05l.005.005a90 90 0 0 1 1.623-1.405c.173-.143.143-.372.006-.563l-.125-.17c-.345-.465-.673-.906-.673-1.791v-3.3l.001-.335c.008-1.265.014-2.421-.933-3.305C10.404.274 9.06 0 8.03 0 6.017 0 3.77.75 3.296 3.24c-.047.264.143.404.316.443l2.054.22c.19-.009.33-.196.366-.387.176-.857.896-1.271 1.703-1.271.435 0 .929.16 1.188.55.264.39.26.91.257 1.376v.432q-.3.033-.621.065c-1.113.114-2.397.246-3.36.67C3.873 5.91 2.94 7.08 2.94 8.798c0 2.2 1.387 3.298 3.168 3.298 1.506 0 2.328-.354 3.489-1.54l.167.246c.274.405.456.675 1.047 1.166ZM6.03 8.431C6.03 6.627 7.647 6.3 9.177 6.3v.57c.001.776.002 1.434-.396 2.133-.336.595-.87.961-1.465.961-.812 0-1.286-.619-1.286-1.533M.435 12.174c2.629 1.603 6.698 4.084 13.183.997.28-.116.475.078.199.431C13.538 13.96 11.312 16 7.57 16 3.832 16 .968 13.446.094 12.386c-.24-.275.036-.4.199-.299z"/>
<path d="M13.828 11.943c.567-.07 1.468-.027 1.645.204.135.176-.004.966-.233 1.533-.23.563-.572.961-.762 1.115s-.333.094-.23-.137c.105-.23.684-1.663.455-1.963-.213-.278-1.177-.177-1.625-.13l-.09.009q-.142.013-.233.024c-.193.021-.245.027-.274-.032-.074-.209.779-.556 1.347-.623"/>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-amd" viewBox="0 0 16 16">
<path d="m.334 0 4.358 4.359h7.15v7.15l4.358 4.358V0zM.2 9.72l4.487-4.488v6.281h6.28L6.48 16H.2z"/>
</svg>

After

Width:  |  Height:  |  Size: 230 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-android" viewBox="0 0 16 16">
<path d="M2.76 3.061a.5.5 0 0 1 .679.2l1.283 2.352A8.9 8.9 0 0 1 8 5a8.9 8.9 0 0 1 3.278.613l1.283-2.352a.5.5 0 1 1 .878.478l-1.252 2.295C14.475 7.266 16 9.477 16 12H0c0-2.523 1.525-4.734 3.813-5.966L2.56 3.74a.5.5 0 0 1 .2-.678ZM5 10a1 1 0 1 0 0-2 1 1 0 0 0 0 2m6 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2"/>
</svg>

After

Width:  |  Height:  |  Size: 432 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-android2" viewBox="0 0 16 16">
<path d="m10.213 1.471.691-1.26q.069-.124-.048-.192-.128-.057-.195.058l-.7 1.27A4.8 4.8 0 0 0 8.005.941q-1.032 0-1.956.404l-.7-1.27Q5.281-.037 5.154.02q-.117.069-.049.193l.691 1.259a4.25 4.25 0 0 0-1.673 1.476A3.7 3.7 0 0 0 3.5 5.02h9q0-1.125-.623-2.072a4.27 4.27 0 0 0-1.664-1.476ZM6.22 3.303a.37.37 0 0 1-.267.11.35.35 0 0 1-.263-.11.37.37 0 0 1-.107-.264.37.37 0 0 1 .107-.265.35.35 0 0 1 .263-.11q.155 0 .267.11a.36.36 0 0 1 .112.265.36.36 0 0 1-.112.264m4.101 0a.35.35 0 0 1-.262.11.37.37 0 0 1-.268-.11.36.36 0 0 1-.112-.264q0-.154.112-.265a.37.37 0 0 1 .268-.11q.155 0 .262.11a.37.37 0 0 1 .107.265q0 .153-.107.264M3.5 11.77q0 .441.311.75.311.306.76.307h.758l.01 2.182q0 .414.292.703a.96.96 0 0 0 .7.288.97.97 0 0 0 .71-.288.95.95 0 0 0 .292-.703v-2.182h1.343v2.182q0 .414.292.703a.97.97 0 0 0 .71.288.97.97 0 0 0 .71-.288.95.95 0 0 0 .292-.703v-2.182h.76q.436 0 .749-.308.31-.307.311-.75V5.365h-9zm10.495-6.587a.98.98 0 0 0-.702.278.9.9 0 0 0-.293.685v4.063q0 .406.293.69a.97.97 0 0 0 .702.284q.42 0 .712-.284a.92.92 0 0 0 .293-.69V6.146a.9.9 0 0 0-.293-.685 1 1 0 0 0-.712-.278m-12.702.283a1 1 0 0 1 .712-.283q.41 0 .702.283a.9.9 0 0 1 .293.68v4.063a.93.93 0 0 1-.288.69.97.97 0 0 1-.707.284 1 1 0 0 1-.712-.284.92.92 0 0 1-.293-.69V6.146q0-.396.293-.68"/>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-app-indicator" viewBox="0 0 16 16">
<path d="M5.5 2A3.5 3.5 0 0 0 2 5.5v5A3.5 3.5 0 0 0 5.5 14h5a3.5 3.5 0 0 0 3.5-3.5V8a.5.5 0 0 1 1 0v2.5a4.5 4.5 0 0 1-4.5 4.5h-5A4.5 4.5 0 0 1 1 10.5v-5A4.5 4.5 0 0 1 5.5 1H8a.5.5 0 0 1 0 1z"/>
<path d="M16 3a3 3 0 1 1-6 0 3 3 0 0 1 6 0"/>
</svg>

After

Width:  |  Height:  |  Size: 382 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-app" viewBox="0 0 16 16">
<path d="M11 2a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3zM5 1a4 4 0 0 0-4 4v6a4 4 0 0 0 4 4h6a4 4 0 0 0 4-4V5a4 4 0 0 0-4-4z"/>
</svg>

After

Width:  |  Height:  |  Size: 278 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-apple" viewBox="0 0 16 16">
<path d="M11.182.008C11.148-.03 9.923.023 8.857 1.18c-1.066 1.156-.902 2.482-.878 2.516s1.52.087 2.475-1.258.762-2.391.728-2.43m3.314 11.733c-.048-.096-2.325-1.234-2.113-3.422s1.675-2.789 1.698-2.854-.597-.79-1.254-1.157a3.7 3.7 0 0 0-1.563-.434c-.108-.003-.483-.095-1.254.116-.508.139-1.653.589-1.968.607-.316.018-1.256-.522-2.267-.665-.647-.125-1.333.131-1.824.328-.49.196-1.422.754-2.074 2.237-.652 1.482-.311 3.83-.067 4.56s.625 1.924 1.273 2.796c.576.984 1.34 1.667 1.659 1.899s1.219.386 1.843.067c.502-.308 1.408-.485 1.766-.472.357.013 1.061.154 1.782.539.571.197 1.111.115 1.652-.105.541-.221 1.324-1.059 2.238-2.758q.52-1.185.473-1.282"/>
<path d="M11.182.008C11.148-.03 9.923.023 8.857 1.18c-1.066 1.156-.902 2.482-.878 2.516s1.52.087 2.475-1.258.762-2.391.728-2.43m3.314 11.733c-.048-.096-2.325-1.234-2.113-3.422s1.675-2.789 1.698-2.854-.597-.79-1.254-1.157a3.7 3.7 0 0 0-1.563-.434c-.108-.003-.483-.095-1.254.116-.508.139-1.653.589-1.968.607-.316.018-1.256-.522-2.267-.665-.647-.125-1.333.131-1.824.328-.49.196-1.422.754-2.074 2.237-.652 1.482-.311 3.83-.067 4.56s.625 1.924 1.273 2.796c.576.984 1.34 1.667 1.659 1.899s1.219.386 1.843.067c.502-.308 1.408-.485 1.766-.472.357.013 1.061.154 1.782.539.571.197 1.111.115 1.652-.105.541-.221 1.324-1.059 2.238-2.758q.52-1.185.473-1.282"/>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-archive-fill" viewBox="0 0 16 16">
<path d="M12.643 15C13.979 15 15 13.845 15 12.5V5H1v7.5C1 13.845 2.021 15 3.357 15zM5.5 7h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1M.8 1a.8.8 0 0 0-.8.8V3a.8.8 0 0 0 .8.8h14.4A.8.8 0 0 0 16 3V1.8a.8.8 0 0 0-.8-.8z"/>
</svg>

After

Width:  |  Height:  |  Size: 349 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-archive" viewBox="0 0 16 16">
<path d="M0 2a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a2.5 2.5 0 0 1-2.5 2.5h-9A2.5 2.5 0 0 1 1 12.5V5a1 1 0 0 1-1-1zm2 3v7.5A1.5 1.5 0 0 0 3.5 14h9a1.5 1.5 0 0 0 1.5-1.5V5zm13-3H1v2h14zM5 7.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5"/>
</svg>

After

Width:  |  Height:  |  Size: 394 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-90deg-down" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M4.854 14.854a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L4 13.293V3.5A2.5 2.5 0 0 1 6.5 1h8a.5.5 0 0 1 0 1h-8A1.5 1.5 0 0 0 5 3.5v9.793l3.146-3.147a.5.5 0 0 1 .708.708z"/>
</svg>

After

Width:  |  Height:  |  Size: 345 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-90deg-left" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1.146 4.854a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 4H12.5A2.5 2.5 0 0 1 15 6.5v8a.5.5 0 0 1-1 0v-8A1.5 1.5 0 0 0 12.5 5H2.707l3.147 3.146a.5.5 0 1 1-.708.708z"/>
</svg>

After

Width:  |  Height:  |  Size: 344 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-90deg-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M14.854 4.854a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 4H3.5A2.5 2.5 0 0 0 1 6.5v8a.5.5 0 0 0 1 0v-8A1.5 1.5 0 0 1 3.5 5h9.793l-3.147 3.146a.5.5 0 0 0 .708.708z"/>
</svg>

After

Width:  |  Height:  |  Size: 346 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-90deg-up" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M4.854 1.146a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L4 2.707V12.5A2.5 2.5 0 0 0 6.5 15h8a.5.5 0 0 0 0-1h-8A1.5 1.5 0 0 1 5 12.5V2.707l3.146 3.147a.5.5 0 1 0 .708-.708z"/>
</svg>

After

Width:  |  Height:  |  Size: 344 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-bar-down" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1 3.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5M8 6a.5.5 0 0 1 .5.5v5.793l2.146-2.147a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 .708-.708L7.5 12.293V6.5A.5.5 0 0 1 8 6"/>
</svg>

After

Width:  |  Height:  |  Size: 373 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-bar-left" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5M10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5"/>
</svg>

After

Width:  |  Height:  |  Size: 373 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-bar-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M6 8a.5.5 0 0 0 .5.5h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L12.293 7.5H6.5A.5.5 0 0 0 6 8m-2.5 7a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5"/>
</svg>

After

Width:  |  Height:  |  Size: 373 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-bar-up" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8 10a.5.5 0 0 0 .5-.5V3.707l2.146 2.147a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.708L7.5 3.707V9.5a.5.5 0 0 0 .5.5m-7 2.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5"/>
</svg>

After

Width:  |  Height:  |  Size: 374 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-clockwise" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2z"/>
<path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466"/>
</svg>

After

Width:  |  Height:  |  Size: 349 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-counterclockwise" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2z"/>
<path d="M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466"/>
</svg>

After

Width:  |  Height:  |  Size: 356 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down-circle-fill" viewBox="0 0 16 16">
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.5 4.5a.5.5 0 0 0-1 0v5.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293z"/>
</svg>

After

Width:  |  Height:  |  Size: 316 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down-circle" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.5 4.5a.5.5 0 0 0-1 0v5.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293z"/>
</svg>

After

Width:  |  Height:  |  Size: 364 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down-left-circle-fill" viewBox="0 0 16 16">
<path d="M16 8A8 8 0 1 0 0 8a8 8 0 0 0 16 0m-5.904-2.803a.5.5 0 1 1 .707.707L6.707 10h2.768a.5.5 0 0 1 0 1H5.5a.5.5 0 0 1-.5-.5V6.525a.5.5 0 0 1 1 0v2.768z"/>
</svg>

After

Width:  |  Height:  |  Size: 313 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down-left-circle" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-5.904-2.854a.5.5 0 1 1 .707.708L6.707 9.95h2.768a.5.5 0 1 1 0 1H5.5a.5.5 0 0 1-.5-.5V6.475a.5.5 0 1 1 1 0v2.768z"/>
</svg>

After

Width:  |  Height:  |  Size: 363 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down-left-square-fill" viewBox="0 0 16 16">
<path d="M2 16a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2zm8.096-10.803L6 9.293V6.525a.5.5 0 0 0-1 0V10.5a.5.5 0 0 0 .5.5h3.975a.5.5 0 0 0 0-1H6.707l4.096-4.096a.5.5 0 1 0-.707-.707"/>
</svg>

After

Width:  |  Height:  |  Size: 360 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down-left-square" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm10.096 3.146a.5.5 0 1 1 .707.708L6.707 9.95h2.768a.5.5 0 1 1 0 1H5.5a.5.5 0 0 1-.5-.5V6.475a.5.5 0 1 1 1 0v2.768z"/>
</svg>

After

Width:  |  Height:  |  Size: 435 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down-left" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2 13.5a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 0-1H3.707L13.854 2.854a.5.5 0 0 0-.708-.708L3 12.293V7.5a.5.5 0 0 0-1 0z"/>
</svg>

After

Width:  |  Height:  |  Size: 284 B

Some files were not shown because too many files have changed in this diff Show more