21
21
< div class ="body-wrap boxed-container home-page ">
22
22
< div style ="position:fixed; z-index:0; top:0; left:0; width:100%; height:100%; ">
23
23
< canvas id ="canvas " style ="width:100%; height:100%; "> </ canvas >
24
- < script type ="text/javascript "> new WarpSpeed ( "canvas" ) ; </ script >
25
24
</ div >
26
25
27
26
< header class ="site-header ">
28
27
< div class ="container ">
29
28
< div class ="site-header-inner ">
30
29
< div class ="brand header-brand float-left ">
31
- < img id ="logo " src ="static/logo/bordered.png " data-aos ="fade-right " data-aos-delay ="100 ">
30
+ < img id ="logo " src ="static/logo/bordered.png " data-aos ="fade-right " data-aos-delay ="0 ">
32
31
</ div >
33
- < div class ="navbar float-right " data-aos ="fade " data-aos-duration ="1000 " data-aos-delay ="1400 ">
32
+ < div class ="navbar float-right " data-aos ="fade " data-aos-duration ="1000 " data-aos-delay ="1000 ">
34
33
< a href ="http://futurecoder.io ">
35
34
< img class ="translation-icon " src ="static/img/icons/language.png "/> English
36
35
</ a >
52
51
< div class ="container center-content ">
53
52
< div class ="hero-inner ">
54
53
< div >
55
- < h1 class ="hero-title mt-0 is-revealing " data-aos ="fade-right " data-aos-delay ="300 ">
54
+ < h1 class ="hero-title mt-0 is-revealing " data-aos ="fade-right " data-aos-delay ="100 ">
56
55
futurecoder
57
56
</ h1 >
58
- < h3 class ="hero-paragraph is-revealing " data-aos ="fade-right " data-aos-delay ="400 ">
57
+ < h3 class ="hero-paragraph is-revealing " data-aos ="fade-right " data-aos-delay ="200 ">
59
58
Learn Python from scratch.
60
59
</ h3 >
61
60
62
61
63
62
< div class ="bullets-inner section-inner ">
64
63
< div class ="bullets-wrap ">
65
- < div class ="bullet " data-aos ="fade-up " data-aos-delay ="1000 " data-aos-offset ="-200px ">
64
+ < div class ="bullet " data-aos ="fade-up " data-aos-delay ="500 " data-aos-offset ="-200px ">
66
65
< div class ="bullet-inner ">
67
66
< div class ="bullet-header mb-16 ">
68
67
< div class ="bullet-icon mr-16 ">
@@ -81,7 +80,7 @@ <h4 class="bullet-title m-0">Redefines interactive learning</h4>
81
80
<!--p class="text-sm mb-0">...</p-->
82
81
</ div >
83
82
</ div >
84
- < div class ="bullet " data-aos ="fade-up " data-aos-delay ="1100 " data-aos-offset ="-200px ">
83
+ < div class ="bullet " data-aos ="fade-up " data-aos-delay ="600 " data-aos-offset ="-200px ">
85
84
< div class ="bullet-inner ">
86
85
< div class ="bullet-header mb-16 ">
87
86
< div class ="bullet-icon mr-16 ">
@@ -102,7 +101,7 @@ <h4 class="bullet-title m-0">100% Free & Open Source</h4>
102
101
<!--p class="text-sm mb-0">...</p-->
103
102
</ div >
104
103
</ div >
105
- < div class ="bullet " data-aos ="fade-up " data-aos-delay ="1200 " data-aos-offset ="-200px ">
104
+ < div class ="bullet " data-aos ="fade-up " data-aos-delay ="700 " data-aos-offset ="-200px ">
106
105
< div class ="bullet-inner ">
107
106
< div class ="bullet-header mb-16 ">
108
107
< div class ="bullet-icon mr-16 ">
@@ -123,7 +122,7 @@ <h4 class="bullet-title m-0">Designed with care for beginners</h4>
123
122
</ div >
124
123
125
124
126
- < div data-aos ="fade-in " data-aos-delay ="1900 " data-aos-offset ="-600px ">
125
+ < div data-aos ="fade-in " data-aos-delay ="1000 " data-aos-offset ="-600px ">
127
126
< div >
128
127
< a class ="button button-primary button-complimentary-color button-block big " href ="/course/ ">
129
128
< i class ="fa fa-chevron-right "> </ i > < i class ="fa fa-chevron-right "> </ i > < i class ="fa fa-chevron-right "> </ i > Start learning
@@ -150,7 +149,7 @@ <h4 class="bullet-title m-0">Designed with care for beginners</h4>
150
149
< div class ="spacer "> </ div >
151
150
< div class ="spacer "> </ div >
152
151
153
- < div class ="container flex " style ="justify-content: center " data-aos ="fade-down " data-aos-duration ="1800 " data-aos-delay ="2000 " data-aos-offset ="-800px ">
152
+ < div class ="container flex " style ="justify-content: center " data-aos ="fade-down " data-aos-duration ="1800 " data-aos-delay ="1200 " data-aos-offset ="-800px ">
154
153
< div id ="scroll-animation ">
155
154
< a href ="#header-end-anchor "> < span > </ span > </ a >
156
155
</ div >
@@ -491,7 +490,7 @@ <h3>Contact Us</h3>
491
490
< div class ="container flex ">
492
491
< div class ="site-footer-inner has-top-divider ">
493
492
< div class ="footer-copyright ">
494
- © 2021 Alex Hall
493
+ © 2025 Alex Hall
495
494
496
495
< a href ="https://www.flaticon.com/free-icons/language " title ="language icons "> Language icon created by Freepik - Flaticon</ a >
497
496
</ div >
@@ -528,14 +527,22 @@ <h3>Contact Us</h3>
528
527
529
528
< script src ="static/js/main.js "> </ script >
530
529
< script src ="
https://unpkg.com/[email protected] /dist/aos.js "
> </ script >
531
- < script >
532
- // document.onload = AOS.init();
533
- </ script >
534
530
< script type ="text/javascript " src ="static/js/warpspeed.min.js "> </ script >
535
531
< script >
536
- var x = new WarpSpeed (
537
- "canvas" , { "speed" :100 , "targetSpeed" : 1.5 , "speedAdjFactor" :0.04 , "density" :2 , "shape" :"square" , "warpEffect" :true , "warpEffectLength" :6 , "depthFade" :true , "starSize" :2 , "backgroundColor" :"hsl(263,45%,7%)" , "starColor" :"#eee" }
538
- ) ;
532
+ new WarpSpeed (
533
+ "canvas" , {
534
+ "speed" : 2 ,
535
+ "speedAdjFactor" : 0 ,
536
+ "density" : 1.5 ,
537
+ "shape" : "square" ,
538
+ "warpEffect" : true ,
539
+ "warpEffectLength" : 10 ,
540
+ "depthFade" : true ,
541
+ "starSize" : 3 ,
542
+ "backgroundColor" : "hsl(263,45%,7%)" ,
543
+ "starColor" : "#eee"
544
+ }
545
+ ) ;
539
546
</ script >
540
547
</ body >
541
548
</ html >
0 commit comments