From 93ca192eb2f85ca5d4cbfba862ff3fac3d083990 Mon Sep 17 00:00:00 2001
From: kaipher7 <kai.hahnhansen@student.nmt.edu>
Date: Thu, 2 Apr 2026 13:45:25 -0600
Subject: [PATCH] changed fonts / style

---
 .../resources/static/css/create-account.css   | 19 ++++++++--
 .../resources/static/css/create-recipe.css    | 37 ++++++++++---------
 demo/src/main/resources/static/css/home.css   | 16 +++++++-
 demo/src/main/resources/static/css/login.css  | 17 ++++++++-
 .../resources/templates/create-account.html   |  1 +
 .../resources/templates/create-recipe.html    |  1 +
 demo/src/main/resources/templates/home.html   |  1 +
 demo/src/main/resources/templates/login.html  |  1 +
 8 files changed, 68 insertions(+), 25 deletions(-)

diff --git a/demo/src/main/resources/static/css/create-account.css b/demo/src/main/resources/static/css/create-account.css
index fc16cc7..df988e0 100644
--- a/demo/src/main/resources/static/css/create-account.css
+++ b/demo/src/main/resources/static/css/create-account.css
@@ -7,11 +7,23 @@
   --dark: #850000;
 }
 
+.delius {
+  font-family: 'Delius Swash Caps', cursive;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.mali-regular {
+  font-family: 'Mali', cursive;
+  font-weight: 400;
+  font-style: normal;
+}
+
 /* login.css */
 body, html {
   height: 100%;
   margin: 0;
-  font-family: 'Roboto', sans-serif;
+  font-family: 'Mali', cursive;
   background-color: var(--pale-yellow);
 }
 
@@ -44,7 +56,8 @@ body, html {
   font-size: 2.5em;
   font-weight: bold;
   letter-spacing: 4px;
-  font-family: 'EB Garamond', serif;}
+  font-family: 'Delius Swash Caps', cursive;
+  }
 
 
 /* Main Content */
@@ -94,7 +107,7 @@ body, html {
   padding: 10px;
   margin: auto;
   margin-top: 5px;
-  margin-left: 25px;
+  margin-left: 20px;
   border-radius: 10px;
   border: 2.5px solid var(--dusty-red);
   background-color: var(--pale-yellow);
diff --git a/demo/src/main/resources/static/css/create-recipe.css b/demo/src/main/resources/static/css/create-recipe.css
index c954aa6..294b306 100644
--- a/demo/src/main/resources/static/css/create-recipe.css
+++ b/demo/src/main/resources/static/css/create-recipe.css
@@ -7,10 +7,22 @@
   --dark: #850000;
 }
 
+.delius {
+  font-family: 'Delius Swash Caps', cursive;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.mali-regular {
+  font-family: 'Mali', cursive;
+  font-weight: 400;
+  font-style: normal;
+}
+
 body, html {
   height: 100%;
   margin: 0;
-  font-family: 'Roboto', sans-serif;
+  font-family: 'Mali', cursive;
   background-color: var(--pale-yellow);
 }
 
@@ -43,7 +55,8 @@ body, html {
   font-size: 2.5em;
   font-weight: bold;
   letter-spacing: 4px;
-  font-family: 'EB Garamond', serif;}
+  font-family: 'Delius Swash Caps', cursive;
+}
 
 
 /* Main Content */
