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

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

@@ -1,78 +1,138 @@
<!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">
<!-- SEO -->
<title>Projects | 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/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>
#yt-embed {
width: 70vw;
height: 40vw;
}
</style>
</head>
<body>
<nav></nav>
<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">
<div class="slider" style="width: 100vw; height: 80vh;">
<div class="slider-container">
<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/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/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/libreevent" class="button" style="margin-top: 30%;">libreǝvent</a>
</div>
<!-- SEO -->
<title>Projects | 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/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>
#yt-embed {
width: 70vw;
height: 40vw;
}
</style>
</head>
<body>
<nav></nav>
<div class="slider" style="width: 100vw; height: 80vh;">
<div class="slider-container">
<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 class="slider-controls slider-control-left" onclick="sliderControl( 'previous' )">&#11164;</div>
<div class="slider-controls slider-control-right" onclick="sliderControl( 'next' )">&#11166;</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">
<!-- TODO: Size logo better -->
<img src="https://static.janishutz.com/logo.jpg" alt="libreevent logo" class="project-logo">
<h1>Projects</h1>
<div class="content">
<!-- TODO: Size logo better -->
<img src="https://static.janishutz.com/logo.jpg" alt="janishutz logo" class="project-logo">
<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>
<div class="side-by-side">
<div class="side-by-side-item left">
<h3></h3>
</div>
<h2 id="foss">Open Source Projects</h2>
<div class="side-by-side">
<div class="side-by-side-item left">
<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>
<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>
<script src="https://static.janishutz.com/js/slider.js"></script>
<script>
activateSlider( 7500 );
</script>
</body>
<footer></footer>
<script src="https://static.janishutz.com/js/yt-embed.js"></script>
<script src="https://static.janishutz.com/js/slider.js"></script>
<script>
activateSlider(7500);
</script>
</body>
</html>