Update layout

src/pages/index.astro

@@ -17,28 +17,31 @@ const links = {
 };
 ---
 
-<Layout class="max-h-screen">
-  <Card tag="main" class="flex flex-col space-y-2">
+<Layout class="sm:max-h-screen">
+  <Card tag="main" class="space-y-3">
+    <h1 class="hidden"><a href="/" title="lua.re">lua.re</a></h1>
     <pre>{
 `   ∧...∧  𝜗𝜚
- (  ̳• · • ̳)   ᭢
+ (  ̳• · • ̳)    ᭢
  /         づ   ////  ⋆.⁺₊`
    }</pre>
-    <p>hi i'm luaneko ^^</p>
-    <p>this is my site where i put a bunch of random stuff !</p>
-    <p><Image src={miku} class="block rounded-lg max-w-80" /></p>
+    <p>
+      hi i'm luaneko ^^<br />
+      this is my site where i put a bunch of random stuff !<br />
+    </p>
+    <Image tag="p" src={miku} class="rounded-lg max-w-80" />
     <pre>{
 `          へ     ╱ 、
     ૮  -   ՛ )  (˚ˎ 。7
      /   ⁻  ៸|   |、˜〵   ᢉ𐭩 p&g
 乀(ˍ, ل ل  じしˍ,)ノ`
    }</pre>
-    <p>i love cats they miau miau</p>
-    <p><Image src={gato} class="block rounded-lg max-w-60" /></p>
-    <p>best way to contact me is by twt or mail {`<3`}</p>
+    <p>i love cats they go miau miau<br /></p>
+    <Image tag="p" src={gato} class="block rounded-lg max-w-60" />
+    <p>best way to contact me is by twt or mail {`<3`}<br /></p>
   </Card>
 
-  <footer class="flex flex-row space-x-1 my-2 text-sm">
+  <footer class="flex flex-row space-x-1 mt-3 text-sm">
     {
       Object.entries(links).map(([name, { alt, href }], i) => [
         i ? <span>·</span> : null,