Update file tryhomepage.html

wiki/pages/tryhomepage.html

@@ -71,12 +71,10 @@
       opacity: 0;
       transition: ease-in-out 0.5s;
     }
-
-    /* Main content */
-    #main-content {
+   /* Main content */
+   #main-content {
       display: none;
     }
-    
   </style>
 </head>
 
@@ -91,36 +89,12 @@
   <header>
     <h4>Logo.</h4>
   </header>
-  <main id="main-content">
-    <!-- Navigation -->
-    {% include 'menu.html' %}
-
-    <!-- Header -->
-    <header class="bg-hero py-2 mb-4">
-      <div class="floral-border"></div>
-      <div class="content-wrapper">
-        <div class="container">
-          <div class="row align-items-center">
-            <div class="col-lg-12 text-center">
-              <h1 class="display-4 text-white mt-5 mb-2">{{ self.title() }}</h1>
-              <p class="lead mb-5 text-white-50">{% block lead %}{% endblock %}</p>
-            </div>
-          </div>
-        </div>
-      </div>
-    </header>
-
-    <!-- Page Content -->
-    <div class="container">
-      {% block page_content %}{% endblock %}
-    </div>
-    <button id="textSizeToggle" class="text-size-toggle">L</button>
-    <button id="fontToggle" class="font-toggle">D</button>
-
-    <!-- Footer: MUST mention license AND have a link to team wiki's repository on gitlab.igem.org -->
-    {% include 'footer.html' %}
-  </main>
 
+  <div id="main-content">
+    {% extends "layout.html"}
+    {% block title%} Main Page {% endblock%}
+  </div>
+  
   <script>
     let intro = document.querySelector('.intro');
     let logo = document.querySelector('.logo-header');
@@ -147,10 +121,10 @@
 
         setTimeout(()=>{
           intro.style.top = '-100vh';
-          setTimeout(() => {
+          setTimeout(()=>{
             intro.style.display = 'none';
             mainContent.style.display = 'block';
-          }, 1000); 
+          },1000); 
         }, 2300)
       })
     })