commit 0bc2e6aba9556318311f9b53a4eefd5e635dbb6c · banana.tngl.sh/mywebsite-2026

+7 -1

astro.config.mjs

···

       1
       1
        
       // @ts-check

     

       2
       2
        
       import { defineConfig } from 'astro/config';

     

       3
       3
        
       

     

       4
       4
       +
       import tailwindcss from '@tailwindcss/vite';

     

       5
       5
       +
       

     

       4
       6
        
       // https://astro.build/config

     

       5
       5
       -
       export default defineConfig({});

     

       7
       7
       +
       export default defineConfig({

     

       8
       8
       +
         vite: {

     

       9
       9
       +
           plugins: [tailwindcss()]

     

       10
       10
       +
         }

     

       11
       11
       +
       });

+97

bun.lock

···

       4
       4
        
           "": {

     

       5
       5
        
             "name": "mywebsite-2026",

     

       6
       6
        
             "dependencies": {

     

       7
       7
       +
               "@lucide/astro": "^0.553.0",

     

       8
       8
       +
               "@lucide/lab": "^0.1.2",

     

       9
       9
       +
               "@tailwindcss/vite": "^4.1.17",

     

       7
       10
        
               "astro": "^5.15.4",

     

       11
       11
       +
               "tailwindcss": "^4.1.17",

     

       12
       12
       +
             },

     

       13
       13
       +
             "devDependencies": {

     

       14
       14
       +
               "@catppuccin/tailwindcss": "^1.0.0",

     

       8
       15
        
             },

     

       9
       16
        
           },

     

       10
       17
        
         },

     
