diff --git a/data/www/admin/base.html b/data/www/admin/base.html
new file mode 100644
index 0000000..d28debb
--- /dev/null
+++ b/data/www/admin/base.html
@@ -0,0 +1,13 @@
+{% extends "base" %}
+{% block title %}{{ title }}{% endblock %}
+{% block main %}
+<h1 class="text-body-emphasis">{{title}}</h1>
+<p class="fs-5 col-md-8">
+	You have reached the {{title}}. This site can be used by
+	the host of the challenge to see the challenge progress, solution, and
+	hints for that challenge. This site is <b>NOT</b> part of the
+	challenge.
+</p>
+<hr class="mb-5">
+{% block content %}{% endblock content %}
+{% endblock %}
diff --git a/data/www/admin/details.html b/data/www/admin/details.html
index bc3df0a..ce598a9 100644
--- a/data/www/admin/details.html
+++ b/data/www/admin/details.html
@@ -1,5 +1,5 @@
-{% extends "base" %}
-{% block main %}
+{% extends "admin:base" %}
+{% block content %}
 <h1 class="text-body-emphasis">{{title}}</h1>
 <p class="fs-5 col-md-8">
   You have reached the {{title}}. This site can be used by
@@ -11,8 +11,8 @@
 <hr class="mb-5">
 
 <div class="row g-5 mb-5">
-  <h2 class="text-body-emphasis">Challenge {{ challenge_idx}} &mdash; {{ challenge_title }}</h2>
-  <p class="mt-1 mb-3">{{ challenge_description }}</p>
+  <h2 class="text-body-emphasis">Challenge {{ challenge.id }} &mdash; {{ challenge.title }}</h2>
+  <p class="mt-1 mb-3">{{ challenge.description }}</p>
   <div class="col mt-1">
     <h3>Hints</h3>
     <button class="btn btn-primary my-2" type="button" data-bs-toggle="collapse" data-bs-target="#hints"
@@ -21,7 +21,7 @@
     </button>
     <div class="collapse" id="hints">
       <ul class="list-unstyled ps-0">
-        {% for hint in challenge_hints %}
+        {% for hint in challenge.hints %}
         <li>
           <p>
             <svg class="bi" width="16" height="16">
@@ -45,53 +45,11 @@
         <svg class="bi" width="16" height="16">
           <use xlink:href="#arrow-right-circle" />
         </svg>
-        {{challenge_solution}}
+        {{challenge.solution}}
       </p>
     </div>
   </div>
 </div>
-
 <hr class="mb-5">
-
-<div class="row g-5">
-  <div class="col-md-6">
-    <h2 class="text-body-emphasis">Contestants</h2>
-    <p>
-      There are cuttently {{ contestants_amount }} contestants.
-      These contestants currently have had at least one connection to
-      the challenge:
-    </p>
-    <ul class="list-unstyled ps-0">
-      {% for contestant in contestants %}
-      <li>
-        <a class="icon-link mb-1" href="https://whatismyipaddress.com/ip/{{ contestant.ip }}">
-          <svg class="bi" width="16" height="16">
-            <use xlink:href="#arrow-right-circle" />
-          </svg>
-          {{ contestant.ip }}
-        </a>
-      </li>
-      {% endfor %}
-    </ul>
-  </div>
-
-  <div class="col-md-6">
-    <h2 class="text-body-emphasis">Winners</h2>
-    <p>
-      There are cuttently {{ winners_amount }} winners. These contestants currently have been sent the secret:
-    </p>
-    <ul class="list-unstyled ps-0">
-      {% for winner in winners %}
-      <li>
-        <a class="icon-link mb-1" href="https://whatismyipaddress.com/ip/{{ winner.ip }}">
-          <svg class="bi" width="16" height="16">
-            <use xlink:href="#arrow-right-circle" />
-          </svg>
-          {{ winner.ip }}
-        </a>
-      </li>
-      {% endfor %}
-    </ul>
-  </div>
-</div>
+{% include "comp:contestants_winners" %}
 {% endblock %}
