From 031ffd14fcdff694a374b0ae05360e7c6ba7003a Mon Sep 17 00:00:00 2001 From: Max Date: Mon, 23 Sep 2019 15:31:09 +0200 Subject: [PATCH] added login and register page --- src/public/stylesheets/sass/style.sass | 26 ++++++++++++++++++++++++++ src/routes/home.ts | 6 ++++++ src/views/login/index.pug | 8 ++++++++ src/views/login/login.pug | 6 ++++++ src/views/login/stylebar.pug | 2 ++ src/views/register/index.pug | 8 ++++++++ src/views/register/register.pug | 8 ++++++++ src/views/register/stylebar.pug | 2 ++ 8 files changed, 66 insertions(+) create mode 100644 src/views/login/index.pug create mode 100644 src/views/login/login.pug create mode 100644 src/views/login/stylebar.pug create mode 100644 src/views/register/index.pug create mode 100644 src/views/register/register.pug create mode 100644 src/views/register/stylebar.pug diff --git a/src/public/stylesheets/sass/style.sass b/src/public/stylesheets/sass/style.sass index 5a86235..5474776 100644 --- a/src/public/stylesheets/sass/style.sass +++ b/src/public/stylesheets/sass/style.sass @@ -43,6 +43,32 @@ button:active @include gridPosition(2, 3, 1, 2) background-color: $cPrimaryBackground +#input-login + margin-top: 1em + @include gridPosition(2,3,2,3) + grid-template: 7.5% 7.5% 7.5% 7.5% 72%/ 100% + display: grid + background-color: $cPrimaryBackground + + input + margin: 0.25em + + .loginButton + margin: 0.25em + +#input-register + margin-top: 1em + @include gridPosition(2,3,2,3) + grid-template: 7.5% 7.5% 7.5% 7.5% 7.5% 7.5% 58%/ 100% + display: grid + background-color: $cPrimaryBackground + + input + margin: 0.25em + + .registerButton + margin: 0.25em + #feedcontainer @include gridPosition(2, 3, 2, 3) background-color: $cSecondaryBackground diff --git a/src/routes/home.ts b/src/routes/home.ts index 1af3be0..13bb254 100644 --- a/src/routes/home.ts +++ b/src/routes/home.ts @@ -49,6 +49,12 @@ class HomeRoute extends Route { this.router.get("/", (req, res) => { res.render("home"); }); + this.router.get("/login", (req, res) => { + res.render("login"); + }); + this.router.get("/register", (req, res) => { + res.render("register"); + }); } } diff --git a/src/views/login/index.pug b/src/views/login/index.pug new file mode 100644 index 0000000..41fe877 --- /dev/null +++ b/src/views/login/index.pug @@ -0,0 +1,8 @@ +html + head + title Greenvironment Network Login + include ../includes/head + body + div#content + include stylebar + include login diff --git a/src/views/login/login.pug b/src/views/login/login.pug new file mode 100644 index 0000000..f205c95 --- /dev/null +++ b/src/views/login/login.pug @@ -0,0 +1,6 @@ +div#input-login + input(type=text placeholder='username') + input(type=text placeholder='password') + button.loginButton Login + a(href="/register" ) + | You aren´t part of greenvironment yet? - create a new account diff --git a/src/views/login/stylebar.pug b/src/views/login/stylebar.pug new file mode 100644 index 0000000..c6c36e3 --- /dev/null +++ b/src/views/login/stylebar.pug @@ -0,0 +1,2 @@ +div.stylebar + h1 Greenvironment diff --git a/src/views/register/index.pug b/src/views/register/index.pug new file mode 100644 index 0000000..d8e9dd1 --- /dev/null +++ b/src/views/register/index.pug @@ -0,0 +1,8 @@ +html + head + title Greenvironment Network Register + include ../includes/head + body + div#content + include stylebar + include register diff --git a/src/views/register/register.pug b/src/views/register/register.pug new file mode 100644 index 0000000..baaf1e6 --- /dev/null +++ b/src/views/register/register.pug @@ -0,0 +1,8 @@ +div#input-register + input(type=text placeholder='username') + input(type=text placeholder='email') + input(type=text placeholder='password') + input(type=text placeholder='repeat password') + button.registerButton Register + a(href="/login" ) + | You are already part of greenvironment? - login diff --git a/src/views/register/stylebar.pug b/src/views/register/stylebar.pug new file mode 100644 index 0000000..c6c36e3 --- /dev/null +++ b/src/views/register/stylebar.pug @@ -0,0 +1,2 @@ +div.stylebar + h1 Greenvironment