Compare commits

..

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

6879 changed files with 589020 additions and 3708 deletions

View file

@ -1 +1 @@
docs.area-51.cz www.area-51.cz

File diff suppressed because one or more lines are too long

28
README.md Normal file
View file

@ -0,0 +1,28 @@
# ![alt text](/alien.svg) 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 hostuji zcela mimo mé servery, a to záměrně:
- jednak proto, že mé servery mám umístěné doma a nejsou 100%...
- a jednak proto, že
> ##### Evropa
> 🇨🇿 🇩🇪 🇪🇺
> 1. **akce** — nějaký text...
> 2. **produkce** —
> 3. **koncepce** —
Statický web
: definition
- [x] akce
- [ ] produkce
- [ ] <s>koncepce</s>
## 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.
> <img align="right" src="b2.svg"> **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 &xrarr; [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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 729 KiB

2
alien.svg Normal file
View file

@ -0,0 +1,2 @@
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="232.05 224.5 17 24.149" width="16.9999px" height="24.149px" preserveAspectRatio="none"><path fill="currentColor" d="M 248.983 233.963 C 248.92 233.314 248.855 232.593 248.723 231.938 C 248.595 231.286 248.461 230.634 248.204 229.982 C 248.07 229.659 247.939 229.329 247.811 229.068 C 247.678 228.741 247.483 228.482 247.352 228.156 C 247.156 227.891 246.963 227.566 246.765 227.305 C 246.56 227.035 246.32 226.794 246.046 226.589 C 245.563 226.167 245.041 225.798 244.479 225.479 C 243.888 225.143 243.252 224.903 242.589 224.761 C 241.931 224.565 241.285 224.5 240.563 224.5 C 239.843 224.5 239.195 224.565 238.543 224.761 C 237.891 224.894 237.302 225.152 236.711 225.479 C 236.061 225.805 235.539 226.199 235.018 226.652 C 234.756 226.85 234.559 227.107 234.298 227.371 L 233.709 228.156 C 233.581 228.482 233.381 228.741 233.256 229.068 L 232.861 230.051 C 232.666 230.697 232.47 231.353 232.341 232.006 C 232.208 232.658 232.145 233.314 232.078 234.028 C 232.015 234.748 232.078 235.333 232.078 235.984 C 232.078 236.638 232.145 237.291 232.276 238.008 L 232.47 238.989 C 232.532 239.316 232.666 239.64 232.797 239.967 C 233.25 241.209 233.973 242.384 234.69 243.495 C 235.084 244.083 235.477 244.602 235.866 245.125 C 236.255 245.647 236.65 246.236 237.109 246.691 C 237.302 246.95 237.565 247.149 237.821 247.408 C 238.085 247.603 238.35 247.8 238.671 247.997 C 238.933 248.19 239.26 248.323 239.586 248.455 C 239.715 248.517 239.912 248.58 240.044 248.58 C 240.236 248.58 240.37 248.649 240.565 248.649 C 240.758 248.649 240.891 248.649 241.084 248.58 C 241.285 248.58 241.411 248.517 241.542 248.455 C 241.867 248.323 242.195 248.19 242.457 247.997 C 242.716 247.8 243.041 247.603 243.307 247.408 C 243.567 247.212 243.83 246.95 244.025 246.691 C 244.479 246.166 244.873 245.646 245.264 245.125 C 245.657 244.602 246.046 244.016 246.439 243.495 C 247.156 242.384 247.877 241.209 248.328 239.967 C 248.461 239.64 248.595 239.316 248.656 238.989 C 248.723 238.663 248.85 238.336 248.85 238.008 C 248.983 237.358 249.05 236.706 249.05 235.987 C 249.05 235.333 249.05 234.617 248.983 233.963 Z M 233.32 236.638 C 233.32 236.638 237.038 237.491 239.453 242.512 C 239.391 242.512 232.994 242.384 233.32 236.638 Z M 241.738 242.512 C 244.089 237.491 247.877 236.638 247.877 236.638 C 248.204 242.384 241.738 242.512 241.738 242.512 Z" id="object-0" transform="matrix(1, 0, 0, 1, 0, 2.842170943040401e-14)"/></svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

File diff suppressed because one or more lines are too long

Binary file not shown.

Before

Width:  |  Height:  |  Size: 119 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 154 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 56 KiB

View file

@ -1,804 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<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/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.0.3/css/font-awesome.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" ><span class="b1">a</span><span class="b2">r</span><span class="b3">e</span><span class="b4">a</span><span class="b5"><svg style="margin-bottom:-7px;" xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24"><path fill="currentColor" d="M20.382 9.405c-.065-.648-.13-1.362-.26-2.01c-.13-.65-.259-1.298-.518-1.946c-.13-.325-.26-.649-.39-.908c-.13-.325-.324-.584-.454-.909c-.194-.259-.389-.583-.583-.843a3.712 3.712 0 0 0-.714-.713A9.496 9.496 0 0 0 15.906.973a6.618 6.618 0 0 0-1.88-.713C13.375.065 12.727 0 12.013 0c-.713 0-1.362.065-2.01.26c-.649.13-1.233.389-1.817.713c-.648.324-1.167.714-1.686 1.168c-.26.194-.454.454-.714.713l-.583.778c-.13.325-.325.584-.454.909l-.39.973c-.194.648-.389 1.297-.519 1.946c-.13.648-.194 1.297-.259 2.01c-.065.714 0 1.298 0 1.946c0 .649.065 1.297.195 2.011l.194.973c.065.324.195.649.324.973c.454 1.232 1.168 2.4 1.881 3.503c.39.584.779 1.102 1.168 1.621c.39.52.778 1.103 1.233 1.557c.194.26.454.454.713.714c.26.194.52.389.843.583c.26.195.584.325.908.454c.13.065.325.13.454.13c.195 0 .325.065.52.065c.194 0 .324 0 .518-.065c.195 0 .325-.065.454-.13c.325-.13.649-.26.908-.454c.26-.194.584-.389.844-.583c.26-.195.519-.454.713-.714c.454-.519.843-1.038 1.233-1.557c.389-.519.778-1.102 1.167-1.621c.714-1.103 1.427-2.27 1.881-3.503c.13-.324.26-.649.325-.973c.065-.324.194-.649.194-.973c.13-.649.195-1.297.195-2.01c0-.65 0-1.363-.065-2.012zm-15.568 2.66s3.698.843 6.098 5.838c-.065 0-6.422-.13-6.098-5.838zm8.368 5.838c2.335-4.995 6.097-5.838 6.097-5.838c.325 5.708-6.097 5.838-6.097 5.838z"/></svg></span><span class="b1">51</span></a>
</div><!-- //LOGO -->
<!-- SEARCH FORM -->
<div id="search-form" class="pull-right">
<form method="get" action="#">
<input type="text" name="Search" value="Search" onFocus="if (this.value == 'Search') this.value = '';" onBlur="if (this.value == '') this.value = 'Search';" />
</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-home"></i> Home</a></li>
<li class="scroll_btn"><a href="#about" ><i class="fa fa-user"></i> About</a></li>
<li class="scroll_btn"><a href="#projects" ><i class="fa fa-share"></i> Project</a></li>
<li class="scroll_btn"><a href="#team" ><i class="fa fa-users"></i> Team</a></li>
<li class="scroll_btn"><a href="#news" ><i class="fa fa-bell"></i> News</a></li>
<li class="scroll_btn last"><a href="#contacts" ><i class="fa fa-envelope"></i> Contact</a></li>
<li class="sub-menu">
<a href="javascript:void(0);" ><i class="fa fa-github"></i> Pages</a>
<ul>
<li><a href="blog.html" >Blog <i class="fa fa-rss"></i></a></li>
<li><a href="blog-post.html" >Blog Post</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">
<!-- TOP SLIDER -->
<div class="flexslider top_slider">
<ul class="slides">
<li class="slide1">
<div class="flex_caption1" style="text-shadow: 0px 0px 10px #000000; margin-top: 15rem;">
<!--<p class="title2 captionDelay2 FromTop">Obscure&nbsp;</p>-->
<p class="title1 captionDelay4 FromTop"><big><i class="fa fa-eye"></i></big> DREAM</p>
<p class="title2 captionDelay4 FromTop">ING</p>
<p class="title1 captionDelay6 FromTop"><i class="fa fa-share"><sub style="font-size: 20px; margin-left: -40px;"><small>shared on</small></sub></i> 𝕏</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>
</div>
<a class="slide_btn FromRight" href="javascript:void(0);" >Read More</a>
<li class="slide2">
<div class="flex_caption1" style="text-shadow: 0px 0px 10px #000000; margin-top: 15rem;">
<!--<p class="title2 captionDelay6 FromLeft">Erotic&nbsp;</p>-->
<p class="title1 captionDelay4 FromTop"><big><i class="fa fa-eye"></i></big> DREAM</p>
<p class="title2 captionDelay4 FromLeft">ING</p>
<p class="title3 captionDelay2 FromLeft"><i class="fa fa-share"><sub style="font-size: 20px; margin-left: -40px;"><small>shared on</small></sub></i> 𝕏</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>
</div>
<a class="slide_btn FromRight" href="javascript:void(0);" >Read More</a>
</li>
<li class="slide3">
<div class="flex_caption1" style="text-shadow: 0px 0px 10px #000000; margin-top: 15rem;">
<!--<p class="title2 captionDelay1 FromBottom">Science&nbsp;</p>-->
<p class="title1 captionDelay1 FromBottom"><big><i class="fa fa-eye"></i></big> DREAM</p>
<p class="title2 captionDelay2 FromBottom">ING</p>
<p class="title1 captionDelay3 FromBottom"><i class="fa fa-share"><sub style="font-size: 20px; margin-left: -40px;"><small>shared on</small></sub></i> 𝕏</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>
</div>
<a class="slide_btn FromRight" href="javascript:void(0);" >Read More</a>
<!-- VIDEO BACKGROUND -->
<a id="P2" class="player" data-property="{videoURL:'tDvBwPzJ7dY',containment:'.top_slider .slide3',autoPlay:true, mute:true, startAt:0, opacity:1}" ></a>
<!-- //VIDEO BACKGROUND -->
</li>
</ul>
</div>
<div id="carousel">
<ul class="slides">
<li><img src="images/slider/slide1_bg.jpg" alt="" /></li>
<li><img src="images/slider/slide2_bg.jpg" alt="" /></li>
<li><img src="images/slider/slide3_bg.jpg" alt="" /></li>
</ul>
</div><!-- //TOP SLIDER -->
</section><!-- //HOME -->
<!-- ABOUT -->
<section id="about">
<!-- SERVICES -->
<div class="services_block padbot40" data-appear-top-offset="-200" data-animated="fadeInUp">
<!-- CONTAINER -->
<div class="container">
<!-- ROW -->
<div class="row">
<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><i class="fa fa-github"></i><b> Github</b> Projects</p>
<span>Quality and very comfortable design, does not hurt the eyes and pleasant to use.</span>
</a>
</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><i class="fa fa-twitter"></i> <b>Twitter</b> Sharing</p>
<span>Quality and unique design that meets all the requirements and trends of modern web design.</span>
</a>
</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><i class="fa fa-globe"></i> <b>International</b> Outreach</p>
<span>Design that will be equally beautifully displayed on all your devices, tablet, smartphone or computer.</span>
</a>
</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><i class="fa fa-rocket"></i> <b>Free</b> Updates & Support</p>
<span>Hour and great support template. You can always ask a question and we will help you.</span>
</a>
</div>
</div><!-- //ROW -->
</div><!-- //CONTAINER -->
</div><!-- //SERVICES -->
<!-- CLEAN CODE -->
<div class="cleancode_block">
<!-- CONTAINER -->
<div class="container" data-appear-top-offset="-200" data-animated="fadeInUp">
<!-- CASTOM TAB -->
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade in active clearfix" id="tab1">
<p class="title">🇩🇪 <b>FKK Germany</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>
</div>
<div class="tab-pane fade clearfix" id="tab2">
<p class="title">🇨🇿 <b>Czech</b> Republic</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>
</div>
<div class="tab-pane fade clearfix" id="tab3">
<p class="title"><i class="fa fa-linux"></i> <b>GNU/Linux</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>
</div>
<div class="tab-pane fade clearfix" id="tab4">
<p class="title"><b>Documentation</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>
</div>
<div class="tab-pane fade clearfix" id="tab5">
<p class="title"><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>
</div>
<div class="tab-pane fade clearfix" id="tab6">
<p class="title"><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>
</div>
</div>
<ul id="myTab" class="nav nav-tabs">
<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="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="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>
</ul><!-- CASTOM TAB -->
</div><!-- //CONTAINER -->
</div><!-- //CLEAN CODE -->
<!-- MULTI PURPOSE -->
<div class="purpose_block">
<!-- CONTAINER -->
<div class="container">
<!-- ROW -->
<div class="row">
<div class="col-lg-7 col-md-7 col-sm-7" data-appear-top-offset="-200" data-animated="fadeInLeft">
<h2><b>Nude</b> In <b>Public</b> Theme</h2>
<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>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>
<a class="btn btn-active" href="javascript:void(0);" ><span data-hover="Yes I want it">Buy This theme</span></a>
<a class="btn" href="javascript:void(0);" >Nude &middot; In &middot; Public &middot; EU</a>
</div>
<div class="col-lg-5 col-md-5 col-sm-5 ipad_img_in" data-appear-top-offset="-200" data-animated="fadeInRight">
<img class="ipad_img1" src="images/img1.png" alt="" />
<img class="ipad_img1" src="images/img1b.png" alt="" />
</div>
</div><!-- //ROW -->
</div><!-- //CONTAINER -->
</div><!-- //MULTI PURPOSE -->
</section><!-- //ABOUT -->
<!-- PROJECTS -->
<section id="projects" class="padbot20">
<!-- CONTAINER -->
<div class="container">
<h2><b>Featured</b> Works</h2>
</div><!-- //CONTAINER -->
<div class="projects-wrapper" data-appear-top-offset="-200" data-animated="fadeInUp">
<!-- PROJECTS SLIDER -->
<div class="owl-demo owl-carousel projects_slider">
<!-- work1 -->
<div class="item">
<div class="work_item">
<div class="work_img">
<img src="images/works/1.jpg" alt="" />
<a class="zoom" href="images/works/1.jpg" rel="prettyPhoto[portfolio1]" ></a>
</div>
<div class="work_description">
<div class="work_descr_cont">
<a href="portfolio-post.html" >Ginger Beast</a>
<span>17 March, 2041</span>
</div>
</div>
</div>
</div><!-- //work1 -->
<!-- work2 -->
<div class="item">
<div class="work_item">
<div class="work_img">
<img src="images/works/2.jpg" alt="" />
<a class="zoom" href="images/works/2.jpg" rel="prettyPhoto[portfolio1]" ></a>
</div>
<div class="work_description">
<div class="work_descr_cont">
<a href="portfolio-post.html" >Ginger Beast</a>
<span>17 March, 2041</span>
</div>
</div>
</div>
</div><!-- //work2 -->
<!-- work3 -->
<div class="item">
<div class="work_item">
<div class="work_img">
<img src="images/works/3.jpg" alt="" />
<a class="zoom" href="images/works/3.jpg" rel="prettyPhoto[portfolio1]" ></a>
</div>
<div class="work_description">
<div class="work_descr_cont">
<a href="portfolio-post.html" >Ginger Beast</a>
<span>17 March, 2041</span>
</div>
</div>
</div>
</div><!-- //work3 -->
<!-- work4 -->
<div class="item">
<div class="work_item">
<div class="work_img">
<img src="images/works/4.jpg" alt="" />
<a class="zoom" href="images/works/4.jpg" rel="prettyPhoto[portfolio1]" ></a>
</div>
<div class="work_description">
<div class="work_descr_cont">
<a href="portfolio-post.html" >Ginger Beast</a>
<span>17 March, 2041</span>
</div>
</div>
</div>
</div><!-- //work4 -->
<!-- work5 -->
<div class="item">
<div class="work_item">
<div class="work_img">
<img src="images/works/5.jpg" alt="" />
<a class="zoom" href="images/works/5.jpg" rel="prettyPhoto[portfolio1]" ></a>
</div>
<div class="work_description">
<div class="work_descr_cont">
<a href="portfolio-post.html" >Ginger Beast</a>
<span>17 March, 2041</span>
</div>
</div>
</div>
</div><!-- //work5 -->
<!-- work6 -->
<div class="item">
<div class="work_item">
<div class="work_img">
<img src="images/works/6.jpg" alt="" />
<a class="zoom" href="images/works/6.jpg" rel="prettyPhoto[portfolio1]" ></a>
</div>
<div class="work_description">
<div class="work_descr_cont">
<a href="portfolio-post.html" >Ginger Beast</a>
<span>17 March, 2041</span>
</div>
</div>
</div>
</div><!-- //work6 -->
<!-- work7 -->
<div class="item">
<div class="work_item">
<div class="work_img">
<img src="images/works/7.jpg" alt="" />
<a class="zoom" href="images/works/7.jpg" rel="prettyPhoto[portfolio1]" ></a>
</div>
<div class="work_description">
<div class="work_descr_cont">
<a href="portfolio-post.html" >Ginger Beast</a>
<span>17 March, 2041</span>
</div>
</div>
</div>
</div><!-- //work7 -->
</div><!-- //PROJECTS SLIDER -->
</div>
<!-- OUR CLIENTS -->
<div class="our_clients">
<!-- CONTAINER -->
<div class="container" data-appear-top-offset="-200" data-animated="fadeInUp">
<!-- ROW -->
<div class="row">
<div class="col-lg-2 col-md-2 col-sm-2 client_img">
<img src="images/clients/1.svg" alt="" />
</div>
<div class="col-lg-2 col-md-2 col-sm-2 client_img">
<img src="images/clients/2.jpg" alt="" />
</div>
<div class="col-lg-2 col-md-2 col-sm-2 client_img">
<img src="images/clients/3.jpg" alt="" />
</div>
<div class="col-lg-2 col-md-2 col-sm-2 client_img">
<img src="images/clients/4.jpg" alt="" />
</div>
<div class="col-lg-2 col-md-2 col-sm-2 client_img">
<img src="images/clients/5.jpg" alt="" />
</div>
<div class="col-lg-2 col-md-2 col-sm-2 client_img">
<img src="images/clients/6.jpg" alt="" />
</div>
</div><!-- //ROW -->
</div><!-- CONTAINER -->
</div><!-- //OUR CLIENTS -->
</section><!-- //PROJECTS -->
<!-- TEAM -->
<section id="team">
<!-- CONTAINER -->
<div class="container">
<h2><b>Our</b> Team</h2>
<!-- ROW -->
<div class="row" data-appear-top-offset="-200" data-animated="fadeInUp">
<!-- TEAM SLIDER -->
<div class="owl-demo owl-carousel team_slider">
<!-- crewman1 -->
<div class="item">
<div class="crewman_item">
<div class="crewman">
<img src="images/team/1.jpg" alt="" />
</div>
<div class="crewman_descr center">
<div class="crewman_descr_cont">
<p>Sarah Brown</p>
<span>Director</span>
</div>
</div>
<div class="crewman_social">
<a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a>
<a href="javascript:void(0);" ><i class="fa fa-facebook-square"></i></a>
</div>
</div>
</div><!-- crewman1 -->
<!-- crewman2 -->
<div class="item">
<div class="crewman_item">
<div class="crewman">
<img src="images/team/2.jpg" alt="" />
</div>
<div class="crewman_descr center">
<div class="crewman_descr_cont">
<p>David Jones</p>
<span>Creative Director</span>
</div>
</div>
<div class="crewman_social">
<a href="javascript:void(0);" ><i class="fa fa-google-plus"></i></a>
<a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a>
<a href="javascript:void(0);" ><i class="fa fa-facebook-square"></i></a>
</div>
</div>
</div><!-- crewman1 -->
<!-- crewman3 -->
<div class="item">
<div class="crewman_item">
<div class="crewman">
<img src="images/team/3.jpg" alt="" />
</div>
<div class="crewman_descr center">
<div class="crewman_descr_cont">
<p>Kate Smith</p>
<span>Manager</span>
</div>
</div>
<div class="crewman_social">
<a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a>
<a href="javascript:void(0);" ><i class="fa fa-facebook-square"></i></a>
</div>
</div>
</div><!-- crewman3 -->
<!-- crewman4 -->
<div class="item">
<div class="crewman_item">
<div class="crewman">
<img src="images/team/4.jpg" alt="" />
</div>
<div class="crewman_descr center">
<div class="crewman_descr_cont">
<p>Peter Parker</p>
<span>Manager</span>
</div>
</div>
<div class="crewman_social">
<a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a>
<a href="javascript:void(0);" ><i class="fa fa-facebook-square"></i></a>
</div>
</div>
</div><!-- crewman4 -->
<!-- crewman5 -->
<div class="item">
<div class="crewman_item">
<div class="crewman">
<img src="images/team/5.jpg" alt="" />
</div>
<div class="crewman_descr center">
<div class="crewman_descr_cont">
<p>Jim Moss</p>
<span>Designer</span>
</div>
</div>
<div class="crewman_social">
<a href="javascript:void(0);" ><i class="fa fa-google-plus"></i></a>
<a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a>
<a href="javascript:void(0);" ><i class="fa fa-facebook-square"></i></a>
</div>
</div>
</div><!-- crewman5 -->
<!-- crewman6 -->
<div class="item">
<div class="crewman_item">
<div class="crewman">
<img src="images/team/6.jpg" alt="" />
</div>
<div class="crewman_descr center">
<div class="crewman_descr_cont">
<p>John Marks</p>
<span>Designer</span>
</div>
</div>
<div class="crewman_social">
<a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a>
<a href="javascript:void(0);" ><i class="fa fa-facebook-square"></i></a>
</div>
</div>
</div><!-- crewman6 -->
<!-- crewman7 -->
<div class="item">
<div class="crewman_item">
<div class="crewman">
<img src="images/team/7.jpg" alt="" />
</div>
<div class="crewman_descr center">
<div class="crewman_descr_cont">
<p>Joe Mades</p>
<span>Developer</span>
</div>
</div>
<div class="crewman_social">
<a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a>
<a href="javascript:void(0);" ><i class="fa fa-facebook-square"></i></a>
</div>
</div>
</div><!-- crewman7 -->
<!-- crewman8 -->
<div class="item">
<div class="crewman_item">
<div class="crewman">
<img src="images/team/8.jpg" alt="" />
</div>
<div class="crewman_descr center">
<div class="crewman_descr_cont">
<p>Julia Anderson</p>
<span>Developer</span>
</div>
</div>
<div class="crewman_social">
<a href="javascript:void(0);" ><i class="fa fa-google-plus"></i></a>
<a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a>
<a href="javascript:void(0);" ><i class="fa fa-facebook-square"></i></a>
</div>
</div>
</div><!-- crewman8 -->
</div><!-- TEAM SLIDER -->
</div><!-- //ROW -->
</div><!-- //CONTAINER -->
</section><!-- //TEAM -->
<!-- NEWS -->
<section id="news">
<!-- CONTAINER -->
<div class="container">
<h2><b>Clients</b> say about us</h2>
<!-- TESTIMONIALS -->
<div class="testimonials" data-appear-top-offset="-200" data-animated="fadeInUp">
<!-- TESTIMONIALS SLIDER -->
<div class="owl-demo owl-carousel testim_slider">
<!-- TESTIMONIAL1 -->
<div class="item">
<div class="testim_content">“There is nothing scary in the darkness, if you encounter it face-to-face. The inevitable price we pay for our happiness is eternal fear to lose it. When you start thinking a lot about your past, it becomes your present and you can't see your future without it.”</div>
<div class="testim_author">— Anna Balashova, <b>Philosopher</b></div>
</div><!-- TESTIMONIAL1 -->
<!-- TESTIMONIAL2 -->
<div class="item">
<div class="testim_content">“There is nothing scary in the darkness, if you encounter it face-to-face. The inevitable price we pay for our happiness is eternal fear to lose it. When you start thinking a lot about your past, it becomes your present and you can't see your future without it.”</div>
<div class="testim_author">— Anna Balashova, <b>Philosopher</b></div>
</div><!-- TESTIMONIAL2 -->
<!-- TESTIMONIAL3 -->
<div class="item">
<div class="testim_content">“There is nothing scary in the darkness, if you encounter it face-to-face. The inevitable price we pay for our happiness is eternal fear to lose it. When you start thinking a lot about your past, it becomes your present and you can't see your future without it.”</div>
<div class="testim_author">— Anna Balashova, <b>Philosopher</b></div>
</div><!-- TESTIMONIAL3 -->
</div><!-- TESTIMONIALS SLIDER -->
</div><!-- //TESTIMONIALS -->
<!-- RECENT POSTS -->
<div class="row recent_posts" data-appear-top-offset="-200" data-animated="fadeInUp">
<div class="col-lg-4 col-md-4 col-sm-4 padbot30 post_item_block">
<div class="post_item">
<div class="post_item_img">
<img src="images/blog/1.jpg" alt="" />
<a class="link" href="blog-post.html" ></a>
</div>
<div class="post_item_content">
<a class="title" href="blog-post.html" >Inteligent Transitions In UX Design</a>
<ul class="post_item_inf">
<li><a href="javascript:void(0);" >Anna</a> |</li>
<li><a href="javascript:void(0);" >Photography</a> |</li>
<li><a href="javascript:void(0);" >10 Comments</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 padbot30 post_item_block">
<div class="post_item">
<div class="post_item_img">
<img src="images/blog/2.jpg" alt="" />
<a class="link" href="blog-post.html"></a>
</div>
<div class="post_item_content">
<a class="title" href="blog-post.html" >Recent trends in storytelling</a>
<ul class="post_item_inf">
<li><a href="javascript:void(0);" >Anna</a> |</li>
<li><a href="javascript:void(0);" >Web Design</a> |</li>
<li><a href="javascript:void(0);" >No comment</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 padbot30 post_item_block">
<div class="post_item">
<div class="post_item_img">
<img src="images/blog/3.jpg" alt="" />
<a class="link" href="blog-post.html"></a>
</div>
<div class="post_item_content">
<a class="title" href="blog-post.html" >Supernatural FX Showreel</a>
<ul class="post_item_inf">
<li><a href="javascript:void(0);" >Anna</a> |</li>
<li><a href="javascript:void(0);" >Creative</a> |</li>
<li><a href="javascript:void(0);" >3 Comments</a></li>
</ul>
</div>
</div>
</div>
</div><!-- RECENT POSTS -->
</div><!-- //CONTAINER -->
</section><!-- //NEWS -->
</div><!-- //PAGE -->
<!-- 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>About</b> us</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="javascript:void(0);" ><i class="fa fa-twitter"></i></a></li>
<li><a href="javascript:void(0);" ><i class="fa fa-facebook"></i></a></li>
<li><a href="javascript:void(0);" ><i class="fa fa-github"></i></a></li>
<li><a href="javascript:void(0);" ><i class="fa fa-pinterest-square"></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="http://maps.google.com/maps?f=q&amp;give%20a%20hand=s_q&amp;hl=en&amp;geocode=&amp;q=london&amp;sll=37.0625,-95.677068&amp;sspn=42.631141,90.263672&amp;ie=UTF8&amp;hq=&amp;hnear=London,+United+Kingdom&amp;ll=51.500141,-0.126257&amp;spn=0.026448,0.039396&amp;z=14&amp;output=embed" ></iframe>
</div><!-- //MAP -->
</div>
</body>
</html>

View file

@ -1,3 +0,0 @@
/*
* Add your own CSS code for the WYSIWYG editor
*/

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Binary file not shown.

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,132 +0,0 @@
// Menu
document.addEventListener('DOMContentLoaded', () => {
const toggleButton = document.querySelector('.navbar__toggle');
const menu = document.querySelector('.navbar__menu');
if (toggleButton && menu) {
toggleButton.addEventListener('click', () => {
const isMenuActive = menu.classList.contains('is-active');
menu.classList.toggle('is-active', !isMenuActive);
menu.classList.toggle('is-hidden', isMenuActive);
toggleButton.classList.toggle('is-active', !isMenuActive);
// Update the aria-expanded attribute
toggleButton.setAttribute('aria-expanded', !isMenuActive);
});
}
});
// Share buttons pop-up
(function () {
// share popup
const shareButton = document.querySelector('.js-content__share-button');
const sharePopup = document.querySelector('.js-content__share-popup');
if (shareButton && sharePopup) {
sharePopup.addEventListener('click', function (e) {
e.stopPropagation();
});
shareButton.addEventListener('click', function (e) {
e.preventDefault();
e.stopPropagation();
sharePopup.classList.toggle('is-visible');
});
document.body.addEventListener('click', function () {
sharePopup.classList.remove('is-visible');
});
}
// link selector and pop-up window size
const Config = {
Link: ".js-share",
Width: 500,
Height: 500
};
// add handler to links
const shareLinks = document.querySelectorAll(Config.Link);
shareLinks.forEach(link => {
link.addEventListener('click', PopupHandler);
});
// create popup
function PopupHandler(e) {
e.preventDefault();
const target = e.target.closest(Config.Link);
if (!target) return;
// hide share popup
if (sharePopup) {
sharePopup.classList.remove('is-visible');
}
// popup position
const px = Math.floor((window.innerWidth - Config.Width) / 2);
const py = Math.floor((window.innerHeight - Config.Height) / 2);
// open popup
const linkHref = target.href;
const popup = window.open(linkHref, "social", `
width=${Config.Width},
height=${Config.Height},
left=${px},
top=${py},
location=0,
menubar=0,
toolbar=0,
status=0,
scrollbars=1,
resizable=1
`);
if (popup) {
popup.focus();
}
}
})();
// Responsive embeds script
(function () {
let wrappers = document.querySelectorAll('.post__video, .post__iframe');
for (let i = 0; i < wrappers.length; i++) {
let embed = wrappers[i].querySelector('iframe, embed, video, object');
if (!embed) {
continue;
}
if (embed.getAttribute('data-responsive') === 'false') {
continue;
}
let w = embed.getAttribute('width');
let h = embed.getAttribute('height');
let ratio = false;
if (!w || !h) {
continue;
}
if (w.indexOf('%') > -1 && h.indexOf('%') > -1) { // percentage mode
w = parseFloat(w.replace('%', ''));
h = parseFloat(h.replace('%', ''));
ratio = h / w;
} else if (w.indexOf('%') === -1 && h.indexOf('%') === -1) { // pixels mode
w = parseInt(w, 10);
h = parseInt(h, 10);
ratio = h / w;
}
if (ratio !== false) {
let ratioValue = (ratio * 100) + '%';
wrappers[i].setAttribute('style', '--embed-aspect-ratio:' + ratioValue);
}
}
})();

View file

@ -1 +0,0 @@
document.addEventListener("DOMContentLoaded",(()=>{const t=document.querySelector(".navbar__toggle"),e=document.querySelector(".navbar__menu");t&&e&&t.addEventListener("click",(()=>{const n=e.classList.contains("is-active");e.classList.toggle("is-active",!n),e.classList.toggle("is-hidden",n),t.classList.toggle("is-active",!n),t.setAttribute("aria-expanded",!n)}))})),function(){const t=document.querySelector(".js-content__share-button"),e=document.querySelector(".js-content__share-popup");t&&e&&(e.addEventListener("click",(function(t){t.stopPropagation()})),t.addEventListener("click",(function(t){t.preventDefault(),t.stopPropagation(),e.classList.toggle("is-visible")})),document.body.addEventListener("click",(function(){e.classList.remove("is-visible")})));const n=".js-share",i=500,o=500;function s(t){t.preventDefault();const s=t.target.closest(n);if(!s)return;e&&e.classList.remove("is-visible");const c=Math.floor((window.innerWidth-i)/2),r=Math.floor((window.innerHeight-o)/2),a=s.href,l=window.open(a,"social",`\n\t\t\t width=${i},\n\t\t\t height=${o},\n\t\t\t left=${c},\n\t\t\t top=${r},\n\t\t\t location=0,\n\t\t\t menubar=0,\n\t\t\t toolbar=0,\n\t\t\t status=0,\n\t\t\t scrollbars=1,\n\t\t\t resizable=1\n\t\t `);l&&l.focus()}document.querySelectorAll(n).forEach((t=>{t.addEventListener("click",s)}))}(),function(){let t=document.querySelectorAll(".post__video, .post__iframe");for(let e=0;e<t.length;e++){let n=t[e].querySelector("iframe, embed, video, object");if(!n)continue;if("false"===n.getAttribute("data-responsive"))continue;let i=n.getAttribute("width"),o=n.getAttribute("height"),s=!1;if(i&&o&&(i.indexOf("%")>-1&&o.indexOf("%")>-1?(i=parseFloat(i.replace("%","")),o=parseFloat(o.replace("%","")),s=o/i):-1===i.indexOf("%")&&-1===o.indexOf("%")&&(i=parseInt(i,10),o=parseInt(o,10),s=o/i),!1!==s)){let n=100*s+"%";t[e].setAttribute("style","--embed-aspect-ratio:"+n)}}}();

View file

@ -1,19 +0,0 @@
// SVG map fix
(function() {
var allItems = document.querySelectorAll('use');
for (var i = 0; i < allItems.length; i++) {
var item = allItems[i];
var anchor = '#' + item.getAttribute('xlink:href').split('#')[1];
var itemData = window.publiiSvgFix[anchor];
if(!itemData) {
console.log('ANCHOR', anchor, i);
continue;
}
var svgItem = item.parentNode;
svgItem.innerHTML = itemData.content;
svgItem.setAttribute('viewBox', itemData.viewbox);
}
})();

View file

@ -1,62 +0,0 @@
window.publiiSvgFix = {
"#tag": {
"viewbox": "0 0 24 24",
"content": "<path d=\"M21.626,1.893c-1.606-1.344-4.013-1.148-5.382.433L2.79,15.795c-.123.123-.212.276-.257.444l-1.498,5.498c-.094.346.004.716.257.969.19.19.445.293.706.293.088,0,.176-.012.263-.035l5.492-1.5c.168-.046.32-.135.443-.258l11.467-11.485c.005-.005.012-.006.017-.012s.007-.012.012-.017l1.913-1.917c.178-.146.342-.309.491-.485.661-.782.977-1.775.888-2.795-.088-1.021-.57-1.946-1.359-2.604ZM6.972,19.607l-3.55.969.968-3.555L14.98,6.419l2.582,2.585-10.591,10.603ZM20.572,6c-.071.084-.149.162-.306.298l-1.291,1.293-2.582-2.585,1.291-1.293c.02-.02.038-.04.057-.061.655-.776,1.825-.876,2.607-.224.376.314.608.756.649,1.242.042.485-.108.957-.424,1.33Z\"/>"
},
"#image": {
"viewbox": "0 0 24 24",
"content": "<path d=\"M19.843,1H4.157c-1.741,0-3.157,1.416-3.157,3.157v15.685c0,1.741,1.416,3.157,3.157,3.157h15.685c1.741,0,3.157-1.416,3.157-3.157V4.157c0-1.741-1.416-3.157-3.157-3.157ZM2.833,19.843V4.157c0-.73.594-1.324,1.324-1.324h15.685c.73,0,1.324.594,1.324,1.324v8.99l-1.892-1.893c-1.232-1.23-3.233-1.23-4.465,0l-9.911,9.911h-.741c-.73,0-1.324-.594-1.324-1.324ZM19.843,21.167H7.491l8.615-8.615c.516-.517,1.357-.516,1.873,0l3.189,3.189v4.103c0,.73-.594,1.324-1.324,1.324ZM8.639,11.796c1.741,0,3.157-1.417,3.157-3.158s-1.416-3.157-3.157-3.157-3.157,1.416-3.157,3.157,1.416,3.158,3.157,3.158ZM8.639,7.315c.73,0,1.324.594,1.324,1.324s-.594,1.324-1.324,1.324-1.324-.594-1.324-1.324.594-1.324,1.324-1.324Z\"/>"
},
"#quote": {
"viewbox": "0 0 24 24",
"content": "<path d=\"M3,22c-1.551,0-2-.448-2-2v-1.969c0-1.575.449-2.031,2-2.031.449,0,1-.552,1-1v-1c-1.794,0-3-1.206-3-3v-6.028c0-1.778,1.206-2.972,3-2.972h3.993c.864-.017,1.622.267,2.166.803.55.543.841,1.303.841,2.197v8c0,5.887-2.767,9-8,9ZM3,18v2c2.793,0,6-.796,6-7v-8c0-.242-.042-.573-.246-.773-.197-.193-.505-.226-.741-.227h-4.014c-.691,0-1,.3-1,.972v6.028c0,.701.299,1,1,1,1.551,0,2,.449,2,2v1c0,1.542-1.458,3-3,3h0ZM15,22c-1.552,0-2-.448-2-2v-3c0-.553.447-1,1-1,.724,0,1.223-.117,1.442-.339.267-.27.31-.92.312-1.669-1.658-.105-2.755-1.281-2.755-2.992v-6.028c0-1.778,1.206-2.972,3-2.972h3.993c.87.008,1.622.267,2.165.803.551.543.842,1.303.842,2.197v8c0,5.887-2.767,9-8,9ZM15,17.93v2.07c2.794,0,6-.796,6-7v-8c0-.242-.043-.573-.246-.773-.195-.193-.515-.227-.74-.227h-4.014c-.691,0-1,.3-1,.972v6.028c0,.701.299,1,1,1h.75c.553,0,1,.448,1,1l.003.475c.011,1.376.021,2.675-.891,3.595-.449.453-1.063.737-1.862.86Z\"/>"
},
"#date": {
"viewbox": "0 0 24 24",
"content": "<path d=\"M19,3h-2v-1c0-.552-.447-1-1-1s-1,.448-1,1v1h-6v-1c0-.552-.448-1-1-1s-1,.448-1,1v1h-2c-1.654,0-3,1.346-3,3v14c0,1.654,1.346,3,3,3h14c1.654,0,3-1.346,3-3V6c0-1.654-1.346-3-3-3ZM5,5h2v1c0,.552.448,1,1,1s1-.448,1-1v-1h6v1c0,.552.447,1,1,1s1-.448,1-1v-1h2c.552,0,1,.449,1,1v3H4v-3c0-.551.449-1,1-1ZM19,21H5c-.551,0-1-.448-1-1v-9h16v9c0,.552-.448,1-1,1ZM9.01,14c0,.553-.448,1-1,1s-1.005-.447-1.005-1,.443-1,.995-1h.01c.552,0,1,.447,1,1ZM13.01,14c0,.553-.447,1-1,1s-1.005-.447-1.005-1,.443-1,.995-1h.01c.552,0,1,.447,1,1ZM17.01,14c0,.553-.447,1-1,1s-1.005-.447-1.005-1,.442-1,.995-1h.01c.553,0,1,.447,1,1ZM9.01,18c0,.553-.448,1-1,1s-1.005-.447-1.005-1,.443-1,.995-1h.01c.552,0,1,.447,1,1ZM13.01,18c0,.553-.447,1-1,1s-1.005-.447-1.005-1,.443-1,.995-1h.01c.552,0,1,.447,1,1ZM17.01,18c0,.553-.447,1-1,1s-1.005-.447-1.005-1,.442-1,.995-1h.01c.553,0,1,.447,1,1Z\"/>"
},
"#website": {
"viewbox": "0 0 24 24",
"content": "<path d=\"M19.782,4.218C15.492-.073,8.509-.073,4.218,4.218-.073,8.509-.073,15.491,4.218,19.782c2.146,2.145,4.964,3.218,7.782,3.218s5.636-1.073,7.782-3.218c4.291-4.291,4.291-11.273,0-15.564ZM18.367,18.367c-3.511,3.511-9.224,3.509-12.734,0-3.51-3.511-3.51-9.223,0-12.734,3.511-3.509,9.223-3.509,12.734,0,3.51,3.511,3.51,9.223,0,12.734ZM15.753,8.788c.051.122.077.252.077.382v5.659c0,.553-.447,1-1,1s-1-.447-1-1v-3.244l-3.952,3.951c-.195.195-.451.293-.707.293s-.512-.098-.707-.293c-.391-.391-.391-1.024,0-1.415l3.952-3.951h-3.244c-.553,0-1-.448-1-1s.448-1,1-1h5.659c.13,0,.26.027.382.077.245.101.44.296.541.541Z\" />"
},
"#facebook": {
"viewbox": "0 0 32 32",
"content": "<path d=\"M32,16.1A16,16,0,1,0,13.5,32V20.75H9.44V16.1H13.5V12.55c0-4,2.39-6.26,6-6.26a24.77,24.77,0,0,1,3.58.31v4h-2a2.33,2.33,0,0,0-2.61,2.52v3h4.44l-.71,4.65H18.5V32A16.07,16.07,0,0,0,32,16.1Z\" />"
},
"#twitter": {
"viewbox": "0 0 24 24",
"content": "<path d=\"m14.093,10.315L22.283,1h-1.941l-7.111,8.089L7.551,1H1l8.589,12.231L1,23h1.941l7.51-8.542,5.998,8.542h6.551l-8.907-12.685h0Zm-2.658,3.024l-.87-1.218L3.64,2.43h2.981l5.588,7.821.87,1.218,7.264,10.166h-2.981l-5.927-8.296h0Z\" />"
},
"#instagram": {
"viewbox": "0 0 32 32",
"content": "<path d=\"M16,2.883c4.272,0,4.778.016,6.465.093a8.853,8.853,0,0,1,2.971.551,4.957,4.957,0,0,1,1.84,1.2,4.957,4.957,0,0,1,1.2,1.84,8.853,8.853,0,0,1,.551,2.971c.077,1.687.093,2.193.093,6.465s-.016,4.778-.093,6.465a8.853,8.853,0,0,1-.551,2.971,5.3,5.3,0,0,1-3.037,3.037,8.853,8.853,0,0,1-2.971.551c-1.687.077-2.193.093-6.465.093s-4.778-.016-6.465-.093a8.853,8.853,0,0,1-2.971-.551,4.957,4.957,0,0,1-1.84-1.2,4.957,4.957,0,0,1-1.2-1.84,8.853,8.853,0,0,1-.551-2.971C2.9,20.778,2.883,20.272,2.883,16s.016-4.778.093-6.465a8.853,8.853,0,0,1,.551-2.971,4.957,4.957,0,0,1,1.2-1.84,4.957,4.957,0,0,1,1.84-1.2,8.853,8.853,0,0,1,2.971-.551C11.222,2.9,11.728,2.883,16,2.883M16,0c-4.345,0-4.89.018-6.6.1A11.744,11.744,0,0,0,5.519.84,7.843,7.843,0,0,0,2.685,2.685,7.843,7.843,0,0,0,.84,5.519,11.744,11.744,0,0,0,.1,9.4C.018,11.11,0,11.655,0,16s.018,4.89.1,6.6A11.744,11.744,0,0,0,.84,26.481a7.843,7.843,0,0,0,1.845,2.834A7.843,7.843,0,0,0,5.519,31.16,11.744,11.744,0,0,0,9.4,31.9c1.707.078,2.251.1,6.6.1s4.89-.018,6.6-.1a11.744,11.744,0,0,0,3.884-.744,8.181,8.181,0,0,0,4.679-4.679A11.744,11.744,0,0,0,31.9,22.6c.078-1.707.1-2.251.1-6.6s-.018-4.89-.1-6.6a11.744,11.744,0,0,0-.744-3.884,7.843,7.843,0,0,0-1.845-2.834A7.843,7.843,0,0,0,26.481.84,11.744,11.744,0,0,0,22.6.1C20.89.018,20.345,0,16,0Zm0,7.784A8.216,8.216,0,1,0,24.216,16,8.216,8.216,0,0,0,16,7.784Zm0,13.55A5.333,5.333,0,1,1,21.333,16,5.333,5.333,0,0,1,16,21.333ZM24.541,5.539a1.92,1.92,0,1,0,1.92,1.92A1.92,1.92,0,0,0,24.541,5.539Z\"/>"
},
"#linkedin": {
"viewbox": "0 0 34.48 32",
"content": "<path d=\"M29.632,0H2.362A2.336,2.336,0,0,0,0,2.306V29.691A2.337,2.337,0,0,0,2.362,32h27.27A2.342,2.342,0,0,0,32,29.691V2.306A2.34,2.34,0,0,0,29.632,0ZM9.491,27.268H4.744V12H9.491ZM7.119,9.909a2.752,2.752,0,1,1,2.75-2.753A2.753,2.753,0,0,1,7.119,9.909ZM27.268,27.268H22.525V19.842c0-1.772-.033-4.05-2.466-4.05-2.47,0-2.848,1.929-2.848,3.921v7.555H12.468V12h4.553v2.086h.063a4.986,4.986,0,0,1,4.491-2.467c4.806,0,5.694,3.163,5.694,7.275Z\"/>"
},
"#vimeo": {
"viewbox": "0 0 24.999 20.159",
"content": "<path d=\"M26.105,5.927q3.628,0.1,3.641,4.123c0,0.176-.006.36-0.016,0.548q-0.16,3.416-5.09,9.306-5.089,6.17-8.634,6.183-2.205,0-3.671-3.779l-1.029-3.454L10.29,15.4q-1.124-3.749-2.406-3.746a7.819,7.819,0,0,0-1.95,1.091l-1.187-1.4,1.842-1.53L8.4,8.3a8.908,8.908,0,0,1,3.7-2.107,3.207,3.207,0,0,1,.341-0.016q2.606,0,3.249,3.746,0.356,2.137.594,3.473t0.387,1.867q0.862,3.544,1.859,3.559,0.766,0,2.36-2.31A9.305,9.305,0,0,0,22.562,13a2.969,2.969,0,0,0,.031-0.434,1.439,1.439,0,0,0-1.7-1.547,5.46,5.46,0,0,0-1.843.359q1.763-5.434,6.775-5.449h0.281Z\" transform=\"translate(-4.747 -5.927)\" />"
},
"#youtube": {
"viewbox": "0 0 32 22.507",
"content": "<path d=\"M31.68,9.6a6.924,6.924,0,0,0-1.272-3.176A4.577,4.577,0,0,0,27.2,5.07c-4.478-.324-11.2-0.324-11.2-0.324H15.993s-6.717,0-11.2.324A4.577,4.577,0,0,0,1.592,6.426,6.921,6.921,0,0,0,.32,9.6,48.4,48.4,0,0,0,0,14.781v2.428a48.4,48.4,0,0,0,.32,5.179,6.921,6.921,0,0,0,1.272,3.176A5.426,5.426,0,0,0,5.12,26.932C7.68,27.177,16,27.253,16,27.253s6.724-.01,11.2-0.334a4.577,4.577,0,0,0,3.206-1.355,6.923,6.923,0,0,0,1.272-3.176A48.46,48.46,0,0,0,32,17.209V14.781A48.46,48.46,0,0,0,31.68,9.6ZM12.7,20.151l0-8.991,8.647,4.511Z\" transform=\"translate(0 -4.747)\" />"
},
"#pinterest": {
"viewbox": "0 0 32 32",
"content": "<path d=\"M16 0a16 16 0 0 0-5.83 30.9 15.34 15.34 0 0 1 .055-4.59c.29-1.25 1.876-7.953 1.876-7.953a5.776 5.776 0 0 1-.478-2.375c0-2.225 1.29-3.886 2.9-3.886a2.01 2.01 0 0 1 2.024 2.254c0 1.373-.874 3.425-1.325 5.327a2.323 2.323 0 0 0 2.37 2.89c2.844 0 5.03-3 5.03-7.326a6.316 6.316 0 0 0-6.683-6.508 6.926 6.926 0 0 0-7.225 6.944 6.224 6.224 0 0 0 1.188 3.65.478.478 0 0 1 .11.46c-.12.504-.39 1.59-.443 1.814-.07.293-.232.355-.535.214-2-.93-3.248-3.852-3.248-6.2 0-5.047 3.667-9.682 10.572-9.682 5.55 0 9.864 3.955 9.864 9.24 0 5.515-3.477 9.953-8.3 9.953a4.282 4.282 0 0 1-3.667-1.837s-.8 3.055-1 3.8a17.885 17.885 0 0 1-1.99 4.195A16 16 0 1 0 16 0z\" />"
},
"#mix": {
"viewbox": "0 0 32 32",
"content": "<path d=\"M32,0v17.95c0,1.69-1.43,3.12-3.2,3.12c-1.77,0-3.2-1.42-3.2-3.12v-1.62c0-1.81-1.43-3.23-3.2-3.24c-1.77,0.01-3.2,1.43-3.2,3.24v4.61c-0.03,1.69-1.46,3.12-3.2,3.12c-1.79,0-3.22-1.42-3.2-3.12V8.48c-0.02-1.78-1.45-3.2-3.2-3.24C7.9,5.27,6.52,6.57,6.4,8.23c-0.01,0.06-0.01,0.14,0,0.25v2.96v0.03v17.42C6.4,30.58,4.97,32,3.2,32C1.43,32,0,30.58,0,28.88V17.45v-0.03V0h29.98h1.77H32z\"/>"
},
"#buffer": {
"viewbox": "0 0 32 32",
"content": "<path d=\"M.556,15.342,3.338,14a.954.954,0,0,1,1.091.025c.458.225,10.229,4.942,10.229,4.942a3.506,3.506,0,0,0,2.682,0s10.038-4.85,10.4-5.017a.689.689,0,0,1,.791-.008c.342.167,2.916,1.408,2.916,1.408.741.358.741.942-.017,1.292L17.333,23.45a3.506,3.506,0,0,1-2.682,0L.556,16.642C-.185,16.283-.185,15.7.556,15.342ZM.573,8.375l14.094,6.808a3.506,3.506,0,0,0,2.682,0L31.444,8.375c.741-.358.741-.942,0-1.3L17.349.267a3.506,3.506,0,0,0-2.682,0L.573,7.075C-.169,7.433-.169,8.017.573,8.375Zm30.871,15.25s-2.574-1.242-2.916-1.408a.689.689,0,0,0-.791.008c-.358.167-10.388,5.025-10.388,5.025a3.506,3.506,0,0,1-2.682,0S4.9,22.533,4.438,22.308a.954.954,0,0,0-1.091-.025L.564,23.625c-.741.358-.741.942,0,1.3l14.094,6.808A3.109,3.109,0,0,0,16,32a3.237,3.237,0,0,0,1.341-.267l14.094-6.808C32.185,24.567,32.185,23.983,31.444,23.625Z\" />"
},
"#whatsapp": {
"viewbox": "0 0 32 32",
"content": "<path d=\"M24.09,19.64c0.1,0.17,0.1,0.96-0.23,1.88c-0.33,0.93-1.92,1.77-2.69,1.88c-0.69,0.1-1.55,0.14-2.51-0.16c-0.58-0.18-1.32-0.43-2.27-0.83c-3.99-1.72-6.6-5.72-6.8-5.98c-0.2-0.26-1.63-2.15-1.63-4.1c0-1.95,1.03-2.91,1.39-3.31c0.36-0.4,0.8-0.5,1.06-0.5s0.53,0,0.76,0.01c0.24,0.01,0.57-0.09,0.9,0.68c0.33,0.79,1.13,2.74,1.23,2.94c0.1,0.2,0.17,0.43,0.03,0.69c-0.13,0.26-0.2,0.43-0.4,0.66s-0.42,0.52-0.6,0.69c-0.2,0.2-0.41,0.41-0.17,0.81c0.23,0.4,1.03,1.69,2.21,2.74c1.52,1.35,2.8,1.77,3.2,1.97c0.4,0.2,0.63,0.17,0.86-0.1c0.23-0.26,1-1.16,1.26-1.55c0.27-0.4,0.53-0.33,0.9-0.2c0.36,0.13,2.32,1.09,2.72,1.29C23.73,19.37,23.99,19.47,24.09,19.64z M32,15.87c0,8.74-7.15,15.86-15.93,15.86c0,0,0,0,0,0h-0.01c-2.67,0-5.29-0.67-7.61-1.93L0,32l2.26-8.22c-1.39-2.4-2.13-5.13-2.13-7.93C0.14,7.11,7.28,0,16.07,0c4.26,0,8.26,1.65,11.27,4.65C30.35,7.65,32,11.63,32,15.87z M29.31,15.87c0-3.52-1.37-6.83-3.88-9.32c-2.5-2.49-5.83-3.86-9.36-3.87c-7.3,0-13.25,5.91-13.25,13.18c0,2.49,0.7,4.92,2.02,7.01l0.31,0.5l-1.34,4.86l5.01-1.31l0.48,0.29c2.03,1.2,4.36,1.84,6.74,1.84h0.01C23.37,29.05,29.31,23.13,29.31,15.87z\" />"
}
};

View file

@ -1,49 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 264 88" style="enable-background:new 0 0 264 88;" xml:space="preserve">
<title>default-skin 2</title>
<g>
<g>
<path id="Shape" d="M67,59v3.6c-6.3,0.8-9.2,5.5-10,9.4c2.2-2.7,5.6-4.9,10-4.9v3.5l6-5.7L67,59z"/>
<g>
<path id="Shape_1_" d="M13,29v-5h2v3h3v2H13z M13,15h5v2h-3v3h-2V15z M31,15v5h-2v-3h-3v-2H31z M31,29h-5v-2h3v-3h2V29z"/>
</g>
<g>
<path d="M62,24v5h-2v-3h-3v-2H62z M62,20h-5v-2h3v-3h2V20z M70,20v-5h2v3h3v2H70z M70,24h5v2h-3v3h-2V24z"/>
</g>
<path d="M20.6,66L15,60.4l1.4-1.4l5.6,5.6l5.6-5.6l1.4,1.4L23.4,66l5.6,5.6L27.6,73L22,67.4L16.4,73L15,71.6L20.6,66z"/>
<g>
<g id="Rectangle-11">
<path d="M161,28.6l-3.3-3.3l-1.4,1.4l3.3,3.3L161,28.6z"/>
</g>
<g id="Oval-1">
<path d="M152.4,27.7c-3.5,0-6.4-2.9-6.4-6.4s2.9-6.4,6.4-6.4c3.5,0,6.4,2.9,6.4,6.4S155.9,27.7,152.4,27.7z M152.4,16.5
c-2.7,0-4.8,2.2-4.8,4.8s2.2,4.8,4.8,4.8c2.7,0,4.8-2.2,4.8-4.8S155,16.5,152.4,16.5z"/>
</g>
<g>
<path d="M149.8,20.9h5.1v1h-5.1V20.9z"/>
</g>
</g>
<g>
<g>
<path d="M117,28.6l-1.4,1.4l-3.3-3.3l1.4-1.4L117,28.6z"/>
</g>
<g>
<path d="M108.4,27.7c-3.5,0-6.4-2.9-6.4-6.4s2.9-6.4,6.4-6.4c3.5,0,6.4,2.9,6.4,6.4S111.9,27.7,108.4,27.7z M108.4,16.5
c-2.7,0-4.8,2.2-4.8,4.8s2.2,4.8,4.8,4.8c2.7,0,4.8-2.2,4.8-4.8S111,16.5,108.4,16.5z"/>
</g>
<g>
<path d="M105.8,20.9h5.1v1h-5.1V20.9z"/>
</g>
<g>
<path d="M108.9,18.8l-0.1,5.1l-1,0l0.1-5.1L108.9,18.8z"/>
</g>
</g>
</g>
</g>
<path d="M154.7,64.3l-5.3-5.3l5.3-5.3c0.4-0.4,0.4-1,0-1.4c-0.4-0.4-1-0.4-1.4,0l-6,6c-0.4,0.4-0.4,1,0,1.4l6,6
c0.2,0.2,0.4,0.3,0.7,0.3s0.5-0.1,0.7-0.3C155.1,65.3,155.1,64.7,154.7,64.3z"/>
<path d="M109.3,64.3l5.3-5.3l-5.3-5.3c-0.4-0.4-0.4-1,0-1.4c0.4-0.4,1-0.4,1.4,0l6,6c0.4,0.4,0.4,1,0,1.4l-6,6
c-0.2,0.2-0.4,0.3-0.7,0.3c-0.3,0-0.5-0.1-0.7-0.3C108.9,65.3,108.9,64.7,109.3,64.3z"/>
</svg>

Before

Width:  |  Height:  |  Size: 2.1 KiB

View file

@ -1,54 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 264 88" style="enable-background:new 0 0 264 88;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
</style>
<title>default-skin 2</title>
<g>
<g>
<path id="Shape" class="st0" d="M67,59v3.6c-6.3,0.8-9.2,5.5-10,9.4c2.2-2.7,5.6-4.9,10-4.9v3.5l6-5.7L67,59z"/>
<g>
<path id="Shape_1_" class="st0" d="M13,29v-5h2v3h3v2H13z M13,15h5v2h-3v3h-2V15z M31,15v5h-2v-3h-3v-2H31z M31,29h-5v-2h3v-3h2
V29z"/>
</g>
<g>
<path class="st0" d="M62,24v5h-2v-3h-3v-2H62z M62,20h-5v-2h3v-3h2V20z M70,20v-5h2v3h3v2H70z M70,24h5v2h-3v3h-2V24z"/>
</g>
<path class="st0" d="M20.6,66L15,60.4l1.4-1.4l5.6,5.6l5.6-5.6l1.4,1.4L23.4,66l5.6,5.6L27.6,73L22,67.4L16.4,73L15,71.6L20.6,66z
"/>
<g>
<g id="Rectangle-11">
<path class="st0" d="M161,28.6l-3.3-3.3l-1.4,1.4l3.3,3.3L161,28.6z"/>
</g>
<g id="Oval-1">
<path class="st0" d="M152.4,27.7c-3.5,0-6.4-2.9-6.4-6.4s2.9-6.4,6.4-6.4c3.5,0,6.4,2.9,6.4,6.4S155.9,27.7,152.4,27.7z
M152.4,16.5c-2.7,0-4.8,2.2-4.8,4.8s2.2,4.8,4.8,4.8c2.7,0,4.8-2.2,4.8-4.8S155,16.5,152.4,16.5z"/>
</g>
<g>
<path class="st0" d="M149.8,20.9h5.1v1h-5.1V20.9z"/>
</g>
</g>
<g>
<g>
<path class="st0" d="M117,28.6l-1.4,1.4l-3.3-3.3l1.4-1.4L117,28.6z"/>
</g>
<g>
<path class="st0" d="M108.4,27.7c-3.5,0-6.4-2.9-6.4-6.4s2.9-6.4,6.4-6.4c3.5,0,6.4,2.9,6.4,6.4S111.9,27.7,108.4,27.7z
M108.4,16.5c-2.7,0-4.8,2.2-4.8,4.8s2.2,4.8,4.8,4.8c2.7,0,4.8-2.2,4.8-4.8S111,16.5,108.4,16.5z"/>
</g>
<g>
<path class="st0" d="M105.8,20.9h5.1v1h-5.1V20.9z"/>
</g>
<g>
<path class="st0" d="M108.9,18.8l-0.1,5.1l-1,0l0.1-5.1L108.9,18.8z"/>
</g>
</g>
</g>
</g>
<path class="st0" d="M154.7,64.3l-5.3-5.3l5.3-5.3c0.4-0.4,0.4-1,0-1.4c-0.4-0.4-1-0.4-1.4,0l-6,6c-0.4,0.4-0.4,1,0,1.4l6,6
c0.2,0.2,0.4,0.3,0.7,0.3s0.5-0.1,0.7-0.3C155.1,65.3,155.1,64.7,154.7,64.3z"/>
<path class="st0" d="M109.3,64.3l5.3-5.3l-5.3-5.3c-0.4-0.4-0.4-1,0-1.4c0.4-0.4,1-0.4,1.4,0l6,6c0.4,0.4,0.4,1,0,1.4l-6,6
c-0.2,0.2-0.4,0.3-0.7,0.3c-0.3,0-0.5-0.1-0.7-0.3C108.9,65.3,108.9,64.7,109.3,64.3z"/>
</svg>

Before

Width:  |  Height:  |  Size: 2.3 KiB

View file

@ -1,78 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg">
<!-- Other icons -->
<symbol id="tag" viewBox="0 0 24 24">
<path d="M21.626,1.893c-1.606-1.344-4.013-1.148-5.382.433L2.79,15.795c-.123.123-.212.276-.257.444l-1.498,5.498c-.094.346.004.716.257.969.19.19.445.293.706.293.088,0,.176-.012.263-.035l5.492-1.5c.168-.046.32-.135.443-.258l11.467-11.485c.005-.005.012-.006.017-.012s.007-.012.012-.017l1.913-1.917c.178-.146.342-.309.491-.485.661-.782.977-1.775.888-2.795-.088-1.021-.57-1.946-1.359-2.604ZM6.972,19.607l-3.55.969.968-3.555L14.98,6.419l2.582,2.585-10.591,10.603ZM20.572,6c-.071.084-.149.162-.306.298l-1.291,1.293-2.582-2.585,1.291-1.293c.02-.02.038-.04.057-.061.655-.776,1.825-.876,2.607-.224.376.314.608.756.649,1.242.042.485-.108.957-.424,1.33Z" />
</symbol>
<symbol id="image" viewBox="0 0 24 24">
<path d="M19.843,1H4.157c-1.741,0-3.157,1.416-3.157,3.157v15.685c0,1.741,1.416,3.157,3.157,3.157h15.685c1.741,0,3.157-1.416,3.157-3.157V4.157c0-1.741-1.416-3.157-3.157-3.157ZM2.833,19.843V4.157c0-.73.594-1.324,1.324-1.324h15.685c.73,0,1.324.594,1.324,1.324v8.99l-1.892-1.893c-1.232-1.23-3.233-1.23-4.465,0l-9.911,9.911h-.741c-.73,0-1.324-.594-1.324-1.324ZM19.843,21.167H7.491l8.615-8.615c.516-.517,1.357-.516,1.873,0l3.189,3.189v4.103c0,.73-.594,1.324-1.324,1.324ZM8.639,11.796c1.741,0,3.157-1.417,3.157-3.158s-1.416-3.157-3.157-3.157-3.157,1.416-3.157,3.157,1.416,3.158,3.157,3.158ZM8.639,7.315c.73,0,1.324.594,1.324,1.324s-.594,1.324-1.324,1.324-1.324-.594-1.324-1.324.594-1.324,1.324-1.324Z" />
</symbol>
<symbol id="quote" viewBox="0 0 24 24">
<path d="M3,22c-1.551,0-2-.448-2-2v-1.969c0-1.575.449-2.031,2-2.031.449,0,1-.552,1-1v-1c-1.794,0-3-1.206-3-3v-6.028c0-1.778,1.206-2.972,3-2.972h3.993c.864-.017,1.622.267,2.166.803.55.543.841,1.303.841,2.197v8c0,5.887-2.767,9-8,9ZM3,18v2c2.793,0,6-.796,6-7v-8c0-.242-.042-.573-.246-.773-.197-.193-.505-.226-.741-.227h-4.014c-.691,0-1,.3-1,.972v6.028c0,.701.299,1,1,1,1.551,0,2,.449,2,2v1c0,1.542-1.458,3-3,3h0ZM15,22c-1.552,0-2-.448-2-2v-3c0-.553.447-1,1-1,.724,0,1.223-.117,1.442-.339.267-.27.31-.92.312-1.669-1.658-.105-2.755-1.281-2.755-2.992v-6.028c0-1.778,1.206-2.972,3-2.972h3.993c.87.008,1.622.267,2.165.803.551.543.842,1.303.842,2.197v8c0,5.887-2.767,9-8,9ZM15,17.93v2.07c2.794,0,6-.796,6-7v-8c0-.242-.043-.573-.246-.773-.195-.193-.515-.227-.74-.227h-4.014c-.691,0-1,.3-1,.972v6.028c0,.701.299,1,1,1h.75c.553,0,1,.448,1,1l.003.475c.011,1.376.021,2.675-.891,3.595-.449.453-1.063.737-1.862.86Z" />
</symbol>
<symbol id="date" viewBox="0 0 24 24">
<path d="M19,3h-2v-1c0-.552-.447-1-1-1s-1,.448-1,1v1h-6v-1c0-.552-.448-1-1-1s-1,.448-1,1v1h-2c-1.654,0-3,1.346-3,3v14c0,1.654,1.346,3,3,3h14c1.654,0,3-1.346,3-3V6c0-1.654-1.346-3-3-3ZM5,5h2v1c0,.552.448,1,1,1s1-.448,1-1v-1h6v1c0,.552.447,1,1,1s1-.448,1-1v-1h2c.552,0,1,.449,1,1v3H4v-3c0-.551.449-1,1-1ZM19,21H5c-.551,0-1-.448-1-1v-9h16v9c0,.552-.448,1-1,1ZM9.01,14c0,.553-.448,1-1,1s-1.005-.447-1.005-1,.443-1,.995-1h.01c.552,0,1,.447,1,1ZM13.01,14c0,.553-.447,1-1,1s-1.005-.447-1.005-1,.443-1,.995-1h.01c.552,0,1,.447,1,1ZM17.01,14c0,.553-.447,1-1,1s-1.005-.447-1.005-1,.442-1,.995-1h.01c.553,0,1,.447,1,1ZM9.01,18c0,.553-.448,1-1,1s-1.005-.447-1.005-1,.443-1,.995-1h.01c.552,0,1,.447,1,1ZM13.01,18c0,.553-.447,1-1,1s-1.005-.447-1.005-1,.443-1,.995-1h.01c.552,0,1,.447,1,1ZM17.01,18c0,.553-.447,1-1,1s-1.005-.447-1.005-1,.442-1,.995-1h.01c.553,0,1,.447,1,1Z" />
</symbol>
<symbol id="website" viewBox="0 0 24 24"><path d="M19.782,4.218C15.492-.073,8.509-.073,4.218,4.218-.073,8.509-.073,15.491,4.218,19.782c2.146,2.145,4.964,3.218,7.782,3.218s5.636-1.073,7.782-3.218c4.291-4.291,4.291-11.273,0-15.564ZM18.367,18.367c-3.511,3.511-9.224,3.509-12.734,0-3.51-3.511-3.51-9.223,0-12.734,3.511-3.509,9.223-3.509,12.734,0,3.51,3.511,3.51,9.223,0,12.734ZM15.753,8.788c.051.122.077.252.077.382v5.659c0,.553-.447,1-1,1s-1-.447-1-1v-3.244l-3.952,3.951c-.195.195-.451.293-.707.293s-.512-.098-.707-.293c-.391-.391-.391-1.024,0-1.415l3.952-3.951h-3.244c-.553,0-1-.448-1-1s.448-1,1-1h5.659c.13,0,.26.027.382.077.245.101.44.296.541.541Z"/>
</symbol>
<!-- Social media icons -->
<symbol id="facebook" viewBox="0 0 32 32">
<path d="M32,16.1A16,16,0,1,0,13.5,32V20.75H9.44V16.1H13.5V12.55c0-4,2.39-6.26,6-6.26a24.77,24.77,0,0,1,3.58.31v4h-2a2.33,2.33,0,0,0-2.61,2.52v3h4.44l-.71,4.65H18.5V32A16.07,16.07,0,0,0,32,16.1Z"/>
</symbol>
<symbol id="twitter" viewBox="0 0 24 24">
<path d="m14.093,10.315L22.283,1h-1.941l-7.111,8.089L7.551,1H1l8.589,12.231L1,23h1.941l7.51-8.542,5.998,8.542h6.551l-8.907-12.685h0Zm-2.658,3.024l-.87-1.218L3.64,2.43h2.981l5.588,7.821.87,1.218,7.264,10.166h-2.981l-5.927-8.296h0Z" />
</symbol>
<symbol id="instagram" viewBox="0 0 32 32">
<path d="M16,2.883c4.272,0,4.778.016,6.465.093a8.853,8.853,0,0,1,2.971.551,4.957,4.957,0,0,1,1.84,1.2,4.957,4.957,0,0,1,1.2,1.84,8.853,8.853,0,0,1,.551,2.971c.077,1.687.093,2.193.093,6.465s-.016,4.778-.093,6.465a8.853,8.853,0,0,1-.551,2.971,5.3,5.3,0,0,1-3.037,3.037,8.853,8.853,0,0,1-2.971.551c-1.687.077-2.193.093-6.465.093s-4.778-.016-6.465-.093a8.853,8.853,0,0,1-2.971-.551,4.957,4.957,0,0,1-1.84-1.2,4.957,4.957,0,0,1-1.2-1.84,8.853,8.853,0,0,1-.551-2.971C2.9,20.778,2.883,20.272,2.883,16s.016-4.778.093-6.465a8.853,8.853,0,0,1,.551-2.971,4.957,4.957,0,0,1,1.2-1.84,4.957,4.957,0,0,1,1.84-1.2,8.853,8.853,0,0,1,2.971-.551C11.222,2.9,11.728,2.883,16,2.883M16,0c-4.345,0-4.89.018-6.6.1A11.744,11.744,0,0,0,5.519.84,7.843,7.843,0,0,0,2.685,2.685,7.843,7.843,0,0,0,.84,5.519,11.744,11.744,0,0,0,.1,9.4C.018,11.11,0,11.655,0,16s.018,4.89.1,6.6A11.744,11.744,0,0,0,.84,26.481a7.843,7.843,0,0,0,1.845,2.834A7.843,7.843,0,0,0,5.519,31.16,11.744,11.744,0,0,0,9.4,31.9c1.707.078,2.251.1,6.6.1s4.89-.018,6.6-.1a11.744,11.744,0,0,0,3.884-.744,8.181,8.181,0,0,0,4.679-4.679A11.744,11.744,0,0,0,31.9,22.6c.078-1.707.1-2.251.1-6.6s-.018-4.89-.1-6.6a11.744,11.744,0,0,0-.744-3.884,7.843,7.843,0,0,0-1.845-2.834A7.843,7.843,0,0,0,26.481.84,11.744,11.744,0,0,0,22.6.1C20.89.018,20.345,0,16,0Zm0,7.784A8.216,8.216,0,1,0,24.216,16,8.216,8.216,0,0,0,16,7.784Zm0,13.55A5.333,5.333,0,1,1,21.333,16,5.333,5.333,0,0,1,16,21.333ZM24.541,5.539a1.92,1.92,0,1,0,1.92,1.92A1.92,1.92,0,0,0,24.541,5.539Z"/>
</symbol>
<symbol id="linkedin" viewBox="0 0 34.48 32">
<path d="M29.632,0H2.362A2.336,2.336,0,0,0,0,2.306V29.691A2.337,2.337,0,0,0,2.362,32h27.27A2.342,2.342,0,0,0,32,29.691V2.306A2.34,2.34,0,0,0,29.632,0ZM9.491,27.268H4.744V12H9.491ZM7.119,9.909a2.752,2.752,0,1,1,2.75-2.753A2.753,2.753,0,0,1,7.119,9.909ZM27.268,27.268H22.525V19.842c0-1.772-.033-4.05-2.466-4.05-2.47,0-2.848,1.929-2.848,3.921v7.555H12.468V12h4.553v2.086h.063a4.986,4.986,0,0,1,4.491-2.467c4.806,0,5.694,3.163,5.694,7.275Z"/>
</symbol>
<symbol id="vimeo" viewBox="0 0 24.999 20.159">
<path d="M26.105,5.927q3.628,0.1,3.641,4.123c0,0.176-.006.36-0.016,0.548q-0.16,3.416-5.09,9.306-5.089,6.17-8.634,6.183-2.205,0-3.671-3.779l-1.029-3.454L10.29,15.4q-1.124-3.749-2.406-3.746a7.819,7.819,0,0,0-1.95,1.091l-1.187-1.4,1.842-1.53L8.4,8.3a8.908,8.908,0,0,1,3.7-2.107,3.207,3.207,0,0,1,.341-0.016q2.606,0,3.249,3.746,0.356,2.137.594,3.473t0.387,1.867q0.862,3.544,1.859,3.559,0.766,0,2.36-2.31A9.305,9.305,0,0,0,22.562,13a2.969,2.969,0,0,0,.031-0.434,1.439,1.439,0,0,0-1.7-1.547,5.46,5.46,0,0,0-1.843.359q1.763-5.434,6.775-5.449h0.281Z" transform="translate(-4.747 -5.927)" />
</symbol>
<symbol id="youtube" viewBox="0 0 32 22.507">
<path d="M31.68,9.6a6.924,6.924,0,0,0-1.272-3.176A4.577,4.577,0,0,0,27.2,5.07c-4.478-.324-11.2-0.324-11.2-0.324H15.993s-6.717,0-11.2.324A4.577,4.577,0,0,0,1.592,6.426,6.921,6.921,0,0,0,.32,9.6,48.4,48.4,0,0,0,0,14.781v2.428a48.4,48.4,0,0,0,.32,5.179,6.921,6.921,0,0,0,1.272,3.176A5.426,5.426,0,0,0,5.12,26.932C7.68,27.177,16,27.253,16,27.253s6.724-.01,11.2-0.334a4.577,4.577,0,0,0,3.206-1.355,6.923,6.923,0,0,0,1.272-3.176A48.46,48.46,0,0,0,32,17.209V14.781A48.46,48.46,0,0,0,31.68,9.6ZM12.7,20.151l0-8.991,8.647,4.511Z" transform="translate(0 -4.747)" />
</symbol>
<symbol id="pinterest" viewBox="0 0 32 32">
<path d="M16 0a16 16 0 0 0-5.83 30.9 15.34 15.34 0 0 1 .055-4.59c.29-1.25 1.876-7.953 1.876-7.953a5.776 5.776 0 0 1-.478-2.375c0-2.225 1.29-3.886 2.9-3.886a2.01 2.01 0 0 1 2.024 2.254c0 1.373-.874 3.425-1.325 5.327a2.323 2.323 0 0 0 2.37 2.89c2.844 0 5.03-3 5.03-7.326a6.316 6.316 0 0 0-6.683-6.508 6.926 6.926 0 0 0-7.225 6.944 6.224 6.224 0 0 0 1.188 3.65.478.478 0 0 1 .11.46c-.12.504-.39 1.59-.443 1.814-.07.293-.232.355-.535.214-2-.93-3.248-3.852-3.248-6.2 0-5.047 3.667-9.682 10.572-9.682 5.55 0 9.864 3.955 9.864 9.24 0 5.515-3.477 9.953-8.3 9.953a4.282 4.282 0 0 1-3.667-1.837s-.8 3.055-1 3.8a17.885 17.885 0 0 1-1.99 4.195A16 16 0 1 0 16 0z" />
</symbol>
<symbol id="mix" viewBox="0 0 32 32">
<path d="M6.4,11.44v17.45C6.4,30.58,4.97,32,3.2,32S0,30.58,0,28.88V17.42C3.42,17.45,6.22,14.79,6.4,11.44z"/>
<path d="M31.75,0C24.8,0,19.17,5.6,19.2,12.46v8.48c-0.03,1.69-1.46,3.12-3.2,3.12c-1.79,0-3.22-1.42-3.2-3.12
V8.48c-0.02-1.78-1.45-3.2-3.2-3.24C7.9,5.27,6.52,6.57,6.4,8.23c-0.01,0.06-0.01,0.14,0,0.25v2.99c-0.19,3.31-2.98,5.97-6.4,5.98
V0H31.75z"/>
<path d="M32,0v17.95c0,1.69-1.43,3.12-3.2,3.12c-1.77,0-3.2-1.42-3.2-3.12v-1.62c0-1.81-1.43-3.23-3.2-3.24
c-1.77,0.01-3.2,1.43-3.2,3.24v-3.99C19.2,6.07,23.9,0.86,29.98,0H32z"/>
</symbol>
<symbol id="buffer" viewBox="0 0 32 32">
<path d="M.556,15.342,3.338,14a.954.954,0,0,1,1.091.025c.458.225,10.229,4.942,10.229,4.942a3.506,3.506,0,0,0,2.682,0s10.038-4.85,10.4-5.017a.689.689,0,0,1,.791-.008c.342.167,2.916,1.408,2.916,1.408.741.358.741.942-.017,1.292L17.333,23.45a3.506,3.506,0,0,1-2.682,0L.556,16.642C-.185,16.283-.185,15.7.556,15.342ZM.573,8.375l14.094,6.808a3.506,3.506,0,0,0,2.682,0L31.444,8.375c.741-.358.741-.942,0-1.3L17.349.267a3.506,3.506,0,0,0-2.682,0L.573,7.075C-.169,7.433-.169,8.017.573,8.375Zm30.871,15.25s-2.574-1.242-2.916-1.408a.689.689,0,0,0-.791.008c-.358.167-10.388,5.025-10.388,5.025a3.506,3.506,0,0,1-2.682,0S4.9,22.533,4.438,22.308a.954.954,0,0,0-1.091-.025L.564,23.625c-.741.358-.741.942,0,1.3l14.094,6.808A3.109,3.109,0,0,0,16,32a3.237,3.237,0,0,0,1.341-.267l14.094-6.808C32.185,24.567,32.185,23.983,31.444,23.625Z" />
</symbol>
<symbol id="whatsapp" viewBox="0 0 32 32">
<path d="M24.09,19.64c0.1,0.17,0.1,0.96-0.23,1.88c-0.33,0.93-1.92,1.77-2.69,1.88c-0.69,0.1-1.55,0.14-2.51-0.16
c-0.58-0.18-1.32-0.43-2.27-0.83c-3.99-1.72-6.6-5.72-6.8-5.98c-0.2-0.26-1.63-2.15-1.63-4.1c0-1.95,1.03-2.91,1.39-3.31
c0.36-0.4,0.8-0.5,1.06-0.5s0.53,0,0.76,0.01c0.24,0.01,0.57-0.09,0.9,0.68c0.33,0.79,1.13,2.74,1.23,2.94
c0.1,0.2,0.17,0.43,0.03,0.69c-0.13,0.26-0.2,0.43-0.4,0.66s-0.42,0.52-0.6,0.69c-0.2,0.2-0.41,0.41-0.17,0.81
c0.23,0.4,1.03,1.69,2.21,2.74c1.52,1.35,2.8,1.77,3.2,1.97c0.4,0.2,0.63,0.17,0.86-0.1c0.23-0.26,1-1.16,1.26-1.55
c0.27-0.4,0.53-0.33,0.9-0.2c0.36,0.13,2.32,1.09,2.72,1.29C23.73,19.37,23.99,19.47,24.09,19.64z M32,15.87
c0,8.74-7.15,15.86-15.93,15.86c0,0,0,0,0,0h-0.01c-2.67,0-5.29-0.67-7.61-1.93L0,32l2.26-8.22c-1.39-2.4-2.13-5.13-2.13-7.93
C0.14,7.11,7.28,0,16.07,0c4.26,0,8.26,1.65,11.27,4.65C30.35,7.65,32,11.63,32,15.87z M29.31,15.87c0-3.52-1.37-6.83-3.88-9.32
c-2.5-2.49-5.83-3.86-9.36-3.87c-7.3,0-13.25,5.91-13.25,13.18c0,2.49,0.7,4.92,2.02,7.01l0.31,0.5l-1.34,4.86l5.01-1.31l0.48,0.29
c2.03,1.2,4.36,1.84,6.74,1.84h0.01C23.37,29.05,29.31,23.13,29.31,15.87z" />
</symbol>
</svg>

Before

Width:  |  Height:  |  Size: 11 KiB

File diff suppressed because one or more lines are too long

2
b2.svg Normal file
View file

@ -0,0 +1,2 @@
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0.771 0.89 150 147.066" width="150px" height="147.066px"><path id="path3071" style="stroke:#000000;stroke-width:1.0154px;fill:#000000" d="M 150.77 147.956 L 133.461 140.176 L 124.636 109.091 L 91.929 96.377 L 89.119 85.438 L 70.337 77.427 L 66.983 63.575 L 52.164 57.301 L 45.727 33.258 L 28.065 25.006 L 28.095 26.223 L 10.719 18.595 L 10.33 17.358 L 4.646 14.923 L 0.771 0.89 L 122.61 52.771 C 131.584 86.274 140.004 112.967 150.771 147.956 L 150.77 147.956 Z"/></svg>

After

Width:  |  Height:  |  Size: 558 B

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;"><span class="b1" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);"><!--&#9964;--><!--&#11819;--></span><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);">&dash;&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></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;"><span class="b1" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);"><!--&#9964;--><!--&#11819;--></span><span class="b1" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);">a</span><span class="b5" style="vertical-align: middle; font-size: 15px; filter: blur(0.6px);">&dash;&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></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.nolog.cz/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>A-51</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>GIT</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,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]-->
@ -28,13 +58,51 @@
<script src="js/jquery.min.js" type="text/javascript"></script> <script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/bootstrap.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/jquery.nicescroll.min.js" type="text/javascript"></script>
<script src="js/superfish.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/jquery.flexslider-min.js" type="text/javascript"></script>
<script src="js/owl.carousel.js"></script> <script src="js/owl.carousel.js" type="text/javascript"></script>
<script src="js/animate.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 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>
<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 +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="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;"><span class="b1" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);"><!--&#9964;--><!--&#11819;--></span><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);">&dash;&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></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;"><span class="b1" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);"><!--&#9964;--><!--&#11819;--></span><span class="b1" style="vertical-align: middle; font-size: 15px; filter: blur(1.2px);">a</span><span class="b5" style="vertical-align: middle; font-size: 15px; filter: blur(0.6px);">&dash;&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></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.nolog.cz/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</a></li> <li class="first active scroll_btn"><a href="#home" ><small><i class="fa fa-slideshare"></i><span>A-51</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>GIT</span></a>
<ul> <ul>
<li class="active"><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>
</ul> </ul>
@ -96,8 +168,8 @@
<!-- BREADCRUMBS --> <!-- BREADCRUMBS -->
<section class="breadcrumbs_block clearfix parallax"> <section class="breadcrumbs_block clearfix parallax">
<div class="container center"> <div class="container center">
<h2><b>The</b> Blog</h2> <h2><big><i class="fl-gitea"></i></big> <b>RSS</b> <i class="fa fa-rss"></i></h2>
<p>Publication of the latest news, articles, and free apps.</p> <p>RSS kanály u repozitářů...</p>
</div> </div>
</section><!-- //BREADCRUMBS --> </section><!-- //BREADCRUMBS -->
@ -121,16 +193,16 @@
<a class="zoom" href="blog-post.html" ></a> <a class="zoom" href="blog-post.html" ></a>
</div> </div>
<div class="blog_post_descr"> <div class="blog_post_descr">
<div class="blog_post_date">JANUARY 30 | 21:30</div> <div class="blog_post_date">8 ÚNOR 2025 | 16:25</div>
<a class="blog_post_title" href="blog-post.html" >Rihanna's Costume Designer Comes Into His Own with New Show</a> <a class="blog_post_title" href="blog-post.html" >JavaScript pro detekci typu zařízení a změna zobrazení webové stránky...</a>
<ul class="blog_post_info"> <ul class="blog_post_info">
<li><a href="javascript:void(0);" >Admin</a></li> <li><a href="javascript:void(0);" >⸫ A-51</a></li>
<li><a href="javascript:void(0);" >Creative</a></li> <li><a href="javascript:void(0);" ><big><i class="fl-gitea"></i></big> Gitea</a></li>
<li><a href="javascript:void(0);" >3 Comments</a></li> <li><a href="javascript:void(0);" >RSS <i class="fa fa-rss"></i></a></li>
</ul> </ul>
<hr> <hr>
<div class="blog_post_content">The best way to describe Adam Selman would be simply to say that he is the epitome of cool. So its only fitting that his first runway collection was made for the ultimate cool girl.</div> <div class="blog_post_content">The best way to describe Adam Selman would be simply to say that he is the epitome of cool. So its only fitting that his first runway collection was made for the ultimate cool girl.</div>
<a class="read_more_btn" href="blog-post.html" >Read More</a> <a class="read_more_btn" href="blog-post.html" ><i class='bx bxl-git'></i> Read More</a>
</div> </div>
</div><!-- //BLOG POST --> </div><!-- //BLOG POST -->
@ -221,9 +293,10 @@
<!-- PAGINATION --> <!-- PAGINATION -->
<ul class="pagination clearfix"> <ul class="pagination clearfix">
<li class="active"><a href="javascript:void(0);" >0</a></li>
<li><a href="javascript:void(0);" >1</a></li> <li><a href="javascript:void(0);" >1</a></li>
<li><a href="javascript:void(0);" >2</a></li> <li><a href="javascript:void(0);" >2</a></li>
<li class="active"><a href="javascript:void(0);" >3</a></li> <li><a href="javascript:void(0);" >3</a></li>
<li><a href="javascript:void(0);" >4</a></li> <li><a href="javascript:void(0);" >4</a></li>
<li><a href="javascript:void(0);" >5</a></li> <li><a href="javascript:void(0);" >5</a></li>
<li><a href="javascript:void(0);" >. . .</a></li> <li><a href="javascript:void(0);" >. . .</a></li>
@ -238,18 +311,18 @@
<!-- META WIDGET --> <!-- META WIDGET -->
<div class="sidepanel widget_meta"> <div class="sidepanel widget_meta">
<ul> <ul>
<li><a href="javascript:void(0);" >Advertising</a></li> <li><a href="javascript:void(0);" ><i class="bi bi-filetype-html"></i> + <i class="bi bi-filetype-css"></i> HTML5 - CSS3</a></li>
<li><a href="javascript:void(0);" >Fashion & Trends</a></li> <li><a href="javascript:void(0);" ><i class="bi bi-filetype-js"></i> JavaScript</a></li>
<li><a href="javascript:void(0);" >Media Projects</a></li> <li><a href="javascript:void(0);" ><i class="bi bi-filetype-php"></i> PHP5 - 7</a></li>
<li><a href="javascript:void(0);" >Small Business</a></li> <li><a href="javascript:void(0);" ><i class="bi bi-filetype-json"></i> JSON</a></li>
<li><a href="javascript:void(0);" >Creative</a></li> <li><a href="javascript:void(0);" ><i class="bi bi-filetype-xml"></i> XML</a></li>
</ul> </ul>
</div><!-- //META WIDGET --> </div><!-- //META WIDGET -->
<!-- POPULAR POSTS WIDGET --> <!-- POPULAR POSTS WIDGET -->
<div class="sidepanel widget_popular_posts"> <div class="sidepanel widget_popular_posts">
<h3><b>Popular</b> Posts</h3> <h3><b>Popularizace</b> Linuxu</h3>
<div class="recent_posts_widget clearfix"> <div class="recent_posts_widget clearfix">
<div class="post_item_img_widget"> <div class="post_item_img_widget">
@ -292,8 +365,8 @@
<div class="sidepanel widget_tags"> <div class="sidepanel widget_tags">
<h3><b>Popular</b> Tags</h3> <h3><b>Popular</b> Tags</h3>
<ul> <ul>
<li><a href="javascript:void(0);" >Fashion</a></li> <li><a href="javascript:void(0);" ><i class="fl-debian"></i> Debian</a></li>
<li><a href="javascript:void(0);" >Shop</a></li> <li><a href="javascript:void(0);" ><i class="fl-ubuntu"></i> Ubuntu</a></li>
<li><a href="javascript:void(0);" >Color</a></li> <li><a href="javascript:void(0);" >Color</a></li>
<li><a href="javascript:void(0);" >Creative Agency</a></li> <li><a href="javascript:void(0);" >Creative Agency</a></li>
<li><a href="javascript:void(0);" >Theme</a></li> <li><a href="javascript:void(0);" >Theme</a></li>

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%);

