From 5754fe1907e5e6e3dbdc4f600dc73fbbba90a48e Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Wed, 15 Feb 2023 09:32:49 +0100
Subject: [PATCH] script to change title on runtime, remove og image

---
 src/components/Footer.astro | 10 ++++++++--
 src/components/Head.astro   | 14 ++++++++++----
 src/pages/index.astro       |  2 +-
 3 files changed, 19 insertions(+), 7 deletions(-)
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 07962cc..10067e1 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -2,8 +2,14 @@
   <ul role="list" style="list-style:none">
     <li>2022 &#169; <strong>Ayo Ayco</strong>. All Rights Reserved</li>
     <li><strong>Ayo Ayco</strong> | Software Engineer + Web Developer</li>
-    <li style="display:none">Find me on <a rel="me" href="https://fosstodon.org/@ayo">Mastodon</a></li>
-    <li>Find me on the <a rel="me" href="https://social.ayco.io/@ayo">#Fediverse</a></li>
+    <li style="display:none">
+      Find me on <a rel="me" href="https://fosstodon.org/@ayo">Mastodon</a>
+    </li>
+    <li>
+      Find me on the <a rel="me" href="https://social.ayco.io/@ayo"
+        >#Fediverse</a
+      >
+    </li>
     <li>
       Missing old content? I moved <a href="https://classic.ayco.io"
         >my previous site</a
diff --git a/src/components/Head.astro b/src/components/Head.astro
index 439fb92..8d189ce 100644
--- a/src/components/Head.astro
+++ b/src/components/Head.astro
@@ -6,13 +6,16 @@ export interface Props {
 const defaultDescription =
   "Ayo Ayco is a professional software engineer specializing in web development with a decade of experience building web applications for both private businesses and government-funded high-impact projects utilizing web technologies, IoT, data viz/insights, remote sensing, and GIS";
 
-let { title, description = defaultDescription } = Astro.props;
+let {
+  title = "Ayo Ayco | Software Engineer, Web Developer, Consultant",
+  description = defaultDescription,
+} = Astro.props;
 
 const baseURL = "https://ayo.ayco.io";
 ---
 
 <head>
-  <title>{`${title} | Ayo Ayco | Software Engineer + Web Developer`}</title>
+  <title>{title}</title>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width" />
   <meta name="generator" content={Astro.generator} />
@@ -34,9 +37,12 @@ const baseURL = "https://ayo.ayco.io";
   <meta property="og:title" content={title} />
   <meta property="og:type" content="website" />
   <meta property="og:url" content={baseURL + Astro.url.pathname} />
-  <meta property="og:image" content="/ayo.png" />
-  <meta property="og:image:alt" content={description} />
   <meta property="og:description" content={description} />
 
   <link rel="shortcut icon" type="image/png" href="/favicon.ico" />
+  <script>
+    const title = document.querySelector("title");
+    if (title && !title.textContent?.includes("Ayo Ayco"))
+      title.textContent = title.textContent + " | Ayo Ayco";
+  </script>
 </head>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 4c79e26..2f1069b 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -4,7 +4,7 @@ import Card from "../components/Card.astro";
 import Footer from "../components/Footer.astro";
 ---
 
-<Layout title="Home">
+<Layout>
   <section class="highlighted-section">
     <div class="highlighted-section__content">
       <h1 title="Ayo Ayco | Software Engineer + Web Developer">
