CSS hookups added and docker-compose compatibility changes made

This commit is contained in:
Lucas Patenaude
2024-03-12 01:56:44 -06:00
parent 44f5f49275
commit 4f08ca3be1
16 changed files with 305 additions and 5 deletions

View File

@@ -0,0 +1,41 @@
<body>
<div class="container mt-5">
<h1 class="mb-4">Discover Events</h1>
<div class="card-container">
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 g-4">
<!-- Event 1 -->
{{> event_card imageURL="https://via.placeholder.com/300" eventName="Event Name" eventDateTime="Date and Time"}}
<!-- Event 2 -->
{{> event_card imageURL="https://via.placeholder.com/300" eventName="Event Name" eventDateTime="Date and Time"}}
<!-- Event 3 -->
{{> event_card imageURL="https://via.placeholder.com/300" eventName="Event Name" eventDateTime="Date and Time"}}
<!-- Event 4 -->
{{> event_card imageURL="https://via.placeholder.com/300" eventName="Event Name" eventDateTime="Date and Time"}}
<!-- Event 5 -->
{{> event_card imageURL="https://via.placeholder.com/300" eventName="Event Name" eventDateTime="Date and Time"}}
<!-- Event 6 -->
{{> event_card imageURL="https://via.placeholder.com/300" eventName="Event Name" eventDateTime="Date and Time"}}
<!-- Event 7 -->
{{> event_card imageURL="https://via.placeholder.com/300" eventName="Event Name" eventDateTime="Date and Time"}}
<!-- Event 8 -->
{{> event_card imageURL="https://via.placeholder.com/300" eventName="Event Name" eventDateTime="Date and Time"}}
<!-- Event 9 -->
{{> event_card imageURL="https://via.placeholder.com/300" eventName="Event Name" eventDateTime="Date and Time"}}
<!-- Event 10 -->
{{> event_card imageURL="https://via.placeholder.com/300" eventName="Event Name" eventDateTime="Date and Time"}}
</div>
</div>
</div>
</body>

View File

@@ -0,0 +1,31 @@
<body class="container">
<!-- Linking forms.css -->
<div class="login-page">
<div class="form-container">
<h1 class="mt-5 mb-4">Login</h1>
<!-- Check if message variable is present to display message partial -->
{{#if message}}
{{> message}}
{{/if}}
<form action="/login" method="POST" class="mt-3">
<div class="mb-3">
<label for="username" class="form-label">Username:</label>
<input type="text" class="form-control" id="username" name="username" required>
</div>
<div class="mb-3">
<label for="password" class="form-label">Password:</label>
<input type="password" class="form-control" id="password" name="password" required>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
<p class="mt-3">Don't have an account? <a href="/register">Register</a></p>
</div>
</div>
</body>

View File

@@ -0,0 +1,24 @@
<body class="container">
<div class="register-page">
<div class="form-container">
<h1 class="mt-5 mb-4">Register</h1>
<form action="/register" method="POST" class="mt-3">
<div class="mb-3">
<label for="username" class="form-label">Username:</label>
<input type="text" class="form-control" id="username" name="username" required>
</div>
<div class="mb-3">
<label for="password" class="form-label">Password:</label>
<input type="password" class="form-control" id="password" name="password" required>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
<p class="mt-3">Already have an account? <a href="/login">Login</a></p>
</div>
</div>
</body>