From ec2fa7f2ee09a827d902b35dc0de455795f833d3 Mon Sep 17 00:00:00 2001
From: TolaMironcenko <mironcenkotola@gmail.com>
Date: Sat, 28 Jun 2025 19:57:57 +0700
Subject: [PATCH] updated for generations

---
 img/dnsmasq-icon.jpeg   | Bin 0 -> 10203 bytes
 img/portainer-icon.webp | Bin 0 -> 2050 bytes
 index.html              |  65 +++-----------------------------------
 js/icons.js             |  68 ++++++++++++++++++++++++++++++++++++++++
 js/mails.js             |  21 +++++++++++++
 5 files changed, 93 insertions(+), 61 deletions(-)
 create mode 100644 img/dnsmasq-icon.jpeg
 create mode 100644 img/portainer-icon.webp
 create mode 100644 js/icons.js
 create mode 100644 js/mails.js

diff --git a/img/dnsmasq-icon.jpeg b/img/dnsmasq-icon.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..fd115f07177d9c6394083eae270d78e6457bb93a
GIT binary patch
literal 10203
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

literal 0
HcmV?d00001

diff --git a/img/portainer-icon.webp b/img/portainer-icon.webp
new file mode 100644
index 0000000000000000000000000000000000000000..5892aaf2625b57bcf486bcaa23215e584c5eea61
GIT binary patch
literal 2050
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

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index 18d8afb..b9f6519 100644
--- a/index.html
+++ b/index.html
@@ -15,31 +15,12 @@
             <h1 class="header-text">Dashboard</h1>
             <h1 class="time"></h1>
             <div class="user">
-                <h2 class="username">Tola</h2>
                 <div class="card" tabindex="0">
                     <span class="cardicon">
                         <img src="img/user.jpeg" alt="" />
                     </span>
-                    <div class="text">
+                    <div class="text" id="mails">
                         <h2 class="username">Tola</h2>
-                        <a
-                            href="mailto: tolamironcenko@icloud.com"
-                            class="mail"
-                        >
-                            tolamironcenko@icloud.com
-                        </a>
-                        <a href="mailto: tolamironcenko@gmail.com" class="mail">
-                            tolamironcenko@gmail.com
-                        </a>
-                        <a href="tel:+79528926401" class="mail">
-                            +79528926401
-                        </a>
-                        <a href="tel:+79131019225" class="mail">
-                            +79131019225
-                        </a>
-                        <a href="tel:+79993228086" class="mail">
-                            +79993228086
-                        </a>
                     </div>
                 </div>
             </div>
@@ -53,47 +34,9 @@
             />
             <div class="searchicon">&#128269;</div>
         </div>
-        <h2 style="color: white; text-align: center; margin: 10px 0 10px 0">
-            Net
-        </h2>
-        <div class="icons">
-            <div class="icon">
-                <a href="https://web.telegram.org/k/">
-                    <img src="img/telegram-icon.jpeg" alt="telegram-icon" />
-                </a>
-            </div>
-            <div class="icon">
-                <a href="https://github.com">
-                    <img src="img/github-icon.png" alt="github-icon" />
-                </a>
-            </div>
-        </div>
-        <h2 style="color: white; text-align: center; margin: 10px 0 10px 0">
-            Home
-        </h2>
-        <div class="icons">
-            <div class="icon">
-                <a href="https://gitea.home.com:3000">
-                    <img src="img/gitea-icon.png" alt="gitea-icon" />
-                </a>
-            </div>
-            <div class="icon">
-                <a href="http://jellyfin.home.com:8096">
-                    <img src="img/jellyfin.png" alt="jellyfin-icon" />
-                </a>
-            </div>
-            <div class="icon">
-                <a href="http://immich.home.com:2283">
-                    <img src="img/immich-icon.png" alt="immich-icon" />
-                </a>
-            </div>
-            <div class="icon">
-                <a href="http://navidrome.home.com:4533">
-                    <img src="img/navidrome-icon.png" alt="gitea-icon" />
-                </a>
-            </div>
-        </div>
-
+        <div class="icons"></div>
+        <script src="js/icons.js"></script>
+        <script src="js/mails.js"></script>
         <script src="js/time.js"></script>
         <script src="js/search.js"></script>
     </body>
diff --git a/js/icons.js b/js/icons.js
new file mode 100644
index 0000000..6bad247
--- /dev/null
+++ b/js/icons.js
@@ -0,0 +1,68 @@
+const iconsArea = document.querySelector(".icons");
+
+const icons = [
+  {
+    key: 0,
+    href: "https://web.telegram.org/k/",
+    img: "img/telegram-icon.jpeg",
+    alt: "telegram-icon",
+    text: "Telegram",
+  },
+  {
+    key: 1,
+    href: "https://github.com",
+    img: "img/github-icon.png",
+    alt: "github-icon",
+    text: "github.com",
+  },
+  {
+    key: 0,
+    href: "https://gitea.home.com:3000",
+    img: "img/gitea-icon.png",
+    alt: "gitea-icon",
+    text: "gitea.home.com",
+  },
+  {
+    key: 1,
+    href: "http://jellyfin.home.com:8096",
+    img: "img/jellyfin.png",
+    alt: "jellyfin-icon",
+    text: "jellyfin.home.com",
+  },
+  {
+    key: 2,
+    href: "http://immich.home.com:2283",
+    img: "img/immich-icon.png",
+    alt: "immich-icon",
+    text: "immich.home.com",
+  },
+  {
+    key: 3,
+    href: "http://navidrome.home.com:4533",
+    img: "img/navidrome-icon.png",
+    alt: "navidrome-icon",
+    text: "navidrome.home.com",
+  },
+  {
+    key: 4,
+    href: "https://portainer.home.com:9443",
+    img: "img/portainer-icon.webp",
+    alt: "portainer-icon",
+    text: "portainer.home.com",
+  },
+  {
+    key: 5,
+    href: "https://dns.home.com",
+    img: "img/dnsmasq-icon.jpeg",
+    alt: "dnsmasq-icon",
+    text: "dns.home.com",
+  },
+];
+
+icons.map((icon) => {
+  iconsArea.innerHTML += `<div class="icon">
+                <a href="${icon.href}">
+                    <img src="${icon.img}" alt="${icon.alt}" />
+                </a>
+            </div>`;
+});
diff --git a/js/mails.js b/js/mails.js
new file mode 100644
index 0000000..214469c
--- /dev/null
+++ b/js/mails.js
@@ -0,0 +1,21 @@
+const mailsArea = document.querySelector("#mails");
+
+const mails = [
+  {
+    key: 0,
+    href: "mailto:tolamironcenko@icloud.com",
+    text: "tolamironcenko@icloud.com",
+  },
+  {
+    key: 1,
+    href: "mailto:tolamironcenko@gmail.com",
+    text: "tolamironcenko@gmail.com",
+  },
+  { key: 2, href: "tel:+79528926401", text: "+79528926401" },
+  { key: 3, href: "tel:+79131019225", text: "+79131019225" },
+  { key: 4, href: "tel:+79993228086", text: "+79993228086" },
+];
+
+mails.map((mail) => {
+  mailsArea.innerHTML += `<a href="${mail.href}" class="mail">${mail.text}</a>`;
+});