commit 40829e8853694614209cbd3f3b62f761bb7146ce · banana.tngl.sh/mywebsite-2026

+9

src/components/Contributions.astro

···

       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>

+3 -1

src/components/GithubCalendar.jsx

···

       22
        
           return <div>Loading GitHub calendar...</div>;

     

       23
        
         }

     

       24
        
       

     

       25
       -
         return <GitHubCalendar username={username} theme={theme} blockMargin={4} blockRadius={8} blockSize={10} {...props} />;

     

       0
        
       
     

       0
        
       
     

       26
        
       }

···

       22
        
           return <div>Loading GitHub calendar...</div>;

     

       23
        
         }

     

       24
        
       

     

       25
       +
         return <GitHubCalendar username={username} theme={theme} 

     

       26
       +
               blockMargin={4} blockRadius={8} blockSize={10} 

     

       27
       +
               {...props} />;

     

       28
        
       }

+1 -1

src/components/Tag.astro

···

       7
        
       ---

     

       8
        
       

     

       9
        
       <span

     

       10
       -
           class=`absolute top-[-0.5rem] left-2 text-xs text-ctp-overlay0 bg-ctp-mantle pl-2 pr-2`

     

       11
        
           >{name}</span

     

       12
        
       >

···

       7
        
       ---

     

       8
        
       

     

       9
        
       <span

     

       10
       +
           class=`absolute top-[-0.5rem] left-3 text-xs text-ctp-overlay1 bg-ctp-mantle pl-2 pr-2`

     

       11
        
           >{name}</span

     

       12
        
       >

+1 -1

src/layouts/Layout.astro

···

       12
        
       		<title>banana@potassium.sh</title>

     

       13
        
       	</head>

     

       14
        
       	<body class="bg-ctp-crust pl-[12%] pr-[12%] text-ctp-text">

     

       15
       -
               <main class="w-full min-h-full max-h-max bg-ctp-mantle">

     

       16
        
                   <Navbar/>

     

       17
        
       		    <slot />

     

       18
        
               </main>

···

       12
        
       		<title>banana@potassium.sh</title>

     

       13
        
       	</head>

     

       14
        
       	<body class="bg-ctp-crust pl-[12%] pr-[12%] text-ctp-text">

     

       15
       +
               <main class="w-full min-h-full max-h-max bg-ctp-mantle relative">

     

       16
        
                   <Navbar/>

     

       17
        
       		    <slot />

     

       18
        
               </main>

+3 -5

src/pages/index.astro

···

       2
        
       import Layout from '../layouts/Layout.astro';

     

       3
        
       import Profile from "../components/Profile.astro";

     

       4
        
       

     

       5
       -
       import GitHubCalendar from '../components/GithubCalendar';

     

       6
        
       ---

     

       7
        
       <Layout>

     

       8
       -
           <section class="h-[50%] grid-cols-5 grid p-32 gap-12">

     

       9
        
               <Profile/>

     

       10
        
               <div class="col-span-3 gap-8 flex flex-col">

     

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

     

       12
       -
                       <GitHubCalendar client:load username="imabanana80"/>

     

       13
       -
                   </div>

     

       14
        
               </div>

     

       15
        
           </section>

     

       16
        
       </Layout>

···

       2
        
       import Layout from '../layouts/Layout.astro';

     

       3
        
       import Profile from "../components/Profile.astro";

     

       4
        
       

     

       5
       +
       import Contributions from "../components/Contributions.astro"

     

       6
        
       ---

     

       7
        
       <Layout>

     

       8
       +
           <section class="h-[50%] grid-cols-5 grid p-32 pt-48 gap-12">

     

       9
        
               <Profile/>

     

       10
        
               <div class="col-span-3 gap-8 flex flex-col">

     

       11
       +
                   <Contributions/>

     

       0
        
       
     

       0
        
       
     

       12
        
               </div>

     

       13
        
           </section>

     

       14
        
       </Layout>