Put this aside for the moment.

front-seat · Dec 4, 2023 · dfe0ccc · dfe0ccc
1 parent 56c3598
commit dfe0ccc
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 82 deletions.
diff --git a/index.html b/index.html
@@ -1,13 +1,21 @@
 <!doctype html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>
+
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Team Against Trump</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link
+    href="https://fonts.googleapis.com/css2?family=DM+Mono:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,700;1,9..40,400;1,9..40,700&family=DM+Serif+Display:ital@0;1&display=swap"
+    rel="stylesheet">
+</head>
+
+<body>
+  <div id="root"></div>
+  <script type="module" src="/src/main.tsx"></script>
+</body>
+
+</html>
diff --git a/src/components/Chrome.tsx b/src/components/Chrome.tsx
@@ -5,18 +5,18 @@ import { TextAvatar } from "./Avatar";
 
 const navigation: { name: string; href: string }[] = [];
 
-const footerNavigation = {
-  us: [
-    { name: "About", href: "#" },
-    { name: "Blog", href: "#" },
-    { name: "Press", href: "#" },
-    { name: "Partners", href: "#" },
-  ],
-  legal: [
-    { name: "Privacy", href: "#" },
-    { name: "Terms", href: "#" },
-  ],
-};
+// const footerNavigation = {
+//   us: [
+//     { name: "About", href: "#" },
+//     { name: "Blog", href: "#" },
+//     { name: "Press", href: "#" },
+//     { name: "Partners", href: "#" },
+//   ],
+//   legal: [
+//     { name: "Privacy", href: "#" },
+//     { name: "Terms", href: "#" },
+//   ],
+// };
 
 export const Chrome: React.FC<React.PropsWithChildren> = ({ children }) => {
   const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
@@ -157,59 +157,6 @@ export const Chrome: React.FC<React.PropsWithChildren> = ({ children }) => {
           </div>
         </div>
       </main>
-
-      {/* Footer */}
-      <div className="mx-auto mt-32 max-w-7xl px-6 lg:px-8">
-        <footer
-          aria-labelledby="footer-heading"
-          className="relative border-t border-gray-900/10 py-8 sm:py-12"
-        >
-          <h2 id="footer-heading" className="sr-only">
-            Footer
-          </h2>
-          <div className="flex flex-col">
-            <TextAvatar className="h-12 w-12 bg-blue-700 self-center">
-              TxT
-            </TextAvatar>
-            <div className="mt-8 flex flex-row justify-evenly items-start">
-              <div>
-                <h3 className="text-lg font-semibold leading-6 text-gray-900">
-                  Us
-                </h3>
-                <ul role="list" className="mt-6 space-y-4">
-                  {footerNavigation.us.map((item) => (
-                    <li key={item.name}>
-                      <a
-                        href={item.href}
-                        className="text-lg leading-6 text-gray-600 hover:text-gray-900 hover:underline"
-                      >
-                        {item.name}
-                      </a>
-                    </li>
-                  ))}
-                </ul>
-              </div>
-              <div className="">
-                <h3 className="text-lg font-semibold leading-6 text-gray-900">
-                  Legal
-                </h3>
-                <ul role="list" className="mt-6 space-y-4">
-                  {footerNavigation.legal.map((item) => (
-                    <li key={item.name}>
-                      <a
-                        href={item.href}
-                        className="text-lg leading-6 text-gray-600 hover:text-gray-900 hover:underline"
-                      >
-                        {item.name}
-                      </a>
-                    </li>
-                  ))}
-                </ul>
-              </div>
-            </div>
-          </div>
-        </footer>
-      </div>
     </div>
   );
 };
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,12 +1,13 @@
 /** @type {import('tailwindcss').Config} */
 export default {
-  content: [
-    "./index.html",
-    "./src/**/*.{js,ts,jsx,tsx}",
-  ],
+  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
   theme: {
+    fontFamily: {
+      sans: ["DM Sans", "sans-serif"],
+      serif: ["DM Serif Display", "serif"],
+      mono: ["DM Mono", "monospace"],
+    },
     extend: {},
   },
   plugins: [],
-}
-
+};