From f48897e6c5949d46fd8be453d6ef3970fb4d123f Mon Sep 17 00:00:00 2001 From: Melonai Date: Sat, 11 Sep 2021 00:39:29 +0200 Subject: Better pages --- assets/static/fonts/Inter-Light.ttf | Bin 0 -> 288088 bytes assets/static/fonts/Inter-Medium.ttf | Bin 0 -> 292140 bytes assets/static/index.css | 64 ++++++++++++++++++++++++++++ assets/static/portgate.svg | 6 +++ assets/templates/_base.template.html | 27 ++++++++---- assets/templates/authenticate.template.html | 15 ++++--- assets/templates/information.template.html | 4 +- 7 files changed, 98 insertions(+), 18 deletions(-) create mode 100644 assets/static/fonts/Inter-Light.ttf create mode 100644 assets/static/fonts/Inter-Medium.ttf create mode 100644 assets/static/index.css create mode 100644 assets/static/portgate.svg (limited to 'assets') diff --git a/assets/static/fonts/Inter-Light.ttf b/assets/static/fonts/Inter-Light.ttf new file mode 100644 index 0000000..a5f0736 Binary files /dev/null and b/assets/static/fonts/Inter-Light.ttf differ diff --git a/assets/static/fonts/Inter-Medium.ttf b/assets/static/fonts/Inter-Medium.ttf new file mode 100644 index 0000000..721147d Binary files /dev/null and b/assets/static/fonts/Inter-Medium.ttf differ diff --git a/assets/static/index.css b/assets/static/index.css new file mode 100644 index 0000000..cd30e03 --- /dev/null +++ b/assets/static/index.css @@ -0,0 +1,64 @@ +@font-face { + font-family: "Inter Light"; + src: url("/_portgate/static/fonts/Inter-Light.ttf"); +} + +@font-face { + font-family: "Inter Medium"; + src: url("/_portgate/static/fonts/Inter-Medium.ttf"); +} + +html, +body { + height: 100%; + width: 100%; +} + +body { + margin: 0; + + background-color: #6d6d7a; + color: #ffffff; + + display: flex; + align-items: center; + justify-content: center; + + font-family: "Inter Light"; + font-size: 16px; +} + +.container { + width: 500px; +} + +.logo { + width: 40px; +} + +.title { + font-family: "Inter Medium"; + font-size: 22px; +} + +.description { + font-size: 18px; + margin-bottom: 24px; +} + +.authentication-form { + display: flex; +} + +.authentication-input { + flex-grow: 1; + border: none; + padding: 15px; +} + +.authentication-button { + color: #ffffff; + width: 50px; + background-color: transparent; + border: none; +} diff --git a/assets/static/portgate.svg b/assets/static/portgate.svg new file mode 100644 index 0000000..d7fb2e1 --- /dev/null +++ b/assets/static/portgate.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/assets/templates/_base.template.html b/assets/templates/_base.template.html index 2ed25d1..d7966bf 100644 --- a/assets/templates/_base.template.html +++ b/assets/templates/_base.template.html @@ -1,11 +1,20 @@ - - - Portgate - - -

Portgate

- {{template "content"}} - - \ No newline at end of file + + + Portgate + + + + +
+ +

Portgate

+ {{template "content"}} +
+ + diff --git a/assets/templates/authenticate.template.html b/assets/templates/authenticate.template.html index 7d6d72c..ec14b7a 100644 --- a/assets/templates/authenticate.template.html +++ b/assets/templates/authenticate.template.html @@ -1,9 +1,10 @@ {{define "content"}} -

Authentication

-
- - +

+ Please authenticate yourself to access
+ this port on this host. +

+ + +
-{{end}} \ No newline at end of file +{{end}} diff --git a/assets/templates/information.template.html b/assets/templates/information.template.html index a881cf8..fde9e59 100644 --- a/assets/templates/information.template.html +++ b/assets/templates/information.template.html @@ -1,3 +1,3 @@ {{define "content"}} -

You are authenticated!

-{{end}} \ No newline at end of file +

You are authenticated!

+{{end}} -- cgit 1.4.1