Update page

src/pages/index.astro

@@ -1,5 +1,8 @@
 ---
 import Layout from "@layouts/index.astro";
+import Image from "@components/image.astro";
+import peace from "@assets/peace.jpg";
+import gato from "@assets/gato.jpg";
 
 const links = {
   git: { alt: "Git", href: "https://git.lua.re/" },
@@ -9,15 +12,29 @@ const links = {
 };
 ---
 
-<Layout class="max-w-screen-sm mx-auto p-8">
-  <main class="px-4 py-3 bg-white rounded shadow-xs leading-tight">
+<Layout class="max-h-screen">
+  <main
+    class="px-5 py-3 space-y-2 bg-white rounded-lg shadow-xs leading-tight min-h-0 overflow-scroll"
+  >
     <pre>{
 `  ∧...∧ 𝜗𝜚
-(  ̳• · • ̳)      ᭢
-/         づ `}<a href={links.twt.href} title={links.twt.alt}>awa {`⋆.⁺₊`}</a>{
-}</pre>
+(  ̳• · • ̳)          ᭢
+/         づ /// ⋆.⁺₊`
+    }</pre>
+
+    <p>mew mew</p>
+    <p><Image src={peace} class="rounded max-w-60" /></p>
+    <pre>{
+`          へ     ╱ 、
+    ૮  -   ՛ )  (˚ˎ 。7
+     /   ⁻  ៸|   |、˜〵   ♡
+乀(ˍ, ل ل  じしˍ,)ノ`
+    }</pre>
+    <p><Image src={gato} class="rounded max-w-60" /></p>
+    <p>el gato 🤯</p>
   </main>
-  <footer class="my-3 text-sm">
+
+  <footer class="text-sm my-2">
     {
       Object.entries(links).map(([name, { alt, href }], i) => [
         i ? " · " : "",