Old Code for the footer

Author: PrathameshDhande22

quartz/components/Footer.tsx

@@ -9,21 +9,49 @@ interface Options {
 
 export default ((opts?: Options) => {
   const Footer: QuartzComponent = ({ displayClass, cfg }: QuartzComponentProps) => {
-    const year = new Date().getFullYear()
     const links = opts?.links ?? []
     return (
       <footer class={`${displayClass ?? ""}`}>
-        <p>
-          {i18n(cfg.locale).components.footer.createdWith}{" "}
-          <a href="https://quartz.jzhao.xyz/">Quartz v{version}</a> © {year}
-        </p>
+        <p style={{ textAlign: "center" }}>Created with ❤️ by Prathamesh Dhande</p>
         <ul>
           {Object.entries(links).map(([text, link]) => (
             <li>
               <a href={link}>{text}</a>
             </li>
           ))}
         </ul>
+        <div style="text-align: center; padding: 20px; font-family: Arial, sans-serif;">
+          <p style="color: #007acc; font-size: 16px; margin: 5px;">
+            Written on{" "}
+            <a
+              href="https://obsidian.md"
+              target="_blank"
+              style="color: #00bfff; text-decoration: none;"
+            >
+              Obsidian
+            </a>
+          </p>
+          <p style="color: #ff9800; font-size: 16px; margin: 5px;">
+            Powered by{" "}
+            <a
+              href="https://github.com/jackyzha0/quartz"
+              target="_blank"
+              style="color: #ffcc33; text-decoration: none;"
+            >
+              Quartz
+            </a>
+          </p>
+          <p style="color: #4caf50; font-size: 16px; margin: 5px;">
+            Hosted on{" "}
+            <a
+              href="https://pages.github.com/"
+              target="_blank"
+              style="color: #66bb6a; text-decoration: none;"
+            >
+              GitHub Pages
+            </a>
+          </p>
+        </div>
       </footer>
     )
   }