all movies have animations

static/about.html

@@ -247,7 +247,7 @@
           <img src="/static/posters/Dracula.webp" alt="Dracula: A Love Tale">
           <p>Dracula: A Love Tale</p>
         </div>
-        <div class="poster-item posterhover" onclick="dragonClick()">
+        <div class="poster-item posterhover" onclick="dragonTypewriterClick()">
           <img src="/static/posters/TheGirlwiththeDragonTattoo.webp" alt="Girl with a Dragon Tattoos">
           <p>Girl with a Dragon Tattoo</p>
         </div>
@@ -259,8 +259,8 @@
     <div class="toplist-body">
       <div class="poster-grid">
         <div class="poster-item">
-          <img src="/static/posters/Succession.webp" alt="Succession">
-          <p>Succession</p>
+          <img src="/static/posters/foundation.jpg" alt="foundation">
+          <p>Foundation</p>
         </div>
         <div class="poster-item">
           <img src="/static/posters/Chernobyl.webp" alt="Chernobyl">
@@ -290,32 +290,7 @@
     </p>
   </div>
 </section>
-<section style="display: none;" id="alice" class="play" >
-  <br>
-  <div class="section-head"><h2>Want to play a game Alice?!</h2></div>
-  <div class="story-text" id="story-text"></div>
-  <div class="choices" id="choices"></div>
-</section>
 
-<script src="/static/scripts/game.js"></script>
-
-<section style="display: none;" id="tetris" >
-  <h2>This game is</h2>
-</section>
-
-<section id="secret" class="Hitchhiker">
-  <div class="number">42</div>
-  <div class="divider"></div>
-  <p class="quote">So long, and thanks for all the fish.</p>
-  <p class="attribution">Douglas Adams &nbsp;·&nbsp; The Hitchhiker's Guide to the Galaxy</p>
-
-  <div class="secret-hint">
-    <p>shhh. i have a secret to share &mdash; <a href="/secret">follow me</a></p>
-  </div>
-</section>
-
-
-<script src="/static/scripts/tetris.js"></script>
 
 </div>
 
@@ -330,5 +305,6 @@
 </footer>
 
 <script src="/static/about.js" ></script>
+<script src="/static/scripts/posteranimation.js" ></script>
 </body>
 </html>