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;
} }

32
site/src/index.html
View File

@@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<head>
<!-- CSS --> <!-- CSS -->
<link rel="stylesheet" href="https://static.janishutz.com/css/slider.css"> <link rel="stylesheet" href="https://static.janishutz.com/css/slider.css">
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/css/style.css">
@@ -21,30 +22,38 @@
<meta name="og:locale" content="en_GB" /> <meta name="og:locale" content="en_GB" />
<meta property="twitter:card" content="summary_large_image"> <meta property="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#152b5c"> <meta name="theme-color" content="#152b5c">
</head> </head>
<body>
<body>
<nav></nav> <nav></nav>
<!-- <video src="https://static.janishutz.com/assets/video-home.mp4" autoplay class="title-video"></video> --> <!-- <video src="https://static.janishutz.com/assets/video-home.mp4" autoplay class="title-video"></video> -->
<div class="slider" style="width: 100vw; height: 80vh;"> <div class="slider" style="width: 100vw; height: 80vh;">
<div class="slider-container"> <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-element current"
style="background-image: url( 'https://static.janishutz.com/assets/home/home-store.jpg' );">
<div class="slider-info"> <div class="slider-info">
<h2>Software for your needs</h2> <h2>Software for your needs</h2>
<p>Professional-Grade Software</p> <p>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>
</div> </div>
<div class="slider-element" style="background-image: url( 'https://static.janishutz.com/assets/home/home-custom.jpg' );"> <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>
<div class="slider-controls slider-control-left" onclick="sliderControl( 'previous' )">&#11164;</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 class="slider-controls slider-control-right" onclick="sliderControl( 'next' )">&#11166;</div>
</div> </div>
@@ -70,7 +79,8 @@
<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>Accounts</h3> <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> <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> <a href="https://id.janishutz.com" class="button">To Account</a>
</div> </div>
<div class="side-by-side-item right"> <div class="side-by-side-item right">
@@ -82,7 +92,8 @@
<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>iOS Apps</h3> <h3>iOS Apps</h3>
<p>Apps to improve your day-to-day life by providing useful features helping you stay safe and organized.</p> <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> <a href="https://janishutz.com/projects#ios" class="button">iOS Apps</a>
</div> </div>
<div class="side-by-side-item right"> <div class="side-by-side-item right">
@@ -97,6 +108,7 @@
<footer></footer> <footer></footer>
<script src="https://static.janishutz.com/js/slider.js"></script> <script src="https://static.janishutz.com/js/slider.js"></script>
<script>activateSlider( 7500 )</script> <script>activateSlider(7500)</script>
</body> </body>
</html> </html>

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

@@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<head>
<!-- CSS --> <!-- CSS -->
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/wrapfig.css"> <link rel="stylesheet" href="/css/wrapfig.css">
@@ -20,12 +21,19 @@
<meta name="og:locale" content="en_GB" /> <meta name="og:locale" content="en_GB" />
<meta property="twitter:card" content="summary_large_image"> <meta property="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#152b5c"> <meta name="theme-color" content="#152b5c">
</head> <style>
<body> .link-icon {
font-size: 10rem;
}
</style>
</head>
<body>
<nav></nav> <nav></nav>
<div class="content"> <div class="content">
<span class="material-symbols-outlined link-icon">link</span>
<h1 class="title">Links</h1> <h1 class="title">Links</h1>
<!-- TODO: Finish --> <p class="text-center">Links to the most important pages and platforms</p>
<div class="inline-elements"> <div class="inline-elements">
<a href="https://development.janishutz.com" class="button" target="_blank">Custom Websites</a> <a href="https://development.janishutz.com" class="button" target="_blank">Custom Websites</a>
@@ -40,5 +48,6 @@
</div> </div>
<footer></footer> <footer></footer>
</body> </body>
</html> </html>

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

@@ -1,9 +1,11 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<head>
<!-- CSS --> <!-- CSS -->
<link rel="stylesheet" href="https://static.janishutz.com/css/slider.css"> <link rel="stylesheet" href="https://static.janishutz.com/css/slider.css">
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/side-by-side.css">
<!-- SEO --> <!-- SEO -->
<title>Projects | janishutz.com</title> <title>Projects | janishutz.com</title>
@@ -27,32 +29,42 @@
height: 40vw; height: 40vw;
} }
</style> </style>
</head> </head>
<body>
<body>
<nav></nav> <nav></nav>
<div class="slider" style="width: 100vw; height: 80vh;"> <div class="slider" style="width: 100vw; height: 80vh;">
<div class="slider-container"> <div class="slider-container">
<div class="slider-element current" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-title.jpg' );"> <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> <a href="/projects/libreevent" class="button" style="margin-top: 30%;">libreǝvent</a>
</div> </div>
<div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-title.jpg' );"> <div class="slider-element"
<a href="/projects/libreevent" class="button" style="margin-top: 30%;">libreǝvent</a> 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>
<div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-title.jpg' );"> <div class="slider-element"
<a href="/projects/libreevent" class="button" style="margin-top: 30%;">libreǝvent</a> 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>
<div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-title.jpg' );"> <div class="slider-element"
<a href="/projects/libreevent" class="button" style="margin-top: 30%;">libreǝvent</a> 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> </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-left" onclick="sliderControl( 'previous' )">&#11164;</div>
<div class="slider-controls slider-control-right" onclick="sliderControl( 'next' )">&#11166;</div> <div class="slider-controls slider-control-right" onclick="sliderControl( 'next' )">&#11166;</div>
</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>
@@ -60,7 +72,54 @@
<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 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>
<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>
<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> </div>
</div> </div>
@@ -72,7 +131,8 @@
<script src="https://static.janishutz.com/js/yt-embed.js"></script> <script src="https://static.janishutz.com/js/yt-embed.js"></script>
<script src="https://static.janishutz.com/js/slider.js"></script> <script src="https://static.janishutz.com/js/slider.js"></script>
<script> <script>
activateSlider( 7500 ); activateSlider(7500);
</script> </script>
</body> </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>

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

@@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<head>
<!-- CSS --> <!-- CSS -->
<link rel="stylesheet" href="https://static.janishutz.com/css/slider.css"> <link rel="stylesheet" href="https://static.janishutz.com/css/slider.css">
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/css/style.css">
@@ -25,8 +26,9 @@
font-size: 10rem; font-size: 10rem;
} }
</style> </style>
</head> </head>
<body>
<body>
<nav></nav> <nav></nav>
<div class="content"> <div class="content">
<span class="material-symbols-outlined support-icon">archive</span> <span class="material-symbols-outlined support-icon">archive</span>
@@ -35,11 +37,12 @@
<p class="text-center;">View old versions of this website</p> <p class="text-center;">View old versions of this website</p>
<div class="inline-elements"> <div class="inline-elements">
<a class="button" href="https://janishutz.github.io">Original Version</a> <a class="button" href="https://janishutz.github.io" target="_blank">Original Version</a>
<a class="button" href="https://v1.janishutz.com">Version 1.0</a> <a class="button" href="https://v1.janishutz.com" target="_blank">Version 1.0</a>
<a class="button" href="https://v2.janishutz.com">Version 2.0</a> <a class="button" href="https://v2.janishutz.com" target="_blank">Version 2.0</a>
</div> </div>
</div> </div>
<footer></footer> <footer></footer>
</body> </body>
</html> </html>