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

+26

src/components/Badgebar.astro

···

       1
       1
       +
       ---

     

       2
       2
       +
       import LucideIcon from "./LucideIcon.astro";

     

       3
       3
       +
       

     

       4
       4
       +
       interface Badge {

     

       5
       5
       +
           icon: string,

     

       6
       6
       +
           href: string

     

       7
       7
       +
           color: string

     

       8
       8
       +
       }

     

       9
       9
       +
       

     

       10
       10
       +
       interface Props {

     

       11
       11
       +
           badges: Badge[]   

     

       12
       12
       +
           size: string

     

       13
       13
       +
       }

     

       14
       14
       +
       

     

       15
       15
       +
       const { badges, size } = Astro.props

     

       16
       16
       +
       ---

     

       17
       17
       +
       <span class="flex gap-2 bg-ctp-crust p-2 pl-3 pr-3 rounded-full h-min">

     

       18
       18
       +
           {badges.map(badge => 

     

       19
       19
       +
           <a href=`${badge.href}`>

     

       20
       20
       +
               <LucideIcon name=`${badge.icon}` width=`${size}` height=`${size}` style={`stroke:${badge.color}`} 

     

       21
       21
       +
                   class="hover:rotate-15 ease-in hover:ease-out transition-transform"

     

       22
       22
       +
               />

     

       23
       23
       +
           </a>

     

       24
       24
       +
           )}

     

       25
       25
       +
       </span>

     

       26
       26
       +

+12

src/components/LucideIcon.astro

···

       1
       1
       +
       ---

     

       2
       2
       +
       import { icons, type IconProps } from '@lucide/astro';

     

       3
       3
       +
       

     

       4
       4
       +
       interface Props extends IconProps {

     

       5
       5
       +
         name: keyof typeof icons;

     

       6
       6
       +
       }

     

       7
       7
       +
       

     

       8
       8
       +
       const { name, ...restProps } = Astro.props;

     

       9
       9
       +
       const Icon = icons[name];

     

       10
       10
       +
       ---

     

       11
       11
       +
       

     

       12
       12
       +
       <Icon {...restProps} />