···

       28
       35
        
           "@babel/types": ["@babel/types@7.28.5", "", { "dependencies": { "@babel/helper-string-parser": "^7.27.1", "@babel/helper-validator-identifier": "^7.28.5" } }, "sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA=="],

     

       29
       36
        
       

     

       30
       37
        
           "@capsizecss/unpack": ["@capsizecss/unpack@3.0.0", "", { "dependencies": { "fontkit": "^2.0.2" } }, "sha512-+ntATQe1AlL7nTOYjwjj6w3299CgRot48wL761TUGYpYgAou3AaONZazp0PKZyCyWhudWsjhq1nvRHOvbMzhTA=="],

     

       38
       38
       +
       

     

       39
       39
       +
           "@catppuccin/tailwindcss": ["@catppuccin/tailwindcss@1.0.0", "", {}, "sha512-l8pOlcYe2ncGd8a1gUmL5AHmKlxR2+CHuG5kt4Me6IZwzntW1DoLmj89BH+DcsPHBsdDGLrTSv35emlYyU3FeQ=="],

     

       31
       40
        
       

     

       32
       41
        
           "@emnapi/runtime": ["@emnapi/runtime@1.7.0", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-oAYoQnCYaQZKVS53Fq23ceWMRxq5EhQsE0x0RdQ55jT7wagMu5k+fS39v1fiSLrtrLQlXwVINenqhLMtTrV/1Q=="],

     

       33
       42
        
       

     
···

       133
       142
        
       

     

       134
       143
        
           "@img/sharp-win32-x64": ["@img/sharp-win32-x64@0.34.5", "", { "os": "win32", "cpu": "x64" }, "sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw=="],

     

       135
       144
        
       

     

       145
       145
       +
           "@jridgewell/gen-mapping": ["@jridgewell/gen-mapping@0.3.13", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.0", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA=="],

     

       146
       146
       +
       

     

       147
       147
       +
           "@jridgewell/remapping": ["@jridgewell/remapping@2.3.5", "", { "dependencies": { "@jridgewell/gen-mapping": "^0.3.5", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ=="],

     

       148
       148
       +
       

     

       149
       149
       +
           "@jridgewell/resolve-uri": ["@jridgewell/resolve-uri@3.1.2", "", {}, "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw=="],

     

       150
       150
       +
       

     

       136
       151
        
           "@jridgewell/sourcemap-codec": ["@jridgewell/sourcemap-codec@1.5.5", "", {}, "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og=="],

     

       152
       152
       +
       

     

       153
       153
       +
           "@jridgewell/trace-mapping": ["@jridgewell/trace-mapping@0.3.31", "", { "dependencies": { "@jridgewell/resolve-uri": "^3.1.0", "@jridgewell/sourcemap-codec": "^1.4.14" } }, "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw=="],

     

       154
       154
       +
       

     

       155
       155
       +
           "@lucide/astro": ["@lucide/astro@0.553.0", "", { "peerDependencies": { "astro": "^4 || ^5" } }, "sha512-yiHpOKGBPOy+pmZfkQmZcFAETU8FvkqWdoLCboSZGuZ1zgwFHGxBmr/brmk5PxVFOUnImzsRFGzAX2O2A88hmQ=="],

     

       156
       156
       +
       

     

       157
       157
       +
           "@lucide/lab": ["@lucide/lab@0.1.2", "", {}, "sha512-VprF2BJa7ZuTGOhUd5cf8tHJXyL63wdxcGieAiVVoR9hO0YmPsnZO0AGqDiX2/br+/MC6n8BoJcmPilltOXIJA=="],

     

       137
       158
        
       

     

       138
       159
        
           "@oslojs/encoding": ["@oslojs/encoding@1.1.0", "", {}, "sha512-70wQhgYmndg4GCPxPPxPGevRKqTIJ2Nh4OkiMWmDAVYsTQ+Ta7Sq+rPevXyXGdzr30/qZBnyOalCszoMxlyldQ=="],

     

       139
       160
        
       

     
···

       199
       220
        
       

     

       200
       221
        
           "@swc/helpers": ["@swc/helpers@0.5.17", "", { "dependencies": { "tslib": "^2.8.0" } }, "sha512-5IKx/Y13RsYd+sauPb2x+U/xZikHjolzfuDgTAl/Tdf3Q8rslRvC19NKDLgAJQ6wsqADk10ntlv08nPFw/gO/A=="],

     

       201
       222
        
       

     

       223
       223
       +
           "@tailwindcss/node": ["@tailwindcss/node@4.1.17", "", { "dependencies": { "@jridgewell/remapping": "^2.3.4", "enhanced-resolve": "^5.18.3", "jiti": "^2.6.1", "lightningcss": "1.30.2", "magic-string": "^0.30.21", "source-map-js": "^1.2.1", "tailwindcss": "4.1.17" } }, "sha512-csIkHIgLb3JisEFQ0vxr2Y57GUNYh447C8xzwj89U/8fdW8LhProdxvnVH6U8M2Y73QKiTIH+LWbK3V2BBZsAg=="],

     

       224
       224
       +
       

     

       225
       225
       +
           "@tailwindcss/oxide": ["@tailwindcss/oxide@4.1.17", "", { "optionalDependencies": { "@tailwindcss/oxide-android-arm64": "4.1.17", "@tailwindcss/oxide-darwin-arm64": "4.1.17", "@tailwindcss/oxide-darwin-x64": "4.1.17", "@tailwindcss/oxide-freebsd-x64": "4.1.17", "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.17", "@tailwindcss/oxide-linux-arm64-gnu": "4.1.17", "@tailwindcss/oxide-linux-arm64-musl": "4.1.17", "@tailwindcss/oxide-linux-x64-gnu": "4.1.17", "@tailwindcss/oxide-linux-x64-musl": "4.1.17", "@tailwindcss/oxide-wasm32-wasi": "4.1.17", "@tailwindcss/oxide-win32-arm64-msvc": "4.1.17", "@tailwindcss/oxide-win32-x64-msvc": "4.1.17" } }, "sha512-F0F7d01fmkQhsTjXezGBLdrl1KresJTcI3DB8EkScCldyKp3Msz4hub4uyYaVnk88BAS1g5DQjjF6F5qczheLA=="],

     

       226
       226
       +
       

     

       227
       227
       +
           "@tailwindcss/oxide-android-arm64": ["@tailwindcss/oxide-android-arm64@4.1.17", "", { "os": "android", "cpu": "arm64" }, "sha512-BMqpkJHgOZ5z78qqiGE6ZIRExyaHyuxjgrJ6eBO5+hfrfGkuya0lYfw8fRHG77gdTjWkNWEEm+qeG2cDMxArLQ=="],

     

       228
       228
       +
       

     

       229
       229
       +
           "@tailwindcss/oxide-darwin-arm64": ["@tailwindcss/oxide-darwin-arm64@4.1.17", "", { "os": "darwin", "cpu": "arm64" }, "sha512-EquyumkQweUBNk1zGEU/wfZo2qkp/nQKRZM8bUYO0J+Lums5+wl2CcG1f9BgAjn/u9pJzdYddHWBiFXJTcxmOg=="],

     

       230
       230
       +
       

     

       231
       231
       +
           "@tailwindcss/oxide-darwin-x64": ["@tailwindcss/oxide-darwin-x64@4.1.17", "", { "os": "darwin", "cpu": "x64" }, "sha512-gdhEPLzke2Pog8s12oADwYu0IAw04Y2tlmgVzIN0+046ytcgx8uZmCzEg4VcQh+AHKiS7xaL8kGo/QTiNEGRog=="],

     

       232
       232
       +
       

     

       233
       233
       +
           "@tailwindcss/oxide-freebsd-x64": ["@tailwindcss/oxide-freebsd-x64@4.1.17", "", { "os": "freebsd", "cpu": "x64" }, "sha512-hxGS81KskMxML9DXsaXT1H0DyA+ZBIbyG/sSAjWNe2EDl7TkPOBI42GBV3u38itzGUOmFfCzk1iAjDXds8Oh0g=="],

     

       234
       234
       +
       

     

       235
       235
       +
           "@tailwindcss/oxide-linux-arm-gnueabihf": ["@tailwindcss/oxide-linux-arm-gnueabihf@4.1.17", "", { "os": "linux", "cpu": "arm" }, "sha512-k7jWk5E3ldAdw0cNglhjSgv501u7yrMf8oeZ0cElhxU6Y2o7f8yqelOp3fhf7evjIS6ujTI3U8pKUXV2I4iXHQ=="],

     

       236
       236
       +
       

     

       237
       237
       +
           "@tailwindcss/oxide-linux-arm64-gnu": ["@tailwindcss/oxide-linux-arm64-gnu@4.1.17", "", { "os": "linux", "cpu": "arm64" }, "sha512-HVDOm/mxK6+TbARwdW17WrgDYEGzmoYayrCgmLEw7FxTPLcp/glBisuyWkFz/jb7ZfiAXAXUACfyItn+nTgsdQ=="],

     

       238
       238
       +
       

     

       239
       239
       +
           "@tailwindcss/oxide-linux-arm64-musl": ["@tailwindcss/oxide-linux-arm64-musl@4.1.17", "", { "os": "linux", "cpu": "arm64" }, "sha512-HvZLfGr42i5anKtIeQzxdkw/wPqIbpeZqe7vd3V9vI3RQxe3xU1fLjss0TjyhxWcBaipk7NYwSrwTwK1hJARMg=="],

     

       240
       240
       +
       

     

       241
       241
       +
           "@tailwindcss/oxide-linux-x64-gnu": ["@tailwindcss/oxide-linux-x64-gnu@4.1.17", "", { "os": "linux", "cpu": "x64" }, "sha512-M3XZuORCGB7VPOEDH+nzpJ21XPvK5PyjlkSFkFziNHGLc5d6g3di2McAAblmaSUNl8IOmzYwLx9NsE7bplNkwQ=="],

     

       242
       242
       +
       

     

       243
       243
       +
           "@tailwindcss/oxide-linux-x64-musl": ["@tailwindcss/oxide-linux-x64-musl@4.1.17", "", { "os": "linux", "cpu": "x64" }, "sha512-k7f+pf9eXLEey4pBlw+8dgfJHY4PZ5qOUFDyNf7SI6lHjQ9Zt7+NcscjpwdCEbYi6FI5c2KDTDWyf2iHcCSyyQ=="],

     

       244
       244
       +
       

     

       245
       245
       +
           "@tailwindcss/oxide-wasm32-wasi": ["@tailwindcss/oxide-wasm32-wasi@4.1.17", "", { "dependencies": { "@emnapi/core": "^1.6.0", "@emnapi/runtime": "^1.6.0", "@emnapi/wasi-threads": "^1.1.0", "@napi-rs/wasm-runtime": "^1.0.7", "@tybys/wasm-util": "^0.10.1", "tslib": "^2.4.0" }, "cpu": "none" }, "sha512-cEytGqSSoy7zK4JRWiTCx43FsKP/zGr0CsuMawhH67ONlH+T79VteQeJQRO/X7L0juEUA8ZyuYikcRBf0vsxhg=="],

     

       246
       246
       +
       

     

       247
       247
       +
           "@tailwindcss/oxide-win32-arm64-msvc": ["@tailwindcss/oxide-win32-arm64-msvc@4.1.17", "", { "os": "win32", "cpu": "arm64" }, "sha512-JU5AHr7gKbZlOGvMdb4722/0aYbU+tN6lv1kONx0JK2cGsh7g148zVWLM0IKR3NeKLv+L90chBVYcJ8uJWbC9A=="],

     

       248
       248
       +
       

     

       249
       249
       +
           "@tailwindcss/oxide-win32-x64-msvc": ["@tailwindcss/oxide-win32-x64-msvc@4.1.17", "", { "os": "win32", "cpu": "x64" }, "sha512-SKWM4waLuqx0IH+FMDUw6R66Hu4OuTALFgnleKbqhgGU30DY20NORZMZUKgLRjQXNN2TLzKvh48QXTig4h4bGw=="],

     

       250
       250
       +
       

     

       251
       251
       +
           "@tailwindcss/vite": ["@tailwindcss/vite@4.1.17", "", { "dependencies": { "@tailwindcss/node": "4.1.17", "@tailwindcss/oxide": "4.1.17", "tailwindcss": "4.1.17" }, "peerDependencies": { "vite": "^5.2.0 || ^6 || ^7" } }, "sha512-4+9w8ZHOiGnpcGI6z1TVVfWaX/koK7fKeSYF3qlYg2xpBtbteP2ddBxiarL+HVgfSJGeK5RIxRQmKm4rTJJAwA=="],

     

       252
       252
       +
       

     

       202
       253
        
           "@types/debug": ["@types/debug@4.1.12", "", { "dependencies": { "@types/ms": "*" } }, "sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ=="],

     

       203
       254
        
       

     

       204
       255
        
           "@types/estree": ["@types/estree@1.0.8", "", {}, "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w=="],

     
···

       313
       364
        
       

     

       314
       365
        
           "emoji-regex": ["emoji-regex@10.6.0", "", {}, "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A=="],

     

       315
       366
        
       

     

       367
       367
       +
           "enhanced-resolve": ["enhanced-resolve@5.18.3", "", { "dependencies": { "graceful-fs": "^4.2.4", "tapable": "^2.2.0" } }, "sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww=="],

     

       368
       368
       +
       

     

       316
       369
        
           "entities": ["entities@6.0.1", "", {}, "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g=="],

     

       317
       370
        
       

     

       318
       371
        
           "es-module-lexer": ["es-module-lexer@1.7.0", "", {}, "sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA=="],

     
···

       342
       395
        
           "get-east-asian-width": ["get-east-asian-width@1.4.0", "", {}, "sha512-QZjmEOC+IT1uk6Rx0sX22V6uHWVwbdbxf1faPqJ1QhLdGgsRGCZoyaQBm/piRdJy/D2um6hM1UP7ZEeQ4EkP+Q=="],

     

       343
       396
        
       

     

       344
       397
        
           "github-slugger": ["github-slugger@2.0.0", "", {}, "sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw=="],

     

       398
       398
       +
       

     

       399
       399
       +
           "graceful-fs": ["graceful-fs@4.2.11", "", {}, "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="],

     

       345
       400
        
       

     

       346
       401
        
           "h3": ["h3@1.15.4", "", { "dependencies": { "cookie-es": "^1.2.2", "crossws": "^0.3.5", "defu": "^6.1.4", "destr": "^2.0.5", "iron-webcrypto": "^1.2.1", "node-mock-http": "^1.0.2", "radix3": "^1.1.2", "ufo": "^1.6.1", "uncrypto": "^0.1.3" } }, "sha512-z5cFQWDffyOe4vQ9xIqNfCZdV4p//vy6fBnr8Q1AWnVZ0teurKMG66rLj++TKwKPUP3u7iMUvrvKaEUiQw2QWQ=="],

     

       347
       402
        
       

     
···

       385
       440
        
       

     

       386
       441
        
           "is-wsl": ["is-wsl@3.1.0", "", { "dependencies": { "is-inside-container": "^1.0.0" } }, "sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw=="],

     

       387
       442
        
       

     

       443
       443
       +
           "jiti": ["jiti@2.6.1", "", { "bin": { "jiti": "lib/jiti-cli.mjs" } }, "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ=="],

     

       444
       444
       +
       

     

       388
       445
        
           "js-yaml": ["js-yaml@4.1.0", "", { "dependencies": { "argparse": "^2.0.1" }, "bin": { "js-yaml": "bin/js-yaml.js" } }, "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA=="],

     

       389
       446
        
       

     

       390
       447
        
           "kleur": ["kleur@3.0.3", "", {}, "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w=="],

     

       391
       448
        
       

     

       449
       449
       +
           "lightningcss": ["lightningcss@1.30.2", "", { "dependencies": { "detect-libc": "^2.0.3" }, "optionalDependencies": { "lightningcss-android-arm64": "1.30.2", "lightningcss-darwin-arm64": "1.30.2", "lightningcss-darwin-x64": "1.30.2", "lightningcss-freebsd-x64": "1.30.2", "lightningcss-linux-arm-gnueabihf": "1.30.2", "lightningcss-linux-arm64-gnu": "1.30.2", "lightningcss-linux-arm64-musl": "1.30.2", "lightningcss-linux-x64-gnu": "1.30.2", "lightningcss-linux-x64-musl": "1.30.2", "lightningcss-win32-arm64-msvc": "1.30.2", "lightningcss-win32-x64-msvc": "1.30.2" } }, "sha512-utfs7Pr5uJyyvDETitgsaqSyjCb2qNRAtuqUeWIAKztsOYdcACf2KtARYXg2pSvhkt+9NfoaNY7fxjl6nuMjIQ=="],

     

       450
       450
       +
       

     

       451
       451
       +
           "lightningcss-android-arm64": ["lightningcss-android-arm64@1.30.2", "", { "os": "android", "cpu": "arm64" }, "sha512-BH9sEdOCahSgmkVhBLeU7Hc9DWeZ1Eb6wNS6Da8igvUwAe0sqROHddIlvU06q3WyXVEOYDZ6ykBZQnjTbmo4+A=="],

     

       452
       452
       +
       

     

       453
       453
       +
           "lightningcss-darwin-arm64": ["lightningcss-darwin-arm64@1.30.2", "", { "os": "darwin", "cpu": "arm64" }, "sha512-ylTcDJBN3Hp21TdhRT5zBOIi73P6/W0qwvlFEk22fkdXchtNTOU4Qc37SkzV+EKYxLouZ6M4LG9NfZ1qkhhBWA=="],

     

       454
       454
       +
       

     

       455
       455
       +
           "lightningcss-darwin-x64": ["lightningcss-darwin-x64@1.30.2", "", { "os": "darwin", "cpu": "x64" }, "sha512-oBZgKchomuDYxr7ilwLcyms6BCyLn0z8J0+ZZmfpjwg9fRVZIR5/GMXd7r9RH94iDhld3UmSjBM6nXWM2TfZTQ=="],

     

       456
       456
       +
       

     

       457
       457
       +
           "lightningcss-freebsd-x64": ["lightningcss-freebsd-x64@1.30.2", "", { "os": "freebsd", "cpu": "x64" }, "sha512-c2bH6xTrf4BDpK8MoGG4Bd6zAMZDAXS569UxCAGcA7IKbHNMlhGQ89eRmvpIUGfKWNVdbhSbkQaWhEoMGmGslA=="],

     

       458
       458
       +
       

     

       459
       459
       +
           "lightningcss-linux-arm-gnueabihf": ["lightningcss-linux-arm-gnueabihf@1.30.2", "", { "os": "linux", "cpu": "arm" }, "sha512-eVdpxh4wYcm0PofJIZVuYuLiqBIakQ9uFZmipf6LF/HRj5Bgm0eb3qL/mr1smyXIS1twwOxNWndd8z0E374hiA=="],

     

       460
       460
       +
       

     

       461
       461
       +
           "lightningcss-linux-arm64-gnu": ["lightningcss-linux-arm64-gnu@1.30.2", "", { "os": "linux", "cpu": "arm64" }, "sha512-UK65WJAbwIJbiBFXpxrbTNArtfuznvxAJw4Q2ZGlU8kPeDIWEX1dg3rn2veBVUylA2Ezg89ktszWbaQnxD/e3A=="],

     

       462
       462
       +
       

     

       463
       463
       +
           "lightningcss-linux-arm64-musl": ["lightningcss-linux-arm64-musl@1.30.2", "", { "os": "linux", "cpu": "arm64" }, "sha512-5Vh9dGeblpTxWHpOx8iauV02popZDsCYMPIgiuw97OJ5uaDsL86cnqSFs5LZkG3ghHoX5isLgWzMs+eD1YzrnA=="],

     

       464
       464
       +
       

     

       465
       465
       +
           "lightningcss-linux-x64-gnu": ["lightningcss-linux-x64-gnu@1.30.2", "", { "os": "linux", "cpu": "x64" }, "sha512-Cfd46gdmj1vQ+lR6VRTTadNHu6ALuw2pKR9lYq4FnhvgBc4zWY1EtZcAc6EffShbb1MFrIPfLDXD6Xprbnni4w=="],

     

       466
       466
       +
       

     

       467
       467
       +
           "lightningcss-linux-x64-musl": ["lightningcss-linux-x64-musl@1.30.2", "", { "os": "linux", "cpu": "x64" }, "sha512-XJaLUUFXb6/QG2lGIW6aIk6jKdtjtcffUT0NKvIqhSBY3hh9Ch+1LCeH80dR9q9LBjG3ewbDjnumefsLsP6aiA=="],

     

       468
       468
       +
       

     

       469
       469
       +
           "lightningcss-win32-arm64-msvc": ["lightningcss-win32-arm64-msvc@1.30.2", "", { "os": "win32", "cpu": "arm64" }, "sha512-FZn+vaj7zLv//D/192WFFVA0RgHawIcHqLX9xuWiQt7P0PtdFEVaxgF9rjM/IRYHQXNnk61/H/gb2Ei+kUQ4xQ=="],

     

       470
       470
       +
       

     

       471
       471
       +
           "lightningcss-win32-x64-msvc": ["lightningcss-win32-x64-msvc@1.30.2", "", { "os": "win32", "cpu": "x64" }, "sha512-5g1yc73p+iAkid5phb4oVFMB45417DkRevRbt/El/gKXJk4jid+vPFF/AXbxn05Aky8PapwzZrdJShv5C0avjw=="],

     

       472
       472
       +
       

     

       392
       473
        
           "longest-streak": ["longest-streak@3.1.0", "", {}, "sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g=="],

     

       393
       474
        
       

     

       394
       475
        
           "lru-cache": ["lru-cache@10.4.3", "", {}, "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ=="],

     
···

       593
       674
        
       

     

       594
       675
        
           "strip-ansi": ["strip-ansi@7.1.2", "", { "dependencies": { "ansi-regex": "^6.0.1" } }, "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA=="],

     

       595
       676
        
       

     

       677
       677
       +
           "tailwindcss": ["tailwindcss@4.1.17", "", {}, "sha512-j9Ee2YjuQqYT9bbRTfTZht9W/ytp5H+jJpZKiYdP/bpnXARAuELt9ofP0lPnmHjbga7SNQIxdTAXCmtKVYjN+Q=="],

     

       678
       678
       +
       

     

       679
       679
       +
           "tapable": ["tapable@2.3.0", "", {}, "sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg=="],

     

       680
       680
       +
       

     

       596
       681
        
           "tiny-inflate": ["tiny-inflate@1.0.3", "", {}, "sha512-pkY1fj1cKHb2seWDy0B16HeWyczlJA9/WW3u3c4z/NiWDsO3DOU5D7nhTLE9CF0yXv/QZFY7sEJmj24dK+Rrqw=="],

     

       597
       682
        
       

     

       598
       683
        
           "tinyexec": ["tinyexec@1.0.2", "", {}, "sha512-W/KYk+NFhkmsYpuHq5JykngiOCnxeVL8v8dFnqxSD8qEEdRfXk1SDM6JzNqcERbcGYj9tMrDQBYV9cjgnunFIg=="],

     
···

       684
       769
        
           "zwitch": ["zwitch@2.0.4", "", {}, "sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A=="],

     

       685
       770
        
       

     

       686
       771
        
           "@rollup/pluginutils/estree-walker": ["estree-walker@2.0.2", "", {}, "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="],

     

       772
       772
       +
       

     

       773
       773
       +
           "@tailwindcss/oxide-wasm32-wasi/@emnapi/core": ["@emnapi/core@1.7.0", "", { "dependencies": { "@emnapi/wasi-threads": "1.1.0", "tslib": "^2.4.0" }, "bundled": true }, "sha512-pJdKGq/1iquWYtv1RRSljZklxHCOCAJFJrImO5ZLKPJVJlVUcs8yFwNQlqS0Lo8xT1VAXXTCZocF9n26FWEKsw=="],

     

       774
       774
       +
       

     

       775
       775
       +
           "@tailwindcss/oxide-wasm32-wasi/@emnapi/runtime": ["@emnapi/runtime@1.7.0", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-oAYoQnCYaQZKVS53Fq23ceWMRxq5EhQsE0x0RdQ55jT7wagMu5k+fS39v1fiSLrtrLQlXwVINenqhLMtTrV/1Q=="],

     

       776
       776
       +
       

     

       777
       777
       +
           "@tailwindcss/oxide-wasm32-wasi/@emnapi/wasi-threads": ["@emnapi/wasi-threads@1.1.0", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ=="],

     

       778
       778
       +
       

     

       779
       779
       +
           "@tailwindcss/oxide-wasm32-wasi/@napi-rs/wasm-runtime": ["@napi-rs/wasm-runtime@1.0.7", "", { "dependencies": { "@emnapi/core": "^1.5.0", "@emnapi/runtime": "^1.5.0", "@tybys/wasm-util": "^0.10.1" }, "bundled": true }, "sha512-SeDnOO0Tk7Okiq6DbXmmBODgOAb9dp9gjlphokTUxmt8U3liIP1ZsozBahH69j/RJv+Rfs6IwUKHTgQYJ/HBAw=="],

     

       780
       780
       +
       

     

       781
       781
       +
           "@tailwindcss/oxide-wasm32-wasi/@tybys/wasm-util": ["@tybys/wasm-util@0.10.1", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg=="],

     

       782
       782
       +
       

     

       783
       783
       +
           "@tailwindcss/oxide-wasm32-wasi/tslib": ["tslib@2.8.1", "", { "bundled": true }, "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="],

     

       687
       784
        
       

     

       688
       785
        
           "ansi-align/string-width": ["string-width@4.2.3", "", { "dependencies": { "emoji-regex": "^8.0.0", "is-fullwidth-code-point": "^3.0.0", "strip-ansi": "^6.0.1" } }, "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g=="],

     

       689
       786

+8 -1

package.json

···

       9
       9
        
           "astro": "astro"

     

       10
       10
        
         },

     

       11
       11
        
         "dependencies": {

     

       12
       12
       -
           "astro": "^5.15.4"

     

       12
       12
       +
           "@lucide/astro": "^0.553.0",

     

       13
       13
       +
           "@lucide/lab": "^0.1.2",

     

       14
       14
       +
           "@tailwindcss/vite": "^4.1.17",

     

       15
       15
       +
           "astro": "^5.15.4",

     

       16
       16
       +
           "tailwindcss": "^4.1.17"

     

       17
       17
       +
         },

     

       18
       18
       +
         "devDependencies": {

     

       19
       19
       +
           "@catppuccin/tailwindcss": "^1.0.0"

     

       13
       20
        
         }

     

       14
       21
        
       }

public/doodlecat.png

This is a binary file and will not be displayed.

public/favicon.ico

This is a binary file and will not be displayed.

-9

public/favicon.svg

···

       1
       1
       -
       <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">

     

       2
       2
       -
           <path d="M50.4 78.5a75.1 75.1 0 0 0-28.5 6.9l24.2-65.7c.7-2 1.9-3.2 3.4-3.2h29c1.5 0 2.7 1.2 3.4 3.2l24.2 65.7s-11.6-7-28.5-7L67 45.5c-.4-1.7-1.6-2.8-2.9-2.8-1.3 0-2.5 1.1-2.9 2.7L50.4 78.5Zm-1.1 28.2Zm-4.2-20.2c-2 6.6-.6 15.8 4.2 20.2a17.5 17.5 0 0 1 .2-.7 5.5 5.5 0 0 1 5.7-4.5c2.8.1 4.3 1.5 4.7 4.7.2 1.1.2 2.3.2 3.5v.4c0 2.7.7 5.2 2.2 7.4a13 13 0 0 0 5.7 4.9v-.3l-.2-.3c-1.8-5.6-.5-9.5 4.4-12.8l1.5-1a73 73 0 0 0 3.2-2.2 16 16 0 0 0 6.8-11.4c.3-2 .1-4-.6-6l-.8.6-1.6 1a37 37 0 0 1-22.4 2.7c-5-.7-9.7-2-13.2-6.2Z" />

     

       3
       3
       -
           <style>

     

       4
       4
       -
               path { fill: #000; }

     

       5
       5
       -
               @media (prefers-color-scheme: dark) {

     

       6
       6
       -
                   path { fill: #FFF; }

     

       7
       7
       -
               }

     

       8
       8
       -
           </style>

     

       9
       9
       -
       </svg>

+20

src/components/Navbar.astro

···

       1
       1
       +
       ---

     

       2
       2
       +
       import Btn from "./NavbarLink.astro"

     

       3
       3
       +
       ---

     

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

     

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

     

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

     

       8
       8
       +
           </div>

     

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

     

       10
       10
       +
               <Btn page="home"/>

     

       11
       11
       +
               <Btn page="projects"/>

     

       12
       12
       +
               <Btn page="experience"/>

     

       13
       13
       +
           </div>

     

       14
       14
       +
       </div>

     

       15
       15
       +
       <style>

     

       16
       16
       +
       @reference "../styles/global.css"

     

       17
       17
       +
       a {

     

       18
       18
       +
           @apply ;

     

       19
       19
       +
       }

     

       20
       20
       +
       </style>

+17

src/components/NavbarLink.astro

···

       1
       1
       +
       ---

     

       2
       2
       +
       interface Props {

     

       3
       3
       +
           page: String;

     

       4
       4
       +
       }

     

       5
       5
       +
       const {page} = Astro.props

     

       6
       6
       +
       ---

     

       7
       7
       +
       <a 

     

       8
       8
       +
           href=`/${page}` 

     

       9
       9
       +
           class="font-bold

     

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

     

       11
       11
       +
           hover:underline 

     

       12
       12
       +
           ease-in hover:ease-out transition-all

     

       13
       13
       +
           ">{page}</a>

     

       14
       14
       +
       

     

       15
       15
       +
       

     

       16
       16
       +
       

     

       17
       17
       +

+12

src/components/Tag.astro

···

       1
       1
       +
       ---

     

       2
       2
       +
       interface Props {

     

       3
       3
       +
           name: string;

     

       4
       4
       +
       }

     

       5
       5
       +
       

     

       6
       6
       +
       const { name } = Astro.props;

     

       7
       7
       +
       ---

     

       8
       8
       +
       

     

       9
       9
       +
       <span

     

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

     

       11
       11
       +
           >{name}</span

     

       12
       12
       +
       >

-210

src/components/Welcome.astro

···

       1
       1
       -
       ---

     

       2
       2
       -
       import astroLogo from '../assets/astro.svg';

     

       3
       3
       -
       import background from '../assets/background.svg';

     

       4
       4
       -
       ---

     

       5
       5
       -
       

     

       6
       6
       -
       <div id="container">

     

       7
       7
       -
       	<img id="background" src={background.src} alt="" fetchpriority="high" />

     

       8
       8
       -
       	<main>

     

       9
       9
       -
       		<section id="hero">

     

       10
       10
       -
       			<a href="https://astro.build"

     

       11
       11
       -
       				><img src={astroLogo.src} width="115" height="48" alt="Astro Homepage" /></a

     

       12
       12
       -
       			>

     

       13
       13
       -
       			<h1>

     

       14
       14
       -
       				To get started, open the <code><pre>src/pages</pre></code> directory in your project.

     

       15
       15
       -
       			</h1>

     

       16
       16
       -
       			<section id="links">

     

       17
       17
       -
       				<a class="button" href="https://docs.astro.build">Read our docs</a>

     

       18
       18
       -
       				<a href="https://astro.build/chat"

     

       19
       19
       -
       					>Join our Discord <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127.14 96.36"

     

       20
       20
       -
       						><path

     

       21
       21
       -
       							fill="currentColor"

     

       22
       22
       -
       							d="M107.7 8.07A105.15 105.15 0 0 0 81.47 0a72.06 72.06 0 0 0-3.36 6.83 97.68 97.68 0 0 0-29.11 0A72.37 72.37 0 0 0 45.64 0a105.89 105.89 0 0 0-26.25 8.09C2.79 32.65-1.71 56.6.54 80.21a105.73 105.73 0 0 0 32.17 16.15 77.7 77.7 0 0 0 6.89-11.11 68.42 68.42 0 0 1-10.85-5.18c.91-.66 1.8-1.34 2.66-2a75.57 75.57 0 0 0 64.32 0c.87.71 1.76 1.39 2.66 2a68.68 68.68 0 0 1-10.87 5.19 77 77 0 0 0 6.89 11.1 105.25 105.25 0 0 0 32.19-16.14c2.64-27.38-4.51-51.11-18.9-72.15ZM42.45 65.69C36.18 65.69 31 60 31 53s5-12.74 11.43-12.74S54 46 53.89 53s-5.05 12.69-11.44 12.69Zm42.24 0C78.41 65.69 73.25 60 73.25 53s5-12.74 11.44-12.74S96.23 46 96.12 53s-5.04 12.69-11.43 12.69Z"

     

       23
       23
       -
       						></path></svg

     

       24
       24
       -
       					>

     

       25
       25
       -
       				</a>

     

       26
       26
       -
       			</section>

     

       27
       27
       -
       		</section>

     

       28
       28
       -
       	</main>

     

       29
       29
       -
       

     

       30
       30
       -
       	<a href="https://astro.build/blog/astro-5/" id="news" class="box">

     

       31
       31
       -
       		<svg width="32" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"

     

       32
       32
       -
       			><path

     

       33
       33
       -
       				d="M24.667 12c1.333 1.414 2 3.192 2 5.334 0 4.62-4.934 5.7-7.334 12C18.444 28.567 18 27.456 18 26c0-4.642 6.667-7.053 6.667-14Zm-5.334-5.333c1.6 1.65 2.4 3.43 2.4 5.333 0 6.602-8.06 7.59-6.4 17.334C13.111 27.787 12 25.564 12 22.666c0-4.434 7.333-8 7.333-16Zm-6-5.333C15.111 3.555 16 5.556 16 7.333c0 8.333-11.333 10.962-5.333 22-3.488-.774-6-4-6-8 0-8.667 8.666-10 8.666-20Z"

     

       34
       34
       -
       				fill="#111827"></path></svg

     

       35
       35
       -
       		>

     

       36
       36
       -
       		<h2>What's New in Astro 5.0?</h2>

     

       37
       37
       -
       		<p>

     

       38
       38
       -
       			From content layers to server islands, click to learn more about the new features and

     

       39
       39
       -
       			improvements in Astro 5.0

     

       40
       40
       -
       		</p>

     

       41
       41
       -
       	</a>

     

       42
       42
       -
       </div>

     

       43
       43
       -
       

     

       44
       44
       -
       <style>

     

       45
       45
       -
       	#background {

     

       46
       46
       -
       		position: fixed;

     

       47
       47
       -
       		top: 0;

     

       48
       48
       -
       		left: 0;

     

       49
       49
       -
       		width: 100%;

     

       50
       50
       -
       		height: 100%;

     

       51
       51
       -
       		z-index: -1;

     

       52
       52
       -
       		filter: blur(100px);

     

       53
       53
       -
       	}

     

       54
       54
       -
       

     

       55
       55
       -
       	#container {

     

       56
       56
       -
       		font-family: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;

     

       57
       57
       -
       		height: 100%;

     

       58
       58
       -
       	}

     

       59
       59
       -
       

     

       60
       60
       -
       	main {

     

       61
       61
       -
       		height: 100%;

     

       62
       62
       -
       		display: flex;

     

       63
       63
       -
       		justify-content: center;

     

       64
       64
       -
       	}

     

       65
       65
       -
       

     

       66
       66
       -
       	#hero {

     

       67
       67
       -
       		display: flex;

     

       68
       68
       -
       		align-items: start;

     

       69
       69
       -
       		flex-direction: column;

     

       70
       70
       -
       		justify-content: center;

     

       71
       71
       -
       		padding: 16px;

     

       72
       72
       -
       	}

     

       73
       73
       -
       

     

       74
       74
       -
       	h1 {

     

       75
       75
       -
       		font-size: 22px;

     

       76
       76
       -
       		margin-top: 0.25em;

     

       77
       77
       -
       	}

     

       78
       78
       -
       

     

       79
       79
       -
       	#links {

     

       80
       80
       -
       		display: flex;

     

       81
       81
       -
       		gap: 16px;

     

       82
       82
       -
       	}

     

       83
       83
       -
       

     

       84
       84
       -
       	#links a {

     

       85
       85
       -
       		display: flex;

     

       86
       86
       -
       		align-items: center;

     

       87
       87
       -
       		padding: 10px 12px;

     

       88
       88
       -
       		color: #111827;

     

       89
       89
       -
       		text-decoration: none;

     

       90
       90
       -
       		transition: color 0.2s;

     

       91
       91
       -
       	}

     

       92
       92
       -
       

     

       93
       93
       -
       	#links a:hover {

     

       94
       94
       -
       		color: rgb(78, 80, 86);

     

       95
       95
       -
       	}

     

       96
       96
       -
       

     

       97
       97
       -
       	#links a svg {

     

       98
       98
       -
       		height: 1em;

     

       99
       99
       -
       		margin-left: 8px;

     

       100
       100
       -
       	}

     

       101
       101
       -
       

     

       102
       102
       -
       	#links a.button {

     

       103
       103
       -
       		color: white;

     

       104
       104
       -
       		background: linear-gradient(83.21deg, #3245ff 0%, #bc52ee 100%);

     

       105
       105
       -
       		box-shadow:

     

       106
       106
       -
       			inset 0 0 0 1px rgba(255, 255, 255, 0.12),

     

       107
       107
       -
       			inset 0 -2px 0 rgba(0, 0, 0, 0.24);

     

       108
       108
       -
       		border-radius: 10px;

     

       109
       109
       -
       	}

     

       110
       110
       -
       

     

       111
       111
       -
       	#links a.button:hover {

     

       112
       112
       -
       		color: rgb(230, 230, 230);

     

       113
       113
       -
       		box-shadow: none;

     

       114
       114
       -
       	}

     

       115
       115
       -
       

     

       116
       116
       -
       	pre {

     

       117
       117
       -
       		font-family:

     

       118
       118
       -
       			ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono',

     

       119
       119
       -
       			monospace;

     

       120
       120
       -
       		font-weight: normal;

     

       121
       121
       -
       		background: linear-gradient(14deg, #d83333 0%, #f041ff 100%);

     

       122
       122
       -
       		-webkit-background-clip: text;

     

       123
       123
       -
       		-webkit-text-fill-color: transparent;

     

       124
       124
       -
       		background-clip: text;

     

       125
       125
       -
       		margin: 0;

     

       126
       126
       -
       	}

     

       127
       127
       -
       

     

       128
       128
       -
       	h2 {

     

       129
       129
       -
       		margin: 0 0 1em;

     

       130
       130
       -
       		font-weight: normal;

     

       131
       131
       -
       		color: #111827;

     

       132
       132
       -
       		font-size: 20px;

     

       133
       133
       -
       	}

     

       134
       134
       -
       

     

       135
       135
       -
       	p {

     

       136
       136
       -
       		color: #4b5563;

     

       137
       137
       -
       		font-size: 16px;

     

       138
       138
       -
       		line-height: 24px;

     

       139
       139
       -
       		letter-spacing: -0.006em;

     

       140
       140
       -
       		margin: 0;

     

       141
       141
       -
       	}

     

       142
       142
       -
       

     

       143
       143
       -
       	code {

     

       144
       144
       -
       		display: inline-block;

     

       145
       145
       -
       		background:

     

       146
       146
       -
       			linear-gradient(66.77deg, #f3cddd 0%, #f5cee7 100%) padding-box,

     

       147
       147
       -
       			linear-gradient(155deg, #d83333 0%, #f041ff 18%, #f5cee7 45%) border-box;

     

       148
       148
       -
       		border-radius: 8px;

     

       149
       149
       -
       		border: 1px solid transparent;

     

       150
       150
       -
       		padding: 6px 8px;

     

       151
       151
       -
       	}

     

       152
       152
       -
       

     

       153
       153
       -
       	.box {

     

       154
       154
       -
       		padding: 16px;

     

       155
       155
       -
       		background: rgba(255, 255, 255, 1);

     

       156
       156
       -
       		border-radius: 16px;

     

       157
       157
       -
       		border: 1px solid white;

     

       158
       158
       -
       	}

     

       159
       159
       -
       

     

       160
       160
       -
       	#news {

     

       161
       161
       -
       		position: absolute;

     

       162
       162
       -
       		bottom: 16px;

     

       163
       163
       -
       		right: 16px;

     

       164
       164
       -
       		max-width: 300px;

     

       165
       165
       -
       		text-decoration: none;

     

       166
       166
       -
       		transition: background 0.2s;

     

       167
       167
       -
       		backdrop-filter: blur(50px);

     

       168
       168
       -
       	}

     

       169
       169
       -
       

     

       170
       170
       -
       	#news:hover {

     

       171
       171
       -
       		background: rgba(255, 255, 255, 0.55);

     

       172
       172
       -
       	}

     

       173
       173
       -
       

     

       174
       174
       -
       	@media screen and (max-height: 368px) {

     

       175
       175
       -
       		#news {

     

       176
       176
       -
       			display: none;

     

       177
       177
       -
       		}

     

       178
       178
       -
       	}

     

       179
       179
       -
       

     

       180
       180
       -
       	@media screen and (max-width: 768px) {

     

       181
       181
       -
       		#container {

     

       182
       182
       -
       			display: flex;

     

       183
       183
       -
       			flex-direction: column;

     

       184
       184
       -
       		}

     

       185
       185
       -
       

     

       186
       186
       -
       		#hero {

     

       187
       187
       -
       			display: block;

     

       188
       188
       -
       			padding-top: 10%;

     

       189
       189
       -
       		}

     

       190
       190
       -
       

     

       191
       191
       -
       		#links {

     

       192
       192
       -
       			flex-wrap: wrap;

     

       193
       193
       -
       		}

     

       194
       194
       -
       

     

       195
       195
       -
       		#links a.button {

     

       196
       196
       -
       			padding: 14px 18px;

     

       197
       197
       -
       		}

     

       198
       198
       -
       

     

       199
       199
       -
       		#news {

     

       200
       200
       -
       			right: 16px;

     

       201
       201
       -
       			left: 16px;

     

       202
       202
       -
       			bottom: 2.5rem;

     

       203
       203
       -
       			max-width: 100%;

     

       204
       204
       -
       		}

     

       205
       205
       -
       

     

       206
       206
       -
       		h1 {

     

       207
       207
       -
       			line-height: 1.5;

     

       208
       208
       -
       		}

     

       209
       209
       -
       	}

     

       210
       210
       -
       </style>

