Cosmetic changes.

This commit is contained in:
etc404
2026-03-11 19:21:29 -06:00
parent 0a593c0491
commit 738c6970dd
5 changed files with 37 additions and 41 deletions
@@ -18,7 +18,7 @@ public class SecurityConfig {
public SecurityFilterChain securityFilterChain(HttpSecurity http) throws Exception { public SecurityFilterChain securityFilterChain(HttpSecurity http) throws Exception {
http http
.authorizeHttpRequests(auth -> auth .authorizeHttpRequests(auth -> auth
.requestMatchers("/login", "/register", "/css/**").permitAll() .requestMatchers("/login", "/register", "/css/**", "/images/**").permitAll()
.anyRequest().authenticated() .anyRequest().authenticated()
) )
.formLogin(form -> form .formLogin(form -> form
@@ -74,7 +74,7 @@ body, html {
} }
.login-box rows { .login-box .rows {
display: flex; display: flex;
gap: 10px; gap: 10px;
align-items: center; align-items: center;
@@ -8,43 +8,39 @@
<body> <body>
<header class="top-header"> <header class="top-header">
<img src="images/header_left.png" alt="Violin f-hole shape to the left of header." class="swirl"> <img th:src="@{images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
<h1 class="site-name">Thyme Crunch</h1> <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"> <img th:src="@{images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
</header>
</header> <!-- Main Content -->
<main class="main-content">
<!-- Main Content -->
<main class="main-content">
<div class="login-box"> <div class="login-box">
<h2>Create Account</h2> <h2>Create Account</h2>
<form id="createUserForm"> <form id="createUserForm">
<div class="rows">
<div class="rows">
<label for="username">Username</label> <label for="username">Username</label>
<input type="text" id="username" required> <input type="text" id="username" required>
</div> </div>
<div class="rows"> <div class="rows">
<label for="email">Email</label> <label for="email">Email</label>
<input type="email" id="email" required> <input type="email" id="email" required>
</div> </div>
<div class="rows"> <div class="rows">
<label for="password">Password</label> <label for="password">Password</label>
<input type="password" id="password" required> <input type="password" id="password" required>
</div> </div>
<div class="rows"> <div class="rows">
<label for="confirmPassword">Confirm Password</label> <label for="confirmPassword">Confirm Password</label>
<input type="password" id="confirmPassword" required> <input type="password" id="confirmPassword" required>
</div> </div>
<p id="passwordError"></p> <p id="passwordError"></p>
<button type="submit">Create</button> <button type="submit">Create</button>
</form> </form>
</div> </div>
</main> </main>
</div>
</body> </body>
</html> </html>
+2 -2
View File
@@ -8,9 +8,9 @@
<body> <body>
<header class="top-header"> <header class="top-header">
<img src="images/header_left.png" alt="Violin f-hole shape to the left of header." class="swirl"> <img th:src="@{images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
<h1 class="site-name">Thyme Crunch</h1> <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"> <img th: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">
+2 -2
View File
@@ -8,9 +8,9 @@
<body> <body>
<header class="top-header"> <header class="top-header">
<img src="images/header_left.png" alt="Violin f-hole shape to the left of header." class="swirl"> <img th:src="@{images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
<h1 class="site-name">Thyme Crunch</h1> <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"> <img th:src="@{images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
</header> </header>