Files
old-website/site/src/about/aboutme/index.html

114 lines
6.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<!-- CSS -->
<link rel="stylesheet" href="https://static.janishutz.com/css/slider.css">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/timeline.css">
<link rel="stylesheet" href="/css/wrapfig.css">
<!-- SEO -->
<title>About me | janishutz.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="og:title" content="" />
<meta name="og:description" content="" />
<meta name="og:image" content="https://static.janishutz.com/seo/legal-card.jpg" />
<meta name="og:type" content="website" />
<meta name="og:url" content="https://janishutz.com/legal" />
<meta name="og:locale" content="en_GB" />
<meta property="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#152b5c">
</head>
<body>
<nav></nav>
<div class="content">
<h1 class="title">About Janis Hutz</h1>
<div class="wrapfig-wrapper">
<img src="https://static.janishutz.com/logo.jpg" alt="Janis Hutz" class="wrapfig left circle">
<div class="wrapfig-text right">
<p class="no-margin bigger">Hello! I'm Janis Hutz, and I develop software</p>
<p class="no-margin">Having been working on developing software and learning to do so properly since the
beginning of 2021, I have accumulated a lot of work hours in this subject. In September 2024, I have
started my studies in Software Engineering at ETH Zurich, a renowned university in Switzerland.</p>
<p class="no-margin">My projects are becoming increasingly more complex, useful and feature-rich. Now
finally, with proper education, I will be taking my software to the next level.</p>
<p class="no-margin">Most of the software provided on this website is done so for free. Any <a
href="https://store.janishutz.com/donate" target="_blank">financial support</a> would be greatly
appreciated.</p>
<p class="no-margin">I am a hard-core Linux user, which means I am always tweaking my user interface and
OS when I am not coding. You can read up on my Linux journey <a
href="https://blog.janishutz.com/series/my-linux-journey/" target="_blank">here</a>. While I do
occasionally like to play games on my own, I primarily do so with friends, as I prefer not to waste
my time playing games, if there is nobody available to play them with.</p>
<p class="no-margin">Other than that, I am also very interested in PC hardware, and I am always
up-to-date with the latest hardware, ranging from CPUs and GPUs to power supplies, cases and
coolers. I also enjoy composing music, but mostly keep that to myself, as with playing piano, which
I enjoy doing occasionally.</p>
</div>
</div>
<h2>Timeline</h2>
<p>The timeline of my projects and my evolution in software development</p>
<div class="timeline">
<div class="timeline-line"></div>
<div class="timeline-el" id="timeline-dot-1">
<div class="timeline-year">2015</div> <!-- TODO: Check date is accurate-->
<div class="timeline-dot"></div>
<div class="timeline-desc">First coding experience using LEGO Mindstorms & LabView</div>
</div>
<div class="timeline-el" id="timeline-dot-2">
<div class="timeline-year">2021</div> <!-- TODO: Check date is accurate-->
<div class="timeline-dot"></div>
<div class="timeline-desc">BiogasControllerApp, Small projects</div>
</div>
<div class="timeline-el" id="timeline-dot-3">
<div class="timeline-year">2022</div>
<div class="timeline-dot"></div>
<div class="timeline-desc">StorageManager, QR & Barcode Insight, smuL</div>
</div>
<div class="timeline-el" id="timeline-dot-4">
<div class="timeline-year">2023</div>
<div class="timeline-dot"></div>
<div class="timeline-desc">libreevent, smuL, StorageManager</div>
</div>
<div class="timeline-el" id="timeline-dot-5">
<div class="timeline-year">2024</div>
<div class="timeline-dot"></div>
<div class="timeline-desc">Language School Hossegor - Booking, store.janishutz.com, id.janishutz.com
</div>
</div>
<div class="timeline-el" id="timeline-dot-7">
<div class="timeline-year">2025</div>
<div class="timeline-dot"></div>
<div class="timeline-desc">ETH Zurich, ConductorCalc, StorageManager, Website, Dotfiles</div>
</div>
</div>
<p style="margin-top: 50px;">Learn more here</p>
<a href="/links" class="button">Linktree</a>
<!-- <div class="inline-elements"> -->
<!-- <a href="https://blog.janishutz.com" class="button" target="_blank">Blog</a> -->
<!-- <a href="https://development.janishutz.com" class="button" target="_blank">Custom Websites</a> -->
<!-- <a href="https://store.janishutz.com" class="button" target="_blank">Store</a> -->
<!-- <a href="https://git.janishutz.com/janishutz" class="button" target="_blank">Git</a> -->
<!-- <a href="https://github.com/janishutz" class="button" target="_blank">GitHub</a> -->
<!-- <a href="https://npmjs.com/~janishutz" class="button" target="_blank">npm</a> -->
<!-- <a href="https://mastodon.social/@janishutz" class="button" target="_blank">Mastodon</a> -->
<!-- <a href="/projects" class="button">Projects</a> -->
<!-- <a href="/about" class="button">About janishutz.com</a> -->
<!-- <a href="https://store.janishutz.com/donate" class="button" target="_blank">Donate</a> -->
<!-- </div> -->
</div>
<footer></footer>
</body>
</html>