diff --git a/index.html b/index.html
index 04e77b4..2b5be19 100644
--- a/index.html
+++ b/index.html
@@ -13,9 +13,30 @@
O mně
-
- Ahoj, jmenuji se Zdenek Kreml a jsem [vaše povolání nebo zájmy]. Tato stránka je krátkým úvodem do mého světa.
+
+ Ahoj, jmenuji se Zdeněk Kreml. Jsem členem komunity Arch Linux CZ a nadšeným podporovatelem open source. 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. Své odborné dovednosti nejvíce uplatňuji při správě serverů, které běží na Ubuntu a Debianu, a při hostování a správě různých komunitních platforem a open source aplikací.
+ Jako Open Source Nadšenec, věřím v sílu otevřeného softwaru a jsem aktivním přispěvatelem do jeho komunity. Považuji se za Uživatele Arch Linuxu a GrapheneOS, kde mi tyto systémy umožňují spojit moji vášeň pro bezpečnost a stabilitu s praktickým využitím v každodenním životě.
+
+
+ Projekty a Správa
+ Věnuji se správě a hostování různých aplikací, které přibližují lidem důležitost bezpečnosti a soukromí v digitálním světě. Zde jsou některé z hlavních projektů, které nabízím:
+
+ - 🐘 Mastodon Instance - mastodon.arch-linux.cz
Sociální platforma pro uživatele Arch Linuxu.
+ - 🖼️ Pixelfed - pixelfed.cz
Platforma pro sdílení obrázků, která respektuje soukromí uživatelů.
+ - 🔒 Cryptpad - cryptpad.arch-linux.cz
Bezpečná a šifrovaná kolaborativní platforma pro sdílení dokumentů.
+ - 🐘 Další instance Mastodon - mamutovo.cz
Podpora sociální sítě založené na otevřených standardech.
+
+
+ Další Webové Aplikace
+
+ - 📑 Linkding: Jednoduchý správce záložek.
+ - 📷 Immich: Serverová aplikace pro správu fotografií.
+ - 📖 Wallabag: Služba pro ukládání článků k pozdějšímu čtení.
+
+
+
+
diff --git a/styly.css b/styly.css
index cc20eff..03b3273 100644
--- a/styly.css
+++ b/styly.css
@@ -1,16 +1,69 @@
-h1 {
- text-align: center;
+/* Základní nastavení písma a pozadí pro celou stránku */
+body {
+ font-family: Arial, sans-serif; /* Nastavení písma */
+ line-height: 1.6; /* řádkování */
+ color: #333; /* Barva textu */
+ background-color: #f9f9f9; /* Barva pozadí */
+ padding: 20px; /* Vnitřní okraj pro celé tělo stránky */
}
+
+/* Centrování nadpisů h1 a h2 a specifické nastavení */
+h1, h2 {
+ text-align: center; /* Zarovnání textu na střed */
+ color: #555; /* Světle šedá barva textu */
+}
+
+/* Nastavení stylu pro všechny obrázky na stránce */
img {
- width: 200px;
- border-radius: 80px;
+ display: block; /* Zobrazení jako blok pro možnost centrování */
+ margin-left: auto; /* Automatický levý okraj pro centrování */
+ margin-right: auto; /* Automatický pravý okraj pro centrování */
+ width: 200px; /* Pevná šířka obrázku */
+ border-radius: 80px; /* Velké zaoblení rohů */
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Lehký stín pro lepší vizuální efekt */
}
-img {
- display: block;
- margin-left: auto;
- margin-right: auto;
- width: 200px; /* nebo jiná šířka podle potřeby */
+
+/* Dodatečné styly, které můžete potřebovat pro odstavce a další elementy */
+p {
+ margin-top: 20px; /* Horní okraj pro odstavce */
+ margin-bottom: 20px; /* Dolní okraj pro odstavce */
+}
+section {
+ margin: 20px;
+ padding: 20px;
+ background-color: #fff; /* Bílé pozadí pro lepší čitelnost */
+ border-radius: 8px;
+ box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+}
+
+section h2, section h3 {
+ color: #333;
+ text-align: center;
+}
+
+section p {
+ font-size: 16px;
+ line-height: 1.5;
+ color: #666;
+ text-align: justify;
+}
+
+section ul {
+ list-style-type: none; /* Odstranění teček u seznamu */
+ padding: 0;
+}
+
+section ul li {
+ margin-bottom: 10px;
+ line-height: 1.4;
+ font-size: 14px;
+}
+
+a {
+ color: #0077cc; /* Modrá barva odkazů */
+ text-decoration: none; /* Žádné podtržení */
+}
+
+a:hover {
+ text-decoration: underline; /* Podtržení při najetí myši */
}
-h2 {
- text-align: center;
-}
\ No newline at end of file