From 56f91e1e06eaa6b498c37ee5d1cbef4e63ef06f9 Mon Sep 17 00:00:00 2001
From: etc404 <etc404@protonmail.com>
Date: Wed, 11 Mar 2026 13:23:16 -0600
Subject: [PATCH] Login page and logout functionality complete, some file
 formatting and corrections.

---
 .../example/demo/config/SecurityConfig.java   |  2 +-
 .../demo/controller/SiteController.java       |  5 ++
 demo/src/main/resources/templates/home.html   | 70 +++++++++----------
 demo/src/main/resources/templates/login.html  |  2 +-
 4 files changed, 40 insertions(+), 39 deletions(-)
diff --git a/demo/src/main/java/com/example/demo/config/SecurityConfig.java b/demo/src/main/java/com/example/demo/config/SecurityConfig.java
index 4476904..8df7bce 100644
--- a/demo/src/main/java/com/example/demo/config/SecurityConfig.java
+++ b/demo/src/main/java/com/example/demo/config/SecurityConfig.java
@@ -18,7 +18,7 @@ public class SecurityConfig {
     public SecurityFilterChain securityFilterChain(HttpSecurity http) throws Exception {
         http
                 .authorizeHttpRequests(auth -> auth
-                        .requestMatchers("/login", "/css/**").permitAll()
+                        .requestMatchers("/login", "/register", "/css/**").permitAll()
                         .anyRequest().authenticated()
                 )
                 .formLogin(form -> form
diff --git a/demo/src/main/java/com/example/demo/controller/SiteController.java b/demo/src/main/java/com/example/demo/controller/SiteController.java
index f349c45..3d5db60 100644
--- a/demo/src/main/java/com/example/demo/controller/SiteController.java
+++ b/demo/src/main/java/com/example/demo/controller/SiteController.java
@@ -17,4 +17,9 @@ public class SiteController {
     public String viewLoginPage(Model model) {
         return "login";
     }
+
+    @GetMapping("/register")
+    public String viewRegisterPage(Model model) {
+        return "create-account";
+    }
 }
\ No newline at end of file
diff --git a/demo/src/main/resources/templates/home.html b/demo/src/main/resources/templates/home.html
index f6bebd9..c453555 100644
--- a/demo/src/main/resources/templates/home.html
+++ b/demo/src/main/resources/templates/home.html
@@ -1,9 +1,9 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <meta charset="UTF-8">
-  <title>Thyme Crunch Home</title>
-  <link rel="stylesheet" th:href="@{css/home.css}">
+    <meta charset="UTF-8">
+    <title>Thyme Crunch Home</title>
+    <link rel="stylesheet" th:href="@{css/home.css}">
 </head>
 <body>
 
@@ -11,54 +11,50 @@
     <img src="images/header_left.png" alt="Violin f-hole shape to the left of header." class="swirl">
     <h1 class="site-name">Thyme Crunch</h1>
     <img src="images/header_right.png" alt="Violin f-hole shape to the right of header." class="swirl">
-  </header>
+</header>
 
- <div class="container">
+<div class="container">
     <!--Navigation Bar -->
     <nav class="sidebar-left">
-      <ul>
-        <li><a href="#">Home</a></li>
-        <li><a href="#">Explore</a></li>
-        <li><a href="#">Profile</a></li>
-        <li><a href="#">Saved</a></li>
-        <li><a href="#"> <img src="images/logout_icon.png" alt="Log Out Icon" class="nav_icon"></a></li>
-      </ul>
+        <ul>
+            <li><a href="#">Home</a></li>
+            <li><a href="#">Explore</a></li>
+            <li><a href="#">Profile</a></li>
+            <li><a href="#">Saved</a></li>
+            <li>
+                <form th:action="@{/logout}" method="post">
+                    <input type="image" th:src="@{images/logout_icon.png}" alt="Logout button" class="nav_icon"/>
+                </form>
+            </li>
+        </ul>
     </nav>
 
 
-</nav>
-
-<a href="#" target="_blank" class="create_icon">
-    <img src="images/create_icon.png" alt="Description of the icon">
-</a>
-
+    <a href="#" target="_blank" class="create_icon">
+        <img src="images/create_icon.png" alt="Description of the icon">
+    </a>
 
     <!-- Main Content -->
     <main class="main-content">
-      <div class="recipe-card">
-
-  	<div class="card" th:each="recipe : ${recipes}">
-     <div class="card-text">
-        <h2 th:text="${recipe.title}"></h2>
-        <p th:text="${recipe.description}"></p>
-     </div>
-     <div class="card-right">
-        <img th:src="@{${recipe.imageUrl}}" alt="${recipe.imageAltText}">
-        <p th:text="${recipe.cost}"></p>
-     </div>
-    </div>
-      </div>
+        <div class="recipe-card">
 
+            <div class="card" th:each="recipe : ${recipes}">
+                <div class="card-text">
+                    <h2 th:text="${recipe.title}"></h2>
+                    <p th:text="${recipe.description}"></p>
+                </div>
+                <div class="card-right">
+                    <img th:src="@{${recipe.imageUrl}}" alt="${recipe.imageAltText}">
+                    <p th:text="${recipe.cost}"></p>
+                </div>
+            </div>
+        </div>
     </main>
 
-<div class="container">
     <!--New Bar -->
     <nav class="sidebar-right">
-      <h1> NEW </h1>
+        <h1> NEW </h1>
     </nav>
-
-  </div>
-
-
+</div>
 </body>
 </html>
diff --git a/demo/src/main/resources/templates/login.html b/demo/src/main/resources/templates/login.html
index 26ee3e2..2ec19f9 100644
--- a/demo/src/main/resources/templates/login.html
+++ b/demo/src/main/resources/templates/login.html
@@ -33,7 +33,7 @@
         </form>
       </div>
       <div class="sign_up"> 
-        <h3> OR <a href="create-account.html"><b>SIGN UP</b></a> FOR AN ACCOUNT </h3>
+        <h3> OR <a th:href="@{/register}"><b>SIGN UP</b></a> FOR AN ACCOUNT </h3>
       </div>
     </main>
   </body>
