adde aol to layout and to bfh and human practice page

app.py

@@ -32,4 +32,4 @@ def pages(page):
 
 # Main Function, Runs at http://0.0.0.0:8080
 if __name__ == "__main__":
-    app.run(port=3008)
+    app.run(port=3009)

static/style.css

@@ -138,3 +138,11 @@ footer a:hover { color: white; text-decoration: underline; }
   background-color: var(--yellow);
   border-radius: 3px;
 } 
+
+
+.test-container{
+  background-color: var(--offblack);
+  color: var(--offwhite);
+  width: 50%;
+  padding: 40px;
+}
\ No newline at end of file

wiki/layout.html

@@ -13,6 +13,10 @@
     <!-- Custom CSS -->
     <link href="{{ url_for('static', filename = 'style.css') }}" rel="stylesheet">
 
+    <!-- AOS -->
+    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
+    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
+
     <title>{% block title %}{% endblock %} | Bielefeld-CeBiTec - iGEM 2024</title>
 
 </head>

wiki/menu.html

@@ -3,7 +3,7 @@
 
     <!---- TEAM NAME ---->
     <a class="navbar-brand" href="#">
-      Bielefeld-CeBiTec / Image here 
+       Bielefeld CeBiTec 
     </a>
 
     <!---- SMALL SCREEN MENU ICON ---->

wiki/pages/bfh.html

@@ -13,6 +13,10 @@
     <!-- Custom CSS -->
     <link href="{{ url_for('static', filename = 'style.css') }}" rel="stylesheet">
 
+    <!-- AOS -->
+    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
+    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
+
     <title>{% block title %}{% endblock %} | Bielefeld-CeBiTec - iGEM 2024</title>
 
 </head>
@@ -36,6 +40,9 @@
   <!-- Navigation -->
   {% include 'menu.html' %}
 
+  <script>
+    AOS.init();
+  </script>
   
   <!-- Page Content -->
   <div class="container-fluid">
@@ -51,9 +58,11 @@
         </div>
       </div>
       <div class="col">
+        <div data-aos="zoom-in-down" data-aos-offset="500" data-aos-easing="ease-in-sine" data-aos-duration="1000">
         <img src="https://static.igem.wiki/teams/5247/logos-team/european-meet-up.png" height="250px" style="padding-top: 10px; padding-bottom: 20px;">
+        </div>
         <span>
-            <h2>Expanding Horizons, Embracing Beyond!</h2>
+            <h2 >Expanding Horizons, Embracing Beyond!</h2>
             <p>
                 Over the past years, we have all made many friends and expanded our scientific network during the iGEM competition and afterwards. The idea behind the cooperation between Bielefeld, Frankfurt and Hamburg is based on the friendship that former participants have gained alongside the iGEM competition. Our mission is to promote future projects and bring teams together. The location of the BFH European Meet-Up 2024 will alternate between the universities of Bielefeld, Frankfurt, and Hamburg. We wish you lots of fun and hope that the iGEM competition fulfills you as much as it has fulfilled us.
             </p>

wiki/pages/human-practices.html

@@ -15,10 +15,20 @@
 
 
 {% block page_content %}
-
+<script>
+    AOS.init();
+  </script>
 
 <div class="col">
     
+    <div data-aos="fade-right" data-aos-offset="300" data-aos-easing="ease-in-sine">
+        <div class="test-container">
+                Test text
+        </div>
+
+    </div>
+
+
 </div>