some seo, more pages

This commit is contained in:
2024-09-03 11:58:19 +02:00
parent 23a6e28d00
commit 35f6bdd7b3
16 changed files with 381 additions and 70 deletions

View File

@@ -4,7 +4,6 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>404 - Page not found | janishutz.com</title>
<link rel="stylesheet" href="/css/slider.css">
<link rel="stylesheet" href="/css/style.css">
<style>
.content h1 {
@@ -24,9 +23,5 @@
<footer></footer>
<script src="/js/slider.js"></script>
<script>activateSlider( 7500 )</script>
</body>
</html>

52
site/src/about/index.html Normal file
View File

@@ -0,0 +1,52 @@
<!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">
<link rel="stylesheet" href="/css/wrapfig.css">
<!-- SEO -->
<title>About | 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/legal-card.jpg" />
<meta name="og:type" content="website" />
<meta name="og:url" content="https://janishutz.com/legal" />
<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">About</h1>
<div class="wrapfig-wrapper">
<img src="https://static.janishutz.com/logo.jpg" alt="janishutz.com logo" class="wrapfig left rounded-corners">
<div class="wrapfig-text right">
<p class="no-margin">Since its launch in January 2023, janishutz.com has seen a lot of changes. Not only has the main website seen three major revisions, but the offering has expanded massively, with a Software Store, Custom Website development, Account services and more becoming part of the Software ecosystem.</p>
<p class="no-margin">Most of the software provided on this website is done so for free. Any <a href="https://store.janishutz.com/donate" target="_blank">financial support</a> would be greatly appreciated.</p>
</div>
</div>
<p style="margin-top: 30px;">Discover the full range of services and software offered here</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://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>
</html>

View File

@@ -93,6 +93,19 @@ body {
margin: 5px;
}
.text-center {
text-align: center;
}
.rounded-corners {
border: none;
border-radius: 20px;
}
.no-margin {
margin: 5px;
}
@media only screen and (min-width: 550px) and (max-width: 998px) {
.project-logo {
margin-top: 10vh;

29
site/src/css/wrapfig.css Normal file
View File

@@ -0,0 +1,29 @@
.wrapfig-wrapper {
width: 80%;
position: relative;
}
.wrapfig {
width: 40%;
}
.wrapfig.left {
float: left;
}
.wrapfig.right {
float: left;
}
.wrapfig-text {
margin: 5px;
width: 58%;
}
.wrapfig-text.left {
margin-right: auto;
}
.wrapfig-text.right {
margin-left: auto;
}

View File

@@ -1,13 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- TODO: Update all legal & support websites to new header -->
<title>The Legal Stuff - janishutz.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=7">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="/css/style.css">
<!-- CSS -->
<link rel="stylesheet" href="https://static.janishutz.com/css/slider.css">
<link rel="stylesheet" href="/css/style.css">
<!-- SEO -->
<title>Legal | 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>
.info {
font-weight: normal;
@@ -22,7 +34,7 @@
<div class="content">
<h1 class="title">The Legal Stuff</h1>
<p style="text-align: center;">View all the legal agreements here, which apply whenever you use any of the services on janishutz.com</p>
<p class="text-center;">View all the legal agreements here, which apply whenever you use any of the services on janishutz.com</p>
<div class="inline-elements">
<a class="button" href="/legal/privacy">Privacy Policy</a>

View File

@@ -1,12 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Software Licenses - janishutz.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=7">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="/css/style.css">
<!-- CSS -->
<link rel="stylesheet" href="https://static.janishutz.com/css/slider.css">
<link rel="stylesheet" href="/css/style.css">
<!-- SEO -->
<title>Software Licences | 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>
.info {
font-weight: normal;
@@ -22,7 +35,7 @@
<h1 class="title">Licences</h1>
<a href="/legal" class="back">&leftarrow; Back to legal hub</a>
<p style="text-align: center;">Here you can find a copy of all the licences used for all projects on this website. Each software that uses one of these links to this page.</p>
<p class="text-center;">Here you can find a copy of all the licences used for all projects on this website. Each software that uses one of these links to this page.</p>
<div class="inline-elements">
<a class="button" href="https://www.gnu.org/licenses/gpl-3.0.en.html">GNU General Public Licence V3</a>

View File

@@ -1,12 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Proprietary Software Licence - janishutz.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=7">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="/css/style.css">
<!-- CSS -->
<link rel="stylesheet" href="https://static.janishutz.com/css/slider.css">
<link rel="stylesheet" href="/css/style.css">
<!-- SEO -->
<title>Proprietary Software Licence | 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>
.info {
font-weight: normal;

View File

@@ -1,12 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Privacy Policy - janishutz.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=7">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="/css/style.css">
<!-- CSS -->
<link rel="stylesheet" href="https://static.janishutz.com/css/slider.css">
<link rel="stylesheet" href="/css/style.css">
<!-- SEO -->
<title>Privacy Policy | 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>
.info {
font-weight: normal;

View File

@@ -1,12 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Privacy Policy - janishutz.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=7">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="/css/style.css">
<!-- CSS -->
<link rel="stylesheet" href="https://static.janishutz.com/css/slider.css">
<link rel="stylesheet" href="/css/style.css">
<!-- SEO -->
<title>Privacy Policy V1 | 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>
.info {
font-weight: normal;

View File

@@ -1,12 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Return Policy - janishutz.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=7">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="/css/style.css">
<!-- CSS -->
<link rel="stylesheet" href="https://static.janishutz.com/css/slider.css">
<link rel="stylesheet" href="/css/style.css">
<!-- SEO -->
<title>Return Policy | 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>
.info {
font-weight: normal;

View File

@@ -1,12 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Terms of Service - janishutz.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=7">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="/css/style.css">
<!-- CSS -->
<link rel="stylesheet" href="https://static.janishutz.com/css/slider.css">
<link rel="stylesheet" href="/css/style.css">
<!-- SEO -->
<title>Terms of Service | 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>
.info {
font-weight: normal;

View File

@@ -0,0 +1,45 @@
<!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>Support | 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/legal-card.jpg" />
<meta name="og:type" content="website" />
<meta name="og:url" content="https://janishutz.com/legal" />
<meta name="og:locale" content="en_GB" />
<meta property="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#152b5c">
<style>
.service-icon {
font-size: 10rem;
}
</style>
</head>
<body>
<nav></nav>
<div class="content">
<span class="material-symbols-outlined service-icon">build</span>
<h1 class="title">Services</h1>
<p class="text-center;">Discover Services</p>
<div class="inline-elements">
<a class="button" href="https://store.janishutz.com">Software Store</a>
<a class="button" href="https://id.janishutz.com">Account</a>
<a class="button" href="https://development.janishutz.com">Custom Websites</a>
</div>
</div>
<footer></footer>
</body>
</html>

View File

@@ -1,12 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>The Legal Stuff - janishutz.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=7">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="/css/style.css">
<!-- CSS -->
<link rel="stylesheet" href="https://static.janishutz.com/css/slider.css">
<link rel="stylesheet" href="/css/style.css">
<!-- SEO -->
<title>Support | 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/legal-card.jpg" />
<meta name="og:type" content="website" />
<meta name="og:url" content="https://janishutz.com/legal" />
<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;
@@ -19,7 +32,7 @@
<span class="material-symbols-outlined support-icon">support_agent</span>
<h1 class="title">Support</h1>
<p style="text-align: center;">Ran into issues with Software? Have suggestions for features?</p>
<p class="text-center;">Ran into issues with Software? Have suggestions for features?</p>
<div class="inline-elements">
<a class="button" href="https://support.janishutz.com/index.php?a=add">Get support</a>

View File

@@ -1,11 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>The Legal Stuff - janishutz.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="/css/style.css">
<!-- CSS -->
<link rel="stylesheet" href="https://static.janishutz.com/css/slider.css">
<link rel="stylesheet" href="/css/style.css">
<!-- 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;
@@ -18,7 +32,7 @@
<span class="material-symbols-outlined support-icon">archive</span>
<h1 class="title">Old Websites</h1>
<p style="text-align: center;">View old versions of this website</p>
<p class="text-center;">View old versions of this website</p>
<div class="inline-elements">
<a class="button" href="https://janishutz.github.io">Original Version</a>

View File

@@ -1,12 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Support Status - janishutz.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=7">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="/css/style.css">
<!-- CSS -->
<link rel="stylesheet" href="https://static.janishutz.com/css/slider.css">
<link rel="stylesheet" href="/css/style.css">
<!-- SEO -->
<title>Support Status | 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>
.top-bar {
font-size: 1.1rem;
@@ -54,7 +67,7 @@
<a href="/support" class="back">&leftarrow; Back to support</a>
<p style="text-align: center;">View the support status of all my projects, roadmaps and expected End Of Life dates</p>
<p class="text-center;">View the support status of all my projects, roadmaps and expected End Of Life dates</p>
<div class="support-status-wrapper">
<table class="support-status">