View file

@ -1,32 +0,0 @@
{
"version": "https://jsonfeed.org/version/1",
"title": "AREA-51",
"description": "",
"home_page_url": "https://docs.area-51.cz",
"feed_url": "https://docs.area-51.cz/feed.json",
"user_comment": "",
"icon": "https://docs.area-51.cz/media/website/alien-2.svg",
"author": {
"name": "AREA-51"
},
"items": [
{
"id": "https://docs.area-51.cz/area-51.html",
"url": "https://docs.area-51.cz/area-51.html",
"title": "AREA-51",
"summary": "I am preparing to rebuild my \"old project\" from scratch! In the next two years I plan to make my own private datacenter for hosting my diferents web-based presentations. Some&hellip;",
"content_html": "<p>I am preparing to rebuild my \"old project\" from scratch! In the next two years I plan to make my own private datacenter for hosting my diferents web-based presentations.</p>\n<p class=\"msg msg--highlight \">Some secrets</p>\n<figure class=\"post__image\"><img loading=\"lazy\" src=\"https://docs.area-51.cz/media/posts/1/slide2_bg.jpg\" alt=\"\" width=\"1920\" height=\"1080\" sizes=\"(min-width: 760px) 660px, calc(93.18vw - 30px)\" srcset=\"https://docs.area-51.cz/media/posts/1/responsive/slide2_bg-xs.jpg 320w ,https://docs.area-51.cz/media/posts/1/responsive/slide2_bg-sm.jpg 480w ,https://docs.area-51.cz/media/posts/1/responsive/slide2_bg-md.jpg 768w ,https://docs.area-51.cz/media/posts/1/responsive/slide2_bg-xl.jpg 1024w\"></figure>\n<p>Some next text...</p>\n<ul style=\"list-style-type: square;\">\n<li>nudista · online</li>\n<li>ufolog · cz</li>\n<li>area-51 · cz</li>\n</ul>\n<figure class=\"post__image\"><img loading=\"lazy\" src=\"https://docs.area-51.cz/media/posts/1/slide3_bg.jpg\" alt=\"\" width=\"1920\" height=\"1080\" sizes=\"(min-width: 760px) 660px, calc(93.18vw - 30px)\" srcset=\"https://docs.area-51.cz/media/posts/1/responsive/slide3_bg-xs.jpg 320w ,https://docs.area-51.cz/media/posts/1/responsive/slide3_bg-sm.jpg 480w ,https://docs.area-51.cz/media/posts/1/responsive/slide3_bg-md.jpg 768w ,https://docs.area-51.cz/media/posts/1/responsive/slide3_bg-xl.jpg 1024w\"></figure>",
"image": "https://docs.area-51.cz/media/posts/1/slide1_bg.jpg",
"author": {
"name": "AREA-51"
},
"tags": [
"Bootstrap",
"AI",
"3D"
],
"date_published": "2024-09-03T01:48:17+02:00",
"date_modified": "2025-01-13T01:21:46+01:00"
}
]
}

