Added spirograph fade in

CallumGilly · Nov 10, 2022 · 58c81ae · 58c81ae
1 parent e9e3423
commit 58c81ae
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/index.html b/index.html
@@ -16,8 +16,8 @@
   </head>
   <body>
     <!-- Background -->
-    <div>
-      <iframe src="./spirograph.html" width="100%" height="100%" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
+    <div id="spiro">
+      <iframe src="./spirograph.html" width="100%" height="100%" frameborder="0" scrolling="no" seamless="seamless" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
     </div>
 
 

diff --git a/indexScripts.js b/indexScripts.js
@@ -37,16 +37,16 @@ async function typeName() {
 }
 
 async function fadeInPage() {
-  if (notSkipped) {
-    $("#SubTitle").fadeIn(3000);
-  } else {
-  $("#SubTitle").fadeIn(0);
-  }
   $("#nav-placeholder").load("navbar.html");
   if (notSkipped) {
+    $("#SubTitle").fadeIn(3000);
     $("#nav-placeholder").fadeIn(3000);
+    $("#spiro").fadeIn(3000);
+
   } else {
+    $("#SubTitle").fadeIn(0);
     $("#nav-placeholder").fadeIn(0);
+    $("#spiro").fadeIn(0);
   }
 }
 
@@ -58,4 +58,5 @@ window.addEventListener("keydown", (event) => {
   // do something
   notSkipped = false;
 });
+$("#spiro").hide();
 typeName();