Skip to content

Commit

Permalink
formatted code
Browse files Browse the repository at this point in the history
  • Loading branch information
@StarKnightt
StarKnightt committed Feb 2, 2024
1 parent e69773e commit eefdbb8
Show file tree
Hide file tree
Showing 2 changed files with 120 additions and 114 deletions.
208 changes: 107 additions & 101 deletions pages/Login.html
View file
Original file line number Diff line number Diff line change
@@ -1,119 +1,125 @@
<!DOCTYPE html>
<html lang="en">

<head>
<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>Login</title>
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<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>Login</title>
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">

</head>

<body>
<div class="container mt-4">
<div class="container mt-4">

<!-- Section: Design Block -->
<section class="background-radial-gradient overflow-hidden">
<style>
.background-radial-gradient {
background-color: hsl(218, 41%, 15%);
background-image: radial-gradient(650px circle at 0% 0%,
hsl(218, 41%, 35%) 15%,
hsl(218, 41%, 30%) 35%,
hsl(218, 41%, 20%) 75%,
hsl(218, 41%, 19%) 80%,
transparent 100%),
radial-gradient(1250px circle at 100% 100%,
hsl(218, 41%, 45%) 15%,
hsl(218, 41%, 30%) 35%,
hsl(218, 41%, 20%) 75%,
hsl(218, 41%, 19%) 80%,
transparent 100%);
}
#radius-shape-1 {
height: 220px;
width: 220px;
top: -60px;
left: -130px;
background: radial-gradient(#44006b, #ad1fff);
overflow: hidden;
}
#radius-shape-2 {
border-radius: 38% 62% 63% 37% / 70% 33% 67% 30%;
bottom: -60px;
right: -110px;
width: 300px;
height: 300px;
background: radial-gradient(#44006b, #ad1fff);
overflow: hidden;
}
.bg-glass {
background-color: hsla(0, 0%, 100%, 0.9) !important;
backdrop-filter: saturate(200%) blur(25px);
}
</style>
<div class="container px-4 py-5 px-md-5 text-center text-lg-start my-5">
<div class="row gx-lg-5 align-items-center mb-5">
<div class="col-lg-6 mb-5 mb-lg-0" style="z-index: 10">
<h1 class="my-5 display-5 fw-bold ls-tight" style="color: hsl(218, 81%, 95%)">
Welcome to <br />
<span style="color: hsl(218, 81%, 75%)">Resume-Builder</span>
</div>
<div class="col-lg-6 mb-5 mb-lg-0 position-relative">
<div id="radius-shape-1" class="position-absolute rounded-circle shadow-5-strong"></div>
<div id="radius-shape-2" class="position-absolute shadow-5-strong"></div>
<div class="card bg-glass">
<div class="card-body px-4 py-5 px-md-5">
<form method= "post" action= "/login">
<!-- 2 column grid layout with text inputs for the first and last names -->
<div class="row">
<h1 class="mb-3 h3">Login</h1>
</div>
<!-- Email input -->
<div class="form-outline mb-4">
<section class="background-radial-gradient overflow-hidden">
<style>
.background-radial-gradient {
background-color: hsl(218, 41%, 15%);
background-image: radial-gradient(650px circle at 0% 0%,
hsl(218, 41%, 35%) 15%,
hsl(218, 41%, 30%) 35%,
hsl(218, 41%, 20%) 75%,
hsl(218, 41%, 19%) 80%,
transparent 100%),
radial-gradient(1250px circle at 100% 100%,
hsl(218, 41%, 45%) 15%,
hsl(218, 41%, 30%) 35%,
hsl(218, 41%, 20%) 75%,
hsl(218, 41%, 19%) 80%,
transparent 100%);
}

#radius-shape-1 {
height: 220px;
width: 220px;
top: -60px;
left: -130px;
background: radial-gradient(#44006b, #ad1fff);
overflow: hidden;
}

#radius-shape-2 {
border-radius: 38% 62% 63% 37% / 70% 33% 67% 30%;
bottom: -60px;
right: -110px;
width: 300px;
height: 300px;
background: radial-gradient(#44006b, #ad1fff);
overflow: hidden;
}

.bg-glass {
background-color: hsla(0, 0%, 100%, 0.9) !important;
backdrop-filter: saturate(200%) blur(25px);
}
</style>

<div class="container px-4 py-5 px-md-5 text-center text-lg-start my-5">
<div class="row gx-lg-5 align-items-center mb-5">
<div class="col-lg-6 mb-5 mb-lg-0" style="z-index: 10">
<h1 class="my-5 display-5 fw-bold ls-tight" style="color: hsl(218, 81%, 95%)">
Welcome to <br />
<span style="color: hsl(218, 81%, 75%)">Resume-Builder</span>

</div>

<div class="col-lg-6 mb-5 mb-lg-0 position-relative">
<div id="radius-shape-1" class="position-absolute rounded-circle shadow-5-strong"></div>
<div id="radius-shape-2" class="position-absolute shadow-5-strong"></div>

<div class="card bg-glass">
<div class="card-body px-4 py-5 px-md-5">
<form method="post" action="/login">
<!-- 2 column grid layout with text inputs for the first and last names -->
<div class="row">
<h1 class="mb-3 h3">Login</h1>

</div>

<!-- Email input -->
<div class="form-outline mb-4">
<label class="form-label" for="form3Example3">Email address</label>
<input type="email" name="email" id="form3Example3" class="form-control" />
</div>
<!-- Password input -->
<div class="form-outline mb-4">
<input type="email" name="email" id="form3Example3" class="form-control" />
</div>

<!-- Password input -->
<div class="form-outline mb-4">
<label class="form-label" for="form3Example4">Password</label>
<input type="password" name="password" id="form3Example4" class="form-control" />
</div>


<!-- Submit button -->
<button type="submit" class="btn btn-primary btn-block mb-4">
Sign In
</button>

<!-- Register buttons -->
<div class="text-center">
<p>Don't have an account yet? <a href="/registerPage">Register</a></p>

</div>
</form>
<input type="password" name="password" id="form3Example4" class="form-control" />
</div>


<!-- Submit button -->
<button type="submit" class="btn btn-primary btn-block mb-4">
Sign In
</button>

<!-- Register buttons -->
<div class="text-center">
<p>Don't have an account yet? <a href="/registerPage">Register</a></p>

</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section: Design Block -->
</div>
</section>
<!-- Section: Design Block -->
</div>


<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2"
crossorigin="anonymous"></script>

</body>

</html>
26 changes: 13 additions & 13 deletions vercel.json
View file
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
{
"builds": [
{
"src": "./index.js",
"use": "@vercel/node"
}
],
"routes": [
{
"src": "/.*",
"dest": "index.js"
}
]
}
"builds": [
{
"src": "./index.js",
"use": "@vercel/node"
}
],
"routes": [
{
"src": "/.*",
"dest": "index.js"
}
]
}

0 comments on commit eefdbb8

Please sign in to comment.