View file

@ -1,47 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xmlns:media="http://search.yahoo.com/mrss/">
<title>AREA-51</title>
<link href="https://docs.area-51.cz/feed.xml" rel="self" />
<link href="https://docs.area-51.cz" />
<updated>2025-01-13T01:21:46+01:00</updated>
<author>
<name>AREA-51</name>
</author>
<id>https://docs.area-51.cz</id>
<entry>
<title>AREA-51</title>
<author>
<name>AREA-51</name>
</author>
<link href="https://docs.area-51.cz/area-51.html"/>
<id>https://docs.area-51.cz/area-51.html</id>
<media:content url="https://docs.area-51.cz/media/posts/1/slide1_bg.jpg" medium="image" />
<category term="Bootstrap"/>
<category term="AI"/>
<category term="3D"/>
<updated>2024-09-03T01:48:17+02:00</updated>
<summary>
<![CDATA[
<img src="https://docs.area-51.cz/media/posts/1/slide1_bg.jpg" alt="cgdream.ai" />
I am preparing to rebuild my "old project" from scratch! In the next two years I plan to make my own private datacenter for hosting my diferents web-based presentations. Some&hellip;
]]>
</summary>
<content type="html">
<![CDATA[
<p><img src="https://docs.area-51.cz/media/posts/1/slide1_bg.jpg" class="type:primaryImage" alt="cgdream.ai" /></p>
<p>I am preparing to rebuild my "old project" from scratch! In the next two years I plan to make my own private datacenter for hosting my diferents web-based presentations.</p>
<p class="msg msg--highlight ">Some secrets</p>
<figure class="post__image"><img loading="lazy" src="https://docs.area-51.cz/media/posts/1/slide2_bg.jpg" alt="" width="1920" height="1080" sizes="(min-width: 760px) 660px, calc(93.18vw - 30px)" srcset="https://docs.area-51.cz/media/posts/1/responsive/slide2_bg-xs.jpg 320w ,https://docs.area-51.cz/media/posts/1/responsive/slide2_bg-sm.jpg 480w ,https://docs.area-51.cz/media/posts/1/responsive/slide2_bg-md.jpg 768w ,https://docs.area-51.cz/media/posts/1/responsive/slide2_bg-xl.jpg 1024w"></figure>
<p>Some next text...</p>
<ul style="list-style-type: square;">
<li>nudista · online</li>
<li>ufolog · cz</li>
<li>area-51 · cz</li>
</ul>
<figure class="post__image"><img loading="lazy" src="https://docs.area-51.cz/media/posts/1/slide3_bg.jpg" alt="" width="1920" height="1080" sizes="(min-width: 760px) 660px, calc(93.18vw - 30px)" srcset="https://docs.area-51.cz/media/posts/1/responsive/slide3_bg-xs.jpg 320w ,https://docs.area-51.cz/media/posts/1/responsive/slide3_bg-sm.jpg 480w ,https://docs.area-51.cz/media/posts/1/responsive/slide3_bg-md.jpg 768w ,https://docs.area-51.cz/media/posts/1/responsive/slide3_bg-xl.jpg 1024w"></figure>
]]>
</content>
</entry>
</feed>

