diff --git a/TODO.md b/TODO.md
index 94f656a..4ae27f5 100644
--- a/TODO.md
+++ b/TODO.md
@@ -7,6 +7,14 @@
 
 ## Long term
 
+- The Chronicles
+- The Changelog
+- Grid view (all files)
+- Web archives
+- Videos
+- Timeline page
+- Contact page
+- About us page
 - Global search function
   - Convert Rich text to simple text for indexing and open graph purposes
 - Anonymous comments
diff --git a/src/components/AppLayout/components/Footer.astro b/src/components/AppLayout/components/Footer.astro
index 60f2777..8395eb7 100644
--- a/src/components/AppLayout/components/Footer.astro
+++ b/src/components/AppLayout/components/Footer.astro
@@ -36,19 +36,19 @@ const contactLabel = `${t("footer.socials.contact.title")} - ${t(
             <Icon name="accords" />
             <p>{t("footer.links.home.title")}</p>
           </a>
-          <a href="/archives">
+          <a href="/archives" class="DEV_TODO">
             <Icon name="material-symbols:browse" />
             <p>{"Contents"}</p>
           </a>
-          <a href="/chronicles">
+          <a href="/chronicles" class="DEV_TODO">
             <Icon name="material-symbols:book-2" />
             <p>{"Chronicles"}</p>
           </a>
-          <a href="/changelog">
+          <a href="/changelog" class="DEV_TODO">
             <Icon name="material-symbols:history" />
             <p>{"Changelog"}</p>
           </a>
-          <a href="/timeline">
+          <a href="/timeline" class="DEV_TODO">
             <Icon name="material-symbols:calendar-month" />
             <p>{t("footer.links.timeline.title")}</p>
           </a>
@@ -56,11 +56,11 @@ const contactLabel = `${t("footer.socials.contact.title")} - ${t(
             <Icon name="material-symbols:perm-media" />
             <p>{t("footer.links.gallery.title")}</p>
           </a>
-          <a href="/videos">
+          <a href="/videos" class="DEV_TODO">
             <Icon name="material-symbols:movie" />
             <p>{t("footer.links.videos.title")}</p>
           </a>
-          <a href="/archives">
+          <a href="/archives" class="DEV_TODO">
             <Icon name="material-symbols:folder-zip" />
             <p>{t("footer.links.webArchives.title")}</p>
           </a>
@@ -104,7 +104,11 @@ const contactLabel = `${t("footer.socials.contact.title")} - ${t(
             <Icon name="github-brands" />
           </a>
 
-          <a href="/contact" class="pressable-icon" aria-label={contactLabel} title={contactLabel}>
+          <a
+            href="/contact"
+            class="pressable-icon DEV_TODO"
+            aria-label={contactLabel}
+            title={contactLabel}>
             <Icon name="material-symbols:mail-outline" />
           </a>
         </div>
diff --git a/src/components/AppLayout/components/Html.astro b/src/components/AppLayout/components/Html.astro
index ca0d800..b766dbf 100644
--- a/src/components/AppLayout/components/Html.astro
+++ b/src/components/AppLayout/components/Html.astro
@@ -523,6 +523,15 @@ const { currentTheme } = Astro.locals;
     scrollbar-color: var(--color-base-650) transparent;
   }
 
+  .DEV_TODO {
+    display: none !important;
+    visibility: none !important;
+    opacity: 0 !important;
+    height: 0 !important;
+    width: 0 !important;
+    overflow: hidden !important;
+  }
+
   @media print {
     .when-no-print {
       display: none !important;
diff --git a/src/components/AppLayout/components/Topbar/Topbar.astro b/src/components/AppLayout/components/Topbar/Topbar.astro
index cbefd53..aec14e5 100644
--- a/src/components/AppLayout/components/Topbar/Topbar.astro
+++ b/src/components/AppLayout/components/Topbar/Topbar.astro
@@ -35,10 +35,13 @@ const { t, getLocalizedUrl } = await getI18n(Astro.locals.currentLocale);
   }
 
   <div id="toolbar" class="hide-scrollbar">
-    <a href={getLocalizedUrl("/search")} aria-label={t("header.topbar.search.tooltip")}>
+    <a
+      href={getLocalizedUrl("/search")}
+      aria-label={t("header.topbar.search.tooltip")}
+      class="DEV_TODO">
       <Button icon="material-symbols:search" />
     </a>
-    <div class="separator"></div>
+    <div class="separator DEV_TODO"></div>
 
     <div class="when-no-js">
       <a href="/settings">
@@ -94,11 +97,6 @@ const { t, getLocalizedUrl } = await getI18n(Astro.locals.currentLocale);
         justify-content: center;
       }
 
-      @media (max-width: 22rem) {
-        justify-content: space-between;
-        gap: 12px;
-      }
-
       & > .separator {
         width: 1px;
         height: 2em;
diff --git a/src/pages/[locale]/about.astro b/src/pages/[locale]/about.astro
deleted file mode 100644
index 99d6f23..0000000
--- a/src/pages/[locale]/about.astro
+++ /dev/null
@@ -1,7 +0,0 @@
----
-import AppLayout from "components/AppLayout/AppLayout.astro";
----
-
-{/* ------------------------------------------- HTML ------------------------------------------- */}
-
-<AppLayout title="WIP" />
diff --git a/src/pages/[locale]/archives.astro b/src/pages/[locale]/archives.astro
deleted file mode 100644
index 99d6f23..0000000
--- a/src/pages/[locale]/archives.astro
+++ /dev/null
@@ -1,7 +0,0 @@
----
-import AppLayout from "components/AppLayout/AppLayout.astro";
----
-
-{/* ------------------------------------------- HTML ------------------------------------------- */}
-
-<AppLayout title="WIP" />
diff --git a/src/pages/[locale]/contact.astro b/src/pages/[locale]/contact.astro
deleted file mode 100644
index 99d6f23..0000000
--- a/src/pages/[locale]/contact.astro
+++ /dev/null
@@ -1,7 +0,0 @@
----
-import AppLayout from "components/AppLayout/AppLayout.astro";
----
-
-{/* ------------------------------------------- HTML ------------------------------------------- */}
-
-<AppLayout title="WIP" />
diff --git a/src/pages/[locale]/discord.astro b/src/pages/[locale]/discord.astro
index 99d6f23..a97e514 100644
--- a/src/pages/[locale]/discord.astro
+++ b/src/pages/[locale]/discord.astro
@@ -1,7 +1,3 @@
 ---
-import AppLayout from "components/AppLayout/AppLayout.astro";
+return Astro.redirect("https://discord.com/invite/5mcXcRAczj");
 ---
-
-{/* ------------------------------------------- HTML ------------------------------------------- */}
-
-<AppLayout title="WIP" />
diff --git a/src/pages/[locale]/index.astro b/src/pages/[locale]/index.astro
index a203866..9ff7ffa 100644
--- a/src/pages/[locale]/index.astro
+++ b/src/pages/[locale]/index.astro
@@ -26,7 +26,7 @@ const { t, getLocalizedUrl } = await getI18n(Astro.locals.currentLocale);
   </div>
   <div id="description" slot="header-description">
     <p set:html={t("home.description")} class="high-contrast-text" />
-    <a href={getLocalizedUrl("/about")}>
+    <a href={getLocalizedUrl("/about")} class="DEV_TODO">
       <Button title={t("home.aboutUsButton")} icon="material-symbols:left-click" />
     </a>
   </div>
@@ -35,7 +35,7 @@ const { t, getLocalizedUrl } = await getI18n(Astro.locals.currentLocale);
     <section id="library" class="high-contrast-text">
       <h2>{t("home.librarySection.title")}</h2>
       <p set:html={t("home.librarySection.description")} />
-      <a href={getLocalizedUrl("/search")}>
+      <a href={getLocalizedUrl("/search")} class="DEV_TODO">
         <Button
           class="section-button"
           title={t("home.librarySection.button")}
@@ -47,7 +47,7 @@ const { t, getLocalizedUrl } = await getI18n(Astro.locals.currentLocale);
       </div>
     </section>
 
-    <section>
+    <section class="DEV_TODO">
       <h2>{t("home.chroniclesSection.title")}</h2>
       <p set:html={t("home.chroniclesSection.description")} />
       <div class="flex">
@@ -90,7 +90,7 @@ const { t, getLocalizedUrl } = await getI18n(Astro.locals.currentLocale);
       </div>
     </section>
 
-    <section>
+    <section class="DEV_TODO">
       <h2>{t("home.changesSection.title")}</h2>
       <p set:html={t("home.changesSection.description")} />
       <a href={getLocalizedUrl("/changelog")}>
@@ -102,7 +102,7 @@ const { t, getLocalizedUrl } = await getI18n(Astro.locals.currentLocale);
       </a>
     </section>
 
-    <section>
+    <section class="DEV_TODO">
       <h2>{t("home.moreSection.title")}</h2>
       <p set:html={t("home.moreSection.description")} />
       <div class="grid">
@@ -158,12 +158,14 @@ const { t, getLocalizedUrl } = await getI18n(Astro.locals.currentLocale);
           subtitle={t("footer.socials.github.subtitle")}
           href="https://github.com/Accords-Library"
         />
-        <LinkCard
-          icon="material-symbols:mail-outline"
-          title={t("footer.socials.contact.title")}
-          subtitle={t("footer.socials.contact.subtitle")}
-          href={getLocalizedUrl("/contact")}
-        />
+        <div class="DEV_TODO">
+          <LinkCard
+            icon="material-symbols:mail-outline"
+            title={t("footer.socials.contact.title")}
+            subtitle={t("footer.socials.contact.subtitle")}
+            href={getLocalizedUrl("/contact")}
+          />
+        </div>
       </div>
     </section>
   </div>
diff --git a/src/pages/[locale]/timeline.astro b/src/pages/[locale]/timeline.astro
deleted file mode 100644
index 99d6f23..0000000
--- a/src/pages/[locale]/timeline.astro
+++ /dev/null
@@ -1,7 +0,0 @@
----
-import AppLayout from "components/AppLayout/AppLayout.astro";
----
-
-{/* ------------------------------------------- HTML ------------------------------------------- */}
-
-<AppLayout title="WIP" />
diff --git a/src/pages/[locale]/videos.astro b/src/pages/[locale]/videos.astro
deleted file mode 100644
index 99d6f23..0000000
--- a/src/pages/[locale]/videos.astro
+++ /dev/null
@@ -1,7 +0,0 @@
----
-import AppLayout from "components/AppLayout/AppLayout.astro";
----
-
-{/* ------------------------------------------- HTML ------------------------------------------- */}
-
-<AppLayout title="WIP" />