New web
This commit is contained in:
Lukáš Kaňka
parent
b196690ef4
commit
cd15924980
175
index.html
175
index.html
@ -8,19 +8,35 @@
|
|||||||
<meta name="description" content="Blog o všem možném i nemožném...." />
|
<meta name="description" content="Blog o všem možném i nemožném...." />
|
||||||
<meta name="keywords" content="Hlavní strana" />
|
<meta name="keywords" content="Hlavní strana" />
|
||||||
<meta name="author" content="Lukáš Kaňka" />
|
<meta name="author" content="Lukáš Kaňka" />
|
||||||
<link rel="shortcut icon" href="obrazky/tux.png" />
|
<link rel="shortcut icon" href="obrazky/tux" />
|
||||||
<link type="text/css" rel="stylesheet" href="styly.css" />
|
<link type="text/css" rel="stylesheet" href="styly.css" />
|
||||||
<title>Redirect</title>
|
<title>Redirect</title>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
<div class="title">
|
||||||
|
<strong>
|
||||||
|
<figure>
|
||||||
|
<center>
|
||||||
|
<figcaption>
|
||||||
|
<!-- <img src="obrazky/tux.png" width="150" height="100" alt="linux" /> -->
|
||||||
|
<h1>Lukáš Bloguje</h1>
|
||||||
|
<h3>Blog o všem možném i nemožném....</h3>
|
||||||
|
</figcaption>
|
||||||
|
</center>
|
||||||
|
</figure>
|
||||||
|
</strong>
|
||||||
|
</div>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
|
||||||
<div class="flexbox">
|
<div class="flexbox">
|
||||||
<div class="menu">
|
|
||||||
<img src="obrazky/tux.png" width="150" height="100" alt="linux" />
|
<!-- <div class="menu-conteiner"> -->
|
||||||
|
|
||||||
|
<div class="menu-navigation">
|
||||||
<h3>Navigace:</h3>
|
<h3>Navigace:</h3>
|
||||||
<ul>
|
<ul>
|
||||||
|
|
||||||
|
|
||||||
<li>
|
<li>
|
||||||
<strong><a href="o-mne.html" class="tlacitko">O mně</a></strong>
|
<strong><a href="o-mne.html" class="tlacitko">O mně</a></strong>
|
||||||
</li>
|
</li>
|
||||||
@ -34,68 +50,11 @@
|
|||||||
<strong><a href="projekty.html" class="tlacitko">Projekty</a></strong>
|
<strong><a href="projekty.html" class="tlacitko">Projekty</a></strong>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<h3>Kde všude mně najdete:</h3>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<strong><a href="https://publish.obsidian.md/kankys-note/" target="_blank" class="tlacitko">Má Digital
|
|
||||||
Garden</a></strong>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<strong><a href="https://lukan.cz/" target="_blank" class="tlacitko">Lukáš Bloguje</a></strong>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<strong><a href="https://www.linkedin.com/in/luk%C3%A1%C5%A1-ka%C5%88ka-b2a0a1a0/" target="_blank"
|
|
||||||
class="tlacitko">LinkedIn</a></strong>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<strong><a href="https://github.com/LukasKanka" target="_blank" class="tlacitko">GitHub</a></strong>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<strong><a href="https://testing-docs.cz" target="_blank" class="tlacitko">Má TestingDocs</a></strong>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<div style="
|
|
||||||
margin: 15px 0px 0px;
|
|
||||||
display: inline-block;
|
|
||||||
text-align: center;
|
|
||||||
width: 118px;
|
|
||||||
">
|
|
||||||
<noscript>
|
|
||||||
<div style="
|
|
||||||
display: inline-block;
|
|
||||||
padding: 2px 4px;
|
|
||||||
margin: 0px 0px 5px;
|
|
||||||
border: 1px solid rgb(204, 204, 204);
|
|
||||||
text-align: center;
|
|
||||||
background-color: rgb(255, 255, 255);
|
|
||||||
">
|
|
||||||
<a href="https://localtimes.info/Europe/Czech_Republic/Prague/" style="
|
|
||||||
text-decoration: none;
|
|
||||||
font-size: 13px;
|
|
||||||
color: rgb(0, 0, 0);
|
|
||||||
"><img src="https://localtimes.info/images/countries/cz.png"="" border="0"=""
|
|
||||||
style="border: 0; margin: 0; padding: 0"="" />
|
|
||||||
Prague</a>
|
|
||||||
</div>
|
|
||||||
</noscript>
|
|
||||||
<script type="text/javascript"
|
|
||||||
src="https://localtimes.info/clock.php?continent=Europe&country=Czech Republic&city=Prague&cp1_Hex=000000&cp2_Hex=FFFFFF&cp3_Hex=000000&fwdt=118&ham=0&hbg=0&hfg=0&sid=0&mon=0&wek=0&wkf=0&sep=0&widget_number=121"></script>
|
|
||||||
</div>
|
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="obsah">
|
|
||||||
<strong>
|
|
||||||
<figure>
|
|
||||||
<center>
|
|
||||||
<figcaption>
|
|
||||||
<h1>Lukáš Bloguje</h1>
|
|
||||||
<br />Blog o všem možném i nemožném....
|
|
||||||
</figcaption>
|
|
||||||
</center>
|
|
||||||
</figure>
|
|
||||||
</strong><br />
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="text-title">
|
||||||
<b>
|
<b>
|
||||||
<p>
|
<p>
|
||||||
Možná už znáš můj blog, který běží na Wordpressu. Přednedávnem jsem
|
Možná už znáš můj blog, který běží na Wordpressu. Přednedávnem jsem
|
||||||
@ -116,12 +75,98 @@
|
|||||||
automatizovaných testů a tvorbu webů.
|
automatizovaných testů a tvorbu webů.
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
Pokud se o mně a co dělám chceš dozvědět více mrkni do sekce: <a class="tlacitko" href="o-mne.html">O mně.</a>
|
Pokud se o mně a co dělám chceš dozvědět více mrkni do sekce: <a class="tlacitko" href="o-mne.html">O
|
||||||
|
mně.</a>
|
||||||
</p>
|
</p>
|
||||||
</b>
|
</b>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="menu-contact">
|
||||||
|
<h3>Kde všude mě najdete:</h3>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<strong><a href="https://publish.obsidian.md/kankys-note/" target="_blank" class="tlacitko">Má Digital
|
||||||
|
Garden</a></strong>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong><a href="https://lukan.cz/" target="_blank" class="tlacitko">Lukáš Bloguje</a></strong>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong><a href="https://www.linkedin.com/in/luk%C3%A1%C5%A1-ka%C5%88ka-b2a0a1a0/" target="_blank"
|
||||||
|
class="tlacitko">LinkedIn</a></strong>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong><a href="https://github.com/LukasKanka" target="_blank" class="tlacitko">GitHub</a></strong>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong><a href="https://testing-docs.cz" target="_blank" class="tlacitko">Moje Testing Docs</a></strong>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- <div class="clock">
|
||||||
|
<div style="
|
||||||
|
margin: 15px 0px 0px;
|
||||||
|
display: inline-block;
|
||||||
|
text-align: center;
|
||||||
|
width: 118px;
|
||||||
|
">
|
||||||
|
<noscript>
|
||||||
|
<div style="
|
||||||
|
display: inline-block;
|
||||||
|
padding: 2px 4px;
|
||||||
|
margin: 0px 0px 5px;
|
||||||
|
border: 1px solid rgb(204, 204, 204);
|
||||||
|
text-align: center;
|
||||||
|
background-color: rgb(255, 255, 255);
|
||||||
|
">
|
||||||
|
<a href="https://localtimes.info/Europe/Czech_Republic/Prague/" style="
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 13px;
|
||||||
|
color: var(--my-black);
|
||||||
|
"><img src="https://localtimes.info/images/countries/cz.png"="" border="0"=""
|
||||||
|
style="border: 0; margin: 0; padding: 0"="" />
|
||||||
|
Prague</a>
|
||||||
</div>
|
</div>
|
||||||
|
</noscript>
|
||||||
|
<script type="text/javascript"
|
||||||
|
src="https://localtimes.info/clock.php?continent=Europe&country=Czech Republic&city=Prague&cp1_Hex=000000&cp2_Hex=FFFFFF&cp3_Hex=000000&fwdt=118&ham=0&hbg=0&hfg=0&sid=0&mon=0&wek=0&wkf=0&sep=0&widget_number=121"></script>
|
||||||
|
</div>
|
||||||
|
</div> -->
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- <div class="text-obsah">
|
||||||
|
<b>
|
||||||
|
<p>
|
||||||
|
Možná už znáš můj blog, který běží na Wordpressu. Přednedávnem jsem
|
||||||
|
si založil tuto další doménu.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Proč jsem to udělal? Původní blog běží zcela na Wordpressu. Teď jsem
|
||||||
|
se jako samouk začal učit HTML/CSS. Proto jsem se rozhodl založit
|
||||||
|
tento blog.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Navíc jsem se přihlásil do Akademie Engeto kde jsem nastoupil na kurz Front-end Developer,který mi doufám
|
||||||
|
pomůže k práci web developra.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Tento blog bude takové hřiště na mé zdokolování psaní
|
||||||
|
automatizovaných testů a tvorbu webů.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Pokud se o mně a co dělám chceš dozvědět více mrkni do sekce: <a class="tlacitko" href="o-mne.html">O
|
||||||
|
mně.</a>
|
||||||
|
</p>
|
||||||
|
</b>
|
||||||
|
|
||||||
|
</div> -->
|
||||||
|
<!-- </div> -->
|
||||||
|
|
||||||
<footer>Copyright © Lukáš Kaňka 2023</footer>
|
<footer>Copyright © Lukáš Kaňka 2023</footer>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
BIN
obrazky/005.jpg
Normal file
BIN
obrazky/005.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 325 KiB |
@ -77,6 +77,16 @@
|
|||||||
<p>
|
<p>
|
||||||
<!-- <a href=" -->
|
<!-- <a href=" -->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="pr2">
|
||||||
|
<h2>Projekt 2: Životopis</h2>
|
||||||
|
<p>
|
||||||
|
Tento projekt je jako první úkol v Akademii.</p>
|
||||||
|
<p>Zadání bylo vytvořit jednoduchý životpis na procvičení základů HTML a CSS. Později jsem ještě pomocí
|
||||||
|
CSS nastavil v úkolu responsivní web pro mobilní zařízení.</p>
|
||||||
|
</p>
|
||||||
|
<p>Projekt životopis najdete <a target="_blank" href="zivotopis.html">zde.</a></p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
46
styly.css
46
styly.css
@ -1,6 +1,7 @@
|
|||||||
:root {
|
:root {
|
||||||
--my-brown: brown;
|
--my-brown: brown;
|
||||||
--my-red: red;
|
--my-red: red;
|
||||||
|
--my-black: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
@ -8,24 +9,8 @@ footer {
|
|||||||
bottom: 0;
|
bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*flebox itn*/
|
|
||||||
.flexbox {
|
|
||||||
display: flex;
|
|
||||||
max-width: auto;
|
|
||||||
margin: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menu,
|
|
||||||
.panel {
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.obsah {
|
|
||||||
flex: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-image: url(obrazky/white-21.jpg);
|
background-image: url(obrazky/005.jpg);
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
max-width: 1200px;
|
max-width: 1200px;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
@ -40,8 +25,17 @@ body {
|
|||||||
@media screen and (max-width: 600px) {
|
@media screen and (max-width: 600px) {
|
||||||
body {
|
body {
|
||||||
width: calc(100% - 16px);
|
width: calc(100% - 16px);
|
||||||
|
background-image: url(obrazky/white-21.jpg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*flebox*/
|
||||||
|
.flexbox {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-start;
|
||||||
|
gap: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
/* <style> */
|
/* <style> */
|
||||||
a.tlacitko {
|
a.tlacitko {
|
||||||
/*border-bottom : 1px solid #D1D1D1;*/
|
/*border-bottom : 1px solid #D1D1D1;*/
|
||||||
@ -75,26 +69,26 @@ a.tlacitko:hover {
|
|||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* .menu {
|
|
||||||
}
|
|
||||||
|
|
||||||
.obsah {
|
|
||||||
} */
|
|
||||||
|
|
||||||
@media screen and (max-width: 600px) {
|
@media screen and (max-width: 600px) {
|
||||||
.flexbox {
|
.flexbox {
|
||||||
width: calc(100% - 16px);
|
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
.menu {
|
.menu {
|
||||||
order: -1;
|
order: -1;
|
||||||
}
|
}
|
||||||
.obsah {
|
|
||||||
flex-direction: column;
|
.text-obsah {
|
||||||
order: 1;
|
order: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 600px) {
|
||||||
|
.clock {
|
||||||
|
display: flex;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/* web s projekty */
|
/* web s projekty */
|
||||||
.flexbox-project {
|
.flexbox-project {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|||||||
@ -1,35 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="cs">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
<link rel="stylesheet" href="styleTest.css" />
|
|
||||||
<title>test page</title>
|
|
||||||
<link />
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<h1>Hřiště pro testování</h1>
|
|
||||||
<hr>
|
|
||||||
<div>
|
|
||||||
<h3>Úkoly Akademie Engeto</h3>
|
|
||||||
<a class="tlacitko" href="/zivotopis.html"
|
|
||||||
>Úkol 1. Engento Akademie - vytvořit jednoduché CV</a
|
|
||||||
><hr />
|
|
||||||
<p>
|
|
||||||
<a class="tlacitko" href="/tabulky/tabulky.html"
|
|
||||||
>Úkol 2. Engento Akademie - procvičování tabulek</a
|
|
||||||
</p>
|
|
||||||
<h3>Menší úkoly Engeto bez hodnocení</h3>
|
|
||||||
<a class="tlacitko" href="dovolena-seznam.html">Seznam věcí na dovolenou -> menší úkol Engeto</a><hr>
|
|
||||||
<h3>Procvičování všeho možného</h3>
|
|
||||||
<a class="tlacitko" href="/tabulky/tabulky.html">Procvičování tabulek</a><hr>
|
|
||||||
<a class="tlacitko" href="/index.html">Zpět na začátek</a>
|
|
||||||
</div>
|
|
||||||
<div></div>
|
|
||||||
<p><a href="dovolena-seznam.html" </p>
|
|
||||||
|
|
||||||
|
|
||||||
<footer>Copyright © Lukáš Kaňka 2023</footer>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
Loading…
Reference in New Issue
Block a user