change logic from start button demo visibility

src/pages/guided-tracing/0.astro

@@ -284,6 +284,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
 

src/pages/guided-tracing/1.astro

@@ -287,6 +287,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
 

src/pages/guided-tracing/2.astro

@@ -321,6 +321,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/3.astro

@@ -320,6 +320,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/4.astro

@@ -352,6 +352,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/5.astro

@@ -353,6 +353,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/6.astro

@@ -321,6 +321,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/7.astro

@@ -321,6 +321,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/8.astro

@@ -321,6 +321,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/9.astro

@@ -321,6 +321,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/A.astro

@@ -343,6 +343,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
 

src/pages/guided-tracing/B.astro

@@ -352,6 +352,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/C.astro

@@ -282,6 +282,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
 

src/pages/guided-tracing/D.astro

@@ -314,6 +314,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/E.astro

@@ -381,6 +381,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/F.astro

@@ -343,6 +343,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/G.astro

@@ -316,6 +316,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/H.astro

@@ -347,6 +347,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
       

src/pages/guided-tracing/I.astro

@@ -346,6 +346,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/J.astro

@@ -283,7 +283,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
-
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
     })
 
 

src/pages/guided-tracing/K.astro

@@ -346,6 +346,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/L.astro

@@ -316,6 +316,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/M.astro

@@ -381,6 +381,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/N.astro

@@ -348,6 +348,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/O.astro

@@ -283,6 +283,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
 

src/pages/guided-tracing/P.astro

@@ -316,6 +316,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/Q.astro

@@ -317,6 +317,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/R.astro

@@ -350,6 +350,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/S.astro

@@ -283,6 +283,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
 

src/pages/guided-tracing/T.astro

@@ -315,6 +315,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/U.astro

@@ -282,6 +282,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
 

src/pages/guided-tracing/V.astro

@@ -217,7 +217,7 @@ import Layout from "../../layouts/Layout.astro";
             textY = isMobile ? customHeight / 5 : customHeight / 2.4;
       const firstTextLayer = this.add.text(textX, textY, '1. Slant',{ font: '700 40px quicksand', fill: '#05b3a4'});
       const audioOneAudio = this.sound.add('audioOne');
-      audioOneAudio.play();
+      // audioOneAudio.play();
       firstLayer.setDepth(1);
       firstLayer.setAlpha(0.5);
       firstLayer.setInteractive({ draggable: true });
@@ -316,6 +316,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/W.astro

@@ -380,6 +380,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
 

src/pages/guided-tracing/X.astro

@@ -316,6 +316,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/Y.astro

@@ -347,6 +347,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/Z.astro

@@ -345,6 +345,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/a.astro

@@ -318,6 +318,12 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
+
 
     })
   }

src/pages/guided-tracing/b.astro

@@ -318,6 +318,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/c.astro

@@ -287,6 +287,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
 

src/pages/guided-tracing/d.astro

@@ -320,6 +320,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/e.astro

@@ -320,6 +320,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/f.astro

@@ -318,6 +318,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/g.astro

@@ -320,6 +320,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/h.astro

@@ -319,6 +319,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/i.astro

@@ -319,6 +319,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/j.astro

@@ -319,6 +319,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
   }

src/pages/guided-tracing/k.astro

@@ -352,6 +352,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
     })
   }
 

src/pages/guided-tracing/l.astro

@@ -287,6 +287,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
 
     })
 

src/pages/guided-tracing/m.astro

@@ -347,6 +347,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
     })
   }
 

src/pages/guided-tracing/n.astro

@@ -320,6 +320,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
     })
   }
 

src/pages/guided-tracing/o.astro

@@ -285,6 +285,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
     })
 
 

src/pages/guided-tracing/p.astro

@@ -316,6 +316,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
     })
   }
 

src/pages/guided-tracing/q.astro

@@ -318,6 +318,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
     })
   }
 

src/pages/guided-tracing/r.astro

@@ -320,6 +320,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
     })
   }
 

src/pages/guided-tracing/s.astro

@@ -284,6 +284,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
     })
 
 

src/pages/guided-tracing/t.astro

@@ -319,6 +319,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
     })
   }
 

src/pages/guided-tracing/u.astro

@@ -319,6 +319,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
     })
   }
 

src/pages/guided-tracing/v.astro

@@ -318,6 +318,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
     })
   }
 

src/pages/guided-tracing/w.astro

@@ -384,6 +384,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
     })
 
 

src/pages/guided-tracing/x.astro

@@ -319,6 +319,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
     })
   }
 

src/pages/guided-tracing/y.astro

@@ -319,6 +319,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
     })
       
   }

src/pages/guided-tracing/z.astro

@@ -351,6 +351,11 @@ import Layout from "../../layouts/Layout.astro";
     startButton.setInteractive().on('pointerdown', () => {
       audioOneAudio.play();
       firstTextLayer.setVisible(true);
+        animatedLetter.setVisible(false);     firstScreen.setVisible(false);
+      graphics.setVisible(true);
+      hideButton.setVisible(false);
+      demoButton.setVisible(true);
+      startButton.setVisible(false);
     })
   }