oprava špatného zobrazení na mobilních zařízeních
This commit is contained in:
parent
ce63c7f0d3
commit
e7e456e1fd
25
index.html
25
index.html
@ -2,43 +2,38 @@
|
|||||||
<html lang="cs">
|
<html lang="cs">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title>Zdenek Kreml</title> <!-- Jediný title tag -->
|
<title>Zdenek Kreml</title>
|
||||||
<script src="https://kit.fontawesome.com/88bcdf51c5.js" crossorigin="anonymous"></script>
|
|
||||||
<link rel="stylesheet" type="text/css" href="styly.css">
|
<link rel="stylesheet" type="text/css" href="styly.css">
|
||||||
|
<script src="https://kit.fontawesome.com/88bcdf51c5.js" crossorigin="anonymous"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<h1>Zdenek Kreml</h1>
|
<h1>Zdenek Kreml</h1>
|
||||||
</header>
|
|
||||||
|
|
||||||
<img src="profilovka/archos.jpg" alt="Můj obrázek">
|
<img src="profilovka/archos.jpg" alt="Můj obrázek">
|
||||||
|
|
||||||
<h2>O mně</h2>
|
<h2>O mně</h2>
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div class="centered-text">
|
<div class="centered-text">
|
||||||
<p>Jsem členem komunity <a href="https://arch-linux.cz" target="_blank">Arch Linux Cz</a> a nadšeným podporovatelem open source.</p>
|
<p>Jsem členem komunity <a href="https://arch-linux.cz" target="_blank">Arch Linux CZ</a> a nadšeným podporovatelem open source.</p>
|
||||||
<p>Moje záliba v technologiích sahá od operačních systémů jako Arch Linux až po bezpečnostně orientované mobilní platformy jako GrapheneOS.</p>
|
<p>Moje záliba v technologiích sahá od operačních systémů jako Arch Linux až po bezpečnostně orientované mobilní platformy jako GrapheneOS.</p>
|
||||||
<p>Jako <strong>Open Source Nadšenec</strong>, věřím v sílu otevřeného softwaru a jsem aktivním přispěvatelem do jeho komunity.</p>
|
<p>Jako <strong>Open Source Nadšenec</strong>, věřím v sílu otevřeného softwaru a jsem aktivním přispěvatelem do jeho komunity.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<main class="flex-container">
|
<main class="flex-container">
|
||||||
<a href="#" class="flex-item" onclick="showContent('social')">Sociální sítě </a>
|
<a href="#" class="flex-item" onclick="showContent('social')">Sociální sítě</a>
|
||||||
<a href="#" class="flex-item" onclick="showContent('opensource')">Open Source</a>
|
<a href="#" class="flex-item" onclick="showContent('opensource')">Open Source</a>
|
||||||
<a href="#" class="flex-item" onclick="showContent('contact')">Kontakt</a>
|
<a href="#" class="flex-item" onclick="showContent('contact')">Kontakt</a>
|
||||||
<script src="skripty.js"></script>
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<div id="dynamic-content"></div>
|
<div id="dynamic-content"></div>
|
||||||
<main>
|
|
||||||
<!-- Další obsah stránky bez ikony uživatele -->
|
|
||||||
</main>
|
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
<p>
|
<p>
|
||||||
<a href="/" style="text-decoration: none; color: inherit;">© 2024 Zdenek Kreml</a>
|
<a href="/" style="text-decoration: none; color: inherit;">© 2024 Zdenek Kreml</a>
|
||||||
| <a href="https://git.arch-linux.cz/Archos/web_zkreml" target="_blank"><i class="fab fa-git-alt"></i> Gitea</a>
|
| <a href="https://git.arch-linux.cz/Archos/web_zkreml" target="_blank"><i class="fab fa-git-alt"></i> Gitea</a>
|
||||||
</p>
|
</p>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
|
<script src="skripty.js"></script>
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
|
@ -9,10 +9,12 @@ function showContent(type) {
|
|||||||
+ '<a href="https://www.facebook.com/zdendys75/" class="flex-item"><i class="fab fa-facebook-f"></i> Facebook</a>';
|
+ '<a href="https://www.facebook.com/zdendys75/" class="flex-item"><i class="fab fa-facebook-f"></i> Facebook</a>';
|
||||||
} else if (type === 'opensource') {
|
} else if (type === 'opensource') {
|
||||||
content.innerHTML = '<a href="https://git.arch-linux.cz/Archos" class="flex-item"><i class="fas fa-code-branch"></i> Gitea</a>'
|
content.innerHTML = '<a href="https://git.arch-linux.cz/Archos" class="flex-item"><i class="fas fa-code-branch"></i> Gitea</a>'
|
||||||
+ '<a href="https://arch-linux.cz" class="flex-item"><i class="fab fa-linux"></i> Web Arch Linux</a>';
|
+ '<a href="https://arch-linux.cz" class="flex-item"><i class="fab fa-linux"></i> Web Arch Linux</a>'
|
||||||
|
+ '<a href="https://keyoxide.org/8B4BFBDECF67A57B56CAAEEF73F17C5E85E9DE2C" class="flex-item"><i class="fas fa-key"></i> Keyoxide</a>';
|
||||||
} else if (type === 'contact') {
|
} else if (type === 'contact') {
|
||||||
content.innerHTML = '<a href="https://matrix.to/#/@archos:mxchat.cz" class="flex-item"><i class="fas fa-comments"></i> Matrix</a>'
|
content.innerHTML = '<a href="https://matrix.to/#/@archos:mxchat.cz" class="flex-item"><i class="fas fa-comments"></i> Matrix</a>'
|
||||||
+ '<a href="mailto:email@zkreml.cz" class="flex-item"><i class="fas fa-envelope"></i> Email</a>'
|
+ '<a href="mailto:email@zkreml.cz" class="flex-item"><i class="fas fa-envelope"></i> Email</a>'
|
||||||
+ '<a href="xmpp:archos@arch-linux.cz" class="flex-item" title="Pro použití tohoto kontaktu nainstalujte kompatibilní XMPP klient. Kontakt: archos@arch-linux.cz">XMPP</a>';
|
+ '<a href="xmpp:archos@arch-linux.cz" class="flex-item" title="Pro použití tohoto kontaktu nainstalujte kompatibilní XMPP klient. Kontakt: archos@arch-linux.cz"><i class="fas fa-comment-dots"></i> XMPP</a>'
|
||||||
|
+ '<a href="https://keys.openpgp.org/vks/v1/by-fingerprint/DB711DE3EA9FAAFB313AEE4CF736D5CD9CED44E8" class="flex-item"><i class="fas fa-user-secret"></i> GPG Key</a>';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user