135
images/1290960926.svg Normal file
View file

@ -0,0 +1,135 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns="http://www.w3.org/2000/svg"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:ns1="http://sozi.baierouge.fr"
xmlns:xlink="http://www.w3.org/1999/xlink"
id="svg2"
sodipodi:docname="plane.svg"
viewBox="0 0 379.91 372.47"
version="1.1"
inkscape:version="0.48+devel r"
>
<sodipodi:namedview
id="namedview4"
fit-margin-left="0"
inkscape:zoom="0.60811183"
borderopacity="1"
inkscape:current-layer="svg2"
inkscape:cx="245.72152"
inkscape:cy="105.96446"
inkscape:window-maximized="0"
showgrid="false"
fit-margin-right="0"
bordercolor="#666666"
inkscape:window-x="638"
guidetolerance="10"
objecttolerance="10"
inkscape:window-y="146"
fit-margin-bottom="0"
inkscape:window-width="955"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
pagecolor="#ffffff"
gridtolerance="10"
inkscape:window-height="795"
fit-margin-top="0"
/>
<path
id="path3071"
sodipodi:nodetypes="ccccccccccccccccc"
style="stroke:#000000;stroke-width:1.0154px;fill:#000000"
inkscape:connector-curvature="0"
d="m379.23 371.95-43.67-19.63-22.27-78.43-82.52-32.08-7.09-27.6-47.39-20.21-8.46-34.95-37.39-15.83-16.24-60.663-44.563-20.82 0.075 3.07-43.839-19.247-0.984-3.119-14.341-6.146-9.7775-35.405 307.41 130.9c22.642 84.532 43.886 151.88 71.053 240.16z"
/>
<metadata
>
<rdf:RDF
>
<cc:Work
>
<dc:format
>image/svg+xml</dc:format
>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage"
/>
<cc:license
rdf:resource="http://creativecommons.org/licenses/publicdomain/"
/>
<dc:publisher
>
<cc:Agent
rdf:about="http://openclipart.org/"
>
<dc:title
>Openclipart</dc:title
>
</cc:Agent
>
</dc:publisher
>
<dc:title
>plane</dc:title
>
<dc:date
>2010-11-28T16:15:26</dc:date
>
<dc:description
/>
<dc:source
>https://openclipart.org/detail/98497/plane-by-yves_guillou</dc:source
>
<dc:creator
>
<cc:Agent
>
<dc:title
>yves_guillou</dc:title
>
</cc:Agent
>
</dc:creator
>
<dc:subject
>
<rdf:Bag
>
<rdf:li
>plane</rdf:li
>
<rdf:li
>silhouette</rdf:li
>
</rdf:Bag
>
</dc:subject
>
</cc:Work
>
<cc:License
rdf:about="http://creativecommons.org/licenses/publicdomain/"
>
<cc:permits
rdf:resource="http://creativecommons.org/ns#Reproduction"
/>
<cc:permits
rdf:resource="http://creativecommons.org/ns#Distribution"
/>
<cc:permits
rdf:resource="http://creativecommons.org/ns#DerivativeWorks"
/>
</cc:License
>
</rdf:RDF
>
</metadata
>
</svg
>

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
images/Thumbs.db Executable file