diff --git a/data/www/admin/index.html b/data/www/admin/index.html
index bdb0f33..6abd128 100644
--- a/data/www/admin/index.html
+++ b/data/www/admin/index.html
@@ -1,14 +1,5 @@
-{% extends "base" %}
-{% block main %}
-<h1 class="text-body-emphasis">{{title}}</h1>
-<p class="fs-5 col-md-8">
-  You have reached the {{title}}. This site can be used by
-  the host of the challenge to see the challenge progress, solution, and
-  hints for that challenge. This site is <b>NOT</b> part of the
-  challenge.
-</p>
-
-<hr class="mb-5">
+{% extends "admin:base" %}
+{% block content %}
 
 <div class="row g-5">
   <div class="col-md-6">
@@ -25,6 +16,7 @@
           </svg>
           {{ challenge.id }} &mdash; {{ challenge.title }}
         </a>
+        &rArr; {{ challenge.addr }}
       </li>
       {% endfor %}
     </ul>
diff --git a/data/www/base.html b/data/www/base.html
index 8bc2755..602cf6d 100644
--- a/data/www/base.html
+++ b/data/www/base.html
@@ -44,11 +44,21 @@
 				d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z" />
 		</symbol>
 		<symbol id="vault" viewBox="0 0 16 16">
-			<title>Bootstrap</title>
+			<title>{{app_name}}</title>
 			<path d="M9.778 9.414A2 2 0 1 1 6.95 6.586a2 2 0 0 1 2.828 2.828" />
 			<path
 				d="M2.5 0A1.5 1.5 0 0 0 1 1.5V3H.5a.5.5 0 0 0 0 1H1v3.5H.5a.5.5 0 0 0 0 1H1V12H.5a.5.5 0 0 0 0 1H1v1.5A1.5 1.5 0 0 0 2.5 16h12a1.5 1.5 0 0 0 1.5-1.5v-13A1.5 1.5 0 0 0 14.5 0zm3.036 4.464 1.09 1.09a3 3 0 0 1 3.476 0l1.09-1.09a.5.5 0 1 1 .707.708l-1.09 1.09c.74 1.037.74 2.44 0 3.476l1.09 1.09a.5.5 0 1 1-.707.708l-1.09-1.09a3 3 0 0 1-3.476 0l-1.09 1.09a.5.5 0 1 1-.708-.708l1.09-1.09a3 3 0 0 1 0-3.476l-1.09-1.09a.5.5 0 1 1 .708-.708M14 6.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 1 0" />
 		</symbol>
+		<symbol id="admin" viewBox="0 0 16 16">
+			<path
+				d="M5.338 1.59a61 61 0 0 0-2.837.856.48.48 0 0 0-.328.39c-.554 4.157.726 7.19 2.253 9.188a10.7 10.7 0 0 0 2.287 2.233c.346.244.652.42.893.533q.18.085.293.118a1 1 0 0 0 .101.025 1 1 0 0 0 .1-.025q.114-.034.294-.118c.24-.113.547-.29.893-.533a10.7 10.7 0 0 0 2.287-2.233c1.527-1.997 2.807-5.031 2.253-9.188a.48.48 0 0 0-.328-.39c-.651-.213-1.75-.56-2.837-.855C9.552 1.29 8.531 1.067 8 1.067c-.53 0-1.552.223-2.662.524zM5.072.56C6.157.265 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.596 4.477-.787 7.795-2.465 9.99a11.8 11.8 0 0 1-2.517 2.453 7 7 0 0 1-1.048.625c-.28.132-.581.24-.829.24s-.548-.108-.829-.24a7 7 0 0 1-1.048-.625 11.8 11.8 0 0 1-2.517-2.453C1.928 10.487.545 7.169 1.141 2.692A1.54 1.54 0 0 1 2.185 1.43 63 63 0 0 1 5.072.56" />
+			<path d="M5.5 7a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5" />
+		</symbol>
+		<symbol id="user" viewBox="0 0 16 16">
+			<path
+				d="M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1zm-7.978-1L7 12.996c.001-.264.167-1.03.76-1.72C8.312 10.629 9.282 10 11 10c1.717 0 2.687.63 3.24 1.276.593.69.758 1.457.76 1.72l-.008.002-.014.002zM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4m3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0M6.936 9.28a6 6 0 0 0-1.23-.247A7 7 0 0 0 5 9c-4 0-5 3-5 4q0 1 1 1h4.216A2.24 2.24 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816M4.92 10A5.5 5.5 0 0 0 4 13H1c0-.26.164-1.03.76-1.724.545-.636 1.492-1.256 3.16-1.275ZM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4" />
+		</symbol>
+
 	</svg>
 
 	<!-- theme switcher -->
