updated for generations
This commit is contained in:
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
+4
-61
@@ -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">🔍</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>
|
||||
|
||||
+68
@@ -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>`;
|
||||
});
|
||||
+21
@@ -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>`;
|
||||
});
|
||||
Reference in New Issue
Block a user