janishutz-website/old-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Start adding more pages

Browse Source
This commit is contained in:
Admin
2025-06-20 15:43:15 +02:00
parent 3a9b9cddc6
commit 2a9f0e0ea9
6 changed files with 314 additions and 223 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
site/src/css/style.css
View File

@@ -90,6 +90,8 @@ body.loaded {
text-decoration: none; text-decoration: none;
border-radius: 10px; border-radius: 10px;
transition: all 0.5s; transition: all 0.5s;
width: fit-content;
height: fit-content;
} }
.button:hover { .button:hover {
@@ -111,6 +113,11 @@ body.loaded {
.slider-info { .slider-info {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.2);
padding: 20px;
border-radius: 20px;
} }

172
site/src/index.html
View File

@@ -1,102 +1,114 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <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/side-by-side.css">
<!-- SEO --> <head>
<title>janishutz.com - Solving your software needs with passion</title> <!-- CSS -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href="https://static.janishutz.com/css/slider.css">
<meta charset="UTF-8" /> <link rel="stylesheet" href="/css/style.css">
<meta http-equiv="X-UA-Compatible" content="IE=7" /> <link rel="stylesheet" href="/css/side-by-side.css">
<meta name="keywords" content="" />
<meta name="description" content="" /> <!-- SEO -->
<meta name="og:title" content="" /> <title>janishutz.com - Solving your software needs with passion</title>
<meta name="og:description" content="" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="og:image" content="https://static.janishutz.com/seo/home-card.jpg" /> <meta charset="UTF-8" />
<meta name="og:type" content="website" /> <meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta name="og:url" content="https://janishutz.com" /> <meta name="keywords" content="" />
<meta name="og:locale" content="en_GB" /> <meta name="description" content="" />
<meta property="twitter:card" content="summary_large_image"> <meta name="og:title" content="" />
<meta name="theme-color" content="#152b5c"> <meta name="og:description" content="" />
</head> <meta name="og:image" content="https://static.janishutz.com/seo/home-card.jpg" />
<body> <meta name="og:type" content="website" />
<nav></nav> <meta name="og:url" content="https://janishutz.com" />
<!-- <video src="https://static.janishutz.com/assets/video-home.mp4" autoplay class="title-video"></video> --> <meta name="og:locale" content="en_GB" />
<div class="slider" style="width: 100vw; height: 80vh;"> <meta property="twitter:card" content="summary_large_image">
<div class="slider-container"> <meta name="theme-color" content="#152b5c">
<div class="slider-element current" style="background-image: url( 'https://static.janishutz.com/assets/home/home-store.jpg' );"> </head>
<div class="slider-info">
<h2>Software for your needs</h2> <body>
<p>Professional-Grade Software</p> <nav></nav>
<a href="https://store.janishutz.com" class="button">Store</a> <!-- <video src="https://static.janishutz.com/assets/video-home.mp4" autoplay class="title-video"></video> -->
</div> <div class="slider" style="width: 100vw; height: 80vh;">
<div class="slider-container">
<div class="slider-element current"
style="background-image: url( 'https://static.janishutz.com/assets/home/home-store.jpg' );">
<div class="slider-info">
<h2>Software for your needs</h2>
<p>Professional-Grade Software</p>
<a href="https://store.janishutz.com" class="button">Store</a>
</div> </div>
<div class="slider-element" style="background-image: url( 'https://static.janishutz.com/assets/home/home-custom.jpg' );"> </div>
<div class="slider-element"
style="background-image: url( 'https://static.janishutz.com/assets/home/home-custom.jpg' );">
<div class="slider-info">
<h2>Custom Websites</h2> <h2>Custom Websites</h2>
<p>Built from the ground up specifically for you, no frameworks used!</p> <p>Built from the ground up specifically for you, no frameworks used!</p>
<a href="https://development.janishutz.com" class="button">Order now</a> <a href="https://development.janishutz.com" class="button">Order now</a>
</div> </div>
<div class="slider-element" style="background-image: url( 'https://static.janishutz.com/assets/home/home-foss.jpg' );"> </div>
<div class="slider-element"
style="background-image: url( 'https://static.janishutz.com/assets/home/home-foss.jpg' );">
<div class="slider-info">
<h2>Open Source Projects</h2> <h2>Open Source Projects</h2>
<p>Free Software, developed by Janis Hutz & the community</p> <p>Free Software, developed by Janis Hutz & the community</p>
<a href="/projects/#foss" class="button">Discover them!</a> <a href="/projects/#foss" class="button">Discover them!</a>
</div> </div>
</div> </div>
<div class="slider-controls slider-control-left" onclick="sliderControl( 'previous' )">&#11164;</div>
<div class="slider-controls slider-control-right" onclick="sliderControl( 'next' )">&#11166;</div>
</div> </div>
<div class="slider-controls slider-control-left" onclick="sliderControl( 'previous' )">&#11164;</div>
<div class="slider-controls slider-control-right" onclick="sliderControl( 'next' )">&#11166;</div>
</div>
<div class="content"> <div class="content">
<hr class="divider"> <hr class="divider">
<h1>My work</h1> <h1>My work</h1>
<p>Discover all my main projects</p> <p>Discover all my main projects</p>
<a href="/projects" class="button">Discover them</a> <a href="/projects" class="button">Discover them</a>
<hr class="divider"> <hr class="divider">
<div class="side-by-side"> <div class="side-by-side">
<div class="side-by-side-item left"> <div class="side-by-side-item left">
<h3>Store</h3> <h3>Store</h3>
<p>Find your perfect professional-grade Software</p> <p>Find your perfect professional-grade Software</p>
<a href="https://store.janishutz.com" class="button">Store</a> <a href="https://store.janishutz.com" class="button">Store</a>
</div>
<div class="side-by-side-item right">
<h3>Custom Websites</h3>
<p>Find your perfect new web appearance, built from the groundup without any frameworks</p>
<a href="https://development.janishutz.com" class="button">Check it out</a>
</div>
</div> </div>
<div class="side-by-side"> <div class="side-by-side-item right">
<div class="side-by-side-item left"> <h3>Custom Websites</h3>
<h3>Accounts</h3> <p>Find your perfect new web appearance, built from the groundup without any frameworks</p>
<p>Log into any of my services with one single account, or apply to get access to the SDKs to integrate them into your own projects</p> <a href="https://development.janishutz.com" class="button">Check it out</a>
<a href="https://id.janishutz.com" class="button">To Account</a>
</div>
<div class="side-by-side-item right">
<h3>Free & Open Source Software</h3>
<p>Various open source projects are in the works at janishutz.com, with help from the community.</p>
<a href="https://janishutz.com/projects#foss" class="button">Projects</a>
</div>
</div>
<div class="side-by-side">
<div class="side-by-side-item left">
<h3>iOS Apps</h3>
<p>Apps to improve your day-to-day life by providing useful features helping you stay safe and organized.</p>
<a href="https://janishutz.com/projects#ios" class="button">iOS Apps</a>
</div>
<div class="side-by-side-item right">
<h3>ConductorCalc</h3>
<p>Professional wire calculation software to aid in building high voltage lines safely</p>
<a href="https://conductorcalc.com" class="button">ConductorCalc</a>
</div>
</div> </div>
</div> </div>
<div class="side-by-side">
<div class="side-by-side-item left">
<h3>Accounts</h3>
<p>Log into any of my services with one single account, or apply to get access to the SDKs to integrate
them into your own projects</p>
<a href="https://id.janishutz.com" class="button">To Account</a>
</div>
<div class="side-by-side-item right">
<h3>Free & Open Source Software</h3>
<p>Various open source projects are in the works at janishutz.com, with help from the community.</p>
<a href="https://janishutz.com/projects#foss" class="button">Projects</a>
</div>
</div>
<div class="side-by-side">
<div class="side-by-side-item left">
<h3>iOS Apps</h3>
<p>Apps to improve your day-to-day life by providing useful features helping you stay safe and
organized.</p>
<a href="https://janishutz.com/projects#ios" class="button">iOS Apps</a>
</div>
<div class="side-by-side-item right">
<h3>ConductorCalc</h3>
<p>Professional wire calculation software to aid in building high voltage lines safely</p>
<a href="https://conductorcalc.com" class="button">ConductorCalc</a>
</div>
</div>
</div>
<footer></footer> <footer></footer>
<script src="https://static.janishutz.com/js/slider.js"></script>
<script>activateSlider(7500)</script>
</body>
<script src="https://static.janishutz.com/js/slider.js"></script>
<script>activateSlider( 7500 )</script>
</body>
</html> </html>

85
site/src/links/index.html
View File

@@ -1,44 +1,53 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<!-- CSS -->
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/wrapfig.css">
<!-- SEO --> <head>
<title>Links | janishutz.com</title> <!-- CSS -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href="/css/style.css">
<meta charset="UTF-8" /> <link rel="stylesheet" href="/css/wrapfig.css">
<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/links-card.jpg" />
<meta name="og:type" content="website" />
<meta name="og:url" content="https://janishutz.com/links" />
<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">Links</h1>
<!-- TODO: Finish -->
<div class="inline-elements"> <!-- SEO -->
<a href="https://development.janishutz.com" class="button" target="_blank">Custom Websites</a> <title>Links | janishutz.com</title>
<a href="https://store.janishutz.com" class="button" target="_blank">Store</a> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<a href="https://github.com/janishutz" class="button" target="_blank">GitHub</a> <meta charset="UTF-8" />
<a href="https://git.janishutz.com/janishutz" class="button" target="_blank">Git</a> <meta http-equiv="X-UA-Compatible" content="IE=7" />
<a href="https://npmjs.com/~janishutz" class="button" target="_blank">npm</a> <meta name="keywords" content="" />
<a href="/projects" class="button">Projects</a> <meta name="description" content="" />
<a href="/about/aboutme" class="button">About Janis Hutz</a> <meta name="og:title" content="" />
<a href="https://store.janishutz.com/donate" class="button" target="_blank">Donate</a> <meta name="og:description" content="" />
</div> <meta name="og:image" content="https://static.janishutz.com/seo/links-card.jpg" />
<meta name="og:type" content="website" />
<meta name="og:url" content="https://janishutz.com/links" />
<meta name="og:locale" content="en_GB" />
<meta property="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#152b5c">
<style>
.link-icon {
font-size: 10rem;
}
</style>
</head>
<body>
<nav></nav>
<div class="content">
<span class="material-symbols-outlined link-icon">link</span>
<h1 class="title">Links</h1>
<p class="text-center">Links to the most important pages and platforms</p>
<div class="inline-elements">
<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://github.com/janishutz" class="button" target="_blank">GitHub</a>
<a href="https://git.janishutz.com/janishutz" class="button" target="_blank">Git</a>
<a href="https://npmjs.com/~janishutz" class="button" target="_blank">npm</a>
<a href="/projects" class="button">Projects</a>
<a href="/about/aboutme" class="button">About Janis Hutz</a>
<a href="https://store.janishutz.com/donate" class="button" target="_blank">Donate</a>
</div>
</div>
<footer></footer>
</body>
</div>
<footer></footer>
</body>
</html> </html>

182
site/src/projects/index.html
View File

@@ -1,78 +1,138 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<!-- CSS -->
<link rel="stylesheet" href="https://static.janishutz.com/css/slider.css">
<link rel="stylesheet" href="/css/style.css">
<!-- SEO --> <head>
<title>Projects | janishutz.com</title> <!-- CSS -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href="https://static.janishutz.com/css/slider.css">
<meta charset="UTF-8" /> <link rel="stylesheet" href="/css/style.css">
<meta http-equiv="X-UA-Compatible" content="IE=7" /> <link rel="stylesheet" href="/css/side-by-side.css">
<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/projects-card.jpg" />
<meta name="og:type" content="website" />
<meta name="og:url" content="https://janishutz.com" />
<meta name="og:locale" content="en_GB" />
<meta property="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#152b5c">
<style> <!-- SEO -->
#yt-embed { <title>Projects | janishutz.com</title>
width: 70vw; <meta name="viewport" content="width=device-width, initial-scale=1.0" />
height: 40vw; <meta charset="UTF-8" />
} <meta http-equiv="X-UA-Compatible" content="IE=7" />
</style> <meta name="keywords" content="" />
</head> <meta name="description" content="" />
<body> <meta name="og:title" content="" />
<nav></nav> <meta name="og:description" content="" />
<meta name="og:image" content="https://static.janishutz.com/seo/projects-card.jpg" />
<meta name="og:type" content="website" />
<meta name="og:url" content="https://janishutz.com" />
<meta name="og:locale" content="en_GB" />
<meta property="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#152b5c">
<div class="slider" style="width: 100vw; height: 80vh;"> <style>
<div class="slider-container"> #yt-embed {
<div class="slider-element current" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-title.jpg' );"> width: 70vw;
<a href="/projects/libreevent" class="button" style="margin-top: 30%;">libreǝvent</a> height: 40vw;
</div> }
<div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-title.jpg' );"> </style>
<a href="/projects/libreevent" class="button" style="margin-top: 30%;">libreǝvent</a> </head>
</div>
<div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-title.jpg' );"> <body>
<a href="/projects/libreevent" class="button" style="margin-top: 30%;">libreǝvent</a> <nav></nav>
</div>
<div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-title.jpg' );"> <div class="slider" style="width: 100vw; height: 80vh;">
<a href="/projects/libreevent" class="button" style="margin-top: 30%;">libreǝvent</a> <div class="slider-container">
</div> <div class="slider-element current"
style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-title.jpg' );">
<a href="/projects/libreevent" class="button" style="margin-top: 30%;">libreǝvent</a>
</div>
<div class="slider-element"
style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-title.jpg' );">
<a href="/projects/storagemanager" class="button" style="margin-top: 30%;">Storagemanager</a>
</div>
<div class="slider-element"
style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-title.jpg' );">
<a href="/projects/qrscanner" class="button" style="margin-top: 30%;">QR &amp; Barcode Insight</a>
</div>
<div class="slider-element"
style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-title.jpg' );">
<a href="/projects/store" class="button" style="margin-top: 30%;">Store</a>
</div>
<div class="slider-element"
style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-title.jpg' );">
<a href="/projects/musicplayer" class="button" style="margin-top: 30%;">MusicPlayer</a>
</div> </div>
<div class="slider-controls slider-control-left" onclick="sliderControl( 'previous' )">&#11164;</div>
<div class="slider-controls slider-control-right" onclick="sliderControl( 'next' )">&#11166;</div>
</div> </div>
<!-- TODO: Move to different icons, as on iOS that is broken (of course it is) -->
<div class="slider-controls slider-control-left" onclick="sliderControl( 'previous' )">&#11164;</div>
<div class="slider-controls slider-control-right" onclick="sliderControl( 'next' )">&#11166;</div>
</div>
<div class="content"> <div class="content">
<!-- TODO: Size logo better --> <!-- TODO: Size logo better -->
<img src="https://static.janishutz.com/logo.jpg" alt="libreevent logo" class="project-logo"> <img src="https://static.janishutz.com/logo.jpg" alt="janishutz logo" class="project-logo">
<h1>Projects</h1> <h1>Projects</h1>
<p>Discover all of my software projects</p> <p>Discover all of my software projects</p>
<h2 id="foss">Open Source Projects</h2> <h2 id="foss">Open Source Projects</h2>
<div class="side-by-side"> <div class="side-by-side">
<div class="side-by-side-item left"> <div class="side-by-side-item left">
<h3></h3> <h3>libreevent</h3>
</div> </div>
<div class="side-by-side-item right">
<h3>MusicPlayer</h3>
</div>
</div>
<div class="side-by-side">
<div class="side-by-side-item left">
<h3>impress</h3>
</div>
<div class="side-by-side-item right">
<h3>Arch-Dev-VM</h3>
</div>
</div>
<div class="side-by-side">
<div class="side-by-side-item left">
<h3>BiogasControllerApp</h3>
</div>
<div class="side-by-side-item right">
<h3>Small School Projects</h3>
</div> </div>
</div> </div>
<h2 id="ios">iOS Apps</h2>
<div class="side-by-side">
<div class="side-by-side-item left">
<h3>StorageManager</h3>
</div>
<div class="side-by-side-item right">
<h3>QR &amp; Barcode Insight</h3>
</div>
</div>
<footer></footer> <h2 id="proprietary">Proprietary Software</h2>
<div class="side-by-side">
<div class="side-by-side-item left">
<h3>ConductorCalc</h3>
</div>
<div class="side-by-side-item right">
<h3>Store</h3>
</div>
</div>
<div class="side-by-side">
<div class="side-by-side-item left">
<h3>id.janishutz.com</h3>
</div>
<div class="side-by-side-item right">
<h3>Language School Hossegor Booking System</h3>
</div>
</div>
</div>
<script src="https://static.janishutz.com/js/yt-embed.js"></script> <footer></footer>
<script src="https://static.janishutz.com/js/slider.js"></script>
<script>
activateSlider( 7500 ); <script src="https://static.janishutz.com/js/yt-embed.js"></script>
</script> <script src="https://static.janishutz.com/js/slider.js"></script>
</body> <script>
activateSlider(7500);
</script>
</body>
</html> </html>

