krem
/
Kremta-Website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Kremta-Website/blog/index.html

6 lines
12 KiB
HTML
Raw Normal View History

deploy: 54e9fac1e29071de655d5142bc98f9466568bb23
2025-10-26 18:42:09 +00:00
<!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-upu6fzx
deploy: f558c7c5d0c2ab44b91358d49e2d77d95879a94f
2026-07-01 21:57:35 +00:00
.blog-list[data-astro-cid-35dpazjw]{padding:3rem 2rem;display:flex;justify-content:center}.content[data-astro-cid-35dpazjw]{max-width:800px;width:100%}.posts[data-astro-cid-35dpazjw]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.5rem}.post-item[data-astro-cid-35dpazjw]{padding:1.5rem;background-color:var(--ctp-surface0);border:2px solid var(--ctp-lavender);border-radius:12px;transition:transform .2s ease,border-color .2s ease}.post-item[data-astro-cid-35dpazjw]:hover{transform:translateY(-2px);border-color:var(--ctp-pink)}.post-link[data-astro-cid-35dpazjw]{display:flex;flex-direction:column;gap:.4rem;text-decoration:none}.post-title[data-astro-cid-35dpazjw]{font-size:1.3rem;font-weight:600;color:var(--ctp-text)}.post-description[data-astro-cid-35dpazjw]{color:var(--ctp-subtext0);font-size:.95rem}.post-date[data-astro-cid-35dpazjw]{color:var(--ctp-subtext0);font-size:.85rem;opacity:.7}@media(max-width:600px){.blog-list[data-astro-cid-35dpazjw]{padding:2rem 1rem}.post-item[data-astro-cid-35dpazjw]{padding:1rem}}
</style></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>Kristian Emil Takvam</h1> <p class="subtitle" data-astro-cid-u43ozx4m>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent lobortis nisi ante, nec tincidunt ligula mattis nec. Maecenas metus mauris, fermentum et vulputate ut, dapibus vel massa.</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> <!--
<Posts />
<WaveDivider color="teal" speed={100} size={0.8} direction="left" />
--> <section class="blog-list" data-astro-cid-35dpazjw> <div class="content" data-astro-cid-35dpazjw> <ul class="posts" data-astro-cid-35dpazjw> </ul> </div> </section> <!-- Use the new component --> <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> </body></html>