From e43399dc97bbacf1d44a875fe1d52e9030994fa1 Mon Sep 17 00:00:00 2001
From: Syndamia <kamen.d.mladenov@protonmail.com>
Date: Wed, 24 Feb 2021 19:02:50 +0200
Subject: Improved semantics of logn and register pages

---
 src/app/components/login/login.component.html      | 18 ++++-----
 .../components/register/register.component.html    | 46 +++++++++++-----------
 2 files changed, 32 insertions(+), 32 deletions(-)

diff --git a/src/app/components/login/login.component.html b/src/app/components/login/login.component.html
index 13f9bbf..1fda5b5 100644
--- a/src/app/components/login/login.component.html
+++ b/src/app/components/login/login.component.html
@@ -1,30 +1,30 @@
-<div id="content">
-	<div class="title">Login</div>
+<main id="content">
+	<summary class="title">Login</div>
 
 	<form [formGroup]="loginUserFormGroup" (ngSubmit)="onSubmit()">
 		<hr>
 
-		<div class="input-selection">
+		<section class="input-selection">
 			<input type="text" placeholder="Username" class="input-field" formControlName="username" required>
 			<label class="input-field-label">Username</label>
 
-			<div class="input-errors">
+			<mark class="input-errors">
 				<label *ngIf="loginUserFormGroup.get('username')?.errors?.required" class="error">*Required</label>
-			</div>
-		</div>
+			</mark>
+		</section>
 
-		<div class="input-selection">
+		<section class="input-selection">
 			<input type="password" placeholder="Password" class="input-field" formControlName="password" required>
 			<label class="input-field-label">Password</label>
 
 			<div class="input-errors">
 				<label *ngIf="loginUserFormGroup.get('password')?.errors?.required" class="error">*Required</label>
 			</div>
-		</div>
+		</section>
 
 		<hr>
 		<button class="submit-btn" type="submit">Submit</button>
 		<app-error-bar></app-error-bar>
 	</form>
 	<button class="submit-btn redirect-to-register" (click)="onRedirectRegister()">New to DevHive? Register instead</button>
-</div>
+</main>
diff --git a/src/app/components/register/register.component.html b/src/app/components/register/register.component.html
index 4e67e0e..df6f6c9 100644
--- a/src/app/components/register/register.component.html
+++ b/src/app/components/register/register.component.html
@@ -1,65 +1,65 @@
-<div id="content">
-	<div class="title">Register</div>
+<main id="content">
+	<summary class="title">Register</summary>
 
 	<form [formGroup]="registerUserFormGroup" (ngSubmit)="onSubmit()">
 		<hr>
 		<!-- Value: {{ registerUserFormGroup.value | json }}
 		<hr> -->
 
-		<div class="input-selection">
+		<section class="input-selection">
 			<input type="text" placeholder="Goshko, is that u?" class="input-field" formControlName="firstName" required>
 			<label class="input-field-label">First Name</label>
 
-			<div class="input-errors">
+			<mark class="input-errors">
 				<label *ngIf="registerUserFormGroup.get('firstName')?.errors?.required" class="error">*Required</label>
 				<label *ngIf="registerUserFormGroup.get('firstName')?.errors?.minlength" class="error">*Minimum 3 characters</label>
-			</div>
-		</div>
+			</mark>
+		</section>
 
-		<div class="input-selection">
+		<section class="input-selection">
 			<input type="text" placeholder="Trapov? Really??" class="input-field" formControlName="lastName" required>
 			<label class="input-field-label">Last Name</label>
 
-			<div class="input-errors">
+			<mark class="input-errors">
 				<label *ngIf="registerUserFormGroup.get('lastName')?.errors?.required" class="error">*Required</label>
 				<label *ngIf="registerUserFormGroup.get('lastName')?.errors?.minlength" class="error">*Minimum 3 characters</label>
-			</div>
-		</div>
+			</mark>
+		</section>
 
-		<div class="input-selection">
+		<section class="input-selection">
 			<input type="text" placeholder="Think of something cool to flex on other kids" class="input-field" formControlName="username" required>
 			<label class="input-field-label">Username</label>
 
-			<div class="input-errors">
+			<mark class="input-errors">
 				<label *ngIf="registerUserFormGroup.get('username')?.errors?.required" class="error">*Required</label>
 				<label *ngIf="registerUserFormGroup.get('username')?.errors?.minlength" class="error">*Minimum 3 characters</label>
-			</div>
-		</div>
+			</mark>
+		</section>
 
-		<div class="input-selection">
+		<section class="input-selection">
 			<input type="text" placeholder="You expect an email joke? I have none, mail me one" class="input-field" formControlName="email" required>
 			<label class="input-field-label">Email</label>
 
-			<div class="input-errors">
+			<mark class="input-errors">
 				<label *ngIf="registerUserFormGroup.get('email')?.errors?.required" class="error">*Required</label>
 				<label *ngIf="registerUserFormGroup.get('email')?.errors?.email" class="error">*Invalid email</label>
-			</div>
-		</div>
+			</mark>
+		</section>
 
-		<div class="input-selection">
+		<section class="input-selection">
 			<input type="password" placeholder="Make sure it's long & strong (just like my d***)" class="input-field" formControlName="password" required>
 			<label class="input-field-label">Password</label>
 
-			<div class="input-errors">
+			<mark class="input-errors">
 				<label *ngIf="registerUserFormGroup.get('password')?.errors?.required" class="error">*Required</label>
 				<label *ngIf="registerUserFormGroup.get('password')?.errors?.minlength" class="error">*Minimum 3 characters</label>
 				<label *ngIf="registerUserFormGroup.get('password')?.errors?.pattern" class="error">*At least 1 number</label>
-			</div>
-		</div>
+			</mark>
+		</section>
 
 		<hr>
 		<button class="submit-btn" type="submit">Submit</button>
 		<app-error-bar></app-error-bar>
 	</form>
 	<button class="submit-btn redirect-to-login" (click)="onRedirectLogin()">Already have an account? Login here</button>
-</div>
+</main>
-- 
cgit v1.2.3