···

       
1
       
 
       
---

     

       
2
       
 
       
import Btn from "./NavbarLink.astro"

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
3
       
 
       
---

     

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

     

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

     

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

     

       
7
       
-
       
        <span>~/banana/home</span>

     

       
8
       
 
       
    </div>

     

       
9
       
 
       
    <div class="flex gap-6 items-center">

     

       
10
       
 
       
        <Btn page="home"/>

     

···

       
1
       
 
       
---

     

       
2
       
 
       
import Btn from "./NavbarLink.astro"

     

       
3
       
+
       


     

       
4
       
+
       
let href = Astro.url.toString()

     

       
5
       
+
       
href = href.replace(Astro.url.host.toString(), "")

     

       
6
       
+
       
href = href.replace("https://", "")

     

       
7
       
+
       
href = href.replace("http://", "")

     

       
8
       
 
       
---

     

       
9
       
+
       
<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
       
 
       
    <div class="flex gap-4 items-center">

     

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

     

       
12
       
+
       
        <span>~/banana{href}</span>

     

       
13
       
 
       
    </div>

     

       
14
       
 
       
    <div class="flex gap-6 items-center">

     

       
15
       
 
       
        <Btn page="home"/>

     

···

       
3
       
 
       
    page: String;

     

       
4
       
 
       
}

     

       
5
       
 
       
const {page} = Astro.props

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
6
       
 
       
---

     

       
7
       
 
       
<a 

     

       
8
       
-
       
    href=`/${page}` 

     

       
9
       
 
       
    class="font-bold

     

       
10
       
 
       
    text-ctp-yellow hover:text-ctp-blue 

     

       
11
       
 
       
    hover:underline 

     

···

       
3
       
 
       
    page: String;

     

       
4
       
 
       
}

     

       
5
       
 
       
const {page} = Astro.props

     

       
6
       
+
       
var href = page

     

       
7
       
+
       
if (href == "home") {

     

       
8
       
+
       
    href = ""

     

       
9
       
+
       
}

     

       
10
       
 
       
---

     

       
11
       
 
       
<a 

     

       
12
       
+
       
    href=`/${href}` 

     

       
13
       
 
       
    class="font-bold

     

       
14
       
 
       
    text-ctp-yellow hover:text-ctp-blue 

     

       
15
       
 
       
    hover:underline