2
site/src/services/index.html
View File

@@ -32,7 +32,7 @@
<span class="material-symbols-outlined service-icon">build</span> <span class="material-symbols-outlined service-icon">build</span>
<h1 class="title">Services</h1> <h1 class="title">Services</h1>
<p class="text-center;">Discover Services</p> <p class="text-center">Discover Services</p>
<div class="inline-elements"> <div class="inline-elements">
<a class="button" href="https://store.janishutz.com">Software Store</a> <a class="button" href="https://store.janishutz.com">Software Store</a>

81
site/src/support/old/index.html
View File

@@ -1,45 +1,48 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<!-- CSS -->
<link rel="stylesheet" href="https://static.janishutz.com/css/slider.css">
<link rel="stylesheet" href="/css/style.css">
<!-- SEO --> <head>
<title>Old versions | janishutz.com</title> <!-- CSS -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href="https://static.janishutz.com/css/slider.css">
<meta charset="UTF-8" /> <link rel="stylesheet" href="/css/style.css">
<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/home-card.jpg" />
<meta name="og:type" content="website" />
<meta name="og:url" content="https://janishutz.com" />
<meta name="og:locale" content="en_GB" />
<meta property="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#152b5c">
<style>
.support-icon {
font-size: 10rem;
}
</style>
</head>
<body>
<nav></nav>
<div class="content">
<span class="material-symbols-outlined support-icon">archive</span>
<h1 class="title">Old Websites</h1>
<p class="text-center;">View old versions of this website</p> <!-- SEO -->
<title>Old versions | 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/home-card.jpg" />
<meta name="og:type" content="website" />
<meta name="og:url" content="https://janishutz.com" />
<meta name="og:locale" content="en_GB" />
<meta property="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#152b5c">
<style>
.support-icon {
font-size: 10rem;
}
</style>
</head>
<body>
<nav></nav>
<div class="content">
<span class="material-symbols-outlined support-icon">archive</span>
<h1 class="title">Old Websites</h1>
<p class="text-center;">View old versions of this website</p>
<div class="inline-elements">
<a class="button" href="https://janishutz.github.io" target="_blank">Original Version</a>
<a class="button" href="https://v1.janishutz.com" target="_blank">Version 1.0</a>
<a class="button" href="https://v2.janishutz.com" target="_blank">Version 2.0</a>
</div>
</div>
<footer></footer>
</body>
<div class="inline-elements">
<a class="button" href="https://janishutz.github.io">Original Version</a>
<a class="button" href="https://v1.janishutz.com">Version 1.0</a>
<a class="button" href="https://v2.janishutz.com">Version 2.0</a>
</div>
</div>
<footer></footer>
</body>
</html> </html>