lucaspatenaude/ScoreSpot
1
0
Fork 0
Code Projects 1 Releases 1 Wiki Activity

updated registration page

Browse Source
This commit is contained in:
dominicjk
2024-04-06 15:35:07 -06:00
parent d65206683e
commit 78a2da5aa3
3 changed files with 78 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
ProjectSourceCode/src/resources/css/login_and_registration.css
View File

@@ -7,7 +7,7 @@
} }
.form-container { .form-container {
width: 40%; width: 25%;
} }
/* Styling to center register page items */ /* Styling to center register page items */
@@ -17,3 +17,48 @@
justify-content: center; /* Center items horizontally */ justify-content: center; /* Center items horizontally */
align-items: center; /* Center items vertically */ align-items: center; /* Center items vertically */
} }
body {
font-family: "Golos Text";
}
#dropdown {
padding: 5px;
}
#league_dropdown {
margin : 100x;
}
/* Center form items */
.form-container {
width: 50%; /* Adjust width as needed */
margin: 0 auto; /* Center horizontally */
text-align: center; /* Center text horizontally */
}
/* Apply modern styling to inputs and select elements */
.form-control,
select {
width: 100%; /* Make inputs and select elements same width */
padding: 0.375rem 0.75rem; /* Example padding */
font-size: 1rem; /* Example font size */
line-height: 1.5; /* Example line height */
color: #495057; /* Example text color */
background-color: #fff; /* Example background color */
border: 1px solid #ced4da; /* Example border */
border-radius: 0.25rem; /* Example border radius */
margin-bottom: 10px; /* Example margin */
}
/* Adjust styling for form labels */
.form-label {
font-weight: bold; /* Example font weight */
}
/* Adjust styling for buttons */
.btn {
margin-top: 10px; /* Example margin */
}

26
ProjectSourceCode/src/views/pages/register.hbs
View File

@@ -15,6 +15,32 @@
<input type="password" class="form-control" id="password" name="password" required> <input type="password" class="form-control" id="password" name="password" required>
</div> </div>
<div class = "dropdowns">
<div id="league_dropdown">
<label for="password" class="form-label">Preferred League :</label><br>
<select id="dropdown">
<option value="option1">Premier League</option>
<option value="option2">La Liga</option>
<option value="option3">Bundesliga</option>
<option value="option3">Serie A</option>
<option value="option3">Ligue 1</option>
<option value="option3">Brasilerao</option>
</select>
</div>
<div id="team_dropdown">
<label for="password" class="form-label">Favourite Team :</label><br>
<select id="dropdown">
<option value="option1">Premier League</option>
<option value="option2">La Liga</option>
<option value="option3">Bundesliga</option>
<option value="option3">Serie A</option>
<option value="option3">Ligue 1</option>
<option value="option3">Brasilerao</option>
</select>
</div>
</div>
<button type="submit" class="btn btn-primary">Submit</button> <button type="submit" class="btn btn-primary">Submit</button>
</form> </form>

6
ProjectSourceCode/src/views/partials/head.hbs
View File

@@ -7,10 +7,14 @@
<link rel="stylesheet" type="text/css" href="css/login_and_registration.css"> <link rel="stylesheet" type="text/css" href="css/login_and_registration.css">
<link rel="stylesheet" type="text/css" href="css/home-screen.css"> <link rel="stylesheet" type="text/css" href="css/home-screen.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Golos+Text:wght@400..900&display=swap" rel="stylesheet">
<title>Group 6 Final Project</title> <title>Group 6 Final Project</title>
<!-- Include Bootstrap CSS --> <!-- Include Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<body class="h-100 d-flex flex-column"></body> <body class="h-100 d-flex flex-column"></body>
</head> </head>