Archos/web_zkreml
Archos/web_zkreml
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Aktualizovány konfigurační soubory a přidány ikonky Awesome

Browse Source
This commit is contained in:
archos 2024-05-19 21:20:32 +02:00
parent e531078206
commit df14ed15f0
3 changed files with 28 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
index.html
View File

@ -2,9 +2,9 @@
<html lang="cs"> <html lang="cs">
<head> <head>
<meta charset="UTF-8"> <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"> <link rel="stylesheet" type="text/css" href="styly.css">
<title>Zdenek Kreml</title>
</head> </head>
<body> <body>
<header> <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> <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> <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>&copy; 2024 Zdenek Kreml</p> <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> </footer>
</html> </html>

18
skripty.js
View File

@ -3,16 +3,16 @@ function showContent(type) {
content.innerHTML = ''; // Clear previous content content.innerHTML = ''; // Clear previous content
if (type === 'social') { if (type === 'social') {
content.innerHTML = '<a href="https://mastodon.arch-linux.cz" class="flex-item">Mastodon</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" class="flex-item">Pixelfed</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" class="flex-item">Twitter</a>' + '<a href="https://twitter.com/archos_linux" class="flex-item"><i class="fab fa-twitter"></i> Twitter</a>'
+ '<a href="https://facebook.com" class="flex-item">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">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">Web Arch Linux</a>'; + '<a href="https://arch-linux.cz" class="flex-item"><i class="fab fa-linux"></i> Web Arch Linux</a>';
} else if (type === 'contact') { } else if (type === 'contact') {
content.innerHTML = '<a href="https://matrix.org" class="flex-item">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@example.com" class="flex-item">Email</a>' + '<a href="mailto:email@zkreml.cz" class="flex-item"><i class="fas fa-envelope"></i> Email</a>'
+ '<a href="https://xmpp.org" class="flex-item">XMPP</a>'; + '<a href="xmpp:archos@arch-linux.cz" class="flex-item"><i class="fas fa-comment-dots"></i> XMPP</a>';
} }
} }

7
styly.css
View File

@ -120,4 +120,11 @@ footer {
.button:hover { .button:hover {
background-color: #218838; /* tmavší zelená pro efekt při najetí myší */ 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 */
}