Binary file not shown.

View file

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

View file

Before

Width:  |  Height:  |  Size: 8.4 KiB

After

Width:  |  Height:  |  Size: 8.4 KiB

View file

Before

Width:  |  Height:  |  Size: 8.3 KiB

After

Width:  |  Height:  |  Size: 8.3 KiB

View file

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

View file

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

View file

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

View file

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

View file

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

BIN
images/blog/Thumbs.db Executable file

Binary file not shown.

View file

Before

Width:  |  Height:  |  Size: 9.6 KiB

After

Width:  |  Height:  |  Size: 9.6 KiB

View file

Before

Width:  |  Height:  |  Size: 59 KiB

After

Width:  |  Height:  |  Size: 59 KiB

View file

Before

Width:  |  Height:  |  Size: 5.6 KiB

After

Width:  |  Height:  |  Size: 5.6 KiB

View file

Before

Width:  |  Height:  |  Size: 5 KiB

After

Width:  |  Height:  |  Size: 5 KiB

View file

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

8
images/clients/2.svg Normal file
View file

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<svg viewBox="0 0 250 125" xmlns="http://www.w3.org/2000/svg">
<defs/>
<g transform="matrix(1, 0, 0, 1, -0.5562169551849347, 21.66077423095704)">
<path d="M 35.06 66.92 Q 35.46 65.34 36.55 64.41 Q 37.65 63.47 39.01 62.83 Q 40.37 62.19 41.83 61.74 Q 43.29 61.29 44.47 60.77 Q 45.65 60.24 47.19 58.74 Q 48.73 57.24 50.3 55.44 Q 51.87 53.64 53.4 51.88 Q 54.93 50.12 56.09 49.07 Q 56.76 48.47 57.82 47.53 Q 58.88 46.59 59.9 45.66 Q 60.92 44.72 61.66 44.01 Q 62.4 43.29 62.5 43.22 Q 62.59 43.14 62.82 42.24 Q 63.04 41.34 63.15 40.89 Q 63.3 40.29 63.04 38.49 Q 62.78 36.69 62.31 34.37 Q 61.83 32.04 61.19 29.53 Q 60.54 27.02 59.98 24.88 Q 59.43 22.74 59.02 21.36 Q 58.62 19.97 58.55 19.97 L 50.75 19.97 Q 49.47 19.97 49.35 18.96 Q 49.23 17.94 49.45 17.04 Q 49.86 15.39 51.61 14.68 Q 53.37 13.97 55.49 13.86 Q 57.62 13.74 59.72 13.89 Q 61.82 14.04 62.95 14.04 Q 63.25 14.04 63.92 14.04 Q 64.6 14.04 65.38 14.08 Q 66.15 14.12 66.83 14.12 Q 67.5 14.12 67.73 14.12 Q 67.86 14.19 68.09 14.46 Q 68.33 14.72 68.59 15.02 Q 68.85 15.32 69.04 15.62 Q 69.23 15.92 69.29 15.99 L 69.23 16.22 Q 69.19 16.37 69.21 16.44 Q 69.23 16.52 69.21 16.59 Q 69.03 17.34 68.42 17.83 Q 67.81 18.32 67.09 18.77 Q 66.38 19.22 65.75 19.82 Q 65.11 20.42 64.88 21.32 Q 64.6 22.44 64.49 24.54 Q 64.38 26.64 64.66 28.67 Q 64.95 30.69 65.66 32.19 Q 66.37 33.69 67.72 33.69 Q 68.7 33.69 69.67 32.94 Q 70.65 32.19 71.46 31.18 Q 72.28 30.17 72.93 29.19 Q 73.59 28.22 74 27.77 Q 74.41 27.32 75.33 26.34 Q 76.25 25.37 77.31 24.28 Q 78.37 23.19 79.31 22.26 Q 80.26 21.32 80.65 20.94 Q 80.46 19.59 79.51 19.37 Q 78.55 19.14 77.61 18.99 Q 76.68 18.84 76.09 18.32 Q 75.51 17.79 75.96 15.99 Q 76.28 14.72 76.75 13.89 Q 77.22 13.07 78.64 13.07 Q 78.79 13.07 79.16 13.11 Q 79.52 13.14 79.6 13.14 Q 79.8 13.22 80.44 13.52 Q 81.08 13.82 81.82 14.16 Q 82.56 14.49 83.2 14.79 Q 83.84 15.09 83.97 15.17 L 84.49 15.17 Q 86.44 15.17 88.35 14.61 Q 90.25 14.04 92.12 14.04 Q 93.77 14.04 94.34 14.46 Q 94.92 14.87 94.49 16.59 Q 94.04 18.39 92.6 19.03 Q 91.17 19.67 89.35 20.04 Q 87.53 20.42 85.54 20.91 Q 83.54 21.39 82.06 22.82 Q 80.84 24.39 78.95 26.72 Q 77.06 29.04 75.14 31.63 Q 73.22 34.22 71.66 36.84 Q 70.11 39.47 69.55 41.72 Q 69.06 43.67 69.25 44.87 Q 69.44 46.07 70.02 47.04 Q 70.6 48.02 71.38 49.11 Q 72.16 50.19 72.91 51.99 Q 73.34 53.27 73.47 54.43 Q 73.59 55.59 73.73 56.68 Q 73.87 57.77 74.21 58.82 Q 74.55 59.87 75.52 60.77 Q 76.55 61.74 78.18 62.01 Q 79.8 62.27 81.25 62.61 Q 82.71 62.94 83.55 63.77 Q 84.39 64.59 83.89 66.62 Q 83.78 67.07 83.58 67.71 Q 83.38 68.34 83.08 68.98 Q 82.77 69.62 82.21 70.03 Q 81.66 70.44 80.91 70.44 L 63.36 70.44 Q 62.91 70.44 62.8 69.99 Q 62.69 69.54 62.74 69.02 Q 62.8 68.49 62.96 68.01 Q 63.11 67.52 63.15 67.37 Q 63.4 66.39 64 65.79 Q 64.59 65.19 65.28 64.71 Q 65.96 64.22 66.54 63.69 Q 67.12 63.17 67.33 62.34 Q 67.55 61.44 67.42 59.12 Q 67.29 56.79 66.89 54.32 Q 66.5 51.84 65.92 49.97 Q 65.33 48.09 64.66 48.09 Q 63.61 48.09 62.25 49.63 Q 60.89 51.17 59.65 53.16 Q 58.4 55.14 57.47 57.06 Q 56.55 58.97 56.34 59.79 Q 56.08 60.84 56.19 61.74 Q 56.31 62.64 56.47 63.51 Q 56.63 64.37 56.74 65.27 Q 56.85 66.17 56.61 67.14 Q 56.5 67.59 56.32 68.16 Q 56.14 68.72 55.78 69.24 Q 55.43 69.77 54.93 70.11 Q 54.44 70.44 53.69 70.44 L 35.31 70.44 Q 34.86 70.44 34.76 69.96 Q 34.65 69.47 34.69 68.87 Q 34.73 68.27 34.87 67.71 Q 35.01 67.14 35.06 66.92 Z" style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0);"/>
</g>
<path d="M 84.59 70.26 L 87.69 53.08 Q 87.71 52.99 87.81 52.99 L 91.44 52.99 Q 91.54 52.99 91.56 53.08 L 94.54 70.26 Q 94.55 70.38 94.44 70.38 L 91.67 70.38 Q 91.55 70.38 91.54 70.26 L 91.27 68.43 L 87.86 68.43 L 87.59 70.26 Q 87.58 70.38 87.47 70.38 L 84.69 70.38 Q 84.59 70.38 84.59 70.26 Z M 89.74 58.74 L 89.59 57.81 L 89.48 58.74 L 88.36 65.76 L 90.77 65.76 Z M 103.99 70.38 L 101.15 70.38 Q 101.06 70.38 101.06 70.26 L 101.11 53.11 Q 101.11 52.99 101.2 52.99 L 104.01 52.99 Q 104.11 52.99 104.11 53.11 L 104.11 59.03 L 108.03 53.08 Q 108.12 52.99 108.21 52.99 L 111.08 52.99 Q 111.19 52.99 111.13 53.08 L 106.81 59.98 L 111.65 70.28 Q 111.71 70.38 111.53 70.38 L 108.48 70.38 Q 108.36 70.38 108.33 70.28 L 104.95 62.94 L 104.08 64.3 L 104.08 70.26 Q 104.08 70.38 103.99 70.38 Z M 125.92 70.38 L 123.1 70.38 Q 122.99 70.38 122.99 70.26 L 122.99 56 L 119.75 56 Q 119.62 56 119.62 55.88 L 119.65 53.08 Q 119.65 52.99 119.75 52.99 L 129.24 52.99 Q 129.38 52.99 129.38 53.08 L 129.38 55.88 Q 129.38 56 129.28 56 L 126 56 L 126.02 70.26 Q 126.02 70.38 125.92 70.38 Z M 143.07 70.38 L 140.24 70.38 Q 140.12 70.38 140.12 70.26 L 140.14 53.08 Q 140.14 52.99 140.24 52.99 L 143.05 52.99 Q 143.15 52.99 143.15 53.08 L 143.17 70.26 Q 143.17 70.38 143.07 70.38 Z M 157.67 70.38 L 154.65 70.38 Q 154.54 70.38 154.52 70.26 L 151.07 53.08 Q 151.04 52.99 151.17 52.99 L 154 52.99 Q 154.1 52.99 154.12 53.08 L 156.17 64.53 L 158.17 53.08 Q 158.2 52.99 158.3 52.99 L 161.09 52.99 Q 161.23 52.99 161.19 53.08 L 157.8 70.26 Q 157.78 70.38 157.67 70.38 Z M 174.32 70.38 L 171.49 70.38 Q 171.37 70.38 171.37 70.26 L 171.39 53.08 Q 171.39 52.99 171.49 52.99 L 174.3 52.99 Q 174.4 52.99 174.4 53.08 L 174.42 70.26 Q 174.42 70.38 174.32 70.38 Z M 188.42 70.38 L 185.6 70.38 Q 185.49 70.38 185.49 70.26 L 185.49 56 L 182.25 56 Q 182.12 56 182.12 55.88 L 182.15 53.08 Q 182.15 52.99 182.25 52.99 L 191.74 52.99 Q 191.88 52.99 191.88 53.08 L 191.88 55.88 Q 191.88 56 191.78 56 L 188.5 56 L 188.52 70.26 Q 188.52 70.38 188.42 70.38 Z M 203.93 70.38 L 201.06 70.38 Q 200.97 70.38 200.97 70.28 L 201 63.18 L 197.65 53.08 Q 197.63 52.99 197.72 52.99 L 200.51 52.99 Q 200.63 52.99 200.65 53.08 L 202.5 59.81 L 204.38 53.08 Q 204.4 52.99 204.5 52.99 L 207.31 52.99 Q 207.4 52.99 207.38 53.08 L 204 63.08 L 204.02 70.28 Q 204.02 70.38 203.93 70.38 Z"/>
</svg>

