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="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 © Lukáš Kaňka 2023</footer>
|
||||
</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>
|
||||
<!-- <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>
|
||||
|
||||
|
||||
46
styly.css
46
styly.css
@ -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;
|
||||
|
||||
@ -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