···

       
1
       
 
       
---

     

       
2
       
-
       
import Tag from "./Tag.astro"

     

       
3
       
 
       
import GitHubCalendar from "./GithubCalendar"

     

       
4
       
 
       
---

     

       
5
       
 
       


     

       
6
       
 
       
<div class="flex flex-col p-8 border-ctp-surface0 border w-full h-min relative">

     

       
7
       
-
       
    <Tag name="Contributions"/>

     

       
8
       
 
       
    <GitHubCalendar client:load username="imabanana80"/>

     

       
9
       
 
       
</div>

     

···

       
1
       
 
       
---

     

       
2
       
+
       
import Label from "./Label.astro"

     

       
3
       
 
       
import GitHubCalendar from "./GithubCalendar"

     

       
4
       
 
       
---

     

       
5
       
 
       


     

       
6
       
 
       
<div class="flex flex-col p-8 border-ctp-surface0 border w-full h-min relative">

     

       
7
       
+
       
    <Label name="Contributions"/>

     

       
8
       
 
       
    <GitHubCalendar client:load username="imabanana80"/>

     

       
9
       
 
       
</div>

     

···

       
1
       
 
       
---

     

       
2
       
-
       
import Tag from "./Tag.astro"

     

       
3
       
 
       
import Item from "./PinnedItem.astro"

     

       
4
       
 
       
---

     

       
5
       
 
       


     

       
6
       
 
       
<div class="flex flex-col p-8 border-ctp-surface0 border w-full h-min relative">

     

       
7
       
-
       
    <Tag name="Pinned"/>

     

       
8
       
 
       
    <div class="flex flex-wrap">

     

       
9
       
 
       
        <Item

     

       
10
       
 
       
            type="project"

     

···

       
1
       
 
       
---

     

       
2
       
+
       
import Label from "./Label.astro"

     

       
3
       
 
       
import Item from "./PinnedItem.astro"

     

       
4
       
 
       
---

     

       
5
       
 
       


     

       
6
       
 
       
<div class="flex flex-col p-8 border-ctp-surface0 border w-full h-min relative">

     

       
7
       
+
       
    <Label name="Pinned"/>

     

       
8
       
 
       
    <div class="flex flex-wrap">

     

       
9
       
 
       
        <Item

     

       
10
       
 
       
            type="project"

     

···

       
43
       
 
       
        <Badgebar badges={badges} size="20"/>    

     

       
44
       
 
       
    </div>

     

       
45
       
 
       
</div>

     

       
46
       
-
       


     

···

       
43
       
 
       
        <Badgebar badges={badges} size="20"/>    

     

       
44
       
 
       
    </div>

     

       
45
       
 
       
</div>

     

       
0
       
 
       

     

···

       
1
       
 
       
---

     

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

     

       
3
       
 
       
import Quote from '../components/Quote.astro'

     

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

     

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

     
···

       
31
       
 
       
           </span>

     

       
32
       
 
       
        </span>

     

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

     

       
34
       
-
       
            <Tag name="Currently"/>

     

       
35
       
 
       
            Switching to endeavoros | Open for Hire

     

       
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">

     

       
43
       
-
       
            <Tag name="Time"/>

     

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

     

       
45
       
 
       
        </span>

     

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

     

       
47
       
-
       
            <Tag name="Languages"/>

     

       
48
       
 
       
            <span>Java, Python, Golang, HTML/CSS/TS</span>

     

       
49
       
 
       
        </span>

     

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

     

       
51
       
-
       
            <Tag name="Frameworks"/>

     

       
52
       
 
       
            <span>PaperMC, Astro, Tailwindcss</span>

     

       
53
       
 
       
        </span>

     

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

     

       
55
       
-
       
            <Tag name="Tools"/>

     

       
56
       
 
       
            <span>Neovim, IntellIJ, Figma, VSC*de</span>

     

       
57
       
 
       
        </span>

     

       
58
       
 
       
        <div class="mt-4 flex">

     

···

       
1
       
 
       
---

     

       
2
       
+
       
import Label from '../components/Label.astro';

     

       
3
       
 
       
import Quote from '../components/Quote.astro'

     

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

     

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

     
···

       
31
       
 
       
           </span>

     

       
32
       
 
       
        </span>

     

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

     

       
34
       
+
       
            <Label name="Currently"/>

     

       
35
       
 
       
            Switching to endeavoros | Open for Hire

     

       
36
       
 
       
        </span>

     

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

     

       
38
       
+
       
            <Label 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">

     

       
43
       
+
       
            <Label name="Time"/>

     

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

     

       
45
       
 
       
        </span>

     

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

     

       
47
       
+
       
            <Label name="Languages"/>

     

       
48
       
 
       
            <span>Java, Python, Golang, HTML/CSS/TS</span>

     

       
49
       
 
       
        </span>

     

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

     

       
51
       
+
       
            <Label name="Frameworks"/>

     

       
52
       
 
       
            <span>PaperMC, Astro, Tailwindcss</span>

     

       
53
       
 
       
        </span>

     

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

     

       
55
       
+
       
            <Label name="Tools"/>

     

       
56
       
 
       
            <span>Neovim, IntellIJ, Figma, VSC*de</span>

     

       
57
       
 
       
        </span>

     

       
58
       
 
       
        <div class="mt-4 flex">

     

···

       
1
       
 
       
---

     

       
2
       
-
       
import Tag from "../components/Tag.astro"

     

       
3
       
 
       
---

     

       
4
       
 
       
<script>

     

       
5
       
 
       
    interface Quote {

     
···

       
23
       
 
       
    quoteeElement.textContent = "- " + quote.quotee

     

       
24
       
 
       
</script>

     

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

     

       
26
       
-
       
    <Tag name="Quote"/>

     

       
27
       
 
       
    <div class="flex flex-col text-sm gap-1">

     

       
28
       
 
       
        <span id="quote" class="italic"></span>

     

       
29
       
 
       
        <span id="quotee" class="w-full text-right"></span>

     

···

       
1
       
 
       
---

     

       
2
       
+
       
import Label from "../components/Label.astro"

     

       
3
       
 
       
---

     

       
4
       
 
       
<script>

     

       
5
       
 
       
    interface Quote {

     
···

       
23
       
 
       
    quoteeElement.textContent = "- " + quote.quotee

     

       
24
       
 
       
</script>

     

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

     

       
26
       
+
       
    <Label name="Quote"/>

     

       
27
       
 
       
    <div class="flex flex-col text-sm gap-1">

     

       
28
       
 
       
        <span id="quote" class="italic"></span>

     

       
29
       
 
       
        <span id="quotee" class="w-full text-right"></span>