After

Width:  |  Height:  |  Size: 5.6 KiB

View file

Before

Width:  |  Height:  |  Size: 6.2 KiB

After

Width:  |  Height:  |  Size: 6.2 KiB

View file

Before

Width:  |  Height:  |  Size: 4.9 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

View file

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

View file

Before

Width:  |  Height:  |  Size: 4 KiB

After

Width:  |  Height:  |  Size: 4 KiB

BIN
images/clients/Thumbs.db Executable file

Binary file not shown.

View file

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<svg id="sw-js-blob-svg" viewBox="0 0 250 125" version="1.1" xmlns="http://www.w3.org/2000/svg">
<defs/>
<g transform="matrix(1, 0, 0, 1, -0.543893, 21.660774)">
<text style="fill: rgb(255, 255, 255); font-family: 'The X-Files'; font-size: 75px; font-style: italic; font-weight: 700; stroke: rgb(0, 0, 0); white-space: pre;" x="32.404" y="69.768">x</text>
</g>
<text style="fill: rgb(255, 255, 255); font-family: Dyuthi; font-size: 25px; font-style: italic; font-weight: 700; letter-spacing: 7.5px; stroke: rgb(0, 0, 0); white-space: pre;" x="84.455" y="70.382">aktivity</text>
</svg>

