diff --git a/LICENSE b/LICENSE index d5075a3..b7c1b58 100644 --- a/LICENSE +++ b/LICENSE @@ -1,3 +1,7 @@ +THIS LICENSE EXCLUDES ALL FILES IN THE 'fonts' AND 'assets' FOLDERS. +THE CONTENTS OF THESE FOLDERS ARE LOCAL COPIES OF WORKS OBTAINED FROM +ELSEWHERE AND THEIR LICENSES WILL VARY. + Permission is hereby granted, without written agreement and without license or royalty fees, to use, copy, modify, and distribute this software and its documentation for any purpose, provided that the diff --git a/all.html b/all.html new file mode 100644 index 0000000..1f331f4 --- /dev/null +++ b/all.html @@ -0,0 +1,145 @@ + + + + + FJLA Gateway + + + + + + + + + + + + +

FJLA Gateway

+

All Services

+ +
+
+ +
+

Ampache

+

Music Streaming

+
+
+ +
+ +
+

Nextcloud

+

Personal Cloud

+
+
+ +
+ +
+

Home Assistant

+

Smart Home

+
+
+ +
+ +
+

Jellyfin

+

Video Streaming

+
+
+ +
+ +
+

Gallery

+

Family Photos

+
+
+ +
+ +
+
+ +
+

Proxmox

+

Virtualisation

+
+
+ +
+ +
+

CUPS

+

Print Server

+
+
+ +
+ +
+

Omada

+

Wireless Network

+
+
+ + + +
+ +
+

Back

+

Go to Home

+
+
+ +
+ +
+ +
+ +
+

Webmail

+

Your email

+
+
+ +
+ +
+

Voicemail

+

FreePBX UCP

+
+
+ + +
+ +
+

Account

+

Your Settings

+
+
+ +
+ +
+

Help

+

Tell me more

