Add page titles, format

Comet-Robotics · Jun 9, 2024 · 13f635f · 13f635f
1 parent cd74c9e
commit 13f635f
Show file tree

Hide file tree

Showing 7 changed files with 51 additions and 36 deletions.
diff --git a/src/components/join.astro b/src/components/join.astro
@@ -2,19 +2,19 @@
 import { discordInvite, makerspaceMap } from '../data'
 
 interface Props {
-  theme: 'light' | 'dark';
+  theme: 'light' | 'dark'
 }
 
-const { theme } = Astro.props;
+const { theme } = Astro.props
 
-let bgColor = '#D9D9D9';
-let txtColor = 'black';
-let borderStyle = 'none';
+let bgColor = '#D9D9D9'
+let txtColor = 'black'
+let borderStyle = 'none'
 
 if (theme === 'dark') {
-  bgColor = '#1e1e1e';
-  txtColor = 'white';
-  borderStyle = 'solid';
+  bgColor = '#1e1e1e'
+  txtColor = 'white'
+  borderStyle = 'solid'
 }
 ---
 

diff --git a/src/content/config.ts b/src/content/config.ts
@@ -14,7 +14,7 @@ const projectCollection = defineCollection({
     deprecated: z.boolean().default(false),
     stats: z.array(statSchema),
     mainImage: z.object({ src: z.string(), alt: z.string() }),
-    draft: z.boolean().default(false)
+    draft: z.boolean().default(false),
   }),
 })
 

diff --git a/src/layouts/base.astro b/src/layouts/base.astro
@@ -7,15 +7,21 @@ import '../styles/App.css'
 
 import Navbar from '../components/navbar.astro'
 import Footer from '../components/footer.astro'
+
+interface Props {
+  title: string
+}
+
+const { title } = Astro.props
 ---
 
 <!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <!-- TODO: proper meta tags + dynamic titles -->
+    <!-- TODO: proper meta tags -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Comet Robotics at UT Dallas</title>
+    <title>Comet Robotics at UT Dallas{title ? ` | ${title}` : ''}</title>
     <link rel="sitemap" href="/sitemap-index.xml" />
   </head>
   <Navbar />

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -6,7 +6,7 @@ import Division from '../components/home/division.astro'
 import Join from '../components/join.astro'
 ---
 
-<BaseLayout>
+<BaseLayout title="Home">
   <Hero />
   <Summary />
   <Division
@@ -28,5 +28,5 @@ import Join from '../components/join.astro'
     images={['home/spiderbite.png', 'home/impulse.png']}
     learnMoreHref="#"
   />
-  <Join theme='light'/>
+  <Join theme="light" />
 </BaseLayout>
diff --git a/src/pages/links.astro b/src/pages/links.astro
@@ -6,26 +6,35 @@ import BaseLayout from '../layouts/base.astro'
 import Join from '../components/join.astro'
 import { linksPageLinks } from '../data'
 ---
-<BaseLayout>
-    <div class="main-container" style="padding-top: 120px; display: flex; background: linear-gradient(#230508 70%, var(--text-dark));">
-        <div class="links-container" style=" margin: auto; max-width: 30em; width: 100%">
-            <div style=" width: 100%; padding: 20px; border-radius: 25px; border-style: solid; margin: 30px; border-color: #380D0D; background-color: #250F0F;">
-                <h2>Email</h2>
-                <p>
-                    For general inquiries, reach out to our leadership team via email.
-                </p>
-                <a>[email protected]</a>
+
+<BaseLayout title="Links">
+  <div
+    class="main-container"
+    style="padding-top: 120px; display: flex; background: linear-gradient(#230508 70%, var(--text-dark));"
+  >
+    <div
+      class="links-container"
+      style=" margin: auto; max-width: 30em; width: 100%"
+    >
+      <div
+        style=" width: 100%; padding: 20px; border-radius: 25px; border-style: solid; margin: 30px; border-color: #380D0D; background-color: #250F0F;"
+      >
+        <h2>Email</h2>
+        <p>
+          For general inquiries, reach out to our leadership team via email.
+        </p>
+        <a>[email protected]</a>
+      </div>
+      {
+        linksPageLinks.map((link) => (
+          <a href={link.href}>
+            <div style=" width: 100%; padding: 20px; border-radius: 25px; border-style: solid; margin: 30px;">
+              <h2>{link.name}</h2>
             </div>
-            {
-            linksPageLinks.map((link) => (
-                <a href={link.href}>
-                    <div style=" width: 100%; padding: 20px; border-radius: 25px; border-style: solid; margin: 30px;">
-                        <h2>{link.name}</h2>
-                </div>
-                </a>
-            ))
-            }
-        </div>
+          </a>
+        ))
+      }
     </div>
-  <Join theme='dark'/>
+  </div>
+  <Join theme="dark" />
 </BaseLayout>
diff --git a/src/pages/projects/[...slug].astro b/src/pages/projects/[...slug].astro
@@ -18,7 +18,7 @@ const { entry } = Astro.props
 const { Content } = await entry.render()
 ---
 
-<BaseLayout>
+<BaseLayout title={entry.data.projectTitle}>
   <div class="main-container">
     <div class="content-container">
       <div class="description">

diff --git a/src/pages/projects/project.astro b/src/pages/projects/project.astro
@@ -36,7 +36,7 @@ let stats: Stat[] = [
 ]
 ---
 
-<BaseLayout>
+<BaseLayout title={projectTitle}>
   <div class="main-container">
     <div class="content-container">
       <div class="description">
@@ -86,5 +86,5 @@ let stats: Stat[] = [
       </p>
     </div>
   </div>
-  <Join theme='dark'/>
+  <Join theme="dark" />
 </BaseLayout>