kelin/Homelab-new-tab-page
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added nav link bar

Browse Source
This commit is contained in:
kelinfoxy
2026-05-09 19:04:08 -04:00
parent 351314bc1b
commit 40b04b7715
1 changed files with 64 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
index.html
View File

@@ -213,7 +213,7 @@
font-size: 3rem; font-size: 3rem;
letter-spacing: 0.2px; letter-spacing: 0.2px;
font-weight: 300; font-weight: 300;
height: 100px; height: 70px;
} }
.fav-icon { .fav-icon {
width: 60px; width: 60px;
@@ -368,6 +368,38 @@
background: radial-gradient(1200px 500px at 10% -10%, #143365 0%, transparent 60%), background: radial-gradient(1200px 500px at 10% -10%, #143365 0%, transparent 60%),
radial-gradient(900px 500px at 25% 5%, #323667 0%, transparent 10%), #091321; radial-gradient(900px 500px at 25% 5%, #323667 0%, transparent 10%), #091321;
} }
.button-row {
display: inline-block;
background: #143365;
height: 40px;
width: 100%;
vertical-align: middle;
margin: 0px 0px 10px 0px;
white-space: nowrap;
}
.nav-button img {
padding: 0px;
margin: 3px 10px 0px 0px;
display: inline-block;
width: 37px;
height: 37px;
vertical-align: middle;
}
.nav-button {
display: inline-block;
margin: 0px 0px 5px 20px;
padding: 0px 0px 0px 0px;
width: fit-content;
font-size: 1.2rem;
vertical-align: middle;
}
.nav-button-text {
display: inline-block;
color: var(--text);
font-weight: 600;
vertical-align: middle;
}
</style> </style>
</head> </head>
<body> <body>
@@ -381,11 +413,40 @@
<div class="header-button"><a href="https://ha.kelinreij.duckdns.org">Home Assistant</a></div> <div class="header-button"><a href="https://ha.kelinreij.duckdns.org">Home Assistant</a></div>
<div class="header-button"><a href="https://cameras.kelinreij.duckdns.org">Cameras</a></div> <div class="header-button"><a href="https://cameras.kelinreij.duckdns.org">Cameras</a></div>
</div> </div>
</div> </div>
</div> </div>
<hr>
<div class="button-row">
<div class="nav-button">
<a href="https://jellyfin.kelinreij.duckdns.org" target="_blank" rel="noopener">
<img src="https://icons.kelinreij.duckdns.org/jellyfin.svg"><div class="nav-button-text">Watch</div></a>
</div>
<div class="nav-button">
<a href="https://jellyseerr.kelinreij.duckdns.org" target="_blank" rel="noopener">
<img src="https://icons.kelinreij.duckdns.org/jellyseerr.svg"><div class="nav-button-text">Request</div></a>
</div>
<div class="nav-button">
<a href="https://books.kelinreij.duckdns.org" target="_blank" rel="noopener">
<img src="https://icons.kelinreij.duckdns.org/calibre-web.svg"><div class="nav-button-text">Read</div></a>
</div>
<div class="nav-button">
<a href="https://mealie.kelinreij.duckdns.org" target="_blank" rel="noopener">
<img src="https://icons.kelinreij.duckdns.org/mealie.svg"><div class="nav-button-text">Recipes</div></a>
</div>
<div class="nav-button">
<a href="https://vault.kelinreij.duckdns.org" target="_blank" rel="noopener">
<img src="https://icons.kelinreij.duckdns.org/vaultwarden.svg"><div class="nav-button-text">Passwords</div></a>
</div>
<div class="nav-button">
<a href="https://linkwarden.kelinreij.duckdns.org" target="_blank" rel="noopener">
<img src="https://icons.kelinreij.duckdns.org/linkwarden.svg"><div class="nav-button-text">Bookmarks</div></a>
</div>
</div>
</div>
<div class="wrap"> <div class="wrap">
<hr>
<!-- Services Section --> <!-- Services Section -->
<div class="tables"> <div class="tables">