oprva odkazu a responsivity

This commit is contained in:
Lukáš 2024-02-26 13:18:54 +01:00
parent c71f1293ad
commit ff6c78b83a
4 changed files with 239 additions and 188 deletions

View File

@ -38,7 +38,9 @@
</li> </li>
<li> <li>
<strong <strong
><a href="zivotopis.html" class="tlacitko">Životopis</a></strong ><a href="zivotopis.html" target="_blank" class="tlacitko"
>Životopis</a
></strong
> >
</li> </li>
<li> <li>

View File

@ -40,7 +40,7 @@
<strong><a href="index.html" class="tlacitko">Hlavní strana</a></strong> <strong><a href="index.html" class="tlacitko">Hlavní strana</a></strong>
</li> </li>
<li> <li>
<strong><a href="zivotopis.html" class="tlacitko">Životopis</a></strong> <strong><a href="zivotopis.html" target="_blank" class="tlacitko">Životopis</a></strong>
</li> </li>
<li> <li>
<strong><a href="privaci-polici.html" class="tlacitko">Zásady ochrany osobních údaju</a></strong> <strong><a href="privaci-polici.html" class="tlacitko">Zásady ochrany osobních údaju</a></strong>
@ -91,7 +91,7 @@
<!-- <div> <div>
<ul class="dot"> <ul class="dot">
<li><strong>V osobním životě se snažím vedle komerčních aplikací poznávat a <li><strong>V osobním životě se snažím vedle komerčních aplikací poznávat a
používat Opensource.</strong></li> používat Opensource.</strong></li>
@ -136,7 +136,7 @@
class="tlacitko">Pixelfed</a></li> class="tlacitko">Pixelfed</a></li>
</ul> </ul>
</div> --> </div>
<div> <div>
<ul class="dot"> <ul class="dot">

View File

@ -1,8 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="cs-cz"> <html lang="cs-cz">
<head>
<head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>Lukáš bloguje</title> <title>Lukáš bloguje</title>
@ -14,67 +13,112 @@
<link rel="stylesheet" href="clanky.css" /> <link rel="stylesheet" href="clanky.css" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
</head> </head>
<body> <body>
<div class="flexbox"> <div class="flexbox">
<div class="menu"> <div class="menu">
<img src="obrazky/tux.png" width="150" height="100" alt="linux" /> <img src="obrazky/tux.png" width="150" height="100" alt="linux" />
<h3>Navigace:</h3> <h3>Navigace:</h3>
<ul> <ul>
<li> <li>
<strong><a href="index.html" class="tlacitko">Hlavní strana</a></strong> <strong
><a href="index.html" class="tlacitko">Hlavní strana</a></strong
>
</li> </li>
<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>
<li> <li>
<strong><a href="zivotopis.html" class="tlacitko">Životopis</a></strong> <strong
><a href="zivotopis.html" target="_blank" class="tlacitko"
>Životopis</a
></strong
>
</li> </li>
</ul> </ul>
<h3>Kde všude mně najdete:</h3> <h3>Kde všude mně najdete:</h3>
<ul> <ul>
<li> <li>
<strong><a href="https://lukan.cz/" target="_blank" class="tlacitko">Lukáš Bloguje</a></strong> <strong
><a href="https://lukan.cz/" target="_blank" class="tlacitko"
>Lukáš Bloguje</a
></strong
>
</li> </li>
<li> <li>
<strong><a href="https://www.linkedin.com/in/luk%C3%A1%C5%A1-ka%C5%88ka-b2a0a1a0/" target="_blank" <strong
class="tlacitko">LinkedIn</a></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>
<li> <li>
<strong><a href="https://github.com/LukasKanka" target="_blank" class="tlacitko">GitHub</a></strong> <strong
><a
href="https://github.com/LukasKanka"
target="_blank"
class="tlacitko"
>GitHub</a
></strong
>
</li> </li>
<li> <li>
<strong><a href="https://testing-docs.cz" target="_blank" class="tlacitko">Má TestingDocs</a></strong> <strong
><a
href="https://testing-docs.cz"
target="_blank"
class="tlacitko"
>Má TestingDocs</a
></strong
>
</li> </li>
<div style=" <div
style="
margin: 15px 0px 0px; margin: 15px 0px 0px;
display: inline-block; display: inline-block;
text-align: center; text-align: center;
width: 118px; width: 118px;
"> "
>
<noscript> <noscript>
<div style=" <div
style="
display: inline-block; display: inline-block;
padding: 2px 4px; padding: 2px 4px;
margin: 0px 0px 5px; margin: 0px 0px 5px;
border: 1px solid rgb(204, 204, 204); border: 1px solid rgb(204, 204, 204);
text-align: center; text-align: center;
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
"> "
<a href="https://localtimes.info/Europe/Czech_Republic/Prague/" style=" >
<a
href="https://localtimes.info/Europe/Czech_Republic/Prague/"
style="
text-decoration: none; text-decoration: none;
font-size: 13px; font-size: 13px;
color: rgb(0, 0, 0); color: rgb(0, 0, 0);
"><img src="https://localtimes.info/images/countries/cz.png"="" border="0"="" "
style="border: 0; margin: 0; padding: 0"="" /> ><img
Prague</a> src="https://localtimes.info/images/countries/cz.png"
=""
border="0"
=""
style="border: 0; margin: 0; padding: 0"
=""
/>
Prague</a
>
</div> </div>
</noscript> </noscript>
<script type="text/javascript" <script
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> 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> </ul>
</div> </div>
@ -88,13 +132,13 @@
<br />Blog o všem možném i nemožném.... <br />Blog o všem možném i nemožném....
</figcaption> </figcaption>
</center> </center>
</figure> </figure> </strong
</strong><br /> ><br />
<p> <p>
<strong> <strong>
<center>Zásady ochrany osobních údajů</center> <center>Zásady ochrany osobních údajů</center> </strong
</strong><br /> ><br />
Naposledy aktualizováno: 28.4.2022 Naposledy aktualizováno: 28.4.2022
</p> </p>
@ -224,6 +268,5 @@
</div> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>
</html> </html>

View File

@ -4,6 +4,12 @@
--my-black: black; --my-black: black;
} }
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
footer { footer {
position: fixed; position: fixed;
bottom: 0; bottom: 0;