···

       
52
       
 
       
import Tag from "./Tag.astro"

     

       
53
       
 
       
---

     

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

     

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

     

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

     

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

     

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

     

       
59
       
 
       
                <span class="group-hover:underline font-bold">{title} </span>

     

       
60
       
 
       
                {tag && tagcolor && (

     

       
61
       
-
       
                    <Tag text={tag} color={tagcolor} />

     

       
62
       
 
       
                )}

     

       
63
       
 
       
            </span>

     

       
64
       
 
       
            <span class="text-sm">

     

···

       
52
       
 
       
import Tag from "./Tag.astro"

     

       
53
       
 
       
---

     

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

     

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

     

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

     

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

     

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

     

       
59
       
 
       
                <span class="group-hover:underline font-bold">{title} </span>

     

       
60
       
 
       
                {tag && tagcolor && (

     

       
61
       
+
       
                    <Tag text={tag} color={tagcolor}/>

     

       
62
       
 
       
                )}

     

       
63
       
 
       
            </span>

     

       
64
       
 
       
            <span class="text-sm">

     

···

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

     

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

     

       
9
       
 
       
---

     

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

     

       
0
       
 
       

     

       
0
       
 
       

     

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

     

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

     

       
13
       
 
       
            <span>~/banana{href}</span>

     

···

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

     

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

     

       
9
       
 
       
---

     

       
10
       
+
       
<div class="fixed z-40 bg-ctp-base 

     

       
11
       
+
       
    left-[2%] right-[2%] md:left-[4%] md:right-[4%] xl:left-[8%] xl:right-[8%] 

     

       
12
       
+
       
    pl-8 pr-8 pt-4 pb-4 flex justify-between rounded-bl-2xl rounded-br-2xl">

     

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

     

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

     

       
15
       
 
       
            <span>~/banana{href}</span>

     

···

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

     

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

     

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

     

       
9
       
 
       
        <img src="/banner.png" class="w-full"/>

     

       
10
       
 
       
    </span>

     

···

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

     

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

     

       
6
       
 
       
---

     

       
7
       
+
       
<div class="flex flex-col md: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">

     

       
9
       
 
       
        <img src="/banner.png" class="w-full"/>

     

       
10
       
 
       
    </span>

     

···

       
12
       
 
       
		<meta name="generator" content={Astro.generator} />

     

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

     

       
14
       
 
       
	</head>

     

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

     

       
0
       
 
       

     

       
0
       
 
       

     

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

     

       
17
       
 
       
            <Navbar/>

     

       
18
       
 
       
            <slot />

     

···

       
12
       
 
       
		<meta name="generator" content={Astro.generator} />

     

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

     

       
14
       
 
       
	</head>

     

       
15
       
+
       
    <body class="bg-ctp-crust pl-[2%] pr-[2%] 

     

       
16
       
+
       
        md:pl-[4%] md:pr-[4%] xl:pl-[8%] xl:pr-[8%]

     

       
17
       
+
       
        text-ctp-text">

     

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

     

       
19
       
 
       
            <Navbar/>

     

       
20
       
 
       
            <slot />

     

···

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

     

       
4
       
 
       
---

     

       
5
       
 
       
<Layout>

     

       
6
       
-
       
    <section class="h-[50%] grid-cols-5 grid p-24 pt-48 gap-16">

     

       
0
       
 
       

     

       
0
       
 
       

     

       
7
       
 
       
        <Profile/>

     

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

     

       
9
       
 
       
            <slot/>

     

       
10
       
 
       
        </div>

     

       
11
       
 
       
    </section>

     

···

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

     

       
4
       
 
       
---

     

       
5
       
 
       
<Layout>

     

       
6
       
+
       
    <section class="h-[50%] 

     

       
7
       
+
       
        flex flex-col lg:grid-cols-5 lg:grid 

     

       
8
       
+
       
        p-10 pt-20 md:p-12 md:pt-24 xl:p-24 xl:pt-48 md:gap-8 xl:gap-16">

     

       
9
       
 
       
        <Profile/>

     

       
10
       
+
       
        <div class="md:col-span-3 lg:gap-8 xl:gap-12 flex flex-col">

     

       
11
       
 
       
            <slot/>

     

       
12
       
 
       
        </div>

     

       
13
       
 
       
    </section>