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

start new version of website

Browse Source
This commit is contained in:
Janis Hutz
2023-05-18 16:38:40 +02:00
parent 951853b105
commit ccf1c67837
36 changed files with 365 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
oldVersion/modules/contactForm.html Normal file
View File

@@ -0,0 +1,19 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="/css/formstyle.css">
</head>
<body>
<form action="https://api.janishutz.com/contact?origin=development" method="post" class="form">
<label for="name" class="label">Full name *</label><br>
<input type="text" name="name" id="name" placeholder="Your full name" required class="input"><br>
<label for="mail" class="label">Your email address *</label><br>
<input type="email" name="mail" id="mail" placeholder="Your email address" required class="input"><br>
<label for="name" class="label">Your message *</label><br>
<textarea name="name" id="name" placeholder="Your message" required minlength="50" rows="10" cols="100" class="textarea"></textarea><br>
<p style="font-size: 80%;">* required</p>
<input type="submit" value="Submit" class="button"><br>
</form>
</body>
</html>

18
oldVersion/modules/footer.html Normal file
View File

@@ -0,0 +1,18 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="/css/footerstyle.css">
</head>
<body>
<div class="footer-container">
<div class="footer-logo-container"><img class="logo" src="https://static.janishutz.com/Logo.png" alt="Logo"></div>
<div class="footer-wrapper">
<p class="footer-title">Development</p>
<a href="/imprint.html" class="footer-link">Imprint</a>
<a href="/privacy.html" class="footer-link">Privacy policy</a>
</div>
<div></div>
</div>
</body>
</html>

64
oldVersion/modules/nav.html Normal file
View File

@@ -0,0 +1,64 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="/css/navstyle.css">
</head>
<body>
<div class="nav-container">
<div class="mobile-wrapper">
<a class="logo-container" href="/"><img class="logo" src="https://static.janishutz.com/Logo.png" alt="Logo"></a>
<div class="toggle-wrapper">
<a class="listtoggle" onclick="togglelist()">&#9776</a>
</div>
</div>
<div class="nav-wrapper">
<div class="nav-menu">
<div class="nav-list">
<a class="navitem" href="/order.html" id="order">Order</a>
<a class="navitem" href="/examples.html" id="examples">Examples</a>
<a class="navitem" href="/contact.html" id="contact">Contact me</a>
</div>
</div>
</div>
</div>
<script>
$( document ).ready(function () {
$( '.navitem' ).mouseenter( function () {
if ( window.location.pathname.slice( 1, window.location.pathname.length - 5 ) == this.id ) {} else {
$( this ).stop();
$( this ).animate( { 'color':'rgba(184, 214, 240, 1)' }, 200);
};
} );
$( '.navitem' ).mouseleave( function () {
if ( window.location.pathname.slice( 1, window.location.pathname.length - 5 ) == this.id ) {} else {
$( this ).stop();
$( this ).animate( { 'color':'black' }, 200 );
};
});
setTimeout( highlightTab, 300 );
});
function highlightTab () {
$( `#${ window.location.pathname.slice( 1, window.location.pathname.length - 5 ) }`).css( 'color', 'rgba(184, 214, 240, 1)' );
}
let previous = 1;
function togglelist() {
$( '.nav-menu' ).slideToggle(300);
$( '.listtoggle' ).toggleClass( 'active' );
}
window.addEventListener( 'resize', function( event ) {
if ( $( window ).width() > 999 ) {
$( '.nav-menu' ).slideDown();
previous = 1;
} else if ( $(window).width() < 999 && previous == 1 ) {
$( '.nav-menu' ).slideUp();
$( '.listtoggle' ).removeClass( 'active' );
previous = 0;
};
}, true);
</script>
</body>
</html>