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,10 @@
<div class="col-md-4 mb-4">
<div class="card">
<img src="{{imageURL}}" class="card-img-top" alt="Event Image">
<div class="card-body">
<h5 class="card-title">{{eventName}}</h5>
<p class="card-text">Date and Time: {{eventDateTime}}</p>
<a href="#" class="btn btn-primary">Book Now</a>
</div>
</div>
</div>

View File

@@ -0,0 +1,8 @@
<footer class="text-center text-muted w-100 mt-auto fixed-bottom">
<p>
&copy; 2024 - CSCI 3308 Group 6
</p>
<!-- TODO: Add the <script><script /> tag to include bootstrap javascript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</footer>

View File

@@ -0,0 +1,17 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
<meta name="description" content="" />
<!-- Linking forms.css -->
<link rel="stylesheet" type="text/css" href="css/login_and_registration.css">
<link rel="stylesheet" type="text/css" href="css/home-screen.css">
<!-- TODO: Include the `title` partial here -->
{{> title}}
<!-- 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>
</head>

View File

@@ -0,0 +1,5 @@
{{#if message}}
<div class="alert alert-{{#if error}}danger{{else}}success{{/if}}" role="alert">
{{ message }}
</div>
{{/if}}

View File

@@ -0,0 +1,27 @@
<nav class="navbar navbar-expand-sm border-bottom">
<div class="container">
<button
class="navbar-toggler ms-auto"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbar-collapse"
aria-controls="navbar"
aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="navbar-nav me-auto">
<li class="nav-item">
<!-- TODO: For Discover, add a <a> tag with an attribute href to call the '/discover' API -->
<a class="nav-link" href="/discover">Discover</a>
</li>
</ul>
<div class="nav-item me-1">
<!-- TODO: For Logout, add a <a> tag with an attribute href to call the '/logout API -->
<a class="nav-link" href="/logout">Logout</a>
</div>
</div>
</div>
</nav>

View File

@@ -0,0 +1,5 @@
{{#if first_name}}
<title> {{first_name}} - CSCI 3308 Lab 8 </title>
{{else}}
<title> CSCI 3308 Lab 8 </title>
{{/if}}