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; let id = 2;

4
newVersion/js/scrolling.js
View File

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

19
newVersion/order/index.html
View File

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