···

       
1
       
 
       
---

     

       
2
       
 
       
import Tag from '../components/Tag.astro';

     

       
0
       
 
       

     

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

     

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

     

       
5
       
-
       


     

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

     
···

       
32
       
 
       
        </span>

     

       
33
       
 
       
        <span class="relative p-3 mt-4 border border-ctp-surface0 text-sm">

     

       
34
       
 
       
            <Tag name="Currently"/>

     

       
35
       
-
       
            Learning Svelte | Open for Hire

     

       
36
       
 
       
        </span>

     

       
37
       
 
       
        <span class="relative p-3 mt-4 border border-ctp-surface0 text-sm">

     

       
38
       
 
       
            <Tag name="About"/>

     
···

       
43
       
 
       
            <Tag name="Time"/>

     

       
44
       
 
       
            <span id="clock" class="text-ctp-text"></span> (SGT/UTC+8)

     

       
45
       
 
       
        </span>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
46
       
 
       
    </div >

     

       
47
       
 
       
</div>

     

       
48
       
 
       


     

···

       
1
       
 
       
---

     

       
2
       
 
       
import Tag from '../components/Tag.astro';

     

       
3
       
+
       
import Quote from '../components/Quote.astro'

     

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

     

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

     

       
0
       
 
       

     

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

     
···

       
32
       
 
       
        </span>

     

       
33
       
 
       
        <span class="relative p-3 mt-4 border border-ctp-surface0 text-sm">

     

       
34
       
 
       
            <Tag name="Currently"/>

     

       
35
       
+
       
            Switching to endeavoros | Open for Hire

     

       
36
       
 
       
        </span>

     

       
37
       
 
       
        <span class="relative p-3 mt-4 border border-ctp-surface0 text-sm">

     

       
38
       
 
       
            <Tag name="About"/>

     
···

       
43
       
 
       
            <Tag name="Time"/>

     

       
44
       
 
       
            <span id="clock" class="text-ctp-text"></span> (SGT/UTC+8)

     

       
45
       
 
       
        </span>

     

       
46
       
+
       
        <span class="relative p-3 mt-4 border border-ctp-surface0 text-ctp-subtext0 text-sm">

     

       
47
       
+
       
            <Tag name="Languages"/>

     

       
48
       
+
       
            <span>Java, Python, Golang, HTML/CSS/TS</span>

     

       
49
       
+
       
        </span>

     

       
50
       
+
       
        <span class="relative p-3 -mt-px border border-ctp-surface0 text-ctp-subtext0 text-sm">

     

       
51
       
+
       
            <Tag name="Frameworks"/>

     

       
52
       
+
       
            <span>PaperMC, Astro, Tailwindcss</span>

     

       
53
       
+
       
        </span>

     

       
54
       
+
       
        <span class="relative p-3 -mt-px border border-ctp-surface0 text-ctp-subtext0 text-sm">

     

       
55
       
+
       
            <Tag name="Tools"/>

     

       
56
       
+
       
            <span>Neovim, IntellIJ, Figma, VSC*de</span>

     

       
57
       
+
       
        </span>

     

       
58
       
+
       
        <div class="mt-4 flex">

     

       
59
       
+
       
            <Quote />

     

       
60
       
+
       
        </div>

     

       
61
       
 
       
    </div >

     

       
62
       
 
       
</div>

     

       
63
       
 
       


     

···

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

···

       
1
       
+
       
---

     

       
2
       
+
       
import Tag from "../components/Tag.astro"

     

       
3
       
+
       
---

     

       
4
       
+
       
<script>

     

       
5
       
+
       
    interface Quote {

     

       
6
       
+
       
        quote: string,

     

       
7
       
+
       
        quotee: string,

     

       
8
       
+
       
    }

     

       
9
       
+
       
    const quoteElement = document.getElementById("quote") as HTMLElement

     

       
10
       
+
       
    const quoteeElement = document.getElementById("quotee") as HTMLElement

     

       
11
       
+
       


     

       
12
       
+
       
    const quotes: Quote[] = [

     

       
13
       
+
       
        { quote: "America is a nation that can be defined in a single word: asufutimaehaehfutbw", quotee: "Joseph Robinette Biden Jr."},

     

       
14
       
+
       
        { quote: "What if they- what if anything- what if a bomb drops on your head right now?", quotee: "Donald John Trump"},

     

       
15
       
+
       
        { quote: "Heh heh heh, oh it's focused. I say it's err- I think it's- I- I- I haven't-- look.", quotee: "Joseph Robinette Biden Jr."},

     

       
16
       
+
       
        { quote: "the color orange is named after the fruit", quotee: "Elon Reeve Musk" },

     

       
17
       
+
       
        { quote: "I'm excited about electric school busses, I love electric school busses, I just love them..", quotee: "Kamala Devi Harris"},

     

       
18
       
+
       
        { quote: "One thing that really encourages me is AI. I love AI. I love ChatGPT. I love it. ChatGPT is frankly fantastic.", quotee: "Alexander Boris de Pfeffel Johnson" },

     

       
19
       
+
       
    ]

     

       
20
       
+
       
    const quote: Quote = quotes[Math.floor(Math.random()*quotes.length)]

     

       
21
       
+
       


     

       
22
       
+
       
    quoteElement.textContent = '"' + quote.quote + '"'

     

       
23
       
+
       
    quoteeElement.textContent = "- " + quote.quotee

     

       
24
       
+
       
</script>

     

       
25
       
+
       
<span class="relative p-3 -mt-px border border-ctp-surface0 text-ctp-subtext0 text-sm w-full">

     

       
26
       
+
       
    <Tag name="Quote"/>

     

       
27
       
+
       
    <div class="flex flex-col text-sm gap-1">

     

       
28
       
+
       
        <span id="quote" class="italic"></span>

     

       
29
       
+
       
        <span id="quotee" class="w-full text-right"></span>

     

       
30
       
+
       
    </div>

     

       
31
       
+
       
</span>