About me
I enjoy playing video games and programming.
My real name is Simon and i live in a city called Fredrikstad in Norway.
I like playing games and coding.
Some of my favorite games are Outer Wilds and Team fortress 2.
I have been interested in computers for a very long time.
Im good at HTML, Css, Javascript and Golang (I love golang)
I like archiving stuff to the Internet Archive
Im open for commisions and you can hire me to make something.
Random fact: <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link href="../_app/immutable/assets/0.CdLMW4Bt.css" rel="stylesheet"><!--[--><!----><script> function getAutoTheme() { if (typeof window === 'undefined') return 'light'; const forcedColors = window.matchMedia('(forced-colors: active)').matches; if (forcedColors) { const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches; return prefersDark ? 'high-contrast-dark' : 'high-contrast-light'; } const prefersMoreContrast = window.matchMedia('(prefers-contrast: more)').matches; if (prefersMoreContrast) { const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches; return prefersDark ? 'high-contrast-dark' : 'high-contrast-light'; } const now = new Date(); const month = now.getMonth() + 1; const day = now.getDate(); if (month === 10) { return 'halloween'; } if ([12, 1].includes(month)) { return 'winter'; } if (month === 2 && day === 14) { return 'valentine'; } const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches; return prefersDark ? 'dark' : 'light'; } const theme = localStorage.getItem("theme"); if (theme === "auto") { const resolvedTheme = getAutoTheme(); document.documentElement.setAttribute("data-theme", resolvedTheme); document.documentElement.setAttribute("data-theme-mode", "auto"); } else if (theme) { document.documentElement.setAttribute("data-theme", theme); } else { // Default to auto theme or provided default const defaultTheme = "auto"; if (defaultTheme === "auto") { const resolvedTheme = getAutoTheme(); document.documentElement.setAttribute("data-theme", resolvedTheme); document.documentElement.setAttribute("data-theme-mode", "auto"); } else if (defaultTheme) { document.documentElement.setAttribute("data-theme", defaultTheme); } else { const resolvedTheme = getAutoTheme(); document.documentElement.setAttribute("data-theme", resolvedTheme); document.documentElement.setAttribute("data-theme-mode", "auto"); } } </script><!----> <link rel="icon" href="data:image/svg+xml,%3csvg%20width='260'%20height='274'%20viewBox='0%200%20260%20274'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M101.6%20244.5C95.5%20242.3%2093.9%20239.3%2094.1%20229.7C94.3%20221.1%2092.6%20216.9%2087.7%20213.9C81.2%20209.9%2077.1%20210.3%2067.9%20216.1C61.2%20220.3%2057%20220%2051.7%20215.1C48%20211.6%2047.5%20210.6%2047.6%20206.8C47.6%20203.7%2048.6%20200.9%2051.3%20196.5C56.9%20187.5%2055.7%20179.4%2048.1%20174.3C45.1%20172.3%2043.5%20172%2036.3%20172.1C29.4%20172.2%2027.6%20171.9%2025.9%20170.4C22.6%20167.5%2021%20163.5%2021%20158.6C21%20153.4%2022.8%20151.2%2030.1%20147.5C37.5%20143.7%2040%20140%2040%20133C40%20126%2037.5%20122.3%2030.1%20118.5C23%20114.9%2021%20112.6%2021%20107.9C21%20105.7%2021.6%20102.4%2022.4%20100.6C24.6%2095.4001%2027.4%2094.0001%2035.8%2094.0001C45.3%2094.0001%2049.1%2092.3001%2052.4%2086.8001C56%2080.7001%2055.7%2076.7001%2051.4%2069.6001C49.5%2066.4001%2047.6%2062.5001%2047.4%2061.0001C46.7%2057.6001%2048.9%2053.1001%2053.2%2049.5001C57.3%2046.0001%2062.5%2046.4001%2069.4%2050.8001C76.3%2055.2001%2079.9%2055.7001%2085.4%2053.0001C92%2049.9001%2094%2046.0001%2094%2036.7001C94%2032.5001%2094.5%2028.0001%2095.1%2026.7001C96.7%2023.3001%20101.4%2020.8001%20107%2020.6001C112.6%2020.5001%20115.1%2022.2001%20118.2%2028.5001C122.7%2037.4001%20126%2039.9001%20133.1%2040.0001C139.4%2040.0001%20143.7%2036.9001%20147.6%2029.7001C151.9%2021.6001%20153.1%2020.6001%20158.7%2020.6001C164.2%2020.7001%20169.4%2023.0001%20171.2%2026.3001C171.9%2027.6001%20172.3%2031.5001%20172.2%2035.5001C171.9%2044.1001%20173.7%2048.6001%20178.8%2051.9001C184%2055.4001%20190.1%2055.2001%20195.9%2051.6001C204.2%2046.3001%20206.2%2045.8001%20210.6%2048.1001C215.3%2050.5001%20218.3%2054.4001%20218.3%2058.0001C218.3%2059.6001%20216.9%2062.9001%20215.2%2065.5001C209.8%2073.6001%20209.8%2079.7001%20215.1%2090.2001C216.7%2093.3%20218%2096.4001%20218%2097.0001C218%2097.6001%20213.7%2098.0001%20206.5%2098.0001H195L192.6%2094.2001C180.8%2075.5%20157.7%2063.0001%20134.9%2063.0001C101.3%2063.0001%2073.4%2085.3%2066%20118C58.2%20152.3%2078%20187.7%20111.5%20199.6C118.9%20202.2%20120.6%20202.4%20134%20202.5C147.2%20202.5%20149.2%20202.2%20156.1%20199.8C170.6%20194.7%20183.1%20185.5%20190.9%20174.4L195.4%20168H206.7C213%20168%20218%20168.4%20218%20168.9C218%20169.4%20216.4%20173.3%20214.4%20177.6C210.3%20186.5%20210.4%20189%20214.9%20196.3C219.6%20203.6%20220.2%20207.1%20217.6%20211.5C212.9%20219.3%20206.4%20220.9%20198.9%20216.1C189.7%20210.3%20185.8%20209.9%20179.2%20214C173.7%20217.4%20172%20221.4%20172.2%20230C172.4%20239%20171.3%20241.5%20165.7%20244.1C157.4%20247.8%20152.6%20245.8%20147.7%20236.5C143.7%20229.1%20139.4%20226%20133.1%20226C126.7%20226%20123%20228.6%20119.2%20235.8C113.9%20245.7%20110.1%20247.6%20101.6%20244.5Z'%20fill='white'/%3e%3cpath%20d='M131.3%20185.9C115.1%20183.2%2099.4%20171.4%2092.7%20156.9C86.8%20144.2%2086.3%20125.8%2091.5%20113.8C92.1%20112.2%2091.6%20112%2087.4%20112.1C80.7%20112.1%2075.6%20114%2075.2%20116.5C75.1%20117.6%2076.1%20119.8%2077.5%20121.4C80.7%20125.1%2080.7%20125.6%2077.3%20123.2C65.4%20114.7%2065.7%20107.9%2077.9%20105.9C81.5%20105.4%2086.7%20105.2%2089.5%20105.5L94.6%20106.2L98.7%20100.8C106.6%2090.3001%20118.7%2083.3001%20133%2080.8001C146.9%2078.4001%20162.2%2083.3001%20173%2093.6001C179.9%20100.1%20181.1%20103%20174.8%2097.5001C160.4%2085.2001%20138.8%2082.7001%20122.1%2091.5001C114.9%2095.3001%20103.9%20105.4%20105.5%20106.8C106.1%20107.3%20111.1%20108.6%20116.8%20109.9C136.9%20114.3%20161.8%20123.6%20177.4%20132.6C188.9%20139.2%20193%20143.3%20182.6%20137.9C178.3%20135.6%20172.1%20132.7%20168.7%20131.4C165.3%20130%20161.6%20128.5%20160.5%20128C150.5%20123.3%20111.1%20113%20103.3%20113C100.3%20113%2098.5%20116.9%2096.8%20126.8C93.7%20144.9%20103.8%20165.5%20120.2%20174.8C127.9%20179.1%20135.2%20181%20144.2%20181C151.9%20181%20161.7%20178.6%20166.5%20175.6C173.9%20170.9%20174.5%20170.8%20170.1%20174.9C164.7%20180%20155.5%20184.5%20147.6%20185.9C140.9%20187.1%20138.7%20187.1%20131.3%20185.9Z'%20fill='white'/%3e%3c/svg%3e"/> <!--[--><script> if ('serviceWorker' in navigator) { navigator.serviceWorker .register('/service-worker.js') .then((registration) => { console.log('SW registered: ', registration); }) .catch((error) => { console.log('SW registration failed: ', error); }); } </script><!----><!--]--><!--]--><!--[--><!--[--><!--]--> <!--[--><meta name="robots" content="index,follow"/><!--]--> <!--[--><meta name="description" content="Simon Bråtens personal portfolio website."/><!--]--> <!--[--><link rel="canonical" href="https://boofdev.eu/api/fact"/><!--]--> <!--[!--><!--]--> <!--[!--><!--]--> <!--[!--><!--]--> <!--[!--><!--]--> <!--[!--><!--]--> <!--[--><!--[--><meta property="og:url" content="https://boofdev.eu/api/fact"/><!--]--> <!--[--><meta property="og:type" content="website"/> <!--[!--><!--[!--><!--[!--><!--[!--><!--]--><!--]--><!--]--><!--]--><!--]--> <!--[--><meta property="og:title" content="Open Graph Title"/><!--]--> <!--[--><meta property="og:description" content="Open Graph Description"/><!--]--> <!--[!--><!--]--> <!--[!--><!--]--> <!--[!--><!--]--> <!--[--><meta property="og:locale" content="en_IE"/><!--]--> <!--[--><meta property="og:site_name" content="Simon Bråten Portfolio"/><!--]--><!--]--> <!--[!--><!--]--> <!--[!--><!--]--><!--]--><title>Default | Simon Bråten</title> </head> <body data-sveltekit-preload-data="hover"> <div style="display: contents"><!--[--><!--[--><!----><!----> <div class="flex min-h-screen flex-col font-[Realist] md:max-w-7xl lg:mx-auto"><noscript><span class="rounded-md bg-amber-600 text-center">⚠️Warning: JavaScript is disabled. The site will look 𝓯𝓾𝓷𝓴𝔂</span></noscript> <!--[!--><!--]--> <nav class="navbar sticky top-0 z-100 flex h-16 w-full transform-[translate3d(0,0,0)] justify-center bg-base-100/90 text-base-content backdrop-blur transition-shadow duration-100 print:hidden" id="nav"><div class="navbar-start"><button class="btn btn-circle btn-ghost lg:hidden" aria-expanded="false" aria-controls="mobile-menu" aria-label="Toggle menu"><svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16"></path></svg></button> <a class="btn p-1 text-xl btn-ghost" href="/"><img src="data:image/svg+xml,%3csvg%20width='260'%20height='274'%20viewBox='0%200%20260%20274'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M101.6%20244.5C95.5%20242.3%2093.9%20239.3%2094.1%20229.7C94.3%20221.1%2092.6%20216.9%2087.7%20213.9C81.2%20209.9%2077.1%20210.3%2067.9%20216.1C61.2%20220.3%2057%20220%2051.7%20215.1C48%20211.6%2047.5%20210.6%2047.6%20206.8C47.6%20203.7%2048.6%20200.9%2051.3%20196.5C56.9%20187.5%2055.7%20179.4%2048.1%20174.3C45.1%20172.3%2043.5%20172%2036.3%20172.1C29.4%20172.2%2027.6%20171.9%2025.9%20170.4C22.6%20167.5%2021%20163.5%2021%20158.6C21%20153.4%2022.8%20151.2%2030.1%20147.5C37.5%20143.7%2040%20140%2040%20133C40%20126%2037.5%20122.3%2030.1%20118.5C23%20114.9%2021%20112.6%2021%20107.9C21%20105.7%2021.6%20102.4%2022.4%20100.6C24.6%2095.4001%2027.4%2094.0001%2035.8%2094.0001C45.3%2094.0001%2049.1%2092.3001%2052.4%2086.8001C56%2080.7001%2055.7%2076.7001%2051.4%2069.6001C49.5%2066.4001%2047.6%2062.5001%2047.4%2061.0001C46.7%2057.6001%2048.9%2053.1001%2053.2%2049.5001C57.3%2046.0001%2062.5%2046.4001%2069.4%2050.8001C76.3%2055.2001%2079.9%2055.7001%2085.4%2053.0001C92%2049.9001%2094%2046.0001%2094%2036.7001C94%2032.5001%2094.5%2028.0001%2095.1%2026.7001C96.7%2023.3001%20101.4%2020.8001%20107%2020.6001C112.6%2020.5001%20115.1%2022.2001%20118.2%2028.5001C122.7%2037.4001%20126%2039.9001%20133.1%2040.0001C139.4%2040.0001%20143.7%2036.9001%20147.6%2029.7001C151.9%2021.6001%20153.1%2020.6001%20158.7%2020.6001C164.2%2020.7001%20169.4%2023.0001%20171.2%2026.3001C171.9%2027.6001%20172.3%2031.5001%20172.2%2035.5001C171.9%2044.1001%20173.7%2048.6001%20178.8%2051.9001C184%2055.4001%20190.1%2055.2001%20195.9%2051.6001C204.2%2046.3001%20206.2%2045.8001%20210.6%2048.1001C215.3%2050.5001%20218.3%2054.4001%20218.3%2058.0001C218.3%2059.6001%20216.9%2062.9001%20215.2%2065.5001C209.8%2073.6001%20209.8%2079.7001%20215.1%2090.2001C216.7%2093.3%20218%2096.4001%20218%2097.0001C218%2097.6001%20213.7%2098.0001%20206.5%2098.0001H195L192.6%2094.2001C180.8%2075.5%20157.7%2063.0001%20134.9%2063.0001C101.3%2063.0001%2073.4%2085.3%2066%20118C58.2%20152.3%2078%20187.7%20111.5%20199.6C118.9%20202.2%20120.6%20202.4%20134%20202.5C147.2%20202.5%20149.2%20202.2%20156.1%20199.8C170.6%20194.7%20183.1%20185.5%20190.9%20174.4L195.4%20168H206.7C213%20168%20218%20168.4%20218%20168.9C218%20169.4%20216.4%20173.3%20214.4%20177.6C210.3%20186.5%20210.4%20189%20214.9%20196.3C219.6%20203.6%20220.2%20207.1%20217.6%20211.5C212.9%20219.3%20206.4%20220.9%20198.9%20216.1C189.7%20210.3%20185.8%20209.9%20179.2%20214C173.7%20217.4%20172%20221.4%20172.2%20230C172.4%20239%20171.3%20241.5%20165.7%20244.1C157.4%20247.8%20152.6%20245.8%20147.7%20236.5C143.7%20229.1%20139.4%20226%20133.1%20226C126.7%20226%20123%20228.6%20119.2%20235.8C113.9%20245.7%20110.1%20247.6%20101.6%20244.5Z'%20fill='white'/%3e%3cpath%20d='M131.3%20185.9C115.1%20183.2%2099.4%20171.4%2092.7%20156.9C86.8%20144.2%2086.3%20125.8%2091.5%20113.8C92.1%20112.2%2091.6%20112%2087.4%20112.1C80.7%20112.1%2075.6%20114%2075.2%20116.5C75.1%20117.6%2076.1%20119.8%2077.5%20121.4C80.7%20125.1%2080.7%20125.6%2077.3%20123.2C65.4%20114.7%2065.7%20107.9%2077.9%20105.9C81.5%20105.4%2086.7%20105.2%2089.5%20105.5L94.6%20106.2L98.7%20100.8C106.6%2090.3001%20118.7%2083.3001%20133%2080.8001C146.9%2078.4001%20162.2%2083.3001%20173%2093.6001C179.9%20100.1%20181.1%20103%20174.8%2097.5001C160.4%2085.2001%20138.8%2082.7001%20122.1%2091.5001C114.9%2095.3001%20103.9%20105.4%20105.5%20106.8C106.1%20107.3%20111.1%20108.6%20116.8%20109.9C136.9%20114.3%20161.8%20123.6%20177.4%20132.6C188.9%20139.2%20193%20143.3%20182.6%20137.9C178.3%20135.6%20172.1%20132.7%20168.7%20131.4C165.3%20130%20161.6%20128.5%20160.5%20128C150.5%20123.3%20111.1%20113%20103.3%20113C100.3%20113%2098.5%20116.9%2096.8%20126.8C93.7%20144.9%20103.8%20165.5%20120.2%20174.8C127.9%20179.1%20135.2%20181%20144.2%20181C151.9%20181%20161.7%20178.6%20166.5%20175.6C173.9%20170.9%20174.5%20170.8%20170.1%20174.9C164.7%20180%20155.5%20184.5%20147.6%20185.9C140.9%20187.1%20138.7%20187.1%20131.3%20185.9Z'%20fill='white'/%3e%3c/svg%3e" alt="Logo" class="h-9 w-9 invert dark:invert-0"/> Simon Bråten</a></div> <div class="navbar-center hidden lg:flex"><ul class="flex place-items-center space-x-4 rounded-full border border-base-heavy px-5 py-2 text-sm text-base-content"><!--[--><li><a class="font-normal opacity-80 hover:opacity-100" href="/about">About</a></li><li><a class="font-normal opacity-80 hover:opacity-100" href="/photos">Photos</a></li><li><a class="font-normal opacity-80 hover:opacity-100" href="/blog">Blog</a></li><li><a class="font-normal opacity-80 hover:opacity-100" href="/resume">Résumé</a></li><!--]--></ul></div> <div class="mr-8 navbar-end"><div title="Change Theme" class="dropdown dropdown-end block"><div tabindex="0" role="button" class="group btn gap-1.5 px-1.5 btn-ghost btn-sm" aria-label="Change Theme"><div class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md border border-base-content/10 bg-base-100 p-1 transition-colors group-hover:border-base-content/20"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <svg width="12px" height="12px" class="mt-px hidden size-2 fill-current opacity-60 sm:inline-block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2048 2048"><path d="M1799 349l242 241-1017 1017L7 590l242-241 775 775 775-775z"></path></svg></div> <div class="dropdown-content top-px z-50 mt-16 h-[30.5rem] max-h-[calc(100vh-8.6rem)] overflow-y-auto rounded-box border-[length:var(--border)] border-white/5 bg-base-200 text-base-content shadow-2xl outline-[length:var(--border)] outline-black/5"><ul class="menu w-56"><li class="menu-title text-xs">Theme</li> <!--[--><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="auto" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Auto (light)</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="light" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Light</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="dark" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Dark</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="high-contrast-light" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">High Contrast Light</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="high-contrast-dark" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">High Contrast Dark</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="nrktv" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">NRK TV</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="synthwave" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Synthwave</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="halloween" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Halloween</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="forest" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Forest</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="aqua" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Aqua</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="black" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Black</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="luxury" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Luxury</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="dracula" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Dracula</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="business" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Business</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="night" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Night</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="coffee" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Coffee</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="dim" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Dim</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="sunset" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Sunset</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="abyss" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Abyss</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="winter" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Winter</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="cmyk" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">CMYK</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="pastel" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Pastel</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="retro" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Retro</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="cyberpunk" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Cyberpunk</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="valentine" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Valentine</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="silk" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Silk</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="garden" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Garden</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="lemonade" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Lemonade</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="corporate" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Corporate</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="cupcake" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Cupcake</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="bumblebee" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Bumblebee</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="emerald" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Emerald</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="lofi" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Lofi</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="autumn" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Autumn</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="acid" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Acid</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="nord" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Nord</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="caramellatte" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Caramellatte</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><li><button class="[&_svg]:visible gap-3 px-2" data-act-class="[&_svg]:visible"><div data-theme="fantasy" class="grid shrink-0 grid-cols-2 gap-0.5 rounded-md bg-base-100 p-1 shadow-sm"><div class="size-1 rounded-full bg-base-content"></div> <div class="size-1 rounded-full bg-primary"></div> <div class="size-1 rounded-full bg-secondary"></div> <div class="size-1 rounded-full bg-accent"></div></div> <div class="w-32 truncate">Fantasy</div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="invisible h-3 w-3 shrink-0"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"></path></svg></button></li><!--]--></ul></div></div> <button type="button" aria-label="Toggle dark mode"><!--[!--><!--[!--><!--[!--><!--]--><!--]--><!--]--></button><!----></div></nav><!----> <div class="flex grow"><div class="hidden w-8 shrink-0 border-2 border-y border-base-300 lg:block" style="background-image: linear-gradient(45deg, rgba(0,0,0,0.1) 12.50%, transparent 12.50%, transparent 50%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.1) 62.50%, transparent 62.50%, transparent 100%); background-size: 5px 5px; opacity: 0.75;"></div> <main class="flex-1 bg-base-100 text-base-content"><!--[!--><!----><div class="hero min-h-screen"><div class="hero-content max-w-3xl text-center"><div><!--[--><div class="mb-8"><!--[!--><picture><!--[--><source srcset="/_app/immutable/assets/404.C-v0ujdb.avif 500w, /_app/immutable/assets/404.B_XKSLbJ.avif 1000w, /_app/immutable/assets/404.BHsssjyD.avif 1920w, /_app/immutable/assets/404.CwG0J3j9.avif 2160w" type="image/avif"/><source srcset="/_app/immutable/assets/404.Cbpsnm2-.webp 500w, /_app/immutable/assets/404.vf5He5zs.webp 1000w, /_app/immutable/assets/404.B7WQ02YJ.webp 1920w, /_app/immutable/assets/404.BuGhS6Hg.webp 2160w" type="image/webp"/><source srcset="/_app/immutable/assets/404.NjucTquB.png 500w, /_app/immutable/assets/404.Dle8JYlN.png 1000w, /_app/immutable/assets/404.BdpGsNLN.png 1920w, /_app/immutable/assets/404.C-n6-owX.png 2160w" type="image/png"/><!--]--> <img src="/_app/immutable/assets/404.C-n6-owX.png" alt="Error 404" class="h-auto max-h-[50vh] w-full rounded-lg object-contain" width="2160" height="1080"/></picture><!--]--></div><!--]--> <h1 class="text-6xl font-bold md:text-7xl">404</h1> <h2 class="my-4 text-4xl font-semibold md:text-5xl">Page Not Found</h2> <p class="mb-8 text-lg text-base-content/70 md:text-xl">The page you are looking for does not exist.</p> <a href="/" class="btn mb-8 btn-primary">Go back home</a></div></div></div><!----><!--]--><!----></main> <div class="hidden w-8 shrink-0 border-2 border-y border-base-300/50 lg:block" style="background-image: linear-gradient(45deg, rgba(0,0,0,0.1) 12.50%, transparent 12.50%, transparent 50%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.1) 62.50%, transparent 62.50%, transparent 100%); background-size: 5px 5px; opacity: 0.75;"></div></div> <footer class="footer bg-base-200 p-10 text-base-content sm:footer-horizontal"><aside><img src="data:image/svg+xml,%3csvg%20width='260'%20height='274'%20viewBox='0%200%20260%20274'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M101.6%20244.5C95.5%20242.3%2093.9%20239.3%2094.1%20229.7C94.3%20221.1%2092.6%20216.9%2087.7%20213.9C81.2%20209.9%2077.1%20210.3%2067.9%20216.1C61.2%20220.3%2057%20220%2051.7%20215.1C48%20211.6%2047.5%20210.6%2047.6%20206.8C47.6%20203.7%2048.6%20200.9%2051.3%20196.5C56.9%20187.5%2055.7%20179.4%2048.1%20174.3C45.1%20172.3%2043.5%20172%2036.3%20172.1C29.4%20172.2%2027.6%20171.9%2025.9%20170.4C22.6%20167.5%2021%20163.5%2021%20158.6C21%20153.4%2022.8%20151.2%2030.1%20147.5C37.5%20143.7%2040%20140%2040%20133C40%20126%2037.5%20122.3%2030.1%20118.5C23%20114.9%2021%20112.6%2021%20107.9C21%20105.7%2021.6%20102.4%2022.4%20100.6C24.6%2095.4001%2027.4%2094.0001%2035.8%2094.0001C45.3%2094.0001%2049.1%2092.3001%2052.4%2086.8001C56%2080.7001%2055.7%2076.7001%2051.4%2069.6001C49.5%2066.4001%2047.6%2062.5001%2047.4%2061.0001C46.7%2057.6001%2048.9%2053.1001%2053.2%2049.5001C57.3%2046.0001%2062.5%2046.4001%2069.4%2050.8001C76.3%2055.2001%2079.9%2055.7001%2085.4%2053.0001C92%2049.9001%2094%2046.0001%2094%2036.7001C94%2032.5001%2094.5%2028.0001%2095.1%2026.7001C96.7%2023.3001%20101.4%2020.8001%20107%2020.6001C112.6%2020.5001%20115.1%2022.2001%20118.2%2028.5001C122.7%2037.4001%20126%2039.9001%20133.1%2040.0001C139.4%2040.0001%20143.7%2036.9001%20147.6%2029.7001C151.9%2021.6001%20153.1%2020.6001%20158.7%2020.6001C164.2%2020.7001%20169.4%2023.0001%20171.2%2026.3001C171.9%2027.6001%20172.3%2031.5001%20172.2%2035.5001C171.9%2044.1001%20173.7%2048.6001%20178.8%2051.9001C184%2055.4001%20190.1%2055.2001%20195.9%2051.6001C204.2%2046.3001%20206.2%2045.8001%20210.6%2048.1001C215.3%2050.5001%20218.3%2054.4001%20218.3%2058.0001C218.3%2059.6001%20216.9%2062.9001%20215.2%2065.5001C209.8%2073.6001%20209.8%2079.7001%20215.1%2090.2001C216.7%2093.3%20218%2096.4001%20218%2097.0001C218%2097.6001%20213.7%2098.0001%20206.5%2098.0001H195L192.6%2094.2001C180.8%2075.5%20157.7%2063.0001%20134.9%2063.0001C101.3%2063.0001%2073.4%2085.3%2066%20118C58.2%20152.3%2078%20187.7%20111.5%20199.6C118.9%20202.2%20120.6%20202.4%20134%20202.5C147.2%20202.5%20149.2%20202.2%20156.1%20199.8C170.6%20194.7%20183.1%20185.5%20190.9%20174.4L195.4%20168H206.7C213%20168%20218%20168.4%20218%20168.9C218%20169.4%20216.4%20173.3%20214.4%20177.6C210.3%20186.5%20210.4%20189%20214.9%20196.3C219.6%20203.6%20220.2%20207.1%20217.6%20211.5C212.9%20219.3%20206.4%20220.9%20198.9%20216.1C189.7%20210.3%20185.8%20209.9%20179.2%20214C173.7%20217.4%20172%20221.4%20172.2%20230C172.4%20239%20171.3%20241.5%20165.7%20244.1C157.4%20247.8%20152.6%20245.8%20147.7%20236.5C143.7%20229.1%20139.4%20226%20133.1%20226C126.7%20226%20123%20228.6%20119.2%20235.8C113.9%20245.7%20110.1%20247.6%20101.6%20244.5Z'%20fill='white'/%3e%3cpath%20d='M131.3%20185.9C115.1%20183.2%2099.4%20171.4%2092.7%20156.9C86.8%20144.2%2086.3%20125.8%2091.5%20113.8C92.1%20112.2%2091.6%20112%2087.4%20112.1C80.7%20112.1%2075.6%20114%2075.2%20116.5C75.1%20117.6%2076.1%20119.8%2077.5%20121.4C80.7%20125.1%2080.7%20125.6%2077.3%20123.2C65.4%20114.7%2065.7%20107.9%2077.9%20105.9C81.5%20105.4%2086.7%20105.2%2089.5%20105.5L94.6%20106.2L98.7%20100.8C106.6%2090.3001%20118.7%2083.3001%20133%2080.8001C146.9%2078.4001%20162.2%2083.3001%20173%2093.6001C179.9%20100.1%20181.1%20103%20174.8%2097.5001C160.4%2085.2001%20138.8%2082.7001%20122.1%2091.5001C114.9%2095.3001%20103.9%20105.4%20105.5%20106.8C106.1%20107.3%20111.1%20108.6%20116.8%20109.9C136.9%20114.3%20161.8%20123.6%20177.4%20132.6C188.9%20139.2%20193%20143.3%20182.6%20137.9C178.3%20135.6%20172.1%20132.7%20168.7%20131.4C165.3%20130%20161.6%20128.5%20160.5%20128C150.5%20123.3%20111.1%20113%20103.3%20113C100.3%20113%2098.5%20116.9%2096.8%20126.8C93.7%20144.9%20103.8%20165.5%20120.2%20174.8C127.9%20179.1%20135.2%20181%20144.2%20181C151.9%20181%20161.7%20178.6%20166.5%20175.6C173.9%20170.9%20174.5%20170.8%20170.1%20174.9C164.7%20180%20155.5%20184.5%20147.6%20185.9C140.9%20187.1%20138.7%20187.1%20131.3%20185.9Z'%20fill='white'/%3e%3c/svg%3e" alt="Logo" class="mb-2 h-12 w-12 invert dark:invert-0"/> <p><span class="font-semibold">Simon Bråten</span> <br/> I'm Simon, a software developer and operating technician from Norway. <br/> Thanks for checking out my site!</p></aside> <nav><span role="heading" aria-level="3" class="footer-title">Social</span> <div class="grid grid-flow-col gap-4"><!--[--><a href="https://github.com/hexahigh" target="_blank" rel="noopener noreferrer" aria-label="Github" title="Github" class="text-xl hover:scale-105 icon-[lucide--github]"></a><a href="mailto:hexahigh0@gmail.com" target="_blank" rel="noopener noreferrer" aria-label="Email" title="Email" class="text-xl hover:scale-105 icon-[lucide--mail]"></a><a href="https://www.linkedin.com/in/simon-br%C3%A5ten-b1b620348/" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn" title="LinkedIn" class="text-xl hover:scale-105 icon-[lucide--linkedin]"></a><!--]--> <button aria-label="MAMP" title="MAMP...?" class="cursor-pointer text-xl hover:scale-105 icon-[simple-icons--mamp]"></button></div></nav> <!--[--><nav><span role="heading" aria-level="3" class="footer-title">General</span> <!--[--><a href="/" class="link link-hover">Home</a><a href="/#projects" class="link link-hover">Projects</a><a href="/photos" class="link link-hover">Photos</a><a href="/about" class="link link-hover">About</a><!--]--></nav><!--]--> <nav><span role="heading" aria-level="3" class="footer-title">Accessibility</span> <div class="flex items-center gap-2"><span class="icon-[lucide--check-circle] text-xl text-success"></span> <span class="text-sm">WCAG 2.1 AA Compliant</span></div></nav></footer> <!--[!--><!--]--><!----><!----></div> <!--[!--><!--]--><!----> <!--[!--><!--]--><!----><!----><!--]--> <!--[!--><!--]--><!--]--> <script> { __sveltekit_1tsi8ym = { base: new URL("..", location).pathname.slice(0, -1) }; const element = document.currentScript.parentElement; Promise.all([ import("../_app/immutable/entry/start.RUBeuc2v.js"), import("../_app/immutable/entry/app.ksRoZR82.js") ]).then(([kit, app]) => { kit.start(app, element, { node_ids: [0, 1], data: [null], form: null, error: {message:"Not Found"}, status: 404 }); }); } </script> </div> </body> </html>
Last updated: 31/07/2023
Choose a donation method
