Aktualizovány konfigurační soubory a přidány ikonky Awesome
This commit is contained in:
parent
e531078206
commit
df14ed15f0
16
index.html
16
index.html
@ -2,9 +2,9 @@
|
||||
<html lang="cs">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Zdenek Kreml</title>
|
||||
<title>Zdenek Kreml</title> <!-- Jediný title tag -->
|
||||
<script src="https://kit.fontawesome.com/88bcdf51c5.js" crossorigin="anonymous"></script>
|
||||
<link rel="stylesheet" type="text/css" href="styly.css">
|
||||
<title>Zdenek Kreml</title>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@ -23,14 +23,22 @@
|
||||
<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>© 2024 Zdenek Kreml</p>
|
||||
<p>
|
||||
<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>
|
||||
</p>
|
||||
</footer>
|
||||
|
||||
</html>
|
||||
|
||||
|
18
skripty.js
18
skripty.js
@ -3,16 +3,16 @@ function showContent(type) {
|
||||
content.innerHTML = ''; // Clear previous content
|
||||
|
||||
if (type === 'social') {
|
||||
content.innerHTML = '<a href="https://mastodon.arch-linux.cz" class="flex-item">Mastodon</a>'
|
||||
+ '<a href="https://pixelfed.cz" class="flex-item">Pixelfed</a>'
|
||||
+ '<a href="https://twitter.com" class="flex-item">Twitter</a>'
|
||||
+ '<a href="https://facebook.com" class="flex-item">Facebook</a>';
|
||||
content.innerHTML = '<a href="https://mastodon.arch-linux.cz/@archos" class="flex-item"><i class="fab fa-mastodon"></i> Mastodon</a>'
|
||||
+ '<a href="https://pixelfed.cz/i/web/profile/441194050239729665" class="flex-item"><i class="fab fa-instagram"></i> Pixelfed</a>'
|
||||
+ '<a href="https://twitter.com/archos_linux" class="flex-item"><i class="fab fa-twitter"></i> Twitter</a>'
|
||||
+ '<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">Gitea</a>'
|
||||
+ '<a href="https://arch-linux.cz" class="flex-item">Web Arch Linux</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>';
|
||||
} else if (type === 'contact') {
|
||||
content.innerHTML = '<a href="https://matrix.org" class="flex-item">Matrix</a>'
|
||||
+ '<a href="mailto:email@example.com" class="flex-item">Email</a>'
|
||||
+ '<a href="https://xmpp.org" class="flex-item">XMPP</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="xmpp:archos@arch-linux.cz" class="flex-item"><i class="fas fa-comment-dots"></i> XMPP</a>';
|
||||
}
|
||||
}
|
||||
|
@ -120,4 +120,11 @@ footer {
|
||||
.button:hover {
|
||||
background-color: #218838; /* tmavší zelená pro efekt při najetí myší */
|
||||
}
|
||||
footer a {
|
||||
text-decoration: none; /* Odstraňuje podtržení odkazu */
|
||||
color: inherit; /* Dědí barvu textu od rodiče */
|
||||
}
|
||||
|
||||
footer i {
|
||||
margin-left: 5px; /* Přidává malý prostor mezi textem a ikonou */
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user