After

Width:  |  Height:  |  Size: 635 B

View file

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

View file

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

View file

Before

Width:  |  Height:  |  Size: 3 KiB

After

Width:  |  Height:  |  Size: 3 KiB

View file

Before

Width:  |  Height:  |  Size: 452 B

After

Width:  |  Height:  |  Size: 452 B

View file

Before

Width:  |  Height:  |  Size: 826 B

After

Width:  |  Height:  |  Size: 826 B

View file

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

View file

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

View file

Before

Width:  |  Height:  |  Size: 59 KiB

After

Width:  |  Height:  |  Size: 59 KiB

View file

Before

Width:  |  Height:  |  Size: 157 KiB

After

Width:  |  Height:  |  Size: 157 KiB

View file

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

View file

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

View file

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

View file

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

View file

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

BIN
images/portfolio/Thumbs.db Executable file

Binary file not shown.

View file

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

View file

Before

Width:  |  Height:  |  Size: 6.2 KiB

After

Width:  |  Height:  |  Size: 6.2 KiB

View file

Before

Width:  |  Height:  |  Size: 276 B

After

Width:  |  Height:  |  Size: 276 B

View file

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
images/slider/Thumbs.db Executable file

Binary file not shown.

View file

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

BIN
images/slider/slide1_bg.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 278 KiB

View file

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 188 KiB

BIN
images/slider/slide2_bg.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 727 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 462 KiB

View file

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 34 KiB

BIN
images/slider/slide3_bg.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 183 KiB

View file

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 133 KiB

View file

Before

Width:  |  Height:  |  Size: 131 B

After

Width:  |  Height:  |  Size: 131 B

BIN
images/team/1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 KiB

View file

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

View file

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

View file

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

View file

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

View file

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

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