Add footer

src/config.ts

@@ -1,9 +1,19 @@
+import UbuntuIndiaLogo from "./UbuntuIndia.svg"
+
 export const config = {
     siteTitle: "UbuCon Asia 2024",
-    blog:{
-        rssFeedUrl:"https://blog.ubucon.asia/tags/ubucon/index.xml",
+    blog: {
+        rssFeedUrl: "https://blog.ubucon.asia/tags/ubucon/index.xml",
         viewMoreUrl: "https://blog.ubucon.asia/"
     },
+    footer: {
+        copyright: "© 2024-Present UbuCon Asia Committee. Ubuntu and Canonical are registered trademarks of Canonical Ltd. Unless otherwise noted, content licensed under CC BY 4.0 source code under MIT.",
+        contactUs: "mailto:[email protected]",
+        srcRepoUrl: "https://github.com/ubucon-asia/2024.ubucon.asia",
+        organizers: [
+            { name: "Ubuntu India", logoImage: UbuntuIndiaLogo.src, link: "https://www.ubucon.asia" }
+        ]
+    },
     navigation: [
         {
             label: 'About',

src/layouts/Shell.astro

@@ -12,10 +12,53 @@ import { config } from "../config";
 ---
 
 <Layout title={title}>
-	<GlobalNavigation
-		logoTitle={config.siteTitle}
-		navItems={config.navigation}
-		navItemsRight={config.navigationRight}
-	/>
-	<slot />
+	<div class="l-site">
+		<GlobalNavigation
+			logoTitle={config.siteTitle}
+			navItems={config.navigation}
+			navItemsRight={config.navigationRight}
+		/>
+		<slot />
+		<footer class="l-footer--sticky p-strip--dark">
+			<div class="row">
+
+							{
+								config.footer.organizers.map((item) => (
+								<div class="col-small-2 col-medium-3 col-3">
+										<a href={item.link}>
+											<img
+												class="p-logo-section__logo"
+												src={item.logoImage}
+												alt={item.name}
+											/>
+										</a>
+									</div>
+								))
+							}
+
+			</div>
+			<nav class="row" aria-label="Footer">
+				<div class="has-cookie">
+					<p>
+						{config.footer.copyright}
+					</p>
+					<ul class="p-inline-list--middot">
+						<li class="p-inline-list__item">
+							<a href={config.footer.contactUs}
+								><small>Contact us with Email</small></a
+							>
+						</li>
+						<li class="p-inline-list__item">
+							<a href={config.footer.srcRepoUrl}
+								><small>See source code</small></a
+							>
+						</li>
+					</ul>
+					<span class="u-off-screen"
+						><a href="#">Go to the top of the page</a></span
+					>
+				</div>
+			</nav>
+		</footer>
+	</div>
 </Layout>

src/pages/index.astro

@@ -2,7 +2,7 @@
 import Shell from "../layouts/Shell.astro";
 import BlogFeed from "../components/BlogFeed.astro";
 import { config } from "../config";
-import { Strip, Col, Row, List } from "@canonical/react-components";
+import { Strip, Col, Row,  } from "@canonical/react-components";
 import uca24logo from "./logo.svg";
 import logoPlaceHolder from "./logo_placeholder.svg";
 ---