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

Update slider logic

Browse Source
This commit is contained in:
Janis Hutz
2026-02-11 11:52:22 +01:00
parent 3875acb579
commit b1062fcad5
9 changed files with 793 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/index.html
View File

@@ -3,7 +3,8 @@
<head>
<!-- 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="http://localhost:8081/css/slider.css">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/side-by-side.css">
@@ -13,9 +14,11 @@
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta name="keywords" content="software store, custom software, foss" />
<meta name="description" content="Discover amazing software projects like ConductorCalc, libreevent, a secure and reliable authentication system and much more and get support for it all" />
<meta name="description"
content="Discover amazing software projects like ConductorCalc, libreevent, a secure and reliable authentication system and much more and get support for it all" />
<meta name="og:title" content="janishutz.com - software to make your life easier" />
<meta name="og:description" content="Discover projects, services and more developed by Janis Hutz, get support and more!" />
<meta name="og:description"
content="Discover projects, services and more developed by Janis Hutz, get support and more!" />
<meta name="og:image" content="https://static.janishutz.com/logo.jpg" />
<meta name="og:type" content="website" />
<meta name="og:url" content="https://janishutz.com" />
@@ -26,35 +29,36 @@
<body>
<nav></nav>
<!-- <video src="https://static.janishutz.com/assets/video-home.mp4" autoplay class="title-video"></video> -->
<div class="slider">
<div class="slider-container">
<div class="slider-element current"
style="background-image: url( 'https://static.janishutz.com/assets/home/store.jpg' );">
<div class="slider-element current" data-image-base-url="https://static.janishutz.com/assets/home/store"
data-filetype="jpg">
<div class="slider-info">
<h2>Software for your needs</h2>
<p>Professional-Grade Software</p>
<a href="https://store.janishutz.com" class="button" target="_blank">Store</a>
</div>
</div>
<div class="slider-element"
style="background-image: url( 'https://static.janishutz.com/assets/home/conductorcalc.jpg' );">
<div class="slider-element" data-image-base-url="https://static.janishutz.com/assets/home/conductorcalc"
data-filetype="jpg">
<div class="slider-info">
<h2>ConductorCalc</h2>
<p>The perfect tool to aid you in the complex calculations necessary when building high voltage lines</p>
<p>The perfect tool to aid you in the complex calculations necessary when building high voltage
lines</p>
<a href="https://conductorcalc.com" class="button" target="_blank">Check it out</a>
</div>
</div>
<div class="slider-element"
style="background-image: url( 'https://static.janishutz.com/assets/projects/musicplayer-title.jpg' );">
data-image-base-url="https://static.janishutz.com/assets/projects/musicplayer-title"
data-filetype="jpg">
<div class="slider-info">
<h2>MusicPlayer</h2>
<p>Your one-stop solution for music at your next party</p>
<a href="/projects/musicplayer" class="button">Check it out</a>
</div>
</div>
<div class="slider-element"
style="background-image: url( 'https://static.janishutz.com/assets/home/foss.jpg' );">
<div class="slider-element" data-image-base-url="https://static.janishutz.com/assets/home/foss"
data-filetype="jpg">
<div class="slider-info">
<h2>Open Source Projects</h2>
<p>Free Software, developed by Janis Hutz & the community</p>
@@ -68,6 +72,11 @@
onclick="sliderControl( 'next' )">arrow_forward</span>
</div>
<!-- <script src="https://static.janishutz.com/js/slider.js"></script> -->
<script src="http://localhost:8081/js/slider.js"></script>
<script src="/slider-rwd.js"></script>
<script>activateSlider(7500, null)</script>
<div class="content">
<hr class="divider">
<h1>My work</h1>
@@ -114,11 +123,7 @@
</div>
</div>
<footer></footer>
<script src="https://static.janishutz.com/js/slider.js"></script>
<script>activateSlider(7500)</script>
</body>
</html>