mirza/Homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: mirza:master
Branches Tags
mirza:master mirza:intranet
...
pull from: mirza:intranet
Branches Tags
mirza:intranet mirza:master

7 Commits
master ... intranet

Author SHA1 Message Date
mirza
183ccfcbe2 The services are now logically organized while maintaining the clean visual layout 2025-07-16 14:27:42 +02:00
mirza
aaed2d21d4 Update intranet homepage with all external services 2025-07-12 21:41:19 +02:00
mirza
316f017a6a add code server to intranet homapge 2025-07-12 17:54:56 +02:00
mirza
37f0db4b39 corrected url 2025-07-11 22:50:08 +02:00
mirza
97716b1e6f added authentik url 2025-07-11 22:47:42 +02:00
mirza
91b0afde23 Add pgAdmin link to homepage 2025-07-10 17:00:18 +02:00
mirza
2d16f89b13 Update homepage with AdGuard and Omada links 2025-07-10 14:52:18 +02:00
1 changed files with 131 additions and 98 deletions
Expand all files Collapse all files

229
index.html
View File

@@ -4,7 +4,7 @@
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>ChangeMe.com - My tagline here</title>
<title>Intranet - Local Services</title>
<meta content="" name="descriptions">
<meta content="" name="keywords">
@@ -32,7 +32,7 @@
<!-- ======= Header ======= -->
<header id="header" class="fixed-top ">
<div class="container d-flex align-items-center justify-content-between">
<h1 class="logo"><a href="index.html">ChangeMe<span>.</span>com</a></h1>
<h1 class="logo"><a href="index.html">Intranet<span>.</span>local</a></h1>
<!-- Uncomment below if you prefer to use an image logo, don't forget to comment out the line above! -->
<!-- <a href="index.html" class="logo"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>-->
@@ -63,7 +63,7 @@
<div class="row justify-content-center" data-aos="fade-up" data-aos-delay="150">
<div class="col-xl-6 col-lg-8">
<h1>Welcome!</h1>
<h2>A place to go for all your services.</h2>
<h2>Your local network services portal.</h2>
<h2>Enjoy! Edit and modify to your hearts content.</h2>
<h2>Thank you for your interest in this project!</h2>
</div>
@@ -71,172 +71,205 @@
<div class="row mt-5 justify-content-center" data-aos="fade-up" data-aos-delay="800">
<!-- === INFRASTRUCTURE & SECURITY === -->
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-tv-line"></i>
<h3><a href="#">Option 1</a></h3>
<i class="ri-shield-check-line"></i>
<h3><a href="http://adguard.local">AdGuard Home</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-government-line"></i>
<h3><a href="#">Option 2</a></h3>
<i class="ri-wifi-line"></i>
<h3><a href="http://omada.local">Omada Controller</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-bar-chart-grouped-line"></i>
<h3><a href="#">Option 3</a></h3>
<i class="ri-login-box-fill"></i>
<h3><a href="https://auth.hasanbasic.dk">Authentik</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-git-pull-request-fill"></i>
<h3><a href="#">Option 4</a></h3>
<i class="ri-storage-line"></i>
<h3><a href="http://longhorn.local">Longhorn</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-hand-heart-fill"></i>
<h3><a href="#">Option 5</a></h3>
<i class="ri-dashboard-line"></i>
<h3><a href="http://rancher.local">Rancher</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-footprint-line"></i>
<h3><a href="#">Option 6</a></h3>
<i class="ri-server-line"></i>
<h3><a href="http://nas.local">Synology NAS</a></h3>
</div>
</div>
<!-- === DEVELOPMENT & TOOLS === -->
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-book-open-line"></i>
<h3><a href="#">Option 7</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-gps-fill"></i>
<h3><a href="#">Option 8</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-radar-line"></i>
<h3><a href="#">Option 9</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-pulse-line"></i>
<h3><a href="#">Option 10</a></h3>
<i class="ri-code-s-slash-line"></i>
<h3><a href="https://code.mirzahasanbasic.dk">Code Server</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-git-repository-line"></i>
<h3><a href="#">Option 11</a></h3>
<h3><a href="https://git.mirzahasanbasic.dk">Gitea</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-database-2-line"></i>
<h3><a href="http://pgadmin.local">pgAdmin</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="bx bxl-docker"></i>
<h3><a href="http://portainer.local">Portainer</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-database-line"></i>
<h3><a href="http://minio.local">MinIO</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-bar-chart-grouped-line"></i>
<h3><a href="https://histogram.hasanbasic.dk">Histogram</a></h3>
</div>
</div>
<!-- === MEDIA STREAMING === -->
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-film-line"></i>
<h3><a href="https://plex.mirzahasanbasic.dk">Plex</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-movie-2-line"></i>
<h3><a href="https://overseer.hasanbasic.dk">Overseerr</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-image-line"></i>
<h3><a href="https://immich.hasanbasic.dk">Immich</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-hand-heart-fill"></i>
<h3><a href="http://ombi.local">Ombi</a></h3>
</div>
</div>
<!-- === MEDIA AUTOMATION === -->
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-tv-line"></i>
<h3><a href="http://sonarr.local">Sonarr</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-movie-line"></i>
<h3><a href="http://radarr.local">Radarr</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-search-line"></i>
<h3><a href="http://prowlarr.local">Prowlarr</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-music-line"></i>
<h3><a href="http://lidarr.local">Lidarr</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-book-read-line"></i>
<h3><a href="#">Option 12</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-spy-line"></i>
<h3><a href="#">Option 13</a></h3>
<h3><a href="http://readarr.local">Readarr</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-archive-drawer-line"></i>
<h3><a href="#">Option 14</a></h3>
<i class="ri-translate"></i>
<h3><a href="http://bazarr.local">Bazarr</a></h3>
</div>
</div>
<!-- === TESLA SERVICES === -->
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-car-line"></i>
<h3><a href="http://teslamate.local">TeslaMate</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-attachment-line"></i>
<h3><a href="#">Option 15</a></h3>
<i class="ri-line-chart-line"></i>
<h3><a href="http://tesla-grafana.local">Tesla Charts</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-database-line"></i>
<h3><a href="http://tesla-pgadmin.local">Tesla DB</a></h3>
</div>
</div>
<!-- === UTILITIES === -->
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-file-pdf-2-line"></i>
<h3><a href="#">Option 16</a></h3>
<h3><a href="http://stirling-pdf.local">PDF Tools</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="bx bx-landscape"></i>
<h3><a href="#">Option 17</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-zcool-line"></i>
<h3><a href="#">Option 18</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-armchair-line"></i>
<h3><a href="#">Option 19</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-shirt-line"></i>
<h3><a href="#">Option 20</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-pie-chart-line"></i>
<h3><a href="#">Option 21</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-git-merge-line"></i>
<h3><a href="#">Option 22</a></h3>
</div>
</div>
<!-- ======= This box pulls it's image from Boxicons.com - Not from Remixicon.com like the others ======= -->
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="bx bxl-docker"></i>
<h3><a href="#">Option 23</a></h3>
<i class="ri-book-line"></i>
<h3><a href="https://bookstack.hasanbasic.dk">BookStack</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-terminal-fill"></i>
<h3><a href="#">Option 24</a></h3>
<h3><a href="#">Available</a></h3>
</div>
</div>