@@ -100,24 +110,86 @@
 		</ul>
 	</div>
 
-	<!-- basically everything but with some margin -->
-	<div class="col-lg-8 mx-auto p-4 py-md-5">
-		<header class="d-flex align-items-center pb-3 mb-5 border-bottom">
-			<a href="/" class="d-flex align-items-center text-body-emphasis text-decoration-none">
-				<svg class="bi me-2" width="40" height="32">
-					<use xlink:href="#vault" />
-				</svg>
-				<span class="fs-4">{{title}}</span>
-			</a>
-		</header>
+	<div class="container-fluid">
+		<div class="row">
+			<!-- side panel -->
+			<div class="d-flex flex-column flex-shrink-0 p-3 border-end" style="width: 280px;">
+				<a href="/"
+					class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-decoration-none text-body-emphasis">
+					<svg class="bi pe-none me-2" width="40" height="32">
+						<use xlink:href="#vault"></use>
+					</svg>
+					<span class="fs-4">{{app_name}}</span>
+				</a>
+				<hr>
+				<ul class="nav nav-pills flex-column mb-auto">
+					<li class="nav-item">
+						<a href="/" class="nav-link text-body-emphasis active" aria-current="page">
+							<svg class="bi pe-none me-2" width="16" height="16">
+								<use xlink:href="#home"></use>
+							</svg>
+							Home
+						</a>
+					</li>
+					<li class="border-top my-3"></li>
+					<li>
+						<a href="/" class="nav-link text-body-emphasis">
+							<svg class="bi pe-none me-2" width="16" height="16">
+								<use xlink:href="#user"></use>
+							</svg>
+							User Interface
+						</a>
+					</li>
+					<li>
+						<a href="/admin" class="nav-link text-body-emphasis">
+							<svg class="bi pe-none me-2" width="16" height="16">
+								<use xlink:href="#admin"></use>
+							</svg>
+							Admin Interface
+						</a>
+					</li>
+				</ul>
+				<hr>
+				<div class="dropdown">
+					<a href="#"
+						class="d-flex align-items-center text-decoration-none dropdown-toggle text-body-emphasis"
+						data-bs-toggle="dropdown" aria-expanded="false">
+						<img src="https://github.com/mdo.png" alt="" width="32" height="32" class="rounded-circle me-2">
+						<strong>anon</strong>
+					</a>
+					<ul class="dropdown-menu dropdown-menu-dark text-small shadow">
+						<li><a class="dropdown-item" href="#">Settings</a></li>
+						<li><a class="dropdown-item" href="#">Profile</a></li>
+						<li>
+							<hr class="dropdown-divider">
+						</li>
+						<li><a class="dropdown-item" href="#">Sign out</a></li>
+					</ul>
+				</div>
+			</div>
 
-		<main>
-			{% block main %}{% endblock %}
-		</main>
-		<footer class="pt-5 my-5 text-body-secondary border-top">
-			Created by {{ author }} &copy; {{year}}
-		</footer>
+			<!-- basically everything but with some margin -->
+			<div class="col-lg-8 mx-auto p-4 py-md-5">
+				<header class="d-flex align-items-center pb-3 mb-5 border-bottom">
+					<a href="/" class="d-flex align-items-center text-body-emphasis text-decoration-none">
+						<svg class="bi me-2" width="40" height="32">
+							<use xlink:href="#vault" />
+						</svg>
+						<span class="fs-4">{{app_name}}</span>
+					</a>
+				</header>
+
+				<main>
+					{% block main %}{% endblock %}
+				</main>
+				<footer class="pt-5 my-5 text-body-secondary border-top">
+					Created by {{ author }} &copy; {{year}}
+				</footer>
+			</div>
+
+		</div>
 	</div>