@@ -203,6 +216,7 @@ textarea {
   background: var(--dusty-red);
   border: 1px;
   border-radius: 8px;
+  font-family: 'Mali', cursive;
   font-size: 13px;
   color: var(--dark-yellow);
   cursor: pointer;
@@ -223,7 +237,8 @@ textarea {
 }
 
 .image-drop:hover {
-  border-color: var(--dark);
+  border-color: var(--dusty-red-hover);
+  filter: brightness(99%);
 }
 
 .image-drop .upload-icon {
@@ -271,22 +286,7 @@ textarea {
   cursor: pointer;
 }
 
-/* Two-column row */
-.row {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 1rem;
-}
-
 /* Tags */
-.tag-input-row {
-  display: flex;
-  gap: 6px;
-}
-
-.tag-input-row input {
-  flex: 1;
-}
 
 .tag-wrap {
   display: flex;
@@ -331,6 +331,7 @@ textarea {
   border-radius: 8px;
   padding: 0 20px;
   height: 36px;
+  font-family: 'Mali', cursive;
   font-size: 14px;
   font-weight: 500;
   cursor: pointer;
diff --git a/demo/src/main/resources/static/css/home.css b/demo/src/main/resources/static/css/home.css
index ebe3df4..66ddcf7 100644
--- a/demo/src/main/resources/static/css/home.css
+++ b/demo/src/main/resources/static/css/home.css
@@ -13,10 +13,22 @@
 /* =========================
    Global Styles
 ========================= */
+.delius {
+  font-family: 'Delius Swash Caps', cursive;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.mali-regular {
+  font-family: 'Mali', cursive;
+  font-weight: 400;
+  font-style: normal;
+}
+
 body, html {
   height: 100vh;
   margin: 0;
-  font-family: 'Roboto', sans-serif;
+  font-family: 'Mali', cursive;
   background-color: var(--pale-yellow);
   overflow: clip;
 }
@@ -57,7 +69,7 @@ body, html {
 }
 
 .site-name {
-  font-family: 'EB Garamond', serif;
+  font-family: 'Delius Swash Caps', serif;
   font-size: 2.5em;
   font-weight: bold;
   letter-spacing: 4px;
diff --git a/demo/src/main/resources/static/css/login.css b/demo/src/main/resources/static/css/login.css
index 48c0d4a..43102fc 100644
--- a/demo/src/main/resources/static/css/login.css
+++ b/demo/src/main/resources/static/css/login.css
@@ -13,11 +13,23 @@
 /* =========================
    Global Styles
 ========================= */
+.delius {
+  font-family: 'Delius Swash Caps', cursive;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.mali-regular {
+  font-family: 'Mali', cursive;
+  font-weight: 400;
+  font-style: normal;
+}
+
 body,
 html {
   height: 100%;
   margin: 0;
-  font-family: 'Roboto', sans-serif;
+  font-family: 'Mali', cursive;
   background-color: var(--pale-yellow);
 }
 
@@ -54,7 +66,7 @@ html {
 }
 
 .site-name {
-  font-family: 'EB Garamond', serif;
+  font-family: 'Delius Swash Caps', cursive;
   font-size: 2.5em;
   font-weight: bold;
   letter-spacing: 4px;
@@ -126,6 +138,7 @@ html {
   margin: 20px auto 0;
   padding: 10px;
 
+  font-family: 'Mali', cursive;
   font-weight: bold;
   color: var(--dark-yellow);
   background-color: var(--dusty-red);
diff --git a/demo/src/main/resources/templates/create-account.html b/demo/src/main/resources/templates/create-account.html
index 78ec2d3..6d3233c 100644
--- a/demo/src/main/resources/templates/create-account.html
+++ b/demo/src/main/resources/templates/create-account.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <title>Create Thyme Crunch Account</title>
     <link rel="stylesheet" th:href="@{css/create-account.css}">
+    <link href="https://fonts.googleapis.com/css2?family=Delius+Swash+Caps&family=Mali:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700" rel="stylesheet">
 </head>
 <body>
 
diff --git a/demo/src/main/resources/templates/create-recipe.html b/demo/src/main/resources/templates/create-recipe.html
index e557bac..d1321f4 100644
--- a/demo/src/main/resources/templates/create-recipe.html
+++ b/demo/src/main/resources/templates/create-recipe.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <title>Create Thyme Crunch Recipe</title>
     <link rel="stylesheet" th:href="@{css/create-recipe.css}">
+    <link href="https://fonts.googleapis.com/css2?family=Delius+Swash+Caps&family=Mali:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700" rel="stylesheet">
 </head>
 <body>
 
diff --git a/demo/src/main/resources/templates/home.html b/demo/src/main/resources/templates/home.html
index aba8581..7d7d9df 100644
--- a/demo/src/main/resources/templates/home.html
+++ b/demo/src/main/resources/templates/home.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <title>Thyme Crunch Home</title>
     <link rel="stylesheet" th:href="@{css/home.css}">
+    <link href="https://fonts.googleapis.com/css2?family=Delius+Swash+Caps&family=Mali:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700" rel="stylesheet">
 </head>
 <body>
 
diff --git a/demo/src/main/resources/templates/login.html b/demo/src/main/resources/templates/login.html
index 64eb148..401a4c7 100644
--- a/demo/src/main/resources/templates/login.html
+++ b/demo/src/main/resources/templates/login.html
@@ -4,6 +4,7 @@
   <meta charset="UTF-8">
   <title>Thyme Crunch Login</title>
   <link rel="stylesheet" th:href="@{css/login.css}">
+  <link href="https://fonts.googleapis.com/css2?family=Delius+Swash+Caps&family=Mali:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700" rel="stylesheet">
 </head>
 <body>