109 lines
3.5 KiB
HTML
109 lines
3.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<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>
|
|
<a hidden href="./faults.html"><h2 class="pagesubtitle errornote">Active Fault</h2></a>
|
|
|
|
<form action="https://duckduckgo.com/">
|
|
<input class="searchentry" type="text" id="search" name="q" autocomplete="on" placeholder="Search DuckDuckGo" autofocus>
|
|
</form>
|
|
<br>
|
|
|
|
<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="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="gotoAll()" class="gateicon">
|
|
<img class="gateimage" src="./assets/gate-logos/question-normal.webp">
|
|
<div class="icontext">
|
|
<h1 class="gatetitle">Something Else</h1>
|
|
<h2 class="gatesubtitle">Full list of services</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>
|