From 83b09188a9ee0352adc973e536d23fe5b5dc870e Mon Sep 17 00:00:00 2001
From: edlu77 <eddd.lu@gmail.com>
Date: Fri, 22 Nov 2024 18:39:18 -0500
Subject: [PATCH] Update event page

---
 .../src/static/events/2024-24h/css/styles.css |   1 -
 .../src/static/events/2024-24h/index.html     | 110 +++---------------
 2 files changed, 17 insertions(+), 94 deletions(-)

diff --git a/apps/humanatlas.io/src/static/events/2024-24h/css/styles.css b/apps/humanatlas.io/src/static/events/2024-24h/css/styles.css
index 9d5bef21b..990c3c8fe 100644
--- a/apps/humanatlas.io/src/static/events/2024-24h/css/styles.css
+++ b/apps/humanatlas.io/src/static/events/2024-24h/css/styles.css
@@ -12053,7 +12053,6 @@ html {
 html,
 body {
   width: 100%;
-  height: 100%;
   margin: 0px;
   padding: 0px;
   overflow-x: hidden;
diff --git a/apps/humanatlas.io/src/static/events/2024-24h/index.html b/apps/humanatlas.io/src/static/events/2024-24h/index.html
index 07fdac1d5..55c5eab28 100644
--- a/apps/humanatlas.io/src/static/events/2024-24h/index.html
+++ b/apps/humanatlas.io/src/static/events/2024-24h/index.html
@@ -29,7 +29,6 @@
         dataLayer.push(arguments);
       }
       gtag('js', new Date());
-
       gtag('config', 'G-H5FEBMK0QE');
     </script>
     <script>
@@ -102,8 +101,12 @@ <h2 class="masthead-subheading mb-4">Let's explore data!</h2>
         <h1 class="pt-5 pb-3" style="margin: auto; text-align: center">About</h1>
         <p style="margin: auto; text-align: left; max-width: 700px">
           Join us for a groundbreaking 24-hour online webinar on December 14-15, hosted via Zoom. This event will delve
-          into the complexities of <strong>“What is a Multiscale Human”</strong> a revolutionary research focus led by
-          CNS in partnership with CIFAR. <br /><br />
+          into the complexities of
+          <strong>“What is a Multiscale Human”</strong> a revolutionary research focus led by CNS in partnership with
+          CIFAR.
+        </p>
+        <br />
+        <p style="margin: auto; text-align: left; max-width: 700px">
           Starting at <strong>12:00 PM on December 14</strong> and running until
           <strong>12:00 PM on December 15</strong>, each hour will introduce a unique topic related to the multiscale
           mapping of the human body. This webinar offers a rare opportunity to dive into topics such as
@@ -303,7 +306,7 @@ <h4></h4>
             <img class="rounded-circle imgtimeline" src="assets/img/1am.png" alt="..." />
             <h2>1AM</h2>
             <h6>6AM in London (GMT), 3PM in Tokyo (GMT+9)</h6>
-            <h4></h4>
+            <h4>VIDEOS: Human Atlas Data</h4>
             <p></p>
           </div>
         </div>
@@ -312,7 +315,7 @@ <h4></h4>
             <img class="rounded-circle imgtimeline" src="assets/img/2am.png" alt="..." />
             <h2>2AM</h2>
             <h6>7AM in London (GMT), 4PM in Tokyo (GMT+9)</h6>
-            <h4></h4>
+            <h4>VIDEOS: Human Atlas Methods</h4>
             <p></p>
           </div>
         </div>
@@ -321,7 +324,7 @@ <h4></h4>
             <img class="rounded-circle imgtimeline" src="assets/img/3am.png" alt="..." />
             <h2>3AM</h2>
             <h6>8AM in London (GMT), 5PM in Tokyo (GMT+9)</h6>
-            <h4></h4>
+            <h4>VIDEOS: Human Atlas Technologies</h4>
             <p></p>
           </div>
         </div>
@@ -330,7 +333,7 @@ <h4></h4>
             <img class="rounded-circle imgtimeline" src="assets/img/4am.png" alt="..." />
             <h2>4AM</h2>
             <h6>9AM in London (GMT), 6PM in Tokyo (GMT+9)</h6>
-            <h4>Video: Human Reference Atlas</h4>
+            <h4>VIDEOS: Human Atlas Tools</h4>
             <p><strong>Moderator:</strong> Andreas Bueckle, <em>Indiana University</em></p>
             <p><strong>Presenter:</strong> <em></em></p>
           </div>
@@ -340,7 +343,7 @@ <h4>Video: Human Reference Atlas</h4>
             <img class="rounded-circle imgtimeline" src="assets/img/5am.png" alt="..." />
             <h2>5AM</h2>
             <h6>10AM in London (GMT), 7PM in Tokyo (GMT+9)</h6>
-            <h4>Video: Human Reference Atlas Data</h4>
+            <h4>VIDEOS: Human Atlas Insights</h4>
             <p><strong>Moderator:</strong> Andreas Bueckle, <em>Indiana University</em></p>
           </div>
         </div>
@@ -349,7 +352,7 @@ <h4>Video: Human Reference Atlas Data</h4>
             <img class="rounded-circle imgtimeline" src="assets/img/6am.png" alt="..." />
             <h2>6AM</h2>
             <h6>11AM in London (GMT), 8PM in Tokyo (GMT+9)</h6>
-            <h4>Video: Human Reference Atlas People</h4>
+            <h4>Computational Cell Atlas Assembly</h4>
             <p><strong>Moderator:</strong> Andreas Bueckle, <em>Indiana University</em></p>
           </div>
         </div>
@@ -409,7 +412,7 @@ <h4>Panel: Ontologies and AI</h4>
             <img class="rounded-circle imgtimeline" src="assets/img/10am.png" alt="..." />
             <h2>10AM</h2>
             <h6>3PM in London (GMT), 12AM in Tokyo (GMT+9)</h6>
-            <h4>Panel: Industry</h4>
+            <h4>Novel Methods and Technologies</h4>
             <p></p>
           </div>
         </div>
@@ -418,7 +421,8 @@ <h4>Panel: Industry</h4>
             <img class="rounded-circle imgtimeline" src="assets/img/11am.png" alt="..." />
             <h2>11AM</h2>
             <h6>4PM in London (GMT), 1AM in Tokyo (GMT+9)</h6>
-            <h4>Panel: Infrastructure</h4>
+            <h4>FAIR & Scalable Infrastructures</h4>
+            <p><strong>Moderator:</strong> Katy Börner, <em>Indiana University</em></p>
             <p><strong>Presenters:</strong></p>
             <ul>
               <li>Deanne Taylor, <em>Children's Hospital of Philadelphia</em></li>
@@ -465,7 +469,7 @@ <h1 class="pt-5 pb-3" style="margin: auto; text-align: center">We would like to
             <strong>Melina Casadio, Nature and Alex Bannister, Abcam</strong> - for social media support.
           </li>
         </ul>
-        <br /><br />
+        <br />
         <p style="margin: auto; text-align: left; max-width: 700px">
           <em
             ><strong>
@@ -528,92 +532,12 @@ <h1 class="pt-5 pb-3" style="margin: auto; text-align: center">We would like to
         </div>
       </div>
     </div>
-    <!-- </div> -->
-    <!-- <footer>
-        <div class="footerleft">
-            <img src="assets/UI Assets/logo.svg">
-            <div class="footercopyright">
-                <a href="https://humanatlas.io/" target="_blank"><img src="assets/UI Assets/copyrightsymbol.svg"></a>
-                2024 CNS at Indiana University
-            </div>
-        </div>
-        <div class="footermiddle">
-            <div class="footerlogocenter">
-                <div class="footerlogos">
-                    <a href="https://twitter.com/cnscenter" target="_blank"><img
-                            src="assets/UI Assets/social media.svg"></a>
-                    <a href="https://www.facebook.com/cnscenter/" target="_blank"><img
-                            src="assets/UI Assets/social media-1.svg"></a>
-                    <a href="https://www.instagram.com/cns_at_iu/" target="_blank"><img
-                            src="assets/UI Assets/social media-2.svg"></a>
-                    <a href="https://www.youtube.com/@CNSCenter/" target="_blank"><img
-                            src="assets/UI Assets/social media-3.svg"></a>
-                    <a href="https://www.linkedin.com/company/cns-indiana-university-bloomington" target="_blank"><img
-                            src="assets/UI Assets/social media-4.svg"></a>
-                    <a href="https://twitter.com/cnscenter" target="_blank"><img
-                            src="assets/UI Assets/social media-5.svg"></a>
-                </div>
-                <div class="footerfounders">
-                    <p>Funded By:</p>
-                    <div class="founderlogos">
-                        <a href="https://www.nih.gov/" target="_blank"><img src="assets/UI Assets/icon_ funder.svg"></a>
-                        <a href="https://cifar.ca/" target="_blank"><img src="assets/UI Assets/icon_ funder-1.svg"></a>
-                        <a href="https://www.iu.edu/index.html" target="_blank"><img
-                                src="assets/UI Assets/icon_ funder-2.svg"></a>
-                    </div>
-                </div>
-            </div>
-            <p class="medicaldisclaimer">Medical Disclaimer: This resource is intended for research purposes only. It
-                should not be used for
-                emergencies or medical or professional advice. </p>
-        </div>
-    </footer> -->
+
     <!-- Bootstrap core JS-->
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
     <!-- Core theme JS-->
     <script src="js/scripts.js"></script>
     <script src="js/particles.js"></script>
     <script src="js/app.js"></script>
-    <script>
-      var myIndex = 0;
-      carousel();
-
-      function carousel() {
-        var i;
-        var x = document.getElementsByClassName('mySlides');
-        var y = document.getElementsByClassName('mySlides2');
-        var z = document.getElementsByClassName('mySlides3');
-        var a = document.getElementsByClassName('mySlides4');
-        var b = document.getElementsByClassName('mySlides5');
-        var c = document.getElementsByClassName('mySlides6');
-        var d = document.getElementsByClassName('mySlides7');
-        var e = document.getElementsByClassName('mySlides8');
-
-        for (i = 0; i < x.length; i++) {
-          x[i].style.opacity = 0;
-          y[i].style.opacity = 0;
-          z[i].style.opacity = 0;
-          a[i].style.opacity = 0;
-          b[i].style.opacity = 0;
-          c[i].style.opacity = 0;
-          d[i].style.opacity = 0;
-          e[i].style.opacity = 0;
-        }
-        myIndex++;
-        if (myIndex > x.length) {
-          myIndex = 1;
-        }
-        x[myIndex - 1].style.opacity = 1;
-        y[myIndex - 1].style.opacity = 1;
-        z[myIndex - 1].style.opacity = 1;
-        a[myIndex - 1].style.opacity = 1;
-        b[myIndex - 1].style.opacity = 1;
-        c[myIndex - 1].style.opacity = 1;
-        d[myIndex - 1].style.opacity = 1;
-        e[myIndex - 1].style.opacity = 1;
-
-        setTimeout(carousel, 3000); // Change image every 3 seconds
-      }
-    </script>
   </body>
 </html>