Enable transition on home page + minor UI fixes #10

html/home.html

@@ -28,6 +28,17 @@ <h1>Welcome to the <strong class="effect">Cosmic Calendar</strong></h1>
 
 
 </body>
-<script src="../js/home.js"></script>
 
+<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js" integrity="sha512-16esztaSRplJROstbIIdwX3N97V1+pZvV33ABoG1H2OyTttBxEGkTsoIVsiP1iaTtM8b3+hu2kB6pQ4Clr5yug==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script src="../js/home.js"></script>
+<script>
+    var tl=gsap.timeline({paused:true});
+    tl.to(".left",{
+        y:"-100%",
+        duration:3
+    })
+    document.querySelector("button").addEventListener("click",function(){
+        tl.play();
+    });
+</script>
 </html>