oprava špatného zobrazení na mobilních zařízeních

This commit is contained in:
archos 2024-05-20 07:59:34 +02:00
parent ce63c7f0d3
commit e7e456e1fd
2 changed files with 22 additions and 25 deletions

View File

@ -2,43 +2,38 @@
<html lang="cs">
<head>
<meta charset="UTF-8">
<title>Zdenek Kreml</title> <!-- Jediný title tag -->
<script src="https://kit.fontawesome.com/88bcdf51c5.js" crossorigin="anonymous"></script>
<title>Zdenek Kreml</title>
<link rel="stylesheet" type="text/css" href="styly.css">
<script src="https://kit.fontawesome.com/88bcdf51c5.js" crossorigin="anonymous"></script>
</head>
<body>
<header>
<h1>Zdenek Kreml</h1>
<img src="profilovka/archos.jpg" alt="Můj obrázek">
<h2>O mně</h2>
</header>
<img src="profilovka/archos.jpg" alt="Můj obrázek">
<h2>O mně</h2>
</head>
<body>
</header>
<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>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>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>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>
<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('contact')">Kontakt</a>
<script src="skripty.js"></script>
</main>
<div id="dynamic-content"></div>
<main>
<!-- Další obsah stránky bez ikony uživatele -->
</main>
<footer>
<p>
<a href="/" style="text-decoration: none; color: inherit;">&copy; 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>
</p>
</footer>
<p>
<a href="/" style="text-decoration: none; color: inherit;">&copy; 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>
</p>
</footer>
<script src="skripty.js"></script>
</body>
</html>

View File

@ -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>';
} 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>'
+ '<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') {
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="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>';
}
}