-<!doctype html><html lang=en><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><link rel=stylesheet href=./_minified.css><title>mi.css</title><header style=margin:0><h1 style=margin:0><a href=#>notwindstone</a></h1><nav style=display:flex;gap:8px;font-size:.8em;user-select:none><a style=text-decoration:underline onclick='routePush("?page=home")'>Home </a>- <a style=text-decoration:underline onclick='routePush("?page=projects")'>Projects </a>- <a style=text-decoration:underline onclick='routePush("?page=contact")'>Contact </a>- <a style=text-decoration:underline onclick=changeTheme()>✨ Change Theme</a></nav></header><hr><div id=root></div><script>function routePush(e){window.history.replaceState(null,null,e),loadPage(e)}function loadPage(e){switch(e){case"?page=home":default:root.innerHTML=pages.home;break;case"?page=projects":root.innerHTML=pages.projects;break;case"?page=contact":root.innerHTML=pages.contact}}function changeTheme(){var e=document.documentElement.getAttribute("data-theme")||"dark";document.documentElement.setAttribute("data-theme",{dark:"light",light:"dark"}[e])}var root=document.getElementById("root"),homePage='\n <main>\n <img src="./assets/shitlib.webp" alt="a meme about the difference between website designs\' a few years ago and today">\n <blockquote>Inspired by this shitpost (I don\'t have the source) and made using <a href="https://github.com/FelipeIzolan/mi.css">mi.css</a></blockquote>\n </main>\n <article>\n <h2>Content</h2>\n <ul>\n <li>\n <a href="#text__about-me">About me</a>\n </li>\n <li>\n <a href="#text__my-skills">My skills</a>\n </li>\n </ul>\n </article>\n <article>\n <h2 id="text__about-me">About me</h2>\n <p>\n Hello! I\'m an 18 year old <span style="color:var(--accent-color)">fullstack typescript developer</span> who is especially interested in the <span style="color:var(--accent-color)">frontend</span> part.\n </p>\n </article>\n <article>\n <h2 id="text__my-skills">My skills</h2>\n <h3>I\'m currently learning</h3>\n <ul>\n <li>typescript</li>\n <li>go</li>\n <li><a href="https://nextjs.org/" target="_blank">next.js</a> (typescript, fullstack framework)\n </li>\n <li><a href="https://elysiajs.com/" target="_blank">elysia.js</a> (typescript, backend framework)</li>\n <li><a href="https://wails.io/" target="_blank">wails.js</a> (typescript & go, framework for desktop applications)</li>\n </ul>\n <h3>I have the most experience in</h3>\n <ul>\n <li><a href="https://nextjs.org/" target="_blank">next.js</a> (typescript, fullstack framework)</li>\n <li><a href="https://tailwindcss.com/" target="_blank">tailwindcss</a> (css framework)</li>\n <li><a href="https://tanstack.com/query/latest" target="_blank">tanstack query</a> (async state manager mainly used for fetching)</li>\n <li><a href="https://orm.drizzle.team/" target="_blank">drizzle orm</a> (typesafe sql query builder)</li>\n </ul>\n <h3>Things I tried</h3>\n <ul>\n <li>kotlin</li>\n <li>java</li>\n <li><a href="https://nuxt.com/" target="_blank">nuxt</a> (typescript, fullstack framework)</li>\n <li><a href="https://unocss.dev/" target="_blank">unocss</a> (css framework)</li>\n <li><a href="https://mantine.dev/" target="_blank">mantine ui</a> (typescript, ui kit)</li>\n </ul>\n </article>\n ',projectsPage='\n <h2>My projects</h2>\n <article>\n <h3>Zen Auth <span style="opacity:50%">- Feb 15, 2025</span></h3>\n <p>\n Comprehensive authentication system for next.js.\n </p>\n <blockquote>\n tech stack: next.js, typescript, tailwindcss, drizzle orm, tanstack query, oslojs, arctic, redis, postgresql, tanstack virtual\n </blockquote>\n <img src="./assets/zen-auth-home.webp" alt="Zen Auth home screen">\n </article>\n <article>\n <h3>Freesm Launcher website <span style="opacity:50%">- Dec 30, 2024</span></h3>\n <p>\n Interactive website for a minecraft launcher.\n </p>\n <blockquote>\n tech stack: next.js, typescript, tailwindcss, tanstack query, oslojs, zustand, next-intl, mantine hooks\n </blockquote>\n <img src="./assets/freesmlauncher-website-home.webp" alt="Freesmlauncher website home screen">\n </article>\n <article>\n <h3>...between these two projects lay many other unfinished ones...</h3>\n </article>\n <article>\n <h3>Anisun <span style="opacity:50%">- Mar 17, 2024</span></h3>\n <p>\n Anime streaming website with accounts and comments.\n </p>\n <blockquote>\n tech stack: next.js, typescript, mantine ui, drizzle orm, tanstack query, postgresql, next-intl, mantine hooks, embla carousel, dayjs, vidstack, kodikwrapper, serwist, clerk, tanstack virtual\n </blockquote>\n <blockquote>\n note: this is my second programming project, which is currently the largest (due to my weak knowledge it has many flaws)\n </blockquote>\n <img src="./assets/anisun-home.webp" alt="Anisun home screen">\n </article>\n <article>\n <h3>Keyboard wiki <span style="opacity:50%">- Mar 8, 2024</span></h3>\n <p>\n Keyboard wiki website.\n </p>\n <blockquote>\n tech stack: vite, react, typescript, mantine ui, tanstack router, mdx\n </blockquote>\n <blockquote>\n note: this is my first huge programming project\n </blockquote>\n <img src="./assets/keyboard-wiki-home.webp" alt="Keyboard wiki home screen">\n </article>\n <hr>\n <h2>Maintaining these</h2>\n <article>\n <h3>Freesm Launcher</h3>\n <p>\n Customized Prism Launcher fork aimed to provide a free way to play Minecraft.\n </p>\n <blockquote>\n tech stack: qt, c++\n </blockquote>\n <img src="./assets/freesmlauncher-home.webp" alt="Freesm Launcher home screen">\n </article>\n ',contactPage='\n <article>\n <p>My github account: <a href="https://github.com/notwindstone/" target="_blank">github.com/notwindstone</a></p>\n <p>My telegram account: <a href="https://t.me/windst1/" target="_blank">t.me/windst1</a></p>\n </article>\n ',pages={home:homePage,projects:projectsPage,contact:contactPage},currentPage=window.location.search;loadPage(currentPage)</script>
0 commit comments