100 lines
3.8 KiB
HTML
100 lines
3.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>FJLA Gateway</title>
|
|
<meta charset="UTF-8"/>
|
|
<meta name="description" content="FJLA Gateway"/>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<link rel="stylesheet" type="text/css" href="./stylesheets/fonts.css"/>
|
|
<link rel="stylesheet" type="text/css" href="./stylesheets/style.css"/>
|
|
<script src="./scripts/iconactions.js"></script>
|
|
</head>
|
|
<body>
|
|
<h1 class="pagetitle">FJLA Gateway</h1>
|
|
<h2 Class="pagesubtitle">All Services</h2>
|
|
<div class="gatecontainer">
|
|
<div onclick="gotoNextcloud()" class="gateicon">
|
|
<img class="gateimage" src="./assets/gate-logos/nextcloud-normal.webp"/>
|
|
<div class="icontext">
|
|
<h1 class="gatetitle">Nextcloud</h1>
|
|
<h2 class="gatesubtitle">Personal Cloud</h2>
|
|
</div>
|
|
</div>
|
|
<div onclick="gotoHomeAssistant()" class="gateicon">
|
|
<img class="gateimage" src="./assets/gate-logos/home-assistant-normal.webp"/>
|
|
<div class="icontext">
|
|
<h1 class="gatetitle">Home Assistant</h1>
|
|
<h2 class="gatesubtitle">Smart Home</h2>
|
|
</div>
|
|
</div>
|
|
<div onclick="gotoJellyfin()" class="gateicon">
|
|
<img class="gateimage" src="./assets/gate-logos/jellyfin-normal.webp"/>
|
|
<div class="icontext">
|
|
<h1 class="gatetitle">Jellyfin</h1>
|
|
<h2 class="gatesubtitle">Video Streaming</h2>
|
|
</div>
|
|
</div>
|
|
<div onclick="gotoGallery()" class="gateicon">
|
|
<img class="gateimage" src="./assets/gate-logos/gallery-normal.webp"/>
|
|
<div class="icontext">
|
|
<h1 class="gatetitle">Gallery</h1>
|
|
<h2 class="gatesubtitle">Family Photos</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="gatecontainer">
|
|
<div onclick="gotoProxmox()" class="gateicon">
|
|
<img class="gateimage" src="./assets/gate-logos/proxmox-normal.webp"/>
|
|
<div class="icontext">
|
|
<h1 class="gatetitle">Proxmox</h1>
|
|
<h2 class="gatesubtitle">Virtualisation</h2>
|
|
</div>
|
|
</div>
|
|
<div onclick="gotoOmada()" class="gateicon">
|
|
<img class="gateimage" src="./assets/gate-logos/tplink-normal.webp"/>
|
|
<div class="icontext">
|
|
<h1 class="gatetitle">Omada</h1>
|
|
<h2 class="gatesubtitle">Wireless Network</h2>
|
|
</div>
|
|
</div>
|
|
<div onclick="gotoGateway()" class="gateicon">
|
|
<img class="gateimage" src="./assets/gate-logos/back-normal.webp"/>
|
|
<div class="icontext">
|
|
<h1 class="gatetitle">Back</h1>
|
|
<h2 class="gatesubtitle">Go to Home</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="gatecontainer">
|
|
<div onclick="gotoMail()" class="gateicon">
|
|
<img class="gateimage" src="./assets/gate-logos/mail-normal.webp">
|
|
<div class="icontext">
|
|
<h1 class="gatetitle">Webmail</h1>
|
|
<h2 class="gatesubtitle">Your email</h2>
|
|
</div>
|
|
</div>
|
|
<div onclick="gotoVoicemail()" class="gateicon">
|
|
<img class="gateimage" src="./assets/gate-logos/voicemail-normal.webp">
|
|
<div class="icontext">
|
|
<h1 class="gatetitle">Voicemail</h1>
|
|
<h2 class="gatesubtitle">FreePBX UCP</h2>
|
|
</div>
|
|
</div>
|
|
<div onclick="gotoAccount()" class="gateicon">
|
|
<img class="gateimage" src="./assets/gate-logos/account-normal.webp">
|
|
<div class="icontext">
|
|
<h1 class="gatetitle">Account</h1>
|
|
<h2 class="gatesubtitle">Your Settings</h2>
|
|
</div>
|
|
</div>
|
|
<div onclick="gotoHelp()" class="gateicon">
|
|
<img class="gateimage" src="./assets/gate-logos/lifebuoy-normal.webp">
|
|
<div class="icontext">
|
|
<h1 class="gatetitle">Help</h1>
|
|
<h2 class="gatesubtitle">Tell me more</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|