+
+
+ +
+ + + diff --git a/assets/bg-img/jellyfish-l.webp b/assets/bg-img/jellyfish-l.webp new file mode 100644 index 0000000..3f8bd61 Binary files /dev/null and b/assets/bg-img/jellyfish-l.webp differ diff --git a/assets/bg-img/jellyfish-m.webp b/assets/bg-img/jellyfish-m.webp new file mode 100644 index 0000000..4e7f93b Binary files /dev/null and b/assets/bg-img/jellyfish-m.webp differ diff --git a/assets/bg-img/jellyfish-portrait-l.webp b/assets/bg-img/jellyfish-portrait-l.webp new file mode 100644 index 0000000..2455d8c Binary files /dev/null and b/assets/bg-img/jellyfish-portrait-l.webp differ diff --git a/assets/bg-img/jellyfish-xl.webp b/assets/bg-img/jellyfish-xl.webp new file mode 100644 index 0000000..b78f805 Binary files /dev/null and b/assets/bg-img/jellyfish-xl.webp differ diff --git a/assets/gate-logos/account-normal.jxl b/assets/gate-logos/account-normal.jxl new file mode 100644 index 0000000..36cdbcc Binary files /dev/null and b/assets/gate-logos/account-normal.jxl differ diff --git a/assets/gate-logos/account-normal.png b/assets/gate-logos/account-normal.png new file mode 100644 index 0000000..6b31f13 Binary files /dev/null and b/assets/gate-logos/account-normal.png differ diff --git a/assets/gate-logos/account-normal.webp b/assets/gate-logos/account-normal.webp new file mode 100644 index 0000000..85ea67f Binary files /dev/null and b/assets/gate-logos/account-normal.webp differ diff --git a/assets/gate-logos/ampache-normal.jxl b/assets/gate-logos/ampache-normal.jxl new file mode 100644 index 0000000..747d798 Binary files /dev/null and b/assets/gate-logos/ampache-normal.jxl differ diff --git a/assets/gate-logos/ampache-normal.png b/assets/gate-logos/ampache-normal.png new file mode 100644 index 0000000..fab58b4 Binary files /dev/null and b/assets/gate-logos/ampache-normal.png differ diff --git a/assets/gate-logos/ampache-normal.webp b/assets/gate-logos/ampache-normal.webp new file mode 100644 index 0000000..48dae24 Binary files /dev/null and b/assets/gate-logos/ampache-normal.webp differ diff --git a/assets/gate-logos/back-normal.jxl b/assets/gate-logos/back-normal.jxl new file mode 100644 index 0000000..d159dc2 Binary files /dev/null and b/assets/gate-logos/back-normal.jxl differ diff --git a/assets/gate-logos/back-normal.png b/assets/gate-logos/back-normal.png new file mode 100644 index 0000000..1368f44 Binary files /dev/null and b/assets/gate-logos/back-normal.png differ diff --git a/assets/gate-logos/back-normal.webp b/assets/gate-logos/back-normal.webp new file mode 100644 index 0000000..3ac2763 Binary files /dev/null and b/assets/gate-logos/back-normal.webp differ diff --git a/assets/gate-logos/cups-normal.jxl b/assets/gate-logos/cups-normal.jxl new file mode 100644 index 0000000..80f7888 Binary files /dev/null and b/assets/gate-logos/cups-normal.jxl differ diff --git a/assets/gate-logos/cups-normal.png b/assets/gate-logos/cups-normal.png new file mode 100644 index 0000000..0f5394b Binary files /dev/null and b/assets/gate-logos/cups-normal.png differ diff --git a/assets/gate-logos/cups-normal.webp b/assets/gate-logos/cups-normal.webp new file mode 100644 index 0000000..1facb3b Binary files /dev/null and b/assets/gate-logos/cups-normal.webp differ diff --git a/assets/gate-logos/gallery-normal.jxl b/assets/gate-logos/gallery-normal.jxl new file mode 100644 index 0000000..a2b2185 Binary files /dev/null and b/assets/gate-logos/gallery-normal.jxl differ diff --git a/assets/gate-logos/gallery-normal.png b/assets/gate-logos/gallery-normal.png new file mode 100644 index 0000000..193cdfc Binary files /dev/null and b/assets/gate-logos/gallery-normal.png differ diff --git a/assets/gate-logos/gallery-normal.webp b/assets/gate-logos/gallery-normal.webp new file mode 100644 index 0000000..daf97f3 Binary files /dev/null and b/assets/gate-logos/gallery-normal.webp differ diff --git a/assets/gate-logos/gallery.svg b/assets/gate-logos/gallery.svg new file mode 100644 index 0000000..01a9dd1 --- /dev/null +++ b/assets/gate-logos/gallery.svg @@ -0,0 +1,21 @@ + + +Logo of piwigo.org + + + image/svg+xml + + https://github.com/Piwigo/Piwigo-logos + Jimmy + Piwigo contributors + 2008 + GPLv2 + + + + + + + + + diff --git a/assets/gate-logos/home-assistant-normal.jxl b/assets/gate-logos/home-assistant-normal.jxl new file mode 100644 index 0000000..e5cace4 Binary files /dev/null and b/assets/gate-logos/home-assistant-normal.jxl differ diff --git a/assets/gate-logos/home-assistant-normal.png b/assets/gate-logos/home-assistant-normal.png new file mode 100644 index 0000000..e683eae Binary files /dev/null and b/assets/gate-logos/home-assistant-normal.png differ diff --git a/assets/gate-logos/home-assistant-normal.webp b/assets/gate-logos/home-assistant-normal.webp new file mode 100644 index 0000000..faa2a09 Binary files /dev/null and b/assets/gate-logos/home-assistant-normal.webp differ diff --git a/assets/gate-logos/jellyfin-normal.jxl b/assets/gate-logos/jellyfin-normal.jxl new file mode 100644 index 0000000..56e6736 Binary files /dev/null and b/assets/gate-logos/jellyfin-normal.jxl differ diff --git a/assets/gate-logos/jellyfin-normal.png b/assets/gate-logos/jellyfin-normal.png new file mode 100644 index 0000000..efa50f3 Binary files /dev/null and b/assets/gate-logos/jellyfin-normal.png differ diff --git a/assets/gate-logos/jellyfin-normal.webp b/assets/gate-logos/jellyfin-normal.webp new file mode 100644 index 0000000..0ce1c23 Binary files /dev/null and b/assets/gate-logos/jellyfin-normal.webp differ diff --git a/assets/gate-logos/jellyfin.svg b/assets/gate-logos/jellyfin.svg new file mode 100644 index 0000000..d4d7f01 --- /dev/null +++ b/assets/gate-logos/jellyfin.svg @@ -0,0 +1,24 @@ + + + + + + + + + + icon-transparent + + + + + diff --git a/assets/gate-logos/lifebuoy-normal.jxl b/assets/gate-logos/lifebuoy-normal.jxl new file mode 100644 index 0000000..c96095e Binary files /dev/null and b/assets/gate-logos/lifebuoy-normal.jxl differ diff --git a/assets/gate-logos/lifebuoy-normal.png b/assets/gate-logos/lifebuoy-normal.png new file mode 100644 index 0000000..b99315d Binary files /dev/null and b/assets/gate-logos/lifebuoy-normal.png differ diff --git a/assets/gate-logos/lifebuoy-normal.webp b/assets/gate-logos/lifebuoy-normal.webp new file mode 100644 index 0000000..74ed4e1 Binary files /dev/null and b/assets/gate-logos/lifebuoy-normal.webp differ diff --git a/assets/gate-logos/mail-normal.jxl b/assets/gate-logos/mail-normal.jxl new file mode 100644 index 0000000..dc80832 Binary files /dev/null and b/assets/gate-logos/mail-normal.jxl differ diff --git a/assets/gate-logos/mail-normal.png b/assets/gate-logos/mail-normal.png new file mode 100644 index 0000000..34d48ab Binary files /dev/null and b/assets/gate-logos/mail-normal.png differ diff --git a/assets/gate-logos/mail-normal.webp b/assets/gate-logos/mail-normal.webp new file mode 100644 index 0000000..8243f41 Binary files /dev/null and b/assets/gate-logos/mail-normal.webp differ diff --git a/assets/gate-logos/nextcloud-normal.jxl b/assets/gate-logos/nextcloud-normal.jxl new file mode 100644 index 0000000..df6070e Binary files /dev/null and b/assets/gate-logos/nextcloud-normal.jxl differ diff --git a/assets/gate-logos/nextcloud-normal.png b/assets/gate-logos/nextcloud-normal.png new file mode 100644 index 0000000..f0c1b17 Binary files /dev/null and b/assets/gate-logos/nextcloud-normal.png differ diff --git a/assets/gate-logos/nextcloud-normal.webp b/assets/gate-logos/nextcloud-normal.webp new file mode 100644 index 0000000..d2c6534 Binary files /dev/null and b/assets/gate-logos/nextcloud-normal.webp differ diff --git a/assets/gate-logos/proxmox-normal.jxl b/assets/gate-logos/proxmox-normal.jxl new file mode 100644 index 0000000..f781f19 Binary files /dev/null and b/assets/gate-logos/proxmox-normal.jxl differ diff --git a/assets/gate-logos/proxmox-normal.png b/assets/gate-logos/proxmox-normal.png new file mode 100644 index 0000000..03f1295 Binary files /dev/null and b/assets/gate-logos/proxmox-normal.png differ diff --git a/assets/gate-logos/proxmox-normal.webp b/assets/gate-logos/proxmox-normal.webp new file mode 100644 index 0000000..33bf438 Binary files /dev/null and b/assets/gate-logos/proxmox-normal.webp differ diff --git a/assets/gate-logos/question-normal.jxl b/assets/gate-logos/question-normal.jxl new file mode 100644 index 0000000..6f063f3 Binary files /dev/null and b/assets/gate-logos/question-normal.jxl differ diff --git a/assets/gate-logos/question-normal.png b/assets/gate-logos/question-normal.png new file mode 100644 index 0000000..39a5e19 Binary files /dev/null and b/assets/gate-logos/question-normal.png differ diff --git a/assets/gate-logos/question-normal.webp b/assets/gate-logos/question-normal.webp new file mode 100644 index 0000000..de7b129 Binary files /dev/null and b/assets/gate-logos/question-normal.webp differ diff --git a/assets/gate-logos/tplink-normal.jxl b/assets/gate-logos/tplink-normal.jxl new file mode 100644 index 0000000..8c8f3cd Binary files /dev/null and b/assets/gate-logos/tplink-normal.jxl differ diff --git a/assets/gate-logos/tplink-normal.png b/assets/gate-logos/tplink-normal.png new file mode 100644 index 0000000..49e43fc Binary files /dev/null and b/assets/gate-logos/tplink-normal.png differ diff --git a/assets/gate-logos/tplink-normal.webp b/assets/gate-logos/tplink-normal.webp new file mode 100644 index 0000000..63402fc Binary files /dev/null and b/assets/gate-logos/tplink-normal.webp differ diff --git a/assets/gate-logos/voicemail-normal.jxl b/assets/gate-logos/voicemail-normal.jxl new file mode 100644 index 0000000..021091e Binary files /dev/null and b/assets/gate-logos/voicemail-normal.jxl differ diff --git a/assets/gate-logos/voicemail-normal.png b/assets/gate-logos/voicemail-normal.png new file mode 100644 index 0000000..5877088 Binary files /dev/null and b/assets/gate-logos/voicemail-normal.png differ diff --git a/assets/gate-logos/voicemail-normal.webp b/assets/gate-logos/voicemail-normal.webp new file mode 100644 index 0000000..d5ff994 Binary files /dev/null and b/assets/gate-logos/voicemail-normal.webp differ diff --git a/assets/icons/account-cog.svg b/assets/icons/account-cog.svg new file mode 100644 index 0000000..ffe3778 --- /dev/null +++ b/assets/icons/account-cog.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/search-icons/duckduckgo-s.webp b/assets/search-icons/duckduckgo-s.webp new file mode 100644 index 0000000..c39f7fe Binary files /dev/null and b/assets/search-icons/duckduckgo-s.webp differ diff --git a/faults.html b/faults.html new file mode 100644 index 0000000..6c36241 --- /dev/null +++ b/faults.html @@ -0,0 +1,41 @@ + + + + + FJLA Gateway + + + + + + + + + + + + +

