website/public/index.html
2024-05-04 21:25:29 +02:00

575 lines
20 KiB
HTML

<!DOCTYPE html>
<html lang="en" dir="ltr" class="scroll-smooth" data-default-appearance="dark"
data-auto-appearance="true"><head>
<meta name="generator" content="Hugo 0.125.5"><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8" />
<meta http-equiv="content-language" content="en" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>JeremyStar™</title>
<meta name="title" content="JeremyStar™" />
<meta name="description" content="JeremyStar™&#39;s persönliche Webseite" />
<link rel="canonical" href="//localhost:1313/" />
<link rel="alternate" type="application/rss+xml" href="/index.xml" title="JeremyStar™" />
<link rel="alternate" type="application/json" href="/index.json" title="JeremyStar™" />
<link type="text/css" rel="stylesheet" href="/css/main.bundle.min.ac59a1b8eaafef739c129d12787ac29f6a420bcb348c7aeec8949a8d0b7d6c2023766c169d14b9031b751504eb3c976efe786fec135b340a49868acd8caa4127.css"
integrity="sha512-rFmhuOqv73OcEp0SeHrCn2pCC8s0jHruyJSajQt9bCAjdmwWnRS5Axt1FQTrPJdu/nhv7BNbNApJhorNjKpBJw==" />
<script type="text/javascript" src="/js/appearance.min.70dd99ae59608f77445d3381d60b94b0bfd59c2d00e6bc41040047bd0556578840629bfeaeef104d2bce2aacdb26287ab456d9145180928ad1f8bd2027cb6752.js"
integrity="sha512-cN2Zrllgj3dEXTOB1guUsL/VnC0A5rxBBABHvQVWV4hAYpv&#43;ru8QTSvOKqzbJih6tFbZFFGAkorR&#43;L0gJ8tnUg=="></script>
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.b89ac69ff9802fd5418564a45dada46f018c4ac81ae1bf932b5b6592063cf05a524e658c0ed84f3b96023c793cc651ac796e79381a45512a08354ba66739c767.js"
integrity="sha512-uJrGn/mAL9VBhWSkXa2kbwGMSsga4b&#43;TK1tlkgY88FpSTmWMDthPO5YCPHk8xlGseW55OBpFUSoINUumZznHZw==" data-copy="" data-copied=""></script>
<script src="/js/zoom.min.js"></script>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<meta property="og:url" content="//localhost:1313/">
<meta property="og:site_name" content="JeremyStar™">
<meta property="og:title" content="JeremyStar™">
<meta property="og:description" content="Welcome to my personal webspace!">
<meta property="og:locale" content="en">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary"><meta name="twitter:title" content="">
<meta name="twitter:description" content="JeremyStar™&#39;s persönliche Webseite">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"@id": "\/\/localhost:1313\/",
"name": "JeremyStar™",
"description": "JeremyStar™\u0027s persönliche Webseite",
"inLanguage": "en",
"url": "\/\/localhost:1313\/",
"publisher" : {
"@type": "Person",
"name": "JeremyStar™"
}
}
</script>
<meta name="author" content="JeremyStar™" />
<script src="/lib/jquery/jquery.slim.min.js" integrity=""></script>
<meta name="theme-color"/>
</head>
<body
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32">
<div id="the-top" class="absolute flex self-center">
<a class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
href="#main-content"><span
class="font-bold text-primary-600 ltr:pr-2 rtl:pl-2 dark:text-primary-400">&darr;</span>Skip to main content</a>
</div>
<div class="min-h-[148px]"></div>
<div class="fixed inset-x-0 pl-[24px] pr-[24px]" style="z-index:100">
<div id="menu-blur" class="absolute opacity-0 inset-x-0 top-0 h-full single_hero_background nozoom backdrop-blur-2xl shadow-2xl"></div>
<div class="relative max-w-[64rem] ml-auto mr-auto">
<div style="padding-left:0;padding-right:0;padding-top:2px;padding-bottom:3px"
class="main-menu flex items-center justify-between px-4 py-6 sm:px-6 md:justify-start space-x-3">
<div>
<a href="/" class="flex">
<span class="sr-only">JeremyStar™</span>
<img src="/Base.png" width="1080" height="1080"
class="logo max-h-[5rem] max-w-[5rem] object-scale-down object-left nozoom" alt="JeremyStar™" />
</a>
</div>
<div class="flex flex-1 items-center justify-between">
<nav class="flex space-x-3">
<a href="/" class="text-base font-medium text-gray-500 hover:text-gray-900">JeremyStar™</a>
</nav>
<nav class="hidden md:flex items-center space-x-5 md:ml-12 h-12">
<a href="" class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
<p class="text-base font-medium" title="">
</p>
</a>
</nav>
<div class="flex md:hidden items-center space-x-5 md:ml-12 h-12">
<span></span>
</div>
</div>
<div class="-my-2 -mr-2 md:hidden">
<label id="menu-button" for="menu-controller" class="block">
<input type="checkbox" id="menu-controller" class="hidden" />
<div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
<span class="relative block icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg>
</span>
</div>
<div id="menu-wrapper" style="padding-top:5px;"
class="fixed inset-0 z-30 invisible w-screen h-screen m-0 overflow-auto transition-opacity opacity-0 cursor-default bg-neutral-100/50 backdrop-blur-sm dark:bg-neutral-900/50">
<ul
class="flex space-y-2 mt-3 flex-col items-end w-full px-6 py-6 mx-auto overflow-visible list-none ltr:text-right rtl:text-left max-w-7xl">
<li>
<span
class="cursor-pointer inline-block align-text-bottom hover:text-primary-600 dark:hover:text-primary-400">
<span class="relative block icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
</span>
</span>
</li>
<li class="mt-1">
<a href="" class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
<p class="text-bg font-bg" title="">
</p>
</a>
</li>
</ul>
</div>
</label>
</div>
</div>
<script>
(function () {
var $mainmenu = $('.main-menu');
var path = window.location.pathname;
$mainmenu.find('a[href="' + path + '"]').each(function (i, e) {
$(e).children('p').addClass('active');
});
})();
</script>
</div>
</div>
<script>
window.addEventListener('scroll', function (e) {
var scroll = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
var background_blur = document.getElementById('menu-blur');
background_blur.style.opacity = (scroll / 300);
});
</script>
<div class="relative flex flex-col grow">
<main id="main-content" class="grow">
<article class="max-w-full prose dark:prose-invert">
<div class="relative">
<div class="absolute inset-x-0 bottom-0 h-1/2 bg-gray-100"></div>
<div class="mx-auto max-w-7xl p-0">
<div class="relative sm:overflow-hidden">
<div class="fixed inset-x-0 top-0" style="z-index:-10">
<img class="w-full h-[1000px] object-cover m-0 nozoom" src="/NeodymAdminApartment.png" role="presentation">
<div
class="absolute inset-0 h-[1000px] bg-gradient-to-t from-neutral dark:from-neutral-800 to-transparent mix-blend-normal">
</div>
<div
class="opacity-60 absolute inset-0 h-[1000px] bg-gradient-to-t from-neutral dark:from-neutral-800 to-neutral-100 dark:to-neutral-800 mix-blend-normal">
</div>
</div>
<div class="relative px-1 py-1 flex flex-col items-center justify-center text-center">
<img class="mb-2 rounded-full h-36 w-36" width="144" height="144"
alt="JeremyStar™" src="/foxxo_hubb0d05968603a9eba289e76a9b1e0891_77998_288x288_fill_q75_box_center.jpg" />
<h1 class="mb-2 text-4xl font-extrabold text-neutral-800 dark:text-neutral-200">
JeremyStar™
</h1>
<div class="mt-3 mb-10 text-2xl">
</div>
<section class="prose dark:prose-invert"><p>Welcome to my personal webspace! Here&rsquo;s a little &ldquo;menu&rdquo; for just you: <br>
<a href="#about-me" >
[ABOUT ME]</a> <a href="#projects" >
[PROJECTS]</a> <a href="#links-contact" >
[LINKS &amp; CONTACT]</a> <a href="#list-of-hate" >
[LIST OF HATE]</a></p>
<h1 class="relative group">About me
<div id="about-me" class="anchor"></div>
<span
class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100">
<a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700"
style="text-decoration-line: none !important;" href="#about-me" aria-label="Anchor">#</a>
</span>
</h1>
<p>I&rsquo;m JeremyStar™, a developer from Lower Saxony, Germany. I founded the <a href="https://staropensource.de" target="_blank">
<strong>StarOpenSource Project</strong></a> and the <a href="https://sbt.jstm.staropensource.de" target="_blank">
<strong>StarBuildTeam</strong></a>.</p>
<h2 class="relative group">Music
<div id="music" class="anchor"></div>
<span
class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100">
<a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700"
style="text-decoration-line: none !important;" href="#music" aria-label="Anchor">#</a>
</span>
</h2>
<p>I like to listen to music from these artists: Camellia, Dakku, ColBreakz, Kou!, Juggernaut., t+pazolite, USAO and a few others. <br>
You can check out my music playlist <a href="https://piped.staropensource.de/playlist?list=f9f8b090-7924-4e24-9a5d-d1b22ac4e178" target="_blank">
here</a>.</p>
<h2 class="relative group">Computers
<div id="computers" class="anchor"></div>
<span
class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100">
<a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700"
style="text-decoration-line: none !important;" href="#computers" aria-label="Anchor">#</a>
</span>
</h2>
<p>I started developing programs at the age of nine, with a Minecraft Bukkit plugin. Since then, I&rsquo;ve learned how to manage a server, create games and other skills.</p>
<h2 class="relative group">Video games
<div id="video-games" class="anchor"></div>
<span
class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100">
<a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700"
style="text-decoration-line: none !important;" href="#video-games" aria-label="Anchor">#</a>
</span>
</h2>
<p>I also like playing video games. My favourites are Minecraft, Grand Theft Auto V, osu!, Sonic Robo Blast 2, A Short Hike and a few other games.</p>
<h1 class="relative group">Personal projects
<div id="personal-projects" class="anchor"></div>
<span
class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100">
<a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700"
style="text-decoration-line: none !important;" href="#personal-projects" aria-label="Anchor">#</a>
</span>
</h1>
<p>I am not only developing StarOpenSource software, but also stuff like <a href="https://presencode.jstm.staropensource.de" target="_blank">
Presencode</a> (a code-based presentation viewer), <a href="https://git.staropensource.de/JeremyStarTM/MCServerDocker" target="_blank">
MCServerDocker</a> (dockerized and customizable Minecraft server setup), <a href="https://git.staropensource.de/JeremyStarTM/pihole-docker" target="_blank">
pihole-docker</a> (dockerized Pi-hole setup) and <a href="https://git.staropensource.de/JeremyStarTM/osuboot" target="_blank">
osu!boot</a> (wrapper for osu!lazer, downloads and executes the AppImage automatically).</p>
<h1 class="relative group">Links &amp; Contact
<div id="links--contact" class="anchor"></div>
<span
class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100">
<a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700"
style="text-decoration-line: none !important;" href="#links--contact" aria-label="Anchor">#</a>
</span>
</h1>
<p>Here&rsquo;s a little list of links that you can use to stalk me <em><strong>(please don&rsquo;t do that to me)</strong></em>:</p>
<ul>
<li><a href="https://fly.staropensource.de/@jeremystartm" target="_blank">
<strong>Fediverse</strong> <em>(@jeremystartm@fly.staropensource.de)</em></a></li>
<li><a href="mailto:jeremystartm@staropensource.de" >
<strong>E-Mail</strong> <em>(jeremystartm@staropensource.de)</em></a></li>
<li><a href="https://git.staropensource.de/JeremyStarTM" target="_blank">
<strong>sos!git</strong> <em>(@JeremyStarTM)</em></a></li>
<li><a href="https://namemc.com/profile/JeremyStar.1" target="_blank">
<strong>Minecraft</strong> <em>(JeremyStar)</em></a></li>
<li><a href="https://osu.ppy.sh/users/29391986" target="_blank">
<strong>osu! (@JeremyStarTM)</strong></a></li>
<li><a href="https://aur.archlinux.org/account/JeremyStarTM" target="_blank">
<strong>AUR (@JeremyStarTM)</strong></a></li>
</ul>
<h1 class="relative group">List of Hate
<div id="list-of-hate" class="anchor"></div>
<span
class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100">
<a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700"
style="text-decoration-line: none !important;" href="#list-of-hate" aria-label="Anchor">#</a>
</span>
</h1>
<p>Here&rsquo;s a list of companies, bad people, etc. that I absolutely dislike:</p>
<ul>
<li>google</li>
<li>microsoft</li>
<li>apple</li>
<li>meta</li>
<li>ads</li>
<li>malware</li>
<li>tracking</li>
<li>analytics</li>
<li>cloudflare</li>
<li>mosqitos</li>
<li>nazis</li>
<li>classmates</li>
<li>xqc</li>
<li>reaction content</li>
<li>plasmashell NOT RESPONDING YOU STUPID THING</li>
<li>firefox/librewolf stutters</li>
<li>wine (not proton)</li>
<li>windoze</li>
<li>macos</li>
<li>all android vendors</li>
<li>ubuntu (not derivative distros)</li>
<li>redhat</li>
<li>closed source licenses</li>
<li>(deutsch)rap</li>
<li>mastodon.social</li>
<li>official websites of selfhostable services which bombard you with their saas solution, where you must play minesweeper to get to their docs or downloads page</li>
<li>alternative für deutschland (political party in germany)</li>
<li>censorship</li>
<li>me :3</li>
</ul>
</section>
</div>
</div>
</div>
</div>
</article>
<section>
</section>
<div id="top-scroller" class="pointer-events-none absolute top-[110vh] bottom-0 w-12 ltr:right-0 rtl:left-0">
<a href="#the-top"
class="pointer-events-auto sticky top-[calc(100vh-5.5rem)] flex h-12 w-12 mb-16 items-center justify-center rounded-full bg-neutral/50 text-xl text-neutral-700 hover:text-primary-600 dark:bg-neutral-800/50 dark:text-neutral dark:hover:text-primary-400"
aria-label="Scroll to top" title="Scroll to top">
&uarr;
</a>
</div>
</main><footer id="site-footer" class="py-10 print:hidden">
<nav class="flex flex-row pb-4 text-base font-medium text-neutral-500 dark:text-neutral-400">
<ul class="flex flex-col list-none sm:flex-row">
<li class="flex mb-1 ltr:text-right rtl:text-left sm:mb-0 ltr:sm:mr-7 ltr:sm:last:mr-0 rtl:sm:ml-7 rtl:sm:last:ml-0">
<a class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2 flex items-center" href=""
title="">
</a>
</li>
</ul>
</nav>
<div class="flex items-center justify-between">
<p class="text-sm text-neutral-500 dark:text-neutral-400">
&copy;
2024
JeremyStar™
</p>
<p class="text-xs text-neutral-500 dark:text-neutral-400">
Powered by <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> &amp; <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
href="https://blowfish.page/" target="_blank" rel="noopener noreferrer">Blowfish</a>
</p>
</div>
<script>
mediumZoom(document.querySelectorAll("img:not(.nozoom)"), {
margin: 24,
background: 'rgba(0,0,0,0.5)',
scrollOffset: 0,
})
</script>
<script type="text/javascript" src="/js/process.min.ee03488f19c93c2efb199e2e3014ea5f3cb2ce7d45154adb3399a158cac27ca52831db249ede5bb602700ef87eb02434139de0858af1818ab0fb4182472204a4.js" integrity="sha512-7gNIjxnJPC77GZ4uMBTqXzyyzn1FFUrbM5mhWMrCfKUoMdsknt5btgJwDvh&#43;sCQ0E53ghYrxgYqw&#43;0GCRyIEpA=="></script>
</footer>
</div>
</body>
</html>