feat: add credit and footer

wevisdemo · Nov 21, 2024 · 7a4fdbb · 7a4fdbb
1 parent 69cae3c
commit 7a4fdbb
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 6 deletions.
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
@@ -0,0 +1,20 @@
+<div class="py-12 text-center">
+	<p class="link-02 text-neutral-500">
+		Base on <a
+			href="https://github.com/wevisdemo/e-initiative-template"
+			target="_blank"
+			rel="noopener noreferrer">E-Initiative Template</a
+		> by <a
+			href="https://wevis.info"
+			target="_blank"
+			rel="noopener noreferrer"
+			class="">WeVis</a
+		>
+	</p>
+</div>
+
+<style lang="postcss">
+  a {
+    @apply underline hover:text-primary;
+  }
+</style>
diff --git a/src/layouts/Body.astro b/src/layouts/Body.astro
@@ -2,7 +2,7 @@
 import Config from '../../e-initiative.config.mjs';
 import '../styles/global.css';
 import '../styles/typography.css';
-
+import Footer from '../components/Footer.astro';
 interface Props {
 	title?: string;
 	description?: string;
@@ -40,7 +40,11 @@ const previewImageUrl =
 				Config.theme.stylesheets.map((href) => <link {href} rel="stylesheet" />)
 		}
 	</head>
-	<body class="body-02">
-		<slot />
+	<body class="flex min-h-screen flex-col">
+		<main class="body-02 flex-1">
+			<slot />
+		</main>
+		<Footer />
+		<slot name="after-footer" />
 	</body>
 </html>
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -11,7 +11,7 @@ import { isCampaignEnded } from '../utils/campaign';
 ---
 
 <Body>
-	<main class="flex flex-col">
+	<div class="flex flex-col">
 		<LandingSection />
 		<IntroSection />
 		{
@@ -23,6 +23,6 @@ import { isCampaignEnded } from '../utils/campaign';
 			)
 		}
 		<AboutSection />
-		<Navbar client:idle />
-	</main>
+	</div>
+	<Navbar slot="after-footer" client:idle />
 </Body>