Kremta-Website/index.html

5 lines
27 KiB
HTML

<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width"><link rel="icon" type="image/png" href="/profilePicture.png"><meta name="generator" content="Astro v5.14.5"><meta name="darkreader-lock"><title>Kristian Emil Takvam</title><style>:root{--ctp-rosewater: #f5e0dc;--ctp-flamingo: #f2cdcd;--ctp-pink: #f5c2e7;--ctp-mauve: #cba6f7;--ctp-red: #f38ba8;--ctp-maroon: #eba0ac;--ctp-peach: #fab387;--ctp-yellow: #f9e2af;--ctp-green: #a6e3a1;--ctp-teal: #94e2d5;--ctp-sky: #89dceb;--ctp-sapphire: #74c7ec;--ctp-blue: #89b4fa;--ctp-lavender: #b4befe;--ctp-text: #cdd6f4;--ctp-subtext1: #bac2de;--ctp-subtext0: #a6adc8;--ctp-overlay2: #9399b2;--ctp-overlay1: #7f849c;--ctp-overlay0: #6c7086;--ctp-surface2: #585b70;--ctp-surface1: #45475a;--ctp-surface0: #313244;--ctp-base: #1e1e2e;--ctp-mantle: #181825;--ctp-crust: #11111b}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--ctp-base);color:var(--ctp-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.intro[data-astro-cid-u43ozx4m]{padding:8rem 2rem 6rem;display:flex;justify-content:center}.content[data-astro-cid-u43ozx4m]{max-width:600px;width:100%;display:flex;align-items:center;gap:2rem}.pfp[data-astro-cid-u43ozx4m]{width:120px;height:120px;border-radius:50%;border:3px solid var(--ctp-lavender);transition:transform .3s ease,border-color .3s ease}.pfp[data-astro-cid-u43ozx4m]:hover{transform:scale(1.05);border-color:var(--ctp-pink)}.text[data-astro-cid-u43ozx4m]{flex:1}h1[data-astro-cid-u43ozx4m]{font-size:2rem;font-weight:600;color:var(--ctp-text);margin-bottom:.5rem}.subtitle[data-astro-cid-u43ozx4m]{font-size:1rem;color:var(--ctp-subtext0);opacity:.8}@media(max-width:600px){.intro[data-astro-cid-u43ozx4m]{padding:4rem 2rem 3rem}.content[data-astro-cid-u43ozx4m]{flex-direction:column;text-align:center}.pfp[data-astro-cid-u43ozx4m]{width:100px;height:100px}h1[data-astro-cid-u43ozx4m]{font-size:1.5rem}}.wave-container[data-astro-cid-5baqliqx]{width:100%;padding:3rem 2rem;display:flex;justify-content:center}.wave-wrapper[data-astro-cid-5baqliqx]{max-width:600px;width:100%;height:40px;overflow:hidden;position:relative;mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%)}.wave[data-astro-cid-5baqliqx]{width:300%;height:100%;position:absolute;left:-100%}.wave-path[data-astro-cid-5baqliqx]{vector-effect:non-scaling-stroke}.wave-slide-left[data-astro-cid-5baqliqx]{animation:wave-slide-left var(--wave-speed) linear infinite}.wave-slide-right[data-astro-cid-5baqliqx]{animation:wave-slide-right var(--wave-speed) linear infinite}@keyframes wave-slide-left{0%{transform:translate(0)}to{transform:translate(-33.33%)}}@keyframes wave-slide-right{0%{transform:translate(-33.33%)}to{transform:translate(0)}}@media(max-width:600px){.wave-container[data-astro-cid-5baqliqx]{padding:2rem 1rem}}.socials[data-astro-cid-upu6fzxr]{padding:4rem 2rem 8rem;display:flex;justify-content:center}.content[data-astro-cid-upu6fzxr]{max-width:600px;width:100%;display:flex;justify-content:center}.social-links[data-astro-cid-upu6fzxr]{display:flex;gap:2rem;justify-content:center}.social-link[data-astro-cid-upu6fzxr]{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background-color:var(--ctp-surface0);border:2px solid var(--social-color);border-radius:50%;color:var(--social-color);transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none}.social-icon[data-astro-cid-upu6fzxr]{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.social-icon[data-astro-cid-upu6fzxr] svg{width:100%;height:100%}.social-link[data-astro-cid-upu6fzxr]:hover{background-color:var(--social-color);color:var(--ctp-base);transform:translateY(-4px) rotate(5deg);box-shadow:0 8px 16px #0000004d}.social-link[data-astro-cid-upu6fzxr]:active{transform:translateY(-2px) rotate(5deg)}@media(max-width:600px){.socials[data-astro-cid-upu6fzxr]{padding:3rem 2rem 6rem}.social-links[data-astro-cid-upu6fzxr]{gap:1.5rem}.social-link[data-astro-cid-upu6fzxr]{width:56px;height:56px}.social-icon[data-astro-cid-upu6fzxr]{width:28px;height:28px}}
</style>
<link rel="stylesheet" href="/_astro/index.CsiY4U4d.css"></head> <body> <main> <section class="intro" data-astro-cid-u43ozx4m> <div class="content" data-astro-cid-u43ozx4m> <a href="/" data-astro-cid-u43ozx4m> <img src="/_astro/profile-picture.C8jVU_ub.png" alt="trueberryless" class="pfp" data-astro-cid-u43ozx4m> </a> <div class="text" data-astro-cid-u43ozx4m> <h1 data-astro-cid-u43ozx4m>Yo, I'm Kristian Emil Takvam!</h1> <p class="subtitle" data-astro-cid-u43ozx4m>This is my blog where I share my thoughts on programming, technology, and life in general. Stay tuned for updates!</p> </div> </div> </section> <div class="wave-container" data-astro-cid-5baqliqx> <div class="wave-wrapper" style="--wave-speed: 100s" data-astro-cid-5baqliqx> <svg class="wave wave-slide-left" viewBox="0 0 600 40" preserveAspectRatio="none" data-astro-cid-5baqliqx> <path class="wave-path" d="M 0,20 Q 4,10.399999999999999 8,20 Q 12,29.6 16,20 Q 20,10.399999999999999 24,20 Q 28,29.6 32,20 Q 36,10.399999999999999 40,20 Q 44,29.6 48,20 Q 52,10.399999999999999 56,20 Q 60,29.6 64,20 Q 68,10.399999999999999 72,20 Q 76,29.6 80,20 Q 84,10.399999999999999 88,20 Q 92,29.6 96,20 Q 100,10.399999999999999 104,20 Q 108,29.6 112,20 Q 116,10.399999999999999 120,20 Q 124,29.6 128,20 Q 132,10.399999999999999 136,20 Q 140,29.6 144,20 Q 148,10.399999999999999 152,20 Q 156,29.6 160,20 Q 164,10.399999999999999 168,20 Q 172,29.6 176,20 Q 180,10.399999999999999 184,20 Q 188,29.6 192,20 Q 196,10.399999999999999 200,20 Q 204,29.6 208,20 Q 212,10.399999999999999 216,20 Q 220,29.6 224,20 Q 228,10.399999999999999 232,20 Q 236,29.6 240,20 Q 244,10.399999999999999 248,20 Q 252,29.6 256,20 Q 260,10.399999999999999 264,20 Q 268,29.6 272,20 Q 276,10.399999999999999 280,20 Q 284,29.6 288,20 Q 292,10.399999999999999 296,20 Q 300,29.6 304,20 Q 308,10.399999999999999 312,20 Q 316,29.6 320,20 Q 324,10.399999999999999 328,20 Q 332,29.6 336,20 Q 340,10.399999999999999 344,20 Q 348,29.6 352,20 Q 356,10.399999999999999 360,20 Q 364,29.6 368,20 Q 372,10.399999999999999 376,20 Q 380,29.6 384,20 Q 388,10.399999999999999 392,20 Q 396,29.6 400,20 Q 404,10.399999999999999 408,20 Q 412,29.6 416,20 Q 420,10.399999999999999 424,20 Q 428,29.6 432,20 Q 436,10.399999999999999 440,20 Q 444,29.6 448,20 Q 452,10.399999999999999 456,20 Q 460,29.6 464,20 Q 468,10.399999999999999 472,20 Q 476,29.6 480,20 Q 484,10.399999999999999 488,20 Q 492,29.6 496,20 Q 500,10.399999999999999 504,20 Q 508,29.6 512,20 Q 516,10.399999999999999 520,20 Q 524,29.6 528,20 Q 532,10.399999999999999 536,20 Q 540,29.6 544,20 Q 548,10.399999999999999 552,20 Q 556,29.6 560,20 Q 564,10.399999999999999 568,20 Q 572,29.6 576,20 Q 580,10.399999999999999 584,20 Q 588,29.6 592,20 Q 596,10.399999999999999 600,20 Q 604,29.6 608,20 Q 612,10.399999999999999 616,20 Q 620,29.6 624,20 Q 628,10.399999999999999 632,20 Q 636,29.6 640,20 Q 644,10.399999999999999 648,20 Q 652,29.6 656,20 Q 660,10.399999999999999 664,20 Q 668,29.6 672,20 Q 676,10.399999999999999 680,20 Q 684,29.6 688,20 Q 692,10.399999999999999 696,20 Q 700,29.6 704,20 Q 708,10.399999999999999 712,20 Q 716,29.6 720,20 Q 724,10.399999999999999 728,20 Q 732,29.6 736,20 Q 740,10.399999999999999 744,20 Q 748,29.6 752,20 Q 756,10.399999999999999 760,20 Q 764,29.6 768,20 Q 772,10.399999999999999 776,20 Q 780,29.6 784,20 Q 788,10.399999999999999 792,20 Q 796,29.6 800,20 Q 804,10.399999999999999 808,20 Q 812,29.6 816,20 Q 820,10.399999999999999 824,20 Q 828,29.6 832,20 Q 836,10.399999999999999 840,20 Q 844,29.6 848,20 Q 852,10.399999999999999 856,20 Q 860,29.6 864,20 Q 868,10.399999999999999 872,20 Q 876,29.6 880,20 Q 884,10.399999999999999 888,20 Q 892,29.6 896,20 Q 900,10.399999999999999 904,20 Q 908,29.6 912,20 Q 916,10.399999999999999 920,20 Q 924,29.6 928,20 Q 932,10.399999999999999 936,20 Q 940,29.6 944,20 Q 948,10.399999999999999 952,20 Q 956,29.6 960,20" stroke="var(--ctp-rosewater)" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-5baqliqx></path> </svg> </div> </div> <section class="project" data-astro-cid-4lhuo7md> <div class="content" data-astro-cid-4lhuo7md> <h2 class="section-title" data-astro-cid-4lhuo7md>Blog</h2> <div class="projects" data-astro-cid-4lhuo7md> <a href="/blog" class="project-link" target="" rel="noopener noreferrer" style="--project-color: var(--ctp-lavender)" data-astro-cid-4lhuo7md> <span class="project-icon" data-astro-cid-4lhuo7md></span> <span class="project-name" data-astro-cid-4lhuo7md>Blog</span> <svg class="project-arrow" viewBox="0 0 24 24" fill="none" data-astro-cid-4lhuo7md> <path d="M7 17L17 7M17 7H7M17 7V17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-4lhuo7md></path> </svg> </a> </div> </div> </section> <div class="wave-container" data-astro-cid-5baqliqx> <div class="wave-wrapper" style="--wave-speed: 100s" data-astro-cid-5baqliqx> <svg class="wave wave-slide-left" viewBox="0 0 600 40" preserveAspectRatio="none" data-astro-cid-5baqliqx> <path class="wave-path" d="M 0,20 Q 4,10.399999999999999 8,20 Q 12,29.6 16,20 Q 20,10.399999999999999 24,20 Q 28,29.6 32,20 Q 36,10.399999999999999 40,20 Q 44,29.6 48,20 Q 52,10.399999999999999 56,20 Q 60,29.6 64,20 Q 68,10.399999999999999 72,20 Q 76,29.6 80,20 Q 84,10.399999999999999 88,20 Q 92,29.6 96,20 Q 100,10.399999999999999 104,20 Q 108,29.6 112,20 Q 116,10.399999999999999 120,20 Q 124,29.6 128,20 Q 132,10.399999999999999 136,20 Q 140,29.6 144,20 Q 148,10.399999999999999 152,20 Q 156,29.6 160,20 Q 164,10.399999999999999 168,20 Q 172,29.6 176,20 Q 180,10.399999999999999 184,20 Q 188,29.6 192,20 Q 196,10.399999999999999 200,20 Q 204,29.6 208,20 Q 212,10.399999999999999 216,20 Q 220,29.6 224,20 Q 228,10.399999999999999 232,20 Q 236,29.6 240,20 Q 244,10.399999999999999 248,20 Q 252,29.6 256,20 Q 260,10.399999999999999 264,20 Q 268,29.6 272,20 Q 276,10.399999999999999 280,20 Q 284,29.6 288,20 Q 292,10.399999999999999 296,20 Q 300,29.6 304,20 Q 308,10.399999999999999 312,20 Q 316,29.6 320,20 Q 324,10.399999999999999 328,20 Q 332,29.6 336,20 Q 340,10.399999999999999 344,20 Q 348,29.6 352,20 Q 356,10.399999999999999 360,20 Q 364,29.6 368,20 Q 372,10.399999999999999 376,20 Q 380,29.6 384,20 Q 388,10.399999999999999 392,20 Q 396,29.6 400,20 Q 404,10.399999999999999 408,20 Q 412,29.6 416,20 Q 420,10.399999999999999 424,20 Q 428,29.6 432,20 Q 436,10.399999999999999 440,20 Q 444,29.6 448,20 Q 452,10.399999999999999 456,20 Q 460,29.6 464,20 Q 468,10.399999999999999 472,20 Q 476,29.6 480,20 Q 484,10.399999999999999 488,20 Q 492,29.6 496,20 Q 500,10.399999999999999 504,20 Q 508,29.6 512,20 Q 516,10.399999999999999 520,20 Q 524,29.6 528,20 Q 532,10.399999999999999 536,20 Q 540,29.6 544,20 Q 548,10.399999999999999 552,20 Q 556,29.6 560,20 Q 564,10.399999999999999 568,20 Q 572,29.6 576,20 Q 580,10.399999999999999 584,20 Q 588,29.6 592,20 Q 596,10.399999999999999 600,20 Q 604,29.6 608,20 Q 612,10.399999999999999 616,20 Q 620,29.6 624,20 Q 628,10.399999999999999 632,20 Q 636,29.6 640,20 Q 644,10.399999999999999 648,20 Q 652,29.6 656,20 Q 660,10.399999999999999 664,20 Q 668,29.6 672,20 Q 676,10.399999999999999 680,20 Q 684,29.6 688,20 Q 692,10.399999999999999 696,20 Q 700,29.6 704,20 Q 708,10.399999999999999 712,20 Q 716,29.6 720,20 Q 724,10.399999999999999 728,20 Q 732,29.6 736,20 Q 740,10.399999999999999 744,20 Q 748,29.6 752,20 Q 756,10.399999999999999 760,20 Q 764,29.6 768,20 Q 772,10.399999999999999 776,20 Q 780,29.6 784,20 Q 788,10.399999999999999 792,20 Q 796,29.6 800,20 Q 804,10.399999999999999 808,20 Q 812,29.6 816,20 Q 820,10.399999999999999 824,20 Q 828,29.6 832,20 Q 836,10.399999999999999 840,20 Q 844,29.6 848,20 Q 852,10.399999999999999 856,20 Q 860,29.6 864,20 Q 868,10.399999999999999 872,20 Q 876,29.6 880,20 Q 884,10.399999999999999 888,20 Q 892,29.6 896,20 Q 900,10.399999999999999 904,20 Q 908,29.6 912,20 Q 916,10.399999999999999 920,20 Q 924,29.6 928,20 Q 932,10.399999999999999 936,20 Q 940,29.6 944,20 Q 948,10.399999999999999 952,20 Q 956,29.6 960,20" stroke="var(--ctp-teal)" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-5baqliqx></path> </svg> </div> </div> <section class="project" data-astro-cid-amng4zvp> <div class="content" data-astro-cid-amng4zvp> <h2 class="section-title" data-astro-cid-amng4zvp>Projects</h2> <div class="projects" data-astro-cid-amng4zvp> <a href="https://github.com/Kremtastic/PortalRoom" class="project-link" target="_blank" rel="noopener noreferrer" style="--project-color: var(--ctp-lavender)" data-astro-cid-amng4zvp> <span class="project-icon" data-astro-cid-amng4zvp></span> <span class="project-name" data-astro-cid-amng4zvp>Portal Room</span> <svg class="project-arrow" viewBox="0 0 24 24" fill="none" data-astro-cid-amng4zvp> <path d="M7 17L17 7M17 7H7M17 7V17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-amng4zvp></path> </svg> </a><a href="https://github.com/Kremtastic/RaytracerUnity" class="project-link" target="_blank" rel="noopener noreferrer" style="--project-color: var(--ctp-peach)" data-astro-cid-amng4zvp> <span class="project-icon" data-astro-cid-amng4zvp></span> <span class="project-name" data-astro-cid-amng4zvp>Raytracer</span> <svg class="project-arrow" viewBox="0 0 24 24" fill="none" data-astro-cid-amng4zvp> <path d="M7 17L17 7M17 7H7M17 7V17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-amng4zvp></path> </svg> </a> </div> </div> </section> <div class="wave-container" data-astro-cid-5baqliqx> <div class="wave-wrapper" style="--wave-speed: 100s" data-astro-cid-5baqliqx> <svg class="wave wave-slide-right" viewBox="0 0 600 40" preserveAspectRatio="none" data-astro-cid-5baqliqx> <path class="wave-path" d="M 0,20 Q 4,10.399999999999999 8,20 Q 12,29.6 16,20 Q 20,10.399999999999999 24,20 Q 28,29.6 32,20 Q 36,10.399999999999999 40,20 Q 44,29.6 48,20 Q 52,10.399999999999999 56,20 Q 60,29.6 64,20 Q 68,10.399999999999999 72,20 Q 76,29.6 80,20 Q 84,10.399999999999999 88,20 Q 92,29.6 96,20 Q 100,10.399999999999999 104,20 Q 108,29.6 112,20 Q 116,10.399999999999999 120,20 Q 124,29.6 128,20 Q 132,10.399999999999999 136,20 Q 140,29.6 144,20 Q 148,10.399999999999999 152,20 Q 156,29.6 160,20 Q 164,10.399999999999999 168,20 Q 172,29.6 176,20 Q 180,10.399999999999999 184,20 Q 188,29.6 192,20 Q 196,10.399999999999999 200,20 Q 204,29.6 208,20 Q 212,10.399999999999999 216,20 Q 220,29.6 224,20 Q 228,10.399999999999999 232,20 Q 236,29.6 240,20 Q 244,10.399999999999999 248,20 Q 252,29.6 256,20 Q 260,10.399999999999999 264,20 Q 268,29.6 272,20 Q 276,10.399999999999999 280,20 Q 284,29.6 288,20 Q 292,10.399999999999999 296,20 Q 300,29.6 304,20 Q 308,10.399999999999999 312,20 Q 316,29.6 320,20 Q 324,10.399999999999999 328,20 Q 332,29.6 336,20 Q 340,10.399999999999999 344,20 Q 348,29.6 352,20 Q 356,10.399999999999999 360,20 Q 364,29.6 368,20 Q 372,10.399999999999999 376,20 Q 380,29.6 384,20 Q 388,10.399999999999999 392,20 Q 396,29.6 400,20 Q 404,10.399999999999999 408,20 Q 412,29.6 416,20 Q 420,10.399999999999999 424,20 Q 428,29.6 432,20 Q 436,10.399999999999999 440,20 Q 444,29.6 448,20 Q 452,10.399999999999999 456,20 Q 460,29.6 464,20 Q 468,10.399999999999999 472,20 Q 476,29.6 480,20 Q 484,10.399999999999999 488,20 Q 492,29.6 496,20 Q 500,10.399999999999999 504,20 Q 508,29.6 512,20 Q 516,10.399999999999999 520,20 Q 524,29.6 528,20 Q 532,10.399999999999999 536,20 Q 540,29.6 544,20 Q 548,10.399999999999999 552,20 Q 556,29.6 560,20 Q 564,10.399999999999999 568,20 Q 572,29.6 576,20 Q 580,10.399999999999999 584,20 Q 588,29.6 592,20 Q 596,10.399999999999999 600,20 Q 604,29.6 608,20 Q 612,10.399999999999999 616,20 Q 620,29.6 624,20 Q 628,10.399999999999999 632,20 Q 636,29.6 640,20 Q 644,10.399999999999999 648,20 Q 652,29.6 656,20 Q 660,10.399999999999999 664,20 Q 668,29.6 672,20 Q 676,10.399999999999999 680,20 Q 684,29.6 688,20 Q 692,10.399999999999999 696,20 Q 700,29.6 704,20 Q 708,10.399999999999999 712,20 Q 716,29.6 720,20 Q 724,10.399999999999999 728,20 Q 732,29.6 736,20 Q 740,10.399999999999999 744,20 Q 748,29.6 752,20 Q 756,10.399999999999999 760,20 Q 764,29.6 768,20 Q 772,10.399999999999999 776,20 Q 780,29.6 784,20 Q 788,10.399999999999999 792,20 Q 796,29.6 800,20 Q 804,10.399999999999999 808,20 Q 812,29.6 816,20 Q 820,10.399999999999999 824,20 Q 828,29.6 832,20 Q 836,10.399999999999999 840,20 Q 844,29.6 848,20 Q 852,10.399999999999999 856,20 Q 860,29.6 864,20 Q 868,10.399999999999999 872,20 Q 876,29.6 880,20 Q 884,10.399999999999999 888,20 Q 892,29.6 896,20 Q 900,10.399999999999999 904,20 Q 908,29.6 912,20 Q 916,10.399999999999999 920,20 Q 924,29.6 928,20 Q 932,10.399999999999999 936,20 Q 940,29.6 944,20 Q 948,10.399999999999999 952,20 Q 956,29.6 960,20" stroke="var(--ctp-flamingo)" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-5baqliqx></path> </svg> </div> </div> <section class="spotify" data-astro-cid-a3qsdpjt> <div class="content" data-astro-cid-a3qsdpjt> <div class="spotify-container" data-astro-cid-a3qsdpjt> <style>astro-island,astro-slot,astro-static-slot{display:contents}</style><script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).only=e;window.dispatchEvent(new Event("astro:only"));})();</script><script>(()=>{var A=Object.defineProperty;var g=(i,o,a)=>o in i?A(i,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[o]=a;var d=(i,o,a)=>g(i,typeof o!="symbol"?o+"":o,a);{let i={0:t=>m(t),1:t=>a(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(a(t)),5:t=>new Set(a(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t),11:t=>1/0*t},o=t=>{let[l,e]=t;return l in i?i[l](e):void 0},a=t=>t.map(o),m=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([l,e])=>[l,o(e)]));class y extends HTMLElement{constructor(){super(...arguments);d(this,"Component");d(this,"hydrator");d(this,"hydrate",async()=>{var b;if(!this.hydrator||!this.isConnected)return;let e=(b=this.parentElement)==null?void 0:b.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let c=this.querySelectorAll("astro-slot"),n={},h=this.querySelectorAll("template[data-astro-template]");for(let r of h){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(let r of c){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("name")||"default"]=r.innerHTML)}let p;try{p=this.hasAttribute("props")?m(JSON.parse(this.getAttribute("props"))):{}}catch(r){let s=this.getAttribute("component-url")||"<unknown>",v=this.getAttribute("component-export");throw v&&(s+=` (export ${v})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),r),r}let u;await this.hydrator(this)(this.Component,p,n,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))});d(this,"unmount",()=>{this.isConnected||this.dispatchEvent(new CustomEvent("astro:unmount"))})}disconnectedCallback(){document.removeEventListener("astro:after-swap",this.unmount),document.addEventListener("astro:after-swap",this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute("await-children")||document.readyState==="interactive"||document.readyState==="complete")this.childrenConnectedCallback();else{let e=()=>{document.removeEventListener("DOMContentLoaded",e),c.disconnect(),this.childrenConnectedCallback()},c=new MutationObserver(()=>{var n;((n=this.lastChild)==null?void 0:n.nodeType)===Node.COMMENT_NODE&&this.lastChild.nodeValue==="astro:end"&&(this.lastChild.remove(),e())});c.observe(this,{childList:!0}),document.addEventListener("DOMContentLoaded",e)}}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}async start(){let e=JSON.parse(this.getAttribute("opts")),c=this.getAttribute("client");if(Astro[c]===void 0){window.addEventListener(`astro:${c}`,()=>this.start(),{once:!0});return}try{await Astro[c](async()=>{let n=this.getAttribute("renderer-url"),[h,{default:p}]=await Promise.all([import(this.getAttribute("component-url")),n?import(n):()=>()=>{}]),u=this.getAttribute("component-export")||"default";if(!u.includes("."))this.Component=h[u];else{this.Component=h;for(let f of u.split("."))this.Component=this.Component[f]}return this.hydrator=p,this.hydrate},e,this)}catch(n){console.error(`[astro-island] Error hydrating ${this.getAttribute("component-url")}`,n)}}attributeChangedCallback(){this.hydrate()}}d(y,"observedAttributes",["props"]),customElements.get("astro-island")||customElements.define("astro-island",y)}})();</script><astro-island uid="Z1sPyNs" component-url="/_astro/SpotifyPlayer.CNtkvnvX.js" component-export="default" renderer-url="/_astro/client.BfPWZUkF.js" props="{&quot;data-astro-cid-a3qsdpjt&quot;:[0,true]}" ssr client="only" opts="{&quot;name&quot;:&quot;SpotifyPlayer&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island> </div> </div> </section> <div class="wave-container" data-astro-cid-5baqliqx> <div class="wave-wrapper" style="--wave-speed: 100s" data-astro-cid-5baqliqx> <svg class="wave wave-slide-left" viewBox="0 0 600 40" preserveAspectRatio="none" data-astro-cid-5baqliqx> <path class="wave-path" d="M 0,20 Q 4,10.399999999999999 8,20 Q 12,29.6 16,20 Q 20,10.399999999999999 24,20 Q 28,29.6 32,20 Q 36,10.399999999999999 40,20 Q 44,29.6 48,20 Q 52,10.399999999999999 56,20 Q 60,29.6 64,20 Q 68,10.399999999999999 72,20 Q 76,29.6 80,20 Q 84,10.399999999999999 88,20 Q 92,29.6 96,20 Q 100,10.399999999999999 104,20 Q 108,29.6 112,20 Q 116,10.399999999999999 120,20 Q 124,29.6 128,20 Q 132,10.399999999999999 136,20 Q 140,29.6 144,20 Q 148,10.399999999999999 152,20 Q 156,29.6 160,20 Q 164,10.399999999999999 168,20 Q 172,29.6 176,20 Q 180,10.399999999999999 184,20 Q 188,29.6 192,20 Q 196,10.399999999999999 200,20 Q 204,29.6 208,20 Q 212,10.399999999999999 216,20 Q 220,29.6 224,20 Q 228,10.399999999999999 232,20 Q 236,29.6 240,20 Q 244,10.399999999999999 248,20 Q 252,29.6 256,20 Q 260,10.399999999999999 264,20 Q 268,29.6 272,20 Q 276,10.399999999999999 280,20 Q 284,29.6 288,20 Q 292,10.399999999999999 296,20 Q 300,29.6 304,20 Q 308,10.399999999999999 312,20 Q 316,29.6 320,20 Q 324,10.399999999999999 328,20 Q 332,29.6 336,20 Q 340,10.399999999999999 344,20 Q 348,29.6 352,20 Q 356,10.399999999999999 360,20 Q 364,29.6 368,20 Q 372,10.399999999999999 376,20 Q 380,29.6 384,20 Q 388,10.399999999999999 392,20 Q 396,29.6 400,20 Q 404,10.399999999999999 408,20 Q 412,29.6 416,20 Q 420,10.399999999999999 424,20 Q 428,29.6 432,20 Q 436,10.399999999999999 440,20 Q 444,29.6 448,20 Q 452,10.399999999999999 456,20 Q 460,29.6 464,20 Q 468,10.399999999999999 472,20 Q 476,29.6 480,20 Q 484,10.399999999999999 488,20 Q 492,29.6 496,20 Q 500,10.399999999999999 504,20 Q 508,29.6 512,20 Q 516,10.399999999999999 520,20 Q 524,29.6 528,20 Q 532,10.399999999999999 536,20 Q 540,29.6 544,20 Q 548,10.399999999999999 552,20 Q 556,29.6 560,20 Q 564,10.399999999999999 568,20 Q 572,29.6 576,20 Q 580,10.399999999999999 584,20 Q 588,29.6 592,20 Q 596,10.399999999999999 600,20 Q 604,29.6 608,20 Q 612,10.399999999999999 616,20 Q 620,29.6 624,20 Q 628,10.399999999999999 632,20 Q 636,29.6 640,20 Q 644,10.399999999999999 648,20 Q 652,29.6 656,20 Q 660,10.399999999999999 664,20 Q 668,29.6 672,20 Q 676,10.399999999999999 680,20 Q 684,29.6 688,20 Q 692,10.399999999999999 696,20 Q 700,29.6 704,20 Q 708,10.399999999999999 712,20 Q 716,29.6 720,20 Q 724,10.399999999999999 728,20 Q 732,29.6 736,20 Q 740,10.399999999999999 744,20 Q 748,29.6 752,20 Q 756,10.399999999999999 760,20 Q 764,29.6 768,20 Q 772,10.399999999999999 776,20 Q 780,29.6 784,20 Q 788,10.399999999999999 792,20 Q 796,29.6 800,20 Q 804,10.399999999999999 808,20 Q 812,29.6 816,20 Q 820,10.399999999999999 824,20 Q 828,29.6 832,20 Q 836,10.399999999999999 840,20 Q 844,29.6 848,20 Q 852,10.399999999999999 856,20 Q 860,29.6 864,20 Q 868,10.399999999999999 872,20 Q 876,29.6 880,20 Q 884,10.399999999999999 888,20 Q 892,29.6 896,20 Q 900,10.399999999999999 904,20 Q 908,29.6 912,20 Q 916,10.399999999999999 920,20 Q 924,29.6 928,20 Q 932,10.399999999999999 936,20 Q 940,29.6 944,20 Q 948,10.399999999999999 952,20 Q 956,29.6 960,20" stroke="var(--ctp-mauve)" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-5baqliqx></path> </svg> </div> </div> <!--<Webring />
<WaveDivider color="pink" speed={100} size={0.8} direction="right" />
--> <section class="socials" data-astro-cid-upu6fzxr> <div class="content" data-astro-cid-upu6fzxr> <div class="social-links" data-astro-cid-upu6fzxr> <a href="https://github.com/Kremtastic" class="social-link" target="_blank" rel="noopener noreferrer" style="--social-color: var(--ctp-sapphire)" aria-label="GitHub" data-astro-cid-upu6fzxr> <span class="social-icon" data-astro-cid-upu6fzxr><svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.477 2 2 6.477 2 12c0 4.42 2.865 8.17 6.839 9.49.5.092.682-.217.682-.482 0-.237-.008-.866-.013-1.7-2.782.603-3.369-1.34-3.369-1.34-.454-1.156-1.11-1.463-1.11-1.463-.908-.62.069-.608.069-.608 1.003.07 1.531 1.03 1.531 1.03.892 1.529 2.341 1.087 2.91.831.092-.646.35-1.086.636-1.336-2.22-.253-4.555-1.11-4.555-4.943 0-1.091.39-1.984 1.029-2.683-.103-.253-.446-1.27.098-2.647 0 0 .84-.269 2.75 1.025A9.578 9.578 0 0112 6.836c.85.004 1.705.114 2.504.336 1.909-1.294 2.747-1.025 2.747-1.025.546 1.377.203 2.394.1 2.647.64.699 1.028 1.592 1.028 2.683 0 3.842-2.339 4.687-4.566 4.935.359.309.678.919.678 1.852 0 1.336-.012 2.415-.012 2.743 0 .267.18.578.688.48C19.138 20.167 22 16.418 22 12c0-5.523-4.477-10-10-10z"/></svg></span> </a><a href="https://www.linkedin.com/in/kristian-emil-takvam-70a475215" class="social-link" target="_blank" rel="noopener noreferrer" style="--social-color: var(--ctp-blue)" aria-label="LinkedIn" data-astro-cid-upu6fzxr> <span class="social-icon" data-astro-cid-upu6fzxr><svg viewBox="0 0 24 24" fill="currentColor"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg></span> </a><a href="/rss.xml" class="social-link" target="_blank" rel="noopener noreferrer" style="--social-color: var(--ctp-peach)" aria-label="RSS" data-astro-cid-upu6fzxr> <span class="social-icon" data-astro-cid-upu6fzxr><svg viewBox="0 0 22 24" fill="currentColor"><circle cx="6.18" cy="17.82" r="2.18"/><path d="M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z"/></svg></span> </a> </div> </div> </section> </main> <footer style="text-align: center;"> <p>&copy; 2025 Kristian Emil Takvam | Built with the <a href="https://github.com/trueberryless-org/astro-portfolio-template" target="_blank">Astro-portfolio-template</a> theme by <a href="https://trueberryless.org/" target="_blank">@trueberryless</a></p> </footer> </body></html>