FJLA Gateway

+

Faults

+ +
+ +
+
+

DNS Fault

+

+ 16/07/22, 09:00 +
+
+ A DNS Fault is causing issues when accessing services from the local network and from VPN devices. + There is no issue connecting to services from the internet and remote locations. +
+
+ Resolved: 16/06/22, 19:23 +
+ There may be a delay before the fix works on all devices due to propagation times. +

+
+
+ +
diff --git a/fonts/museomoderno-v20-latin-200.eot b/fonts/museomoderno-v20-latin-200.eot new file mode 100644 index 0000000..9acd8a4 Binary files /dev/null and b/fonts/museomoderno-v20-latin-200.eot differ diff --git a/fonts/museomoderno-v20-latin-200.svg b/fonts/museomoderno-v20-latin-200.svg new file mode 100644 index 0000000..2578aaf --- /dev/null +++ b/fonts/museomoderno-v20-latin-200.svg @@ -0,0 +1,335 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/museomoderno-v20-latin-200.ttf b/fonts/museomoderno-v20-latin-200.ttf new file mode 100644 index 0000000..1e3518e Binary files /dev/null and b/fonts/museomoderno-v20-latin-200.ttf differ diff --git a/fonts/museomoderno-v20-latin-200.woff b/fonts/museomoderno-v20-latin-200.woff new file mode 100644 index 0000000..b76a023 Binary files /dev/null and b/fonts/museomoderno-v20-latin-200.woff differ diff --git a/fonts/museomoderno-v20-latin-200.woff2 b/fonts/museomoderno-v20-latin-200.woff2 new file mode 100644 index 0000000..f676818 Binary files /dev/null and b/fonts/museomoderno-v20-latin-200.woff2 differ diff --git a/fonts/museomoderno-v20-latin-600.eot b/fonts/museomoderno-v20-latin-600.eot new file mode 100644 index 0000000..d5883fa Binary files /dev/null and b/fonts/museomoderno-v20-latin-600.eot differ diff --git a/fonts/museomoderno-v20-latin-600.svg b/fonts/museomoderno-v20-latin-600.svg new file mode 100644 index 0000000..34d93f0 --- /dev/null +++ b/fonts/museomoderno-v20-latin-600.svg @@ -0,0 +1,337 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/museomoderno-v20-latin-600.ttf b/fonts/museomoderno-v20-latin-600.ttf new file mode 100644 index 0000000..f08e51c Binary files /dev/null and b/fonts/museomoderno-v20-latin-600.ttf differ diff --git a/fonts/museomoderno-v20-latin-600.woff b/fonts/museomoderno-v20-latin-600.woff new file mode 100644 index 0000000..b304043 Binary files /dev/null and b/fonts/museomoderno-v20-latin-600.woff differ diff --git a/fonts/museomoderno-v20-latin-600.woff2 b/fonts/museomoderno-v20-latin-600.woff2 new file mode 100644 index 0000000..aae164f Binary files /dev/null and b/fonts/museomoderno-v20-latin-600.woff2 differ diff --git a/fonts/museomoderno-v20-latin-800.eot b/fonts/museomoderno-v20-latin-800.eot new file mode 100644 index 0000000..01c8b8a Binary files /dev/null and b/fonts/museomoderno-v20-latin-800.eot differ diff --git a/fonts/museomoderno-v20-latin-800.svg b/fonts/museomoderno-v20-latin-800.svg new file mode 100644 index 0000000..de322e2 --- /dev/null +++ b/fonts/museomoderno-v20-latin-800.svg @@ -0,0 +1,337 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/museomoderno-v20-latin-800.ttf b/fonts/museomoderno-v20-latin-800.ttf new file mode 100644 index 0000000..efdc05b Binary files /dev/null and b/fonts/museomoderno-v20-latin-800.ttf differ diff --git a/fonts/museomoderno-v20-latin-800.woff b/fonts/museomoderno-v20-latin-800.woff new file mode 100644 index 0000000..ff435d7 Binary files /dev/null and b/fonts/museomoderno-v20-latin-800.woff differ diff --git a/fonts/museomoderno-v20-latin-800.woff2 b/fonts/museomoderno-v20-latin-800.woff2 new file mode 100644 index 0000000..e9cafb6 Binary files /dev/null and b/fonts/museomoderno-v20-latin-800.woff2 differ diff --git a/fonts/museomoderno-v20-latin-regular.eot b/fonts/museomoderno-v20-latin-regular.eot new file mode 100644 index 0000000..9de2cb9 Binary files /dev/null and b/fonts/museomoderno-v20-latin-regular.eot differ diff --git a/fonts/museomoderno-v20-latin-regular.svg b/fonts/museomoderno-v20-latin-regular.svg new file mode 100644 index 0000000..aa599c7 --- /dev/null +++ b/fonts/museomoderno-v20-latin-regular.svg @@ -0,0 +1,336 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/museomoderno-v20-latin-regular.ttf b/fonts/museomoderno-v20-latin-regular.ttf new file mode 100644 index 0000000..c579bd0 Binary files /dev/null and b/fonts/museomoderno-v20-latin-regular.ttf differ diff --git a/fonts/museomoderno-v20-latin-regular.woff b/fonts/museomoderno-v20-latin-regular.woff new file mode 100644 index 0000000..34023bb Binary files /dev/null and b/fonts/museomoderno-v20-latin-regular.woff differ diff --git a/fonts/museomoderno-v20-latin-regular.woff2 b/fonts/museomoderno-v20-latin-regular.woff2 new file mode 100644 index 0000000..e426ebb Binary files /dev/null and b/fonts/museomoderno-v20-latin-regular.woff2 differ diff --git a/help.html b/help.html new file mode 100644 index 0000000..b8826bd --- /dev/null +++ b/help.html @@ -0,0 +1,21 @@ + + + + + FJLA Gateway + + + + + + + + + + + + +

