Úprava souboru index.html
janrippl
28
cz/README.md
Normal file
|
|
@ -0,0 +1,28 @@
|
||||||
|
#  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 ⟶ [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
|
||||||
|
|
||||||
|
Before Width: | Height: | Size: 8.4 KiB After Width: | Height: | Size: 8.4 KiB |
|
Before Width: | Height: | Size: 8.3 KiB After Width: | Height: | Size: 8.3 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 9.6 KiB After Width: | Height: | Size: 9.6 KiB |
|
Before Width: | Height: | Size: 59 KiB After Width: | Height: | Size: 59 KiB |
|
Before Width: | Height: | Size: 5.6 KiB After Width: | Height: | Size: 5.6 KiB |
|
Before Width: | Height: | Size: 4.6 KiB After Width: | Height: | Size: 4.6 KiB |
|
Before Width: | Height: | Size: 6.2 KiB After Width: | Height: | Size: 6.2 KiB |
|
Before Width: | Height: | Size: 4.9 KiB After Width: | Height: | Size: 4.9 KiB |
|
Before Width: | Height: | Size: 3.2 KiB After Width: | Height: | Size: 3.2 KiB |
|
Before Width: | Height: | Size: 4 KiB After Width: | Height: | Size: 4 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 3 KiB After Width: | Height: | Size: 3 KiB |
|
Before Width: | Height: | Size: 452 B After Width: | Height: | Size: 452 B |
|
Before Width: | Height: | Size: 826 B After Width: | Height: | Size: 826 B |
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 59 KiB After Width: | Height: | Size: 59 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 6.2 KiB After Width: | Height: | Size: 6.2 KiB |
|
Before Width: | Height: | Size: 276 B After Width: | Height: | Size: 276 B |
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 727 KiB After Width: | Height: | Size: 727 KiB |
|
Before Width: | Height: | Size: 462 KiB After Width: | Height: | Size: 462 KiB |
|
Before Width: | Height: | Size: 293 KiB After Width: | Height: | Size: 293 KiB |
|
Before Width: | Height: | Size: 188 KiB After Width: | Height: | Size: 188 KiB |
|
Before Width: | Height: | Size: 692 KiB After Width: | Height: | Size: 692 KiB |
|
Before Width: | Height: | Size: 405 KiB After Width: | Height: | Size: 405 KiB |
|
Before Width: | Height: | Size: 131 B After Width: | Height: | Size: 131 B |
|
Before Width: | Height: | Size: 76 KiB After Width: | Height: | Size: 76 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 59 KiB After Width: | Height: | Size: 59 KiB |
|
Before Width: | Height: | Size: 572 B After Width: | Height: | Size: 572 B |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
|
|
@ -1,5 +1,5 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="cz">
|
||||||
<head>
|
<head>
|
||||||
|
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
|
|
@ -104,7 +104,7 @@
|
||||||
<!-- LOGO -->
|
<!-- LOGO -->
|
||||||
<div class="logo pull-left">
|
<div class="logo pull-left">
|
||||||
<!--<i class="fa fa-podcast" style="vertical-align: middle; filter: blur(0.8px); text-shadow: 2px 2px 4px #000000; padding-right: 2rem;"></i><small><span class="b1" style="vertical-align: middle; filter: blur(0.8px); text-shadow: 3px 2px 4px #000000;">a</span><span class="b2" style="vertical-align: middle; filter: blur(1.0px); text-shadow: 4px 2px 4px #000000;">r</span><span class="b3" style="vertical-align: middle; filter: blur(1.2px); text-shadow: 5px 2px 4px #000000;">e</span><span class="b4" style="vertical-align: middle; filter: blur(1.4px); text-shadow: 6px 2px 4px #000000;">a</span><span class="b5" style="vertical-align: middle; filter: blur(1.6px); text-shadow: 7px 2px 4px #000000;">- 51</span></small>-->
|
<!--<i class="fa fa-podcast" style="vertical-align: middle; filter: blur(0.8px); text-shadow: 2px 2px 4px #000000; padding-right: 2rem;"></i><small><span class="b1" style="vertical-align: middle; filter: blur(0.8px); text-shadow: 3px 2px 4px #000000;">a</span><span class="b2" style="vertical-align: middle; filter: blur(1.0px); text-shadow: 4px 2px 4px #000000;">r</span><span class="b3" style="vertical-align: middle; filter: blur(1.2px); text-shadow: 5px 2px 4px #000000;">e</span><span class="b4" style="vertical-align: middle; filter: blur(1.4px); text-shadow: 6px 2px 4px #000000;">a</span><span class="b5" style="vertical-align: middle; filter: blur(1.6px); text-shadow: 7px 2px 4px #000000;">- 51</span></small>-->
|
||||||
<a href="index.html" ><i class="fa fa-podcast"></i> <small><span class="b1">N</span><span class="b2">A</span><span class="b3">K</span><span class="b4">E</span><span class="b5">D</span><sup><small><i class="fa fa-microphone"> EN</i></small></sup></small></a>
|
<a href="index.html" ><i class="fa fa-podcast"></i> <small><span class="b1">N</span><span class="b2">A</span><span class="b3">H</span><span class="b4">E</span><span class="b5">J</span><sup><small><i class="fa fa-microphone"></i> <b>CZ</b></small></sup></small></a>
|
||||||
</div><!-- //LOGO -->
|
</div><!-- //LOGO -->
|
||||||
|
|
||||||
<!-- SEARCH FORM -->
|
<!-- SEARCH FORM -->
|
||||||
|
|
@ -121,8 +121,8 @@
|
||||||
<li class="first active scroll_btn"><a href="#film" >Film</a></li>
|
<li class="first active scroll_btn"><a href="#film" >Film</a></li>
|
||||||
<li class="scroll_btn"><a href="#web" >Web</a></li>
|
<li class="scroll_btn"><a href="#web" >Web</a></li>
|
||||||
<li class="scroll_btn"><a href="#3d" >3D</a></li>
|
<li class="scroll_btn"><a href="#3d" >3D</a></li>
|
||||||
<li class="scroll_btn"><a href="#co-workers" >Co-workers</a></li>
|
<li class="scroll_btn"><a href="#kolektiv" >Kolektiv</a></li>
|
||||||
<li class="scroll_btn"><a href="#news" >News</a></li>
|
<li class="scroll_btn"><a href="#news" >Noviny</a></li>
|
||||||
<li class="scroll_btn last"><a href="#contacts" >Me</a></li>
|
<li class="scroll_btn last"><a href="#contacts" >Me</a></li>
|
||||||
<li class="sub-menu">
|
<li class="sub-menu">
|
||||||
<a href="javascript:void(0);" >Menu</a>
|
<a href="javascript:void(0);" >Menu</a>
|
||||||
|
|
@ -148,26 +148,26 @@
|
||||||
<ul class="slides">
|
<ul class="slides">
|
||||||
<li class="slide1">
|
<li class="slide1">
|
||||||
<div class="flex_caption1" style="text-shadow: 2px 2px 4px #000000;">
|
<div class="flex_caption1" style="text-shadow: 2px 2px 4px #000000;">
|
||||||
<p class="title1 captionDelay2 FromTop"><small><i class="fa fa-group" style="padding-right: 0rem;"></i> Public</small></p>
|
<p class="title1 captionDelay2 FromTop"><small><i class="fa fa-group" style="padding-right: 0rem;"></i> Nahota</small></p>
|
||||||
<p class="title2 captionDelay4 FromTop"><small>Nudity</small></p>
|
<p class="title2 captionDelay4 FromTop"><small>Kdekoli</small></p>
|
||||||
<p class="title3 captionDelay6 FromTop"><small>¹☆</small></p>
|
<p class="title3 captionDelay6 FromTop"><small>¹</small></p>
|
||||||
<p class="title4 captionDelay7 FromBottom">The template is suitable for any company and the direction that appreciates style, purity and quality of the web site.</p>
|
<p class="title4 captionDelay7 FromBottom">The template is suitable for any company and the direction that appreciates style, purity and quality of the web site.</p>
|
||||||
</div>
|
</div>
|
||||||
<a class="slide_btn FromRight" href="javascript:void(0);" >Read More</a>
|
<a class="slide_btn FromRight" href="javascript:void(0);" >Read More</a>
|
||||||
<li class="slide2">
|
<li class="slide2">
|
||||||
<div class="flex_caption1" style="text-shadow: 2px 2px 4px #000000;">
|
<div class="flex_caption1" style="text-shadow: 2px 2px 4px #000000;">
|
||||||
<p class="title1 captionDelay6 FromLeft"><small><i class="fa fa-bar-chart"></i> Public</small></p>
|
<p class="title1 captionDelay6 FromLeft"><small><i class="fa fa-bar-chart"></i> Nahota</small></p>
|
||||||
<p class="title2 captionDelay4 FromLeft"><small>Survey</small></p>
|
<p class="title2 captionDelay4 FromLeft"><small>Plavce</small></p>
|
||||||
<p class="title3 captionDelay2 FromLeft"><small>²☆</small></p>
|
<p class="title3 captionDelay2 FromLeft"><small>²</small></p>
|
||||||
<p class="title4 captionDelay7 FromLeft">The template is suitable for any company and the direction that appreciates style, purity and quality of the web site.</p>
|
<p class="title4 captionDelay7 FromLeft">The template is suitable for any company and the direction that appreciates style, purity and quality of the web site.</p>
|
||||||
</div>
|
</div>
|
||||||
<a class="slide_btn FromRight" href="javascript:void(0);" >Read More</a>
|
<a class="slide_btn FromRight" href="javascript:void(0);" >Read More</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="slide3">
|
<li class="slide3">
|
||||||
<div class="flex_caption1" style="text-shadow: 2px 2px 4px #000000;">
|
<div class="flex_caption1" style="text-shadow: 2px 2px 4px #000000;">
|
||||||
<p class="title1 captionDelay1 FromBottom"><i class="fa fa-cubes"></i> Public</p>
|
<p class="title1 captionDelay1 FromBottom"><i class="fa fa-user"></i> Nahota</p>
|
||||||
<p class="title2 captionDelay2 FromBottom">Works</p>
|
<p class="title2 captionDelay2 FromBottom">Ducha</p>
|
||||||
<p class="title3 captionDelay3 FromBottom">³☆</p>
|
<p class="title3 captionDelay3 FromBottom">³</p>
|
||||||
<p class="title4 captionDelay5 FromBottom">The template is suitable for any company and the direction that appreciates style, purity and quality of the web site.</p>
|
<p class="title4 captionDelay5 FromBottom">The template is suitable for any company and the direction that appreciates style, purity and quality of the web site.</p>
|
||||||
</div>
|
</div>
|
||||||
<a class="slide_btn FromRight" href="javascript:void(0);" >Read More</a>
|
<a class="slide_btn FromRight" href="javascript:void(0);" >Read More</a>
|
||||||
|
|
@ -459,7 +459,7 @@
|
||||||
</section><!-- //PROJECTS -->
|
</section><!-- //PROJECTS -->
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section id="co-workers">
|
<section id="kolektiv">
|
||||||
<!-- TEAM -->
|
<!-- TEAM -->
|
||||||
<section id="team">
|
<section id="team">
|
||||||
|
|
||||||
|
Before Width: | Height: | Size: 4.2 MiB After Width: | Height: | Size: 4.2 MiB |