[feat] add footer (#12)

* add footer * remove edit to env.d.ts * use astro image for optimization * remove edit to env.d.ts
calblueprint · Jan 11, 2024 · f9c9aad · f9c9aad
1 parent f378584
commit f9c9aad
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 16 deletions.
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
@@ -1 +1,26 @@
-<footer></footer>
+---
+import { Image } from 'astro:assets';
+import brandIcon from '../graphics/brand.webp';
+import bearIcon from '../graphics/bear.svg';
+---
+
+<footer>
+  <Image src={bearIcon} alt="super bear" />
+  <Image class="brand" src={brandIcon} alt="brand logo" />
+</footer>
+
+<style lang="scss">
+  footer {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 61px;
+    padding-top: 164px;
+    padding-bottom: 76px;
+  }
+
+  .brand {
+    width: 200px;
+    height: auto;
+  }
+</style>
diff --git a/src/graphics/brand.svg b/src/graphics/brand.svg
diff --git a/src/graphics/brand.webp b/src/graphics/brand.webp