diff options
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/static/fonts/Inter-Light.ttf | bin | 0 -> 288088 bytes | |||
| -rw-r--r-- | assets/static/fonts/Inter-Medium.ttf | bin | 0 -> 292140 bytes | |||
| -rw-r--r-- | assets/static/index.css | 64 | ||||
| -rw-r--r-- | assets/static/portgate.svg | 6 | ||||
| -rw-r--r-- | assets/templates/_base.template.html | 27 | ||||
| -rw-r--r-- | assets/templates/authenticate.template.html | 15 | ||||
| -rw-r--r-- | assets/templates/information.template.html | 4 |
7 files changed, 98 insertions, 18 deletions
diff --git a/assets/static/fonts/Inter-Light.ttf b/assets/static/fonts/Inter-Light.ttf new file mode 100644 index 0000000..a5f0736 --- /dev/null +++ b/assets/static/fonts/Inter-Light.ttf Binary files differdiff --git a/assets/static/fonts/Inter-Medium.ttf b/assets/static/fonts/Inter-Medium.ttf new file mode 100644 index 0000000..721147d --- /dev/null +++ b/assets/static/fonts/Inter-Medium.ttf Binary files differdiff --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 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 310.56"> + <rect fill="white" width="125" height="310.56"/> + <rect fill="white" x="375" width="125" height="310.56"/> + <rect fill="white" x="187.5" width="125" height="183.26"/> + <path fill="white" d="M250,218.7a91.86,91.86,0,0,1,91.86,91.86H500c0-138.07-111.93-250-250-250S0,172.49,0,310.56H158.14A91.86,91.86,0,0,1,250,218.7Z"/> +</svg> \ 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 @@ <!DOCTYPE html> <html lang="en"> -<head> - <meta charset="UTF-8"> - <title>Portgate</title> -</head> -<body> - <h2>Portgate</h2> - {{template "content"}} -</body> -</html> \ No newline at end of file + <head> + <meta charset="UTF-8" /> + <title>Portgate</title> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <link rel="stylesheet" href="_portgate/static/index.css" /> + </head> + <body> + <div class="container"> + <img + class="logo" + src="_portgate/static/portgate.svg" + alt="Portgate" + /> + <h1 class="title">Portgate</h1> + {{template "content"}} + </div> + </body> +</html> 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"}} -<h1>Authentication</h1> -<form method="POST"> - <label> - <input type="text" name="key"> - </label> - <input type="submit" value="Authenticate"> +<p class="description"> + Please authenticate yourself to access <br /> + this port on this host. +</p> +<form method="POST" class="authentication-form"> + <input class="authentication-input" type="password" name="key" /> + <input class="authentication-button" type="submit" value="→" /> </form> -{{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"}} -<h1>You are authenticated!</h1> -{{end}} \ No newline at end of file +<p class="description">You are authenticated!</p> +{{end}} |
