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

progress

Browse Source
This commit is contained in:
Janis Hutz
2023-05-19 19:06:48 +02:00
parent 9207db9a59
commit 7a86ec0de2
3 changed files with 20 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
newVersion/js/index.js
View File

@@ -1,4 +1,4 @@
setInterval( backgroundSwitching, 10000 );
setInterval( backgroundSwitching, 7500 );
let id = 2;

4
newVersion/js/scrolling.js
View File

@@ -17,14 +17,14 @@ $( document ).ready( function () {
trackProgress();
let timeout = setTimeout( showScrollHint, 10000 );
let timeout = setTimeout( showScrollHint, 5000 );
if ( currentlyShowing >= revealables.length ) {
clearTimeout( timeout );
}
function showScrollHint () {
if ( !sessionStorage.getItem( 'menuOpen' ) ) {
if ( sessionStorage.getItem( 'menuOpen' ) == 'false' ) {
$( '#scroll-hint' ).fadeIn( 300 );
} else {
timeout = setTimeout( showScrollHint, 10000 );

23
newVersion/order/index.html
View File

@@ -15,13 +15,15 @@
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home :: Development - janishutz.com</title>
<title>Order :: Development - janishutz.com</title>
</head>
<body>
<div id="nav"></div>
<div class="step" id="step-1">
<h1 class="gradient-purple huge small-margin">Order</h1>
<h3 class="gradient-purple bigger">Ready for your new website?</h3>
<div class="scroll-indicator" id="scroll-hint">
<div class="scroll-wrapper">
Scroll to discover more
<span class="material-symbols-outlined scroll-symbol">keyboard_double_arrow_down</span>
</div>
</div>
<div class="progress" id="progress">
@@ -31,9 +33,18 @@
</div>
</div>
<div class="step" id="step-1">
<div class="step-content">
<h1 class="gradient-purple huge small-margin">Order</h1>
<h3 class="gradient-purple bigger">Ready for your new website?</h3>
</div>
</div>
<div class="step reveal" id="step-2">
<h1 class="gradient-purple biggest small-margin">Beau&shy;ti&shy;ful</h1>
<p class="white">Get a website of any style you want</p>
<div class="step-content">
<h1 class="gradient-purple biggest small-margin">Beau&shy;ti&shy;ful</h1>
<p class="white">Get a website of any style you want</p>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>