···

       
1
       
 
       
---

     

       
2
       
 
       
import Tag from '../components/Tag.astro';

     

       
3
       
-
       
import { Github, Twitch, Youtube, Icon } from '@lucide/astro'

     

       
4
       
 
       
import { butterfly } from '@lucide/lab'

     

       
0
       
 
       

     

       
5
       
 
       
---

     

       
6
       
 
       
<div class="flex flex-col col-span-2 border border-ctp-surface0 gap-[-1px] w-full h-min">

     

       
7
       
 
       
    <span class="p-4 pb-0 border-b border-ctp-surface0 relative">

     
···

       
19
       
 
       
                <a href="https://github.com/imabanana80">

     

       
20
       
 
       
                    <Github size="20" 

     

       
21
       
 
       
                        class="stroke-ctp-green hover:rotate-15 ease-in hover:ease-out transition-transform"/></a>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
22
       
 
       
                <a href="https://bsky.app/profile/imabanana80.com">

     

       
23
       
 
       
                    <Icon iconNode={butterfly} size="20" 

     

       
24
       
 
       
                        class="stroke-ctp-sapphire hover:rotate-15 ease-in hover:ease-out transition-transform"/></a>

     

       
25
       
-
       
                <a href="https://twitch.tv/imabanana80">

     

       
26
       
-
       
                    <Twitch size="20" 

     

       
27
       
-
       
                        class="stroke-ctp-mauve hover:rotate-15 ease-in hover:ease-out transition-transform"/></a>

     

       
28
       
-
       
                <a href="https://youtube.com/@imabanana80">

     

       
29
       
-
       
                    <Youtube size="20" 

     

       
30
       
-
       
                        class="stroke-ctp-red hover:rotate-15 ease-in hover:ease-out transition-transform"/></a>

     

       
31
       
-
       
            </span>

     

       
32
       
 
       
        </span>

     

       
33
       
 
       
        <span class="relative p-3 mt-4 border border-ctp-surface0 text-sm">

     

       
34
       
 
       
            <Tag name="About"/>

     

       
35
       
 
       
            Hi, I'm Banana, a computer science student and software developer that specialises in 

     

       
36
       
 
       
            Web Development as well as developing and hosting Minecraft Events.

     

       
37
       
 
       
        </span>

     

       
38
       
-
       
        <span class="relative p-3 mt-4 border border-ctp-surface0 text-sm">

     

       
39
       
-
       
            <Tag name="Currently"/>

     

       
40
       
-
       
            Learning Svelte | Open for Hire

     

       
41
       
-
       
        </span>

     

       
42
       
-
       
        <span class="relative p-3 -mt-px border border-ctp-surface0 text-ctp-subtext0 text-sm">

     

       
43
       
 
       
            <Tag name="Time"/>

     

       
44
       
 
       
            <span id="clock" class="text-ctp-text"></span> (SGT/UTC+8)

     

       
45
       
 
       
        </span>

     

···

       
1
       
 
       
---

     

       
2
       
 
       
import Tag from '../components/Tag.astro';

     

       
3
       
+
       
import { Github, Spool, Icon } from '@lucide/astro'

     

       
4
       
 
       
import { butterfly } from '@lucide/lab'

     

       
5
       
+
       


     

       
6
       
 
       
---

     

       
7
       
 
       
<div class="flex flex-col col-span-2 border border-ctp-surface0 gap-[-1px] w-full h-min">

     

       
8
       
 
       
    <span class="p-4 pb-0 border-b border-ctp-surface0 relative">

     
···

       
20
       
 
       
                <a href="https://github.com/imabanana80">

     

       
21
       
 
       
                    <Github size="20" 

     

       
22
       
 
       
                        class="stroke-ctp-green hover:rotate-15 ease-in hover:ease-out transition-transform"/></a>

     

       
23
       
+
       
                <a href="https://tangled.org/@banana.tngl.sh/">

     

       
24
       
+
       
                    <Spool size="20" 

     

       
25
       
+
       
                        class="stroke-ctp-lavender hover:rotate-15 ease-in hover:ease-out transition-transform"/></a>

     

       
26
       
+
       


     

       
27
       
+
       
                </a>

     

       
28
       
 
       
                <a href="https://bsky.app/profile/imabanana80.com">

     

       
29
       
 
       
                    <Icon iconNode={butterfly} size="20" 

     

       
30
       
 
       
                        class="stroke-ctp-sapphire hover:rotate-15 ease-in hover:ease-out transition-transform"/></a>

     

       
31
       
+
       
           </span>

     

       
32
       
+
       
        </span>

     

       
33
       
+
       
        <span class="relative p-3 mt-4 border border-ctp-surface0 text-sm">

     

       
34
       
+
       
            <Tag name="Currently"/>

     

       
35
       
+
       
            Learning Svelte | Open for Hire

     

       
0
       
 
       

     

       
0
       
 
       

     

       
36
       
 
       
        </span>

     

       
37
       
 
       
        <span class="relative p-3 mt-4 border border-ctp-surface0 text-sm">

     

       
38
       
 
       
            <Tag name="About"/>

     

       
39
       
 
       
            Hi, I'm Banana, a computer science student and software developer that specialises in 

     

       
40
       
 
       
            Web Development as well as developing and hosting Minecraft Events.

     

       
41
       
 
       
        </span>

     

       
42
       
+
       
        <span class="relative p-3 mt-4 border border-ctp-surface0 text-ctp-subtext0 text-sm">

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
43
       
 
       
            <Tag name="Time"/>

     

       
44
       
 
       
            <span id="clock" class="text-ctp-text"></span> (SGT/UTC+8)

     

       
45
       
 
       
        </span>