+14 -5

src/layouts/Layout.astro

···

       1
       1
       +
       ---

     

       2
       2
       +
       import "../styles/global.css"

     

       3
       3
       +
       import Navbar from "../components/Navbar.astro"

     

       4
       4
       +
       ---

     

       1
       5
        
       <!doctype html>

     

       2
       6
        
       <html lang="en">

     

       3
       7
        
       	<head>

     

       4
       8
        
       		<meta charset="UTF-8" />

     

       5
       9
        
       		<meta name="viewport" content="width=device-width" />

     

       6
       6
       -
       		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />

     

       10
       10
       +
       		<link rel="icon" type="image/svg+xml" href="/favicon.ico" />

     

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

     

       8
       8
       -
       		<title>Astro Basics</title>

     

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

     

       9
       13
        
       	</head>

     

       10
       10
       -
       	<body>

     

       11
       11
       -
       		<slot />

     

       14
       14
       +
       	<body class="bg-ctp-crust pl-64 pr-64 text-ctp-text">

     

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

     

       16
       16
       +
                   <Navbar/>

     

       17
       17
       +
       		    <slot />

     

       18
       18
       +
               </main>

     

       12
       19
        
       	</body>

     

       13
       20
        
       </html>

     

       14
       14
       -
       

     

       21
       21
       +
       <script>

     

       22
       22
       +
           

     

       23
       23
       +
       </script>

     

       15
       24
        
       <style>

     

       16
       25
        
       	html,

     

       17
       26
        
       	body {

+79 -5

src/pages/index.astro

···

       1
       1
        
       ---

     

       2
       2
       -
       import Welcome from '../components/Welcome.astro';

     

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

     

       3
       3
       +
       import Tag from '../components/Tag.astro';

     

       4
       4
       +
       import { Github, Twitch, Youtube, Icon } from '@lucide/astro'

     

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

     

       6
       6
       +
       ---

     

       7
       7
       +
       <script>

     

       8
       8
       +
       const clockElement: HTMLElement | null = document.getElementById("clock");

     

       9
       9
       +
       

     

       10
       10
       +
       if (!clockElement) {

     

       11
       11
       +
           console.error(`Error: Clock element with ID "clock" not found.`);

     

       12
       12
       +
       }

     

       4
       13
        
       

     

       5
       5
       -
       // Welcome to Astro! Wondering what to do next? Check out the Astro documentation at https://docs.astro.build

     

       6
       6
       -
       // Don't want to use any of this? Delete everything in this file, the `assets`, `components`, and `layouts` directories, and start fresh.

     

       7
       7
       -
       ---

     

       14
       14
       +
       const displayTime = (): void => {

     

       15
       15
       +
           const now: Date = new Date();

     

       8
       16
        
       

     

       17
       17
       +
           const options: Intl.DateTimeFormatOptions = {

     

       18
       18
       +
           hour: '2-digit',     

     

       19
       19
       +
           minute: '2-digit',  

     

       20
       20
       +
           second: '2-digit', 

     

       21
       21
       +
           hour12: false,    

     

       22
       22
       +
           timeZone: "Asia/Singapore"

     

       23
       23
       +
           };

     

       24
       24
       +
       

     

       25
       25
       +
           const timeString: string = now.toLocaleTimeString('en-US', options);

     

       26
       26
       +
           clockElement.textContent = timeString;

     

       27
       27
       +
       };

     

       28
       28
       +
       displayTime();

     

       29
       29
       +
       setInterval(displayTime, 1000);

     

       30
       30
       +
       </script>

     

       9
       31
        
       <Layout>

     

       10
       10
       -
       	<Welcome />

     

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

     

       33
       33
       +
              <div class="flex flex-col col-span-3 gap-3 p-8 border-ctp-surface0 border h-min">

     

       34
       34
       +
                   <span class="text-5xl font-semibold">

     

       35
       35
       +
                       Hi, I'm Banana.

     

       36
       36
       +
                   </span>

     

       37
       37
       +
                   <span class='text-lg'>

     

       38
       38
       +
                       I'm a computer science student and software developer that specialises in 

     

       39
       39
       +
                       Web Development as well as developing and hosting Minecraft Events.

     

       40
       40
       +
                   </span>

     

       41
       41
       +
               </div>

     

       42
       42
       +
               <div class="flex flex-col col-span-2 border border-ctp-surface0 gap-[-1px] w-full h-min">

     

       43
       43
       +
                   <span class="p-4 pb-0 border-b border-ctp-surface0 relative">

     

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

     

       45
       45
       +
                   </span>

     

       46
       46
       +
                   <div class="p-8 pt-12 flex-col flex relative">

     

       47
       47
       +
                       <img src="doodlecat.png" width="96px" height="96px" 

     

       48
       48
       +
                           class="rounded-full absolute -top-12 left-8 border-6 border-ctp-mantle" />

     

       49
       49
       +
                       <span class="text-base flex justify-between">

     

       50
       50
       +
                           <span class="flex flex-col">

     

       51
       51
       +
                               <span class="text-2xl font-bold">Banana</span>

     

       52
       52
       +
                               <a href="mailto:banana@potassium.sh" class="hover:underline ease-in hover:ease-out transition-all">banana@potassium.sh</a>

     

       53
       53
       +
                           </span>

     

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

     

       55
       55
       +
                               <a href="https://github.com/imabanana80">

     

       56
       56
       +
                                   <Github size="20" 

     

       57
       57
       +
                                       class="stroke-ctp-green hover:rotate-15 ease-in hover:ease-out transition-transform"/></a>

     

       58
       58
       +
                               <a href="https://bsky.app/profile/imabanana80.com">

     

       59
       59
       +
                                   <Icon iconNode={butterfly} size="20" 

     

       60
       60
       +
                                       class="stroke-ctp-sapphire hover:rotate-15 ease-in hover:ease-out transition-transform"/></a>

     

       61
       61
       +
                               <a href="https://twitch.tv/imabanana80">

     

       62
       62
       +
                                   <Twitch size="20" 

     

       63
       63
       +
                                       class="stroke-ctp-mauve hover:rotate-15 ease-in hover:ease-out transition-transform"/></a>

     

       64
       64
       +
                               <a href="https://youtube.com/@imabanana80">

     

       65
       65
       +
                                   <Youtube size="20" 

     

       66
       66
       +
                                       class="stroke-ctp-red hover:rotate-15 ease-in hover:ease-out transition-transform"/></a>

     

       67
       67
       +
                           </span>

     

       68
       68
       +
                       </span>

     

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

     

       70
       70
       +
                           <Tag name="About"/>

     

       71
       71
       +
                           Hi, I'm Banana, a computer science student and software developer that specialises in 

     

       72
       72
       +
                           Web Development as well as developing and hosting Minecraft Events.

     

       73
       73
       +
                       </span>

     

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

     

       75
       75
       +
                           <Tag name="Currently"/>

     

       76
       76
       +
                           Learning Svelte | Open for Hire

     

       77
       77
       +
                       </span>

     

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

     

       79
       79
       +
                           <Tag name="Time"/>

     

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

     

       81
       81
       +
                       </span>

     

       82
       82
       +
                   </div >

     

       83
       83
       +
               </div>

     

       84
       84
       +
           </section>

     

       11
       85
        
       </Layout>

+10

src/styles/global.css

···

       1
       1
       +
       @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');

     

       2
       2
       +
       @import "tailwindcss";

     

       3
       3
       +
       @import "@catppuccin/tailwindcss/mocha.css";

     

       4
       4
       +
       

     

       5
       5
       +
       @theme {

     

       6
       6
       +
           --color-transparent: "transparent";

     

       7
       7
       +
           --ease-in: cubic-bezier(0,0.69,0.31,1.63);

     

       8
       8
       +
           --ease-out: cubic-bezier(0,0.69,0.44,0.99);

     

       9
       9
       +
           --default-font-family: "JetBrains Mono", monospaced;

     

       10
       10
       +
       }