update email

84848aa7 · Nigel Sahl · 699131b1 · 84848aa7 · 84848aa7 · 84848aa7
Commit 84848aa7 authored 1 year ago by Nigel Sahl
--- a/src/main/java/com/gymtracker/email/acceptance.html
+++ b/src/main/java/com/gymtracker/email/acceptance.html
 <html>
+<head>
+    <link rel="stylesheet" href="style.css">
+</head>
 <body>
-    <div style='text-align:center; padding: 20px;'>
+    <div class="container">
        <h1>Gym Tracker</h1>
-        <div style='border: 1px solid #ccc; padding: 20px; margin-top: 20px;'>
+        <div class="content">
            <h2>Congratulations, {name}!</h2>
            <p>You have been accepted for the application in <strong>{gymName}</strong>.</p>
            <p>Click <a href="{website}">here</a> to visit our website.</p>

--- a/src/main/java/com/gymtracker/email/rejection.html
+++ b/src/main/java/com/gymtracker/email/rejection.html
 <html>
+<head>
+    <link rel="stylesheet" href="style.css">
+</head>
 <body>
-    <div style='text-align:center; padding: 20px;'>
+    <div class="container">
        <h1>Gym Tracker</h1>
-        <div style='border: 1px solid #ccc; padding: 20px; margin-top: 20px;'>
-            <h2>Sorry, {name}!</h2>
-            <p>We regret to inform you that your application for {gymName} has been rejected.</p>
-            <p>Click <a href='{website}'>here</a> to visit our website for more information.</p>
+        <div class="content">
+            <h2>Sorry, {name}</h2>
+            <p>We regret to inform you that your application for {gymName} has been rejected</p>
+            <p>Click <a href='{website}'>here</a> to visit our website for more information</p>
        </div>
    </div>
 </body>

--- a/src/main/java/com/gymtracker/email/style.css
+++ b/src/main/java/com/gymtracker/email/style.css
+body {
+    background-color: #f2f2f2;
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+}
+.container {
+    max-width: 600px;
+    margin: 0 auto;
+    padding: 25px;
+    text-align: center;
+}
+.content {
+    background-color: #ffffff;
+    border: 1px solid #ccc;
+    padding: 20px;
+    margin-top: 20px;
+}
+h1 {
+    color: #333333;
+    margin: 0;
+}
+h2 {
+    color: #0073ee;
+    margin-top: 0;
+}
+p {
+    color: #555555;
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+a {
+    color: #006bde;
+    text-decoration: none;
+}
+a:hover {
+    text-decoration: underline;
+}
\ No newline at end of file