···

       
2
       
2
       
 
       
import { Heart, Rocket, Copyright, Code } from "@lucide/astro"

     

       
3
       
3
       
 
       
---

     

       
4
       
4
       
 
       
<div class="flex justify-between bg-ctp-base p-6 pl-12 pr-12">

     

       
5
       
5
       
-
       
    <span class="inline-flex gap-2">

     

       
5
       
5
       
+
       
    <span class="inline-flex gap-2 items-center">

     

       
6
       
6
       
 
       
        Copyright 

     

       
7
       
7
       
 
       
        <Copyright size="20" class="stroke-ctp-text"/>

     

       
8
       
8
       
 
       
        2026 Banana

     
···

       
12
       
12
       
 
       
            class="text-xs text-ctp-overlay0 flex gap-1 hover:underline"><Code size="16" />src</a>

     

       
13
       
13
       
 
       


     

       
14
       
14
       
 
       
    </span>

     

       
15
       
15
       
-
       
    <span class="inline-flex gap-2">

     

       
15
       
15
       
+
       
    <span class="inline-flex gap-2 items-center">

     

       
16
       
16
       
 
       
        Made with

     

       
17
       
17
       
 
       
        <Heart size="20" class="stroke-ctp-red"/>

     

       
18
       
18
       
 
       
        using Astro

     

···

       
8
       
8
       
 
       
---

     

       
9
       
9
       
 
       
<div class="fixed z-40 bg-ctp-base 

     

       
10
       
10
       
 
       
    left-[2%] right-[2%] md:left-[4%] md:right-[4%] xl:left-[8%] xl:right-[8%] 

     

       
11
       
11
       
-
       
    pl-8 pr-8 pt-4 pb-4 flex justify-between rounded-bl-2xl rounded-br-2xl">

     

       
11
       
11
       
+
       
    pl-8 pr-8 pt-4 pb-4 flex justify-between rounded-bl-2xl rounded-br-2xl squircle">

     

       
12
       
12
       
 
       
    <div class="flex gap-4 items-center">

     

       
13
       
13
       
 
       
        <span class="flex flex-col">

     

       
14
       
14
       
 
       
            <span>~/banana{href}</span>

     

···

       
8
       
8
       
 
       
    --ease-out: cubic-bezier(0,0.69,0.44,0.99);

     

       
9
       
9
       
 
       
    --default-font-family: "JetBrains Mono", monospaced;

     

       
10
       
10
       
 
       
}

     

       
11
       
11
       
+
       


     

       
12
       
12
       
+
       
.squircle {

     

       
13
       
13
       
+
       
    corner-shape: squircle

     

       
14
       
14
       
+
       
}