Add footer

- Closes #7. - Closes #8.
grammyjs · Mar 20, 2024 · e5e497b · e5e497b
1 parent d1acd22
commit e5e497b
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 21 deletions.
diff --git a/routes/_app.tsx b/routes/_app.tsx
@@ -23,7 +23,7 @@ export default function App({ Component, url }: PageProps) {
           {["/update-explorer", "/connectivity-test"].includes(url.pathname)
             ? <Component />
             : (
-              <main class="mx-auto w-full max-w-[900px] p-5 xl:(p-10) flex">
+              <main class="mx-auto w-full max-w-[900px] p-5 xl:(p-10) flex flex-col">
                 <Component />
               </main>
             )}

diff --git a/routes/index.tsx b/routes/index.tsx
@@ -117,26 +117,39 @@ const sections = [
 
 export default function Home() {
   return (
-    <div class="flex flex-col w-full gap-10">
-      {sections.map((v) => (
-        <div class="flex flex-col gap-5">
-          <div class="flex flex-col gap-1.5">
-            <div class="text-2xl font-bold">{v.name}</div>
-            {v.description && <div>{v.description}</div>}
+    <>
+      <div class="flex flex-col w-full gap-10">
+        {sections.map((v) => (
+          <div class="flex flex-col gap-5">
+            <div class="flex flex-col gap-1.5">
+              <div class="text-2xl font-bold">{v.name}</div>
+              {v.description && <div>{v.description}</div>}
+            </div>
+            <div class="grid gap-5 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3">
+              {v.tools.map((v) => (
+                <Card
+                  href={v.href}
+                  title={v.name}
+                  description={v.description}
+                  icon={v.icon}
+                  disabled={"disabled" in v}
+                />
+              ))}
+            </div>
           </div>
-          <div class="grid gap-5 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3">
-            {v.tools.map((v) => (
-              <Card
-                href={v.href}
-                title={v.name}
-                description={v.description}
-                icon={v.icon}
-                disabled={"disabled" in v}
-              />
-            ))}
-          </div>
-        </div>
-      ))}
-    </div>
+        ))}
+      </div>
+      <footer class="text-xs py-10 flex gap-10 items-center justify-between flex-wrap">
+        <span class="opacity-50">
+          &copy; {new Date().getFullYear() > 2024 && "2024-"}
+          {new Date().getFullYear()}{" "}
+          grammyjs &middot; telegram.tools is not affiliated with Telegram.
+
+        </span>
+        <a href="https://github.com/grammyjs/telegram.tools" target="_blank" class="text-grammy"> 
+          Source Code
+        </a>
+      </footer>
+    </>
   );
 }