+
 	<script src="https://getbootstrap.com/docs/5.3/dist/js/bootstrap.bundle.min.js"
 		integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
 		crossorigin="anonymous"></script>
diff --git a/data/www/components/contestants_winners.html b/data/www/components/contestants_winners.html
new file mode 100644
index 0000000..4a45b11
--- /dev/null
+++ b/data/www/components/contestants_winners.html
@@ -0,0 +1,41 @@
+<div class="row g-5">
+	<div class="col-md-6">
+		<h2 class="text-body-emphasis">Contestants</h2>
+		<p>
+			There are cuttently {{ contestants_amount }} contestants.
+			These contestants currently have had at least one connection to
+			the challenge:
+		</p>
+		<ul class="list-unstyled ps-0">
+			{% for contestant in contestants %}
+			<li>
+				<a class="icon-link mb-1" href="https://whatismyipaddress.com/ip/{{ contestant.ip }}">
+					<svg class="bi" width="16" height="16">
+						<use xlink:href="#arrow-right-circle" />
+					</svg>
+					{{ contestant.ip }}
+				</a>
+			</li>
+			{% endfor %}
+		</ul>
+	</div>
+
+	<div class="col-md-6">
+		<h2 class="text-body-emphasis">Winners</h2>
+		<p>
+			There are cuttently {{ winners_amount }} winners. These contestants currently have been sent the secret:
+		</p>
+		<ul class="list-unstyled ps-0">
+			{% for winner in winners %}
+			<li>
+				<a class="icon-link mb-1" href="https://whatismyipaddress.com/ip/{{ winner.ip }}">
+					<svg class="bi" width="16" height="16">
+						<use xlink:href="#arrow-right-circle" />
+					</svg>
+					{{ winner.ip }}
+				</a>
+			</li>
+			{% endfor %}
+		</ul>
+	</div>
+</div>
diff --git a/data/www/user/base.html b/data/www/user/base.html
new file mode 100644
index 0000000..2ec39e6
--- /dev/null
+++ b/data/www/user/base.html
@@ -0,0 +1,12 @@
+{% extends "base" %}
+{% block title %}{{ title }}{% endblock %}
+{% block main %}
+<h1 class="text-body-emphasis">{{title}}</h1>
+<p class="fs-5 col-md-8">
+	You have reached the {{title}}. This site can be used by the
+	contestants see the challenges and their progress and hints for that
+	challenge. This site is <b>NOT</b> part of the challenge.
+</p>
+<hr class="mb-5">
+{% block content %}{% endblock content %}
+{% endblock %}
diff --git a/data/www/details.html b/data/www/user/details.html
similarity index 89%
rename from data/www/details.html
rename to data/www/user/details.html
index 9ae5f60..65185b4 100644
--- a/data/www/details.html
+++ b/data/www/user/details.html
@@ -1,6 +1,6 @@
-{% extends "base" %}
+{% extends "user:base" %}
 {% block title %}{{ title }}{% endblock %}
-{% block main %}
+{% block content %}
 <h1 class="text-body-emphasis">{{title}} User Interface</h1>
 <p class="fs-5 col-md-8">
 	You have reached the {{title}} User
@@ -13,8 +13,8 @@
 <hr class="mb-5">
 
 <div class="row g-5 mb-5">
-	<h2 class="text-body-emphasis">Challenge {{ challenge_idx}} &mdash; {{ challenge_title }}</h2>
-	<p class="mt-1 mb-3">{{ challenge_description }}</p>
+	<h2 class="text-body-emphasis">Challenge {{ challenge.idx}} &mdash; {{ challenge.title }}</h2>
+	<p class="mt-1 mb-3">{{ challenge.description }}</p>
 	<div class="col mt-1">
 		<h3>Hints</h3>
 		<button class="btn btn-primary my-2" type="button" data-bs-toggle="collapse" data-bs-target="#hints"
@@ -23,7 +23,7 @@
 		</button>
 		<div class="collapse" id="hints">
 			<ul class="list-unstyled ps-0">
