From 72932e08aea81db4dfa179270bc3644bc7029a88 Mon Sep 17 00:00:00 2001 From: Bobby Date: Sat, 12 Jul 2025 17:48:05 +0530 Subject: register and login pages --- controllers/home.go | 2 +- controllers/login.go | 2 +- controllers/register.go | 2 +- router/routes.go | 9 +- static/css/main.css | 72 +++++++++++++++- .../images/1c8fcc330ea1e971440cd3bdb8993a81.webp | Bin 0 -> 9116 bytes .../images/25631a9833b39de4053f9eed8b2d3ae6.webp | Bin 0 -> 12080 bytes static/images/image_main.png | Bin 4469025 -> 0 bytes static/images/original/image_main.png | Bin 0 -> 4469025 bytes static/images/original/welcome_login.png | Bin 0 -> 519047 bytes static/images/original/welcome_register.png | Bin 0 -> 332349 bytes templates/login.django | 68 ++++++++------- templates/register.django | 94 ++++++++++++--------- 13 files changed, 165 insertions(+), 84 deletions(-) create mode 100644 static/images/1c8fcc330ea1e971440cd3bdb8993a81.webp create mode 100644 static/images/25631a9833b39de4053f9eed8b2d3ae6.webp delete mode 100644 static/images/image_main.png create mode 100644 static/images/original/image_main.png create mode 100644 static/images/original/welcome_login.png create mode 100644 static/images/original/welcome_register.png diff --git a/controllers/home.go b/controllers/home.go index 5e14b9e..6758a4b 100644 --- a/controllers/home.go +++ b/controllers/home.go @@ -6,7 +6,7 @@ import ( "github.com/gofiber/fiber/v2" ) -func HomeController(ctx *fiber.Ctx) error { +func HomePageController(ctx *fiber.Ctx) error { ctx.Locals("Title", "Home Page") return shortcuts.Render(ctx, "home", nil) } diff --git a/controllers/login.go b/controllers/login.go index 1d6bc5e..1ea9caf 100644 --- a/controllers/login.go +++ b/controllers/login.go @@ -6,7 +6,7 @@ import ( "github.com/gofiber/fiber/v2" ) -func LoginController(ctx *fiber.Ctx) error { +func LoginPageController(ctx *fiber.Ctx) error { ctx.Locals("Title", "Login") return shortcuts.Render(ctx, "login", nil) } diff --git a/controllers/register.go b/controllers/register.go index 3be4e64..d16db9d 100644 --- a/controllers/register.go +++ b/controllers/register.go @@ -6,7 +6,7 @@ import ( "github.com/gofiber/fiber/v2" ) -func RegisterController(ctx *fiber.Ctx) error { +func RegisterPageController(ctx *fiber.Ctx) error { ctx.Locals("Title", "Register") return shortcuts.Render(ctx, "register", nil) } diff --git a/router/routes.go b/router/routes.go index a7acbde..4541419 100644 --- a/router/routes.go +++ b/router/routes.go @@ -8,15 +8,12 @@ import ( func Initialize(router *fiber.App) { main := router.Group("/") - main.Get("/", controllers.HomeController) + main.Get("/", controllers.HomePageController) + main.Get("/login", controllers.LoginPageController) + main.Get("/register", controllers.RegisterPageController) posts := router.Group("/posts") posts.Get("/", controllers.PostsController) - // router.Get("/posts", controllers.PostsController) - // router.Get("/register", controllers.RegisterController) - // router.Get("/login", controllers.LoginController) - // router.Get("/preferences", controllers.PreferencesController) - router.Use(controllers.NotFoundController) } diff --git a/static/css/main.css b/static/css/main.css index 3d52c8c..ceaa6bf 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -175,7 +175,9 @@ main { align-items: center; } -input[type="text"] { +input[type="text"], +input[type="email"], +input[type="password"] { background-color: #1a0033; border: 1px solid #9999ff; color: #ccccff; @@ -183,7 +185,9 @@ input[type="text"] { width: 250px; } -input[type="text"]:focus { +input[type="text"]:focus, +input[type="email"]:focus, +input[type="password"]:focus { border-color: #ff99cc; background-color: #260040; outline: none; @@ -282,4 +286,68 @@ footer::before { display: block; color: #ffccee; margin-bottom: 10px; +} + +.bordered-box { + border: 1px solid #4d4d80; + padding: 8px; +} + +.bordered-box hr { + border: 1px solid #4d4d80; + margin: 8px 0; +} + + + +.ibform { + background-color: #0d001a; + border: 1px solid #ff99cc; + padding: 8px; + margin: 16px auto; +} + +.fgroup { + border: 1px dashed #4d4d80; + padding: 10px; + display: flex; + flex-direction: row; +} + +.fg-main { + display: flex; + min-width: 128px; +} + +.fg-sub { + display: flex; + flex: 1; + flex-direction: column; + gap: 4px; +} + +.fg-sub small { + color: #ff99cc; + font-size: 11px; +} + +.fg-main label { + color: #ffccff; + font-weight: bold; + +} + +.fg-sub input { + border-style: double; + border-width: 3px; + border-color: #9999ff; + width: 100%; +} + +.fbtngrp { + margin: 8px 0 0 0; +} + +.fbtngrp input { + padding: 4px 8px; } \ No newline at end of file diff --git a/static/images/1c8fcc330ea1e971440cd3bdb8993a81.webp b/static/images/1c8fcc330ea1e971440cd3bdb8993a81.webp new file mode 100644 index 0000000..dae614a Binary files /dev/null and b/static/images/1c8fcc330ea1e971440cd3bdb8993a81.webp differ diff --git a/static/images/25631a9833b39de4053f9eed8b2d3ae6.webp b/static/images/25631a9833b39de4053f9eed8b2d3ae6.webp new file mode 100644 index 0000000..a7d93e4 Binary files /dev/null and b/static/images/25631a9833b39de4053f9eed8b2d3ae6.webp differ diff --git a/static/images/image_main.png b/static/images/image_main.png deleted file mode 100644 index 80cf9cc..0000000 Binary files a/static/images/image_main.png and /dev/null differ diff --git a/static/images/original/image_main.png b/static/images/original/image_main.png new file mode 100644 index 0000000..80cf9cc Binary files /dev/null and b/static/images/original/image_main.png differ diff --git a/static/images/original/welcome_login.png b/static/images/original/welcome_login.png new file mode 100644 index 0000000..0f2b89a Binary files /dev/null and b/static/images/original/welcome_login.png differ diff --git a/static/images/original/welcome_register.png b/static/images/original/welcome_register.png new file mode 100644 index 0000000..60e82e2 Binary files /dev/null and b/static/images/original/welcome_register.png differ diff --git a/templates/login.django b/templates/login.django index 9e5ab88..96a5e27 100644 --- a/templates/login.django +++ b/templates/login.django @@ -1,36 +1,40 @@ {% extends 'layouts/main.django' %} {% block content %} -

Login to {{ Appname }}

- - {% if Error %} -
{{ Error }}
- {% endif %} - -
-
- User Login - -
- - -
- -
- - -
- -
- -
-
-
- -

- Don't have an account? Register here -

-

- Forgot your password? -

+
+
+ Login Image +

Login to {{ Appname }}

+

Welcome back! Please enter your credentials to continue.

+ {% if Error %} +
{{ Error }}
+ {% endif %} +
+
+
+ +
+
+ + 3-72 characters, letters, numbers, underscores, and hyphens only +
+
+
+
+ +
+
+ +
+
+
+ + +
+
+

+ Don't have an account? Register here. +

+
+
{% endblock %} diff --git a/templates/register.django b/templates/register.django index 2d0e8b2..39ce985 100644 --- a/templates/register.django +++ b/templates/register.django @@ -1,45 +1,57 @@ {% extends 'layouts/main.django' %} {% block content %} -

Join {{ Appname }}

- - {% if Error %} -
{{ Error }}
- {% endif %} - -
-
- Create Account - -
- - - 3-72 characters, letters, numbers, underscores, and hyphens only -
- -
- - -
- -
- - - Minimum 8 characters -
- -
- - -
- -
- -
-
-
- -

- Already have an account? Login here -

+
+
+ Register Image +

Join {{ Appname }}

+

Create your account to start sharing and exploring images!

+ {% if Error %} +
{{ Error }}
+ {% endif %} +
+
+
+ +
+
+ + 3-72 characters, letters, numbers, underscores, and hyphens only +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ + Minimum 8 characters +
+
+
+
+ +
+
+ +
+
+
+ + +
+
+

+ Already have an account? Login here +

+
+
{% endblock %} -- cgit v1.2.3