commit df0cbe8a821554c52e63fc1dfa5795fadbfaa505 · banana.tngl.sh/mywebsite-2026

+15 -14

src/components/PortfolioItem.astro

···

       16
       16
        
           badges?: Badge[]

     

       17
       17
        
       }

     

       18
       18
        
       

     

       19
       19
       -
       const { type, icon, title, subtitle, tag, tagcolor, href, badges } = Astro.props

     

       19
       19
       +
       const { type, icon = "Box", title, subtitle, tag, tagcolor, href, badges } = Astro.props

     

       20
       20
        
       

     

       21
       21
        
       var color = "--catppuccin-color-yellow"

     

       22
       22
        
       if (type=="project") {

     
···

       33
       33
        
       const colorCss = "var(" + color + ")"

     

       34
       34
        
       

     

       35
       35
        
       var iconName = icon

     

       36
       36
       -
       if (type=="project") {

     

       37
       37
       -
           iconName = "Archive" 

     

       38
       38
       -
       } else if (type=="repo") {

     

       39
       39
       -
           iconName = "BookMarked"

     

       40
       40
       -
       } else if (type=="team") {

     

       41
       41
       -
           iconName = "Users"

     

       42
       42
       -
       } else if (type=="misc") {

     

       43
       43
       -
           color = "Box"

     

       44
       44
       -
       } else if (type=="freelance") {

     

       45
       45
       -
           color = "ReceiptText"

     

       36
       36
       +
       if (iconName == "Box") {

     

       37
       37
       +
           if (type=="project") {

     

       38
       38
       +
               iconName = "Archive" 

     

       39
       39
       +
           } else if (type=="repo") {

     

       40
       40
       +
               iconName = "BookMarked"

     

       41
       41
       +
           } else if (type=="team") {

     

       42
       42
       +
               iconName = "Users"

     

       43
       43
       +
           } else if (type=="misc") {

     

       44
       44
       +
               iconName = "Box"

     

       45
       45
       +
           } else if (type=="freelance") {

     

       46
       46
       +
               iconName = "ReceiptText"

     

       47
       47
       +
           }

     

       46
       48
        
       }

     

       47
       49
        
       

     

       48
       48
       -
       

     

       49
       49
       -
       import LucideIcon from "./LucideIcon.astro";

     

       50
       50
       +
       import LucideIcon from "./LucideIcon.astro"

     

       50
       51
        
       import Badgebar from "./Badgebar.astro"

     

       51
       52
        
       import Tag from "./Tag.astro"

     

       52
       53
        
       ---

     

       53
       54
        
       <div class="p-4 border border-ctp-surface0 flex flex-col -mt-px w-full">

     

       54
       54
       -
           <div class="flex justify-between gap-16">

     

       55
       55
       +
           <div class="flex justify-between gap-8">

     

       55
       56
        
               <a href=`${href}` class="flex flex-col gap-1 group">

     

       56
       57
        
                   <span class="text-xl flex gap-2 items-center">

     

       57
       58
        
                       <LucideIcon name=`${iconName}` width="20" height="20" style={`stroke:${colorCss}`} />

+1 -1

src/components/navbar/Navbar.astro

···

       7
       7
        
       href = href.replace("https://", "")

     

       8
       8
        
       href = href.replace("http://", "")

     

       9
       9
        
       ---

     

       10
       10
       -
       <div class="absolute bg-ctp-base w-full pl-8 pr-8 pt-4 pb-4 flex justify-between rounded-bl-2xl rounded-br-2xl">

     

       10
       10
       +
       <div class="fixed z-40 bg-ctp-base left-[12%] right-[12%] pl-8 pr-8 pt-4 pb-4 flex justify-between rounded-bl-2xl rounded-br-2xl">

     

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

     

       12
       12
        
               <a href="/doodlecat.png"><img src="doodlecat.png" width="48px" height="48px" class="rounded-full" /></a>

     

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

+34

src/components/projects/BiomeBattle.astro

···

       1
       1
       +
       ---

     

       2
       2
       +
       import Item from "../PortfolioItem.astro"

     

       3
       3
       +
       ---

     

       4
       4
       +
       <Item

     

       5
       5
       +
           type="freelance"

     

       6
       6
       +
           title="BiomeBattle"

     

       7
       7
       +
           subtitle="A modern Minecraft creator event. As a developer, I helped with minor improvements to the cosmetics system."

     

       8
       8
       +
           icon="Earth"

     

       9
       9
       +
           href="https://biomebattle.xyz/"

     

       10
       10
       +
           tag="Java"

     

       11
       11
       +
           tagcolor="--catppuccin-color-teal"

     

       12
       12
       +
           badges={[

     

       13
       13
       +
               {

     

       14
       14
       +
                   icon: "Bird",

     

       15
       15
       +
                   href: "https://x.com/biomebattle",

     

       16
       16
       +
                   color: "var(--catppuccin-color-sapphire)"

     

       17
       17
       +
               },

     

       18
       18
       +
               {

     

       19
       19
       +
                   icon: "Github",

     

       20
       20
       +
                   href: "https://github.com/biomebattle",

     

       21
       21
       +
                   color: "var(--catppuccin-color-green)"

     

       22
       22
       +
               },

     

       23
       23
       +
               {

     

       24
       24
       +
                   icon: "MessageCircle",

     

       25
       25
       +
                   href: "https://biomebattle.xyz/discord",

     

       26
       26
       +
                   color: "var(--catppuccin-color-blue)"

     

       27
       27
       +
               },

     

       28
       28
       +
               {

     

       29
       29
       +
                   icon: "Youtube",

     

       30
       30
       +
                   href: "https://youtube.com/@BiomeBattle",

     

       31
       31
       +
                   color: "var(--catppuccin-color-red)"

     

       32
       32
       +
               },

     

       33
       33
       +
           ]}

     

       34
       34
       +
       />