-				{% for hint in challenge_hints %}
+				{% for hint in challenge.hints %}
 				<li>
 					<p>
 						<svg class="bi" width="16" height="16">
diff --git a/data/www/index.html b/data/www/user/index.html
similarity index 55%
rename from data/www/index.html
rename to data/www/user/index.html
index be7412e..937cfd9 100644
--- a/data/www/index.html
+++ b/data/www/user/index.html
@@ -1,15 +1,6 @@
-{% extends "base" %}
+{% extends "user:base" %}
 {% block title %}{{ title }}{% endblock %}
-{% block main %}
-<h1 class="text-body-emphasis">{{title}} Admin Interface</h1>
-<p class="fs-5 col-md-8">
-	You have reached the {{title}} User
-	Interface. This site can be used by the
-	contestants see the challenges and their
-	progress and hints for that challenge. This
-	site is <b>NOT</b> part of the challenge.
-</p>
-<hr class="mb-5">
+{% block content %}
 <div class="row g-5">
 	<div class="col-md-6">
 		<h2 class="text-body-emphasis">Challenges</h2>
@@ -23,8 +14,9 @@
 					<svg class="bi" width="16" height="16">
 						<use xlink:href="#arrow-right-circle" />
 					</svg>
-					{{ challenge.id }} &mdash; {{ challenge.title }} &rArr; {{ challenge.addr }}
+					{{ challenge.id }} &mdash; {{ challenge.title }}
 				</a>
+				&rArr; {{ challenge.addr }}
 			</li>
 			{% endfor %}
 		</ul>
diff --git a/src/meta/admin.rs b/src/meta/admin.rs
index 27ac860..57a26ad 100644
--- a/src/meta/admin.rs
+++ b/src/meta/admin.rs
@@ -11,6 +11,7 @@ use warp::Filter;
 use crate::challenge::ChallengeDesc;
 use crate::vault::VaultRef;
 
+use super::default_context;
 use super::errors::TemplateError;
 use super::Service;
 