FJLA Gateway

+

Help

+ + diff --git a/index.html b/index.html new file mode 100644 index 0000000..85c669e --- /dev/null +++ b/index.html @@ -0,0 +1,115 @@ + + + + + FJLA Gateway + + + + + + + + + + + + +

FJLA Gateway

+ + +
+ +
+
+ +
+
+ +
+

Ampache

+

Music Streaming

+
+
+ +
+ +
+

Nextcloud

+

Personal Cloud

+
+
+ +
+ +
+

Home Assistant

+

Smart Home

+
+
+ +
+ +
+

Jellyfin

+

Video Streaming

+
+
+ +
+ +
+

Gallery

+

Family Photos

+
+
+ +
+ + +
+ +
+ +
+

Webmail

+

Your email

+
+
+ +
+ +
+

Voicemail

+

FreePBX UCP

+
+
+ +
+ +
+

Something Else

+

Full list of services

+
+
+ +
+ +
+

Account

+

Your Settings

+
+
+ +
+ +
+

Help

+

Tell me more

+
+
+ +
+ + + diff --git a/scripts/iconactions.js b/scripts/iconactions.js new file mode 100644 index 0000000..732d0a0 --- /dev/null +++ b/scripts/iconactions.js @@ -0,0 +1,55 @@ +function gotoGateway() { + window.location = ("./") +} + +function gotoAmpache() { + window.location = ("https://music.fjla.uk") +} + +function gotoNextcloud() { + window.location = ("https://cloud.fjla.uk") +} + +function gotoHomeAssistant() { + window.location = ("https://ha.fjla.uk") +} + +function gotoJellyfin() { + window.location = ("https://media.fjla.uk") +} + +function gotoGallery() { + window.location = ("https://gallery.fjla.uk") +} + +function gotoAccount() { + window.location = ("https://ipa0422.idm.fjla.uk") +} + +function gotoHelp() { + window.location = ("https://fds.fjla.uk") +} + +function gotoAll() { + window.location = ("./all.html") +} + +function gotoMail() { + window.location = ("https://mx1.fb-infra.uk/mail") +} + +function gotoVoicemail() { + window.location = ("https://pbx.fjla.uk") +} + +function gotoProxmox() { + window.location = ("https://pve0620.fjla.uk:8006") +} + +function gotoCUPS() { + window.location = ("https://print.idm.fjla.uk:631/") +} + +function gotoOmada() { + window.lodacion = ("https://omada.idm.fjla.uk") +} diff --git a/stylesheets/fonts.css b/stylesheets/fonts.css new file mode 100644 index 0000000..516b704 --- /dev/null +++ b/stylesheets/fonts.css @@ -0,0 +1,55 @@ + /* museomoderno-200 - latin */ +@font-face { + font-family: 'MuseoModerno'; + font-style: normal; + font-weight: 200; + src: url('../fonts/museomoderno-v20-latin-200.eot'); /* IE9 Compat Modes */ + src: local(''), + url('../fonts/museomoderno-v20-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/museomoderno-v20-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/museomoderno-v20-latin-200.woff') format('woff'), /* Modern Browsers */ + url('../fonts/museomoderno-v20-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/museomoderno-v20-latin-200.svg#MuseoModerno') format('svg'); /* Legacy iOS */ +} + +/* museomoderno-regular - latin */ +@font-face { + font-family: 'MuseoModerno'; + font-style: normal; + font-weight: 400; + src: url('../fonts/museomoderno-v20-latin-regular.eot'); /* IE9 Compat Modes */ + src: local(''), + url('../fonts/museomoderno-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/museomoderno-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/museomoderno-v20-latin-regular.woff') format('woff'), /* Modern Browsers */ + url('../fonts/museomoderno-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/museomoderno-v20-latin-regular.svg#MuseoModerno') format('svg'); /* Legacy iOS */ +} + +/* museomoderno-600 - latin */ +@font-face { + font-family: 'MuseoModerno'; + font-style: normal; + font-weight: 600; + src: url('../fonts/museomoderno-v20-latin-600.eot'); /* IE9 Compat Modes */ + src: local(''), + url('../fonts/museomoderno-v20-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/museomoderno-v20-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/museomoderno-v20-latin-600.woff') format('woff'), /* Modern Browsers */ + url('../fonts/museomoderno-v20-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/museomoderno-v20-latin-600.svg#MuseoModerno') format('svg'); /* Legacy iOS */ +} + +/* museomoderno-800 - latin */ +@font-face { + font-family: 'MuseoModerno'; + font-style: normal; + font-weight: 800; + src: url('../fonts/museomoderno-v20-latin-800.eot'); /* IE9 Compat Modes */ + src: local(''), + url('../fonts/museomoderno-v20-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/museomoderno-v20-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/museomoderno-v20-latin-800.woff') format('woff'), /* Modern Browsers */ + url('../fonts/museomoderno-v20-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/museomoderno-v20-latin-800.svg#MuseoModerno') format('svg'); /* Legacy iOS */ +} diff --git a/stylesheets/style-old.css b/stylesheets/style-old.css new file mode 100644 index 0000000..cb8236a --- /dev/null +++ b/stylesheets/style-old.css @@ -0,0 +1,158 @@ +body { + background-image: url("../assets/bg-img/0001.webp"); + background-attachment: fixed; + background-repeat: no-repeat; + background-position: left top; + background-size: cover; +} + +form { + text-align: center; + margin: -10 5; +} + + +.pagetitle { + font-family: "MuseoModerno", "Arial Bold", "Arial", sans-serif; + font-weight: 400; + font-size: 6vw; + text-align: center; + padding-top: 40px; + transition: 0.5s; + color: ivory; + opacity: 0.8; +} + +.searchentry { + width: 40%; + height: 50px; + font-size: auto; + padding-left: 63px; + padding-right: 23px; + border-radius: 100px; + border: 1px solid darkgrey; + outline: none; + background-color: rgba(255,255,255,0.6); + transition: 0.2s; + background-image: url(../assets/search-icons/duckduckgo-s.webp); + background-position: 10px; + background-repeat: no-repeat; + background-size: 5%; +} + +.searchgo { + height: 50px; + font-size: auto; + border-radius: 100px; +} + +.searchentry:hover { + background-color: rgba(255,255,255,0.9) +} + +.searchentry:focus { + background-color: rgba(255,255,255,0.9) +} + +.gatecontainer { + display: flex; + position: relative; +} + +.gateicon { + flex: 1; + margin: 10px 10px; + position: relative; + width: 20%; + border: 0px; + border-radius: 60px; + padding: 10px 10px; + text-align: center; + color: ivory; + background-color: rgba(64,64,64,0.6); + transition: 0.4s; + height: 10%; +} + +.gateimage { + max-height: 50%; + max-width: 40%; +} + +.gatetitle { + color: white; + font-family: sans-serif; + margin-top: 0; + font-size: 2vw; +} + +.gatesubtitle { + color: lightgrey; + font-family: sans-serif; + font-size: 1.4vw; +} + +.gateicon:hover { + background-color: rgba(64,64,64,0.9); + cursor: pointer; +} + + +/* BREAKPOINTS */ +@media (max-width: 1024px) { + .pagetitle { + font-size: 8vw; + padding-top: 5px; + } + + .gatecontainer { + display: block; + width: 100%; + padding-top: 10px; + } + + .gateicon { + display: block; + margin: auto; + margin-top: 10px; + width: 80%; + padding: 10px 10px; + text-align: left; + } + + .gateimage { + max-height: 100%; + max-width: 10%; + position: relative; + } +} + +@media (max-width: 500px) { + .pagetitle { + font-size: 10vw; + } + + .searchentry { + width: 70%; + text-align: center; + } + + .searchgo { + width: 10%; + } +} + +@media (max-width: 430px) { + .searchentry { + margin: auto; + } + + .searchgo { + width: 50%; + margin: 10px; + } + + .gatecontainer { + display: none; + } +} diff --git a/stylesheets/style.css b/stylesheets/style.css new file mode 100644 index 0000000..1bff615 --- /dev/null +++ b/stylesheets/style.css @@ -0,0 +1,226 @@ +body { + background-color: #004284; + background-image: url("../assets/bg-img/jellyfish-portrait-l.webp"); + background-attachment: fixed; + background-repeat: no-repeat; + background-position: left top; + background-size: cover; +} + +.pagetitle { + font-family: "MuseoModerno", "Arial Bold", "Arial", sans-serif; + font-weight: 400; + font-size: 10vw; + text-align: center; + padding-top: 5px; + transition: 0.5s; + color: ivory; + opacity: 0.8; + margin-bottom: 4px; +} + +.errornote { + color: red !important; + font-size: 2vw !important; + margin-left: 40px; + margin-right: 40px; +} + +.pagesubtitle { + font-family: "MuseoModerno", "Arial Bold", "Arial", sans-serif; + font-weight: 200; + font-size: 7vw; + text-align: center; + transition: 0.5s; + color: ivory; + opacity: 0.8; + margin-top: 0px; +} + +form { + text-align: center; + margin: -10 5; +} + +.searchentry { + width: 60%; + height: 40px; + max-width: 900px; + font-size: auto; + padding-left: 43px; + padding-right: 23px; + border-radius: 100px; + border: 0px; + outline: none; + background-color: rgba(255,255,255,0.6); + transition: 0.2s; + background-image: url(../assets/search-icons/duckduckgo-s.webp); + background-position: 10px; + background-repeat: no-repeat; + background-size: 25px; +} + +.searchgo { + display: none; +} + +.searchentry:focus { + background-color: rgba(255,255,255,0.9) +} + +.gatecontainer { + display: block; + position: relative; + justify-content: center; +} + +.gateicon { + display: flex; + margin: 10px 10px; + position: relative; + width: 90%; + max-width: 670px; + border: 0px; + border-radius: 30px; + padding: 10px 10px; + text-align: left; + color: ivory; + background-color: rgba(64,64,64,0.6); + transition: 0.4s; + height: 5%; +} + +.paracontainer { + display: flex; + margin: 10px 10px; + position: relative; + width: 90%; + max-width: 670px; + border: 0px; + border-radius: 30px; + padding: 10px 10px; + text-align: left; + color: ivory; + background-color: rgba(64,64,64,0.6); + transition: 0.4s; + height: 5%; +} + +.gateimage { + position: relative; + max-width: 30%; + flex: 1; +} + +.icontext { + flex: 1; + text-align: center; + font-family: sans-serif; + margin: auto; +} + +.gatetitle { + color: white; + font-size: 5vw; +} + +.gatesubtitle { + color: lightgrey; + font-size: 4vw; +} + +.hidden { + display: none !important; +} + +/* BREAKPOINTS */ + +@media (min-width: 800px) { + + body { + background-image: url("../assets/bg-img/jellyfish-m.webp") + } + + .pagetitle { + font-size: 100px; + margin-top: 40px; + } + + .pagesubtitle { + margin-top: 0px; + margin-bottom: 5px; + font-size: 3vw; + } + + .searchentry { + margin-top: 50px; + margin-bottom: 60px; + } + + .searchentry:hover { + background-color: rgba(255,255,255,0.9) + } + + .gatecontainer { + display: flex; + } + + .gateicon { + flex: 1; + display: flex; + width: 15%; + min-height: 100px; + max-height: 120px; + max-width: 220px; + text-align: center; + border-radius: 50px; + } + + .gateimage { + max-width: 40%; + margin: auto; + } + + .gatetitle { + font-size: 1.2vw; + } + + .gatesubtitle { + font-size: 1.0vw; + } + + .gateicon:hover { + background-color: rgba(64,64,64,0.9); + cursor: pointer; + } + +} + +@media (min-width: 1000px) { + body { + background-image: url("../assets/bg-img/jellyfish-l.webp") + } +} + +@media (min-width: 1400px) { + + .gatetitle { + font-size: 16px; + } + + .gatesubtitle { + font-size: 14px; + } +} + +@media (max-width: 299px) { + .gatecontainer { + display: none; + } + +@media (min-width: 2000px) { + body { + background-image: url("../assets/bg-img/jellyfish-xl.webp") + } +} +}