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

some more progress on home page

Browse Source
This commit is contained in:
Janis Hutz
2024-08-27 11:05:00 +02:00
parent 4d1f30e187
commit 536aead3aa
7 changed files with 159 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
.vscode/tasks.json vendored Normal file
View File

@@ -0,0 +1,14 @@
{
"version": "2.0.0",
"tasks": [
{
"type": "npm",
"script": "build",
"path": "site",
"group": "build",
"problemMatcher": [],
"label": "Build website",
"detail": "node build.js"
}
]
}

11
site/package.json Normal file
View File

@@ -0,0 +1,11 @@
{
"name": "janishutz.com",
"version": "1.0.0",
"main": "build.js",
"scripts": {
"build": "node build.js"
},
"author": "Janis Hutz",
"license": "ISC",
"description": ""
}

40
site/src/404.html Normal file
View File

@@ -0,0 +1,40 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>janishutz.com - Solving your software needs with passion</title>
<link rel="stylesheet" href="/css/slider.css">
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<nav></nav>
<!-- <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-container">
<div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/promo-images/math-summaries-desktop.jpg' );">
</div>
<div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/promo-images/libreevent-desktop.jpg' );">
</div>
<div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/promo-images/donate-desktop.jpg' );">
</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>
<footer></footer>
<script src="/js/slider.js"></script>
<script>activateSlider( 7500 )</script>
</body>
</html>

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

@@ -1,6 +1,12 @@
body, html { @import url( 'https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap' );
@import url( '/css/nav.css' );
@import url( '/css/footer.css' );
body {
height: 100%; height: 100%;
width: 100%; width: 100%;
padding: 0; padding: 0;
margin: 0; margin: 0;
font-family: 'Manrope', sans-serif;
} }

35
site/src/footer.html
View File

@@ -1,6 +1,39 @@
<div> <div>
<img src="https://static.janishutz.com/logo.jpg" alt="janishutz.com logo" class="logo"> <img src="https://static.janishutz.com/logo.jpg" alt="janishutz.com logo" class="logo">
<div class="text-container"> <div class="footer-text-container">
<div class="footer-category">
<h3>Projects</h3>
<a href="/projects">View all</a>
<a href="/projects/storagemanager">StorageManager</a>
<a href="/projects/qrscanner">QR & Barcode Insight</a>
<a href="/projects/libreevent">libreǝvent</a>
<a href="/projects/musicplayer">MusicPlayer</a>
<a href="/projects/smuL">SimpleMediaUpscalerLite</a>
</div>
<div class="footer-category">
<h3>Info</h3>
<a href="/about">About janishutz.com</a>
<a href="/about">About Janis Hutz</a>
</div>
<div class="footer-category">
<h3>Support</h3>
<a href="https://support.janishutz.com">Get support</a>
<a href="https://support.janishutz.com/knowledgebase.php">Knowledgebase</a>
<a href="/legal/support-status">Support status</a>
</div>
<div class="footer-category">
<h3>Legal</h3>
<a href="/legal/privacy">Privacy Policy</a>
<a href="/legal/tos">Terms of Service</a>
<a href="/legal/returns">Return policy</a>
<a href="/legal/tos">Return policy</a>
</div>
<!-- Matomo stuff -->
<div id="matomo-opt-out"></div>
<script src="https://analytics.janishutz.com/index.php?module=CoreAdminHome&action=optOutJS&divId=matomo-opt-out&language=auto&backgroundColor=000000&fontColor=FFFFFF&fontSize=12px&fontFamily=monospace&showIntro=1"></script>
<!-- Matomo Image Tracker-->
<img referrerpolicy="no-referrer-when-downgrade" src="https://analytics.janishutz.com/matomo.php?idsite=2&amp;rec=1" style="border:0" alt="" />
<!-- End Matomo -->
</div> </div>
</div> </div>

33
site/src/index.html
View File

@@ -1,12 +1,25 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <!-- CSS -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>janishutz.com - Solving your software needs with passion</title>
<link rel="stylesheet" href="/css/slider.css"> <link rel="stylesheet" href="/css/slider.css">
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/nav.css">
<!-- SEO -->
<title>janishutz.com - Solving your software needs with passion</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="">
</head> </head>
<body> <body>
<nav></nav> <nav></nav>
@@ -14,13 +27,19 @@
<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" style="background-image: url( 'https://store-cdn.janishutz.com/assets/promo-images/math-summaries-desktop.jpg' );"> <div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/promo-images/math-summaries-desktop.jpg' );">
<h1>Software for your needs</h1>
<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://store-cdn.janishutz.com/assets/promo-images/libreevent-desktop.jpg' );"> <div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/promo-images/libreevent-desktop.jpg' );">
<h1>Custom Websites</h1>
<p>Built from the ground up specifically for you, no frameworks used!</p>
<a href="https://development.janishutz.com" class="button">Order now</a>
</div> </div>
<div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/promo-images/donate-desktop.jpg' );"> <div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/promo-images/donate-desktop.jpg' );">
<h1>Open Source Projects</h1>
<p>Free Software, developed by Janis Hutz & the community</p>
<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-left" onclick="sliderControl( 'previous' )">&#11164;</div>

27
site/src/nav.html
View File

@@ -1,2 +1,27 @@
<img src="https://static.janishutz.com/logo.jpg" alt="janishutz.com logo" class="logo"> <img src="https://static.janishutz.com/logo.jpg" alt="janishutz.com logo" class="logo">
<div>nav</div> <div>
<div class="nav-link-wrapper">
<a href="/projects">Projects</a>
<div class="nav-link-dropdown">
<a href="/projects/storagemanager">StorageManager</a>
<a href="/projects/qrscanner">QR & Barcode Insight</a>
<a href="/projects/libreevent">libreǝvent</a>
</div>
</div>
<div class="nav-link-wrapper">
<a href="/projects">About</a>
<div class="nav-link-dropdown">
<a href="/about/aboutme">StorageManager</a>
<a href="/projects/qrscanner">QR & Barcode Insight</a>
<a href="/projects/libreevent">libreǝvent</a>
</div>
</div>
<div class="nav-link-wrapper">
<a href="/projects">Support</a>
<div class="nav-link-dropdown">
<a href="/projects/storagemanager">StorageManager</a>
<a href="/projects/qrscanner">QR & Barcode Insight</a>
<a href="/projects/libreevent">libreǝvent</a>
</div>
</div>
</div>