@@ -54,20 +55,17 @@ async fn details(
             .get_template("admin:details")
             .map_err(TemplateError::from)?
             .render(context!(
+                ..default_context(),
+                ..context!(
+                challenge => challenge,
                 title => "Wooly-Vault Admin Interface",
-                author => env!("CARGO_PKG_AUTHORS"),
-                year => "2024",
-                challenge_idx => challenge.id(),
-                challenge_title => challenge.title(),
-                challenge_description => challenge.description(),
-                challenge_hints => challenge.hints(),
-                challenge_solution => challenge.solution(),
                 contestants => vault.contestants().await.iter().collect::<Vec<_>>(),
                 winners => vault.winners().await.iter().collect::<Vec<_>>(),
                 contestants => contestants,
                 winners => winners,
                 contestants_amount => contestants.len(),
                 winners_amount => winners.len(),
+                )
             ))
             .map_err(TemplateError::from)?
             .into(),
@@ -87,11 +85,12 @@ async fn index(serv: Arc<Service<'_>>) -> Result<Box<dyn warp::Reply>, warp::Rej
             .get_template("admin:index")
             .map_err(TemplateError::from)?
             .render(context!(
-                title => "Wooly-Vault Admin Interface",
-                author => env!("CARGO_PKG_AUTHORS"),
-                year => "2024",
-                challenges => challenges,
-                challenges_amount => challenges.len(),
+                ..default_context(),
+                ..context!(
+                    title => "Wooly-Vault Admin Interface",
+                    challenges => challenges,
+                    challenges_amount => challenges.len(),
+                )
             ))
             .map_err(TemplateError::from)?
             .into(),
diff --git a/src/meta/mod.rs b/src/meta/mod.rs
index 8306e11..bff0cff 100644
--- a/src/meta/mod.rs
+++ b/src/meta/mod.rs
@@ -1,8 +1,12 @@
+use std::fs::read_to_string;
+use std::path::Path;
 use std::sync::Arc;
 
+use anyhow::anyhow;
 use anyhow::Result;
 use libpt::log::tracing;
 use libpt::log::warn;
+use minijinja::context;
 use minijinja::Environment;
 use warp::reject::Rejection;
 use warp::reply::Reply;
@@ -29,6 +33,13 @@ impl<'tp> Service<'tp> {
     fn build(config: Config, challenges: Vec<(ChallengeDesc, VaultRef)>) -> Result<Arc<Self>> {
         let mut env = Environment::new();
         env.add_template("base", include_str!("../../data/www/base.html"))?;
+
+        env.add_template(
+            "comp:contestants_winners",
+            include_str!("../../data/www/components/contestants_winners.html"),
+        )?;
+
+        env.add_template("admin:base", include_str!("../../data/www/admin/base.html"))?;
         env.add_template(
             "admin:index",
             include_str!("../../data/www/admin/index.html"),
@@ -37,8 +48,13 @@ impl<'tp> Service<'tp> {
             "admin:details",
             include_str!("../../data/www/admin/details.html"),
         )?;
-        env.add_template("index", include_str!("../../data/www/index.html"))?;
-        env.add_template("details", include_str!("../../data/www/details.html"))?;
+
+        env.add_template("user:base", include_str!("../../data/www/user/base.html"))?;
+        env.add_template("user:index", include_str!("../../data/www/user/index.html"))?;
+        env.add_template(
+            "user:details",
+            include_str!("../../data/www/user/details.html"),
+        )?;
         Ok(Self {
             config,
             env,
@@ -82,3 +98,11 @@ async fn styles() -> Result<Box<dyn warp::Reply>, warp::Rejection> {
     let r = Response::new(include_str!("../../data/www/styles.css").to_string().into());
     Ok(Box::new(r))
 }
+
+pub fn default_context() -> minijinja::Value {
+    context!(
+        app_name => "Wooly-Vault",
+        author => env!("CARGO_PKG_AUTHORS"),
+        year => "2024",
+    )
+}
diff --git a/src/meta/user.rs b/src/meta/user.rs
index ed107f7..58e74c8 100644
--- a/src/meta/user.rs
+++ b/src/meta/user.rs
@@ -11,6 +11,7 @@ use warp::Filter;
 use crate::challenge::ChallengeDesc;
 use crate::vault::VaultRef;
 
+use super::default_context;
 use super::errors::TemplateError;
 use super::Service;
 
@@ -51,23 +52,20 @@ async fn details(
     let winners = vault.winners().await.into_iter().collect::<Vec<_>>();
     let r = Response::new(
         serv.env
-            .get_template("details")
+            .get_template("user:details")
             .map_err(TemplateError::from)?
             .render(context!(
+                ..default_context(),
+                ..context!(
+                challenge => challenge,
                 title => "Wooly-Vault User Interface",
-                author => env!("CARGO_PKG_AUTHORS"),
-                year => "2024",
-                challenge_idx => challenge.id(),
-                challenge_title => challenge.title(),
-                challenge_description => challenge.description(),
-                challenge_hints => challenge.hints(),
-                // challenge_solution => challenge.solution(),
                 contestants => vault.contestants().await.iter().collect::<Vec<_>>(),
                 winners => vault.winners().await.iter().collect::<Vec<_>>(),
                 contestants => contestants,
                 winners => winners,
                 contestants_amount => contestants.len(),
                 winners_amount => winners.len(),
+                )
             ))
             .map_err(TemplateError::from)?
             .into(),
@@ -84,14 +82,15 @@ async fn index(serv: Arc<Service<'_>>) -> Result<Box<dyn warp::Reply>, warp::Rej
         .collect::<Vec<_>>();
     let r = Response::new(
         serv.env
-            .get_template("admin:index")
+            .get_template("user:index")
             .map_err(TemplateError::from)?
             .render(context!(
-                title => "Wooly-Vault User Interface",
-                author => env!("CARGO_PKG_AUTHORS"),
-                year => "2024",
-                challenges => challenges,
-                challenges_amount => challenges.len(),
+                ..default_context(),
+                ..context!(
+                    title => "Wooly-Vault User Interface",
+                    challenges => challenges,
+                    challenges_amount => challenges.len(),
+                )
             ))
             .map_err(TemplateError::from)?
             .into(),