This commit is contained in:
Lukáš Kaňka 2024-01-17 00:51:24 +01:00
parent b196690ef4
commit cd15924980
5 changed files with 140 additions and 126 deletions

View File

@ -8,19 +8,35 @@
<meta name="description" content="Blog o všem možném i nemožném...." />
<meta name="keywords" content="Hlavní strana" />
<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" />
<title>Redirect</title>
</head>
<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="menu">
<img src="obrazky/tux.png" width="150" height="100" alt="linux" />
<!-- <div class="menu-conteiner"> -->
<div class="menu-navigation">
<h3>Navigace:</h3>
<ul>
<li>
<strong><a href="o-mne.html" class="tlacitko">O mně</a></strong>
</li>
@ -34,68 +50,11 @@
<strong><a href="projekty.html" class="tlacitko">Projekty</a></strong>
</li>
</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 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>
<p>
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ů.
</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>
</b>
</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>
</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 &copy; Lukáš Kaňka 2023</footer>
</body>

BIN
obrazky/005.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 325 KiB

View File

@ -77,6 +77,16 @@
<p>
<!-- <a href=" -->
</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>

View File

@ -1,6 +1,7 @@
:root {
--my-brown: brown;
--my-red: red;
--my-black: black;
}
footer {
@ -8,24 +9,8 @@ footer {
bottom: 0;
}
/*flebox itn*/
.flexbox {
display: flex;
max-width: auto;
margin: auto;
}
.menu,
.panel {
flex: 1;
}
.obsah {
flex: 3;
}
body {
background-image: url(obrazky/white-21.jpg);
background-image: url(obrazky/005.jpg);
background-size: 100%;
max-width: 1200px;
margin: auto;
@ -40,8 +25,17 @@ body {
@media screen and (max-width: 600px) {
body {
width: calc(100% - 16px);
background-image: url(obrazky/white-21.jpg);
}
}
/*flebox*/
.flexbox {
display: flex;
justify-content: flex-start;
gap: 45px;
}
/* <style> */
a.tlacitko {
/*border-bottom : 1px solid #D1D1D1;*/
@ -75,26 +69,26 @@ a.tlacitko:hover {
list-style-type: none;
}
/* .menu {
}
.obsah {
} */
@media screen and (max-width: 600px) {
.flexbox {
width: calc(100% - 16px);
flex-direction: column;
}
.menu {
order: -1;
}
.obsah {
flex-direction: column;
.text-obsah {
order: 1;
}
}
@media screen and (max-width: 600px) {
.clock {
display: flex;
display: none;
}
}
/* web s projekty */
.flexbox-project {
flex-direction: column;

View File

@ -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 &copy; Lukáš Kaňka 2023</footer>
</body>
</html>