Skip to content

Commit

Permalink
Merge pull request #12 from codewitgabi/codewitgabi
Browse files Browse the repository at this point in the history 
Redesigned authentication pages and removed workflow
  • Loading branch information
@codewitgabi
codewitgabi authored Dec 20, 2023
2 parents b333e50 + 3c74ba5 commit 011d380
Show file tree
Hide file tree
Showing 6 changed files with 145 additions and 270 deletions.
26 changes: 0 additions & 26 deletions .github/workflows/formatter.yaml
View file

This file was deleted.

77 changes: 31 additions & 46 deletions Assets/Pages/login.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,65 +4,50 @@
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<title>Login</title>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"
/>
<link rel="stylesheet" href="../styles/signup.css" />
<link rel="stylesheet" href="../styles/login.css" />
</head>
<body>
<div class="cont">
<div class="auth-container">
<div class="header">
<h1>Login</h1>
<legend>Login</legend>
<p>Please sign in to continue</p>
</div>

<form action="" method="post">
<div class="name-div">
<div class="svg1">
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="purple"
class="bi bi-person"
viewBox="0 0 16 16"
>
<path
d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z"
/>
</svg>
</div>

<div class="name">
<input type="text" name="" placeholder="Username" />
</div>
</div>
<div class="password-div">
<div class="svg2">
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="PURPLE"
class="bi bi-lock-fill"
viewBox="0 0 16 16"
>
<path
d="M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2z"
/>
</svg>
</div>
<div class="password">
<input type="password" name="" placeholder="Password" />
</div>
<div class="form-input">
<label for="username">Username <span>*</span></label>
<input
type="text"
id="username"
name="username"
placeholder="Username"
/>
<i class="bi bi-person auth-icon-start"></i>
</div>

<div class="btn-div">
<button>Login</button>
<div class="form-input">
<label for="username">Password <span>*</span></label>
<input
type="password"
id="password"
name="password"
placeholder="Password"
/>
<i class="bi bi-lock auth-icon-start"></i>
<i class="bi bi-eye show-password"></i>
</div>

<button class="auth-btn">Login</button>
</form>

<footer>
<div class="auth-footer">
Don't have an account? <a href="../Pages/signup.html">Sign Up</a>
</footer>
</div>
</div>
</body>
</html>
58 changes: 38 additions & 20 deletions Assets/Pages/signup.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,40 +5,58 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Sign Up</title>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"
/>
<link rel="stylesheet" href="../styles/signup.css" />
</head>
<body>
<div class="cont">
<div class="auth-container">
<div class="header">
<h1>Login</h1>
<p>Please sign in to continue</p>
<legend>Sign up</legend>
<p>Create your account</p>
</div>

<form action="" method="post">
<div class="fullname">
<input type="text" name="" placeholder="Full name" />
<div class="form-input">
<label for="fullName">Full Name <span>*</span></label>
<input
type="text"
id="fullName"
name="fullName"
placeholder="Full name"
/>
</div>

<div class="username">
<input type="text" name="" placeholder="Username" />
</div>

<div class="email">
<input type="email" name="" placeholder="Email" />
<div class="form-input">
<label for="username">Username <span>*</span></label>
<input
type="text"
id="username"
name="username"
placeholder="Username"
/>
</div>

<div class="password">
<input type="password" name="" placeholder="Password" />
<div class="form-input">
<label for="email">Email <span>*</span></label>
<input type="email" id="email" name="email" placeholder="Email" />
</div>

<div class="btn-div">
<button>Sign up</button>
<div class="form-input">
<label for="password">Password <span>*</span></label>
<input
type="password"
id="password"
name="password"
placeholder="Password"
/>
<i class="bi bi-eye-slash show-password"></i>
</div>
<button class="auth-btn">Sign up</button>
</form>

<footer>
<div class="auth-footer">
Already have an account? <a href="../Pages/login.html">Login</a>
</footer>
</div>
</div>
</body>
</html>
91 changes: 12 additions & 79 deletions Assets/styles/login.css
View file
Original file line number Diff line number Diff line change
@@ -1,87 +1,20 @@
* {
padding: 0;
margin: 0;
padding: 0;
box-sizing: border-box;
text-decoration: none;
text-align: center;
}

.cont {
margin: 0 1rem;
}

.header {
margin-top: 5rem;
}

h1 {
font-family: Verdana, Geneva, Tahoma, sans-serif;
}

p {
font-family: Arial, Helvetica, sans-serif;
margin-top: 0.5em;
color: gray;
}

form {
margin-top: 5rem;
}

.name-div {
display: flex;
align-items: center;
margin-bottom: 1rem;
box-shadow: hsl(0, 0%, 80%) 0 0 0.3rem;
gap: 0.4rem;
border-radius: 0.5rem;
}

input[type="text"] {
border: none;
color: black;
outline: purple;
padding: 1rem 0;
text-align: left;
}

.password-div {
display: flex;
align-items: center;
margin-bottom: 1rem;
box-shadow: hsl(0, 0%, 80%) 0 0 0.3rem;
gap: 0.4rem;
border-radius: 0.5rem;
}

input[type="password"] {
border: none;
color: black;
outline: purple;
padding: 1rem 0;
text-align: left;
}

.btn-div {
display: flex;
justify-content: center;
}

button {
padding: 0.6rem 2rem;
background: purple;
border: none;
border-radius: 0.9rem;
color: white;
margin-top: 1rem;
body {
font-family: "Kanit", sans-serif;
}

footer {
font-family: Arial, Helvetica, sans-serif;
margin-top: 8rem;
color: gray;
.bi {
font-size: 20px;
}

a {
color: purple;
.auth-icon-start {
position: absolute;
top: 45%;
left: 10px;
}
.form-input input {
padding-left: 32px;
}
2 changes: 1 addition & 1 deletion Assets/styles/notifications.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -60,6 +60,6 @@ body {
padding: 1em 12%;
}
main {
margin: 2em 12%;
margin: 2em 18%;
}
}
Loading

0 comments on commit 011d380

Please sign in to comment.