···

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

     

       
3
       
 
       
---

     

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

     

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

     

       
6
       
 
       
        Copyright 

     

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

     

       
8
       
 
       
        2026 Banana

     
···

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

     

       
13
       
 
       


     

       
14
       
 
       
    </span>

     

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

     

       
16
       
 
       
        Made with

     

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

     

       
18
       
 
       
        using Astro

     

···

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

     

       
3
       
 
       
---

     

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

     

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

     

       
6
       
 
       
        Copyright 

     

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

     

       
8
       
 
       
        2026 Banana

     
···

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

     

       
13
       
 
       


     

       
14
       
 
       
    </span>

     

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

     

       
16
       
 
       
        Made with

     

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

     

       
18
       
 
       
        using Astro

     

···

       
1
       
 
       
---

     

       
2
       
 
       
import Btn from "./NavbarLink.astro"

     

       
3
       
-
       
import { Code } from "@lucide/astro"

     

       
4
       
 
       


     

       
5
       
 
       
let href = Astro.url.toString()

     

       
6
       
 
       
href = href.replace(Astro.url.host.toString(), "")

     
···

       
9
       
 
       
---

     

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

     

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

     

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

     

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

     

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

     

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

     

       
16
       
-
       
            <a href="https://tangled.org/@banana.tngl.sh/mywebsite-2026"

     

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

     

       
18
       
 
       
        </span>

     

       
19
       
 
       
    </div>

     

       
20
       
 
       
    <div class="flex gap-6 items-center">

     

···

       
1
       
 
       
---

     

       
2
       
 
       
import Btn from "./NavbarLink.astro"

     

       
0
       
 
       

     

       
3
       
 
       


     

       
4
       
 
       
let href = Astro.url.toString()

     

       
5
       
 
       
href = href.replace(Astro.url.host.toString(), "")

     
···

       
8
       
 
       
---

     

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

     

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

     

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

     

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

     

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

     

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

     

       
0
       
 
       

     

       
0
       
 
       

     

       
15
       
 
       
        </span>

     

       
16
       
 
       
    </div>

     

       
17
       
 
       
    <div class="flex gap-6 items-center">

     

···

       
5
       
 
       
<Item

     

       
6
       
 
       
    type="team"

     

       
7
       
 
       
    title="potassium.sh"

     

       
8
       
-
       
    subtitle="An indie software development studio for the creative and insane, founded by me!"

     

       
9
       
 
       
    href="https://potassium.sh"

     

       
10
       
 
       
    tag="Founder"

     

       
11
       
 
       
    tagcolor="--catppuccin-color-rosewater"

     

···

       
5
       
 
       
<Item

     

       
6
       
 
       
    type="team"

     

       
7
       
 
       
    title="potassium.sh"

     

       
8
       
+
       
    subtitle="An indie software development studio for the creative and insane, founded by me, with some friends!"

     

       
9
       
 
       
    href="https://potassium.sh"

     

       
10
       
 
       
    tag="Founder"

     

       
11
       
 
       
    tagcolor="--catppuccin-color-rosewater"

     

···

       
19
       
 
       
        <span class="text-base flex justify-between w-full flex-wrap gap-2">

     

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

     

       
21
       
 
       
                <span class="text-2xl font-bold">Banana</span>

     

       
22
       
-
       
                <a href="mailto:banana@potassium.sh" class="hover:underline ease-in hover:ease-out transition-all">banana@potassium.sh</a>

     

       
0
       
 
       

     

       
23
       
 
       
            </span>

     

       
24
       
 
       
            <BadgeBar 

     

       
25
       
 
       
                badges={[

     

···

       
19
       
 
       
        <span class="text-base flex justify-between w-full flex-wrap gap-2">

     

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

     

       
21
       
 
       
                <span class="text-2xl font-bold">Banana</span>

     

       
22
       
+
       
                <a href="mailto:banana@potassium.sh" class="hover:underline ease-in hover:ease-out transition-all">

     

       
23
       
+
       
                    banana@potassium.sh</a>

     

       
24
       
 
       
            </span>

     

       
25
       
 
       
            <BadgeBar 

     

       
26
       
 
       
                badges={[

     

···

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

     

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

     

       
10
       
 
       
}

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

···

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

     

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

     

       
10
       
 
       
}

     

       
11
       
+
       


     

       
12
       
+
       
.squircle {

     

       
13
       
+
       
    corner-shape: squircle

     

       
14
       
+
       
}