From 6f8864a13dfc27fca6a45eb3f3f1597b2f8ff38f Mon Sep 17 00:00:00 2001
From: Sean Morley <zipsm15@gmail.com>
Date: Sat, 26 Oct 2024 19:43:27 -0400
Subject: [PATCH] Refactor Docker Compose configuration and add email backend
 documentation

---
 .../docs/Configuration/email_backend.md       | 28 +++++++++++++++++++
 .../src/routes/collections/[id]/+page.svelte  |  7 +++--
 2 files changed, 33 insertions(+), 2 deletions(-)
 create mode 100644 documentation/docs/Configuration/email_backend.md

diff --git a/documentation/docs/Configuration/email_backend.md b/documentation/docs/Configuration/email_backend.md
new file mode 100644
index 0000000..a8cb1d2
--- /dev/null
+++ b/documentation/docs/Configuration/email_backend.md
@@ -0,0 +1,28 @@
+---
+sidebar_position: 2
+---
+
+# Change Email Backend
+
+To change the email backend, you can set the following variable in your docker-compose.yml under the server service:
+
+## Using Console (default)
+
+```yaml
+environment:
+  - EMAIL_BACKEND='console'
+```
+
+## With SMTP
+
+```yaml
+environment:
+  - EMAIL_BACKEND='email'
+  - EMAIL_HOST='smtp.gmail.com'
+  - EMAIL_USE_TLS=False
+  - EMAIL_PORT=587
+  - EMAIL_USE_SSL=True
+  - EMAIL_HOST_USER='user'
+  - EMAIL_HOST_PASSWORD='password'
+  - DEFAULT_FROM_EMAIL='user@example.com'
+```
diff --git a/frontend/src/routes/collections/[id]/+page.svelte b/frontend/src/routes/collections/[id]/+page.svelte
index 4c586ef..47b401f 100644
--- a/frontend/src/routes/collections/[id]/+page.svelte
+++ b/frontend/src/routes/collections/[id]/+page.svelte
@@ -517,9 +517,12 @@
 					dateString
 				] || []}
 
-			<h2 class="text-center font-semibold text-2xl mb-2 mt-4">
-				Day {i + 1} - {adjustedDate.toLocaleDateString(undefined, { timeZone: 'UTC' })}
+			<h2 class="text-center font-bold text-3xl mt-4">
+				Day {i + 1}
 			</h2>
+			<h3 class="text-center text-xl mb-2">
+				{adjustedDate.toLocaleDateString(undefined, { timeZone: 'UTC' })}
+			</h3>
 			<div class="flex flex-wrap gap-4 mr-4 justify-center content-center">
 				{#if dayAdventures.length > 0}
 					{#each dayAdventures as adventure}