Academia Card Carousel

Added first implementation of card carousel on academia page.

Buttons functional, needs swipe function and card dots to be added

academia_page/academia.html

@@ -222,10 +222,11 @@ <h3> Preprints (In Review) </h3>
             <li> <!-- Toponogov Globalization -->
               <b> A Toponogov globalisation result for Lorentzian length spaces </b> (2023)
               <p class="small-para">
-                <em> with Tobias Beran, John Harvey, and Felix Rott <br> <span class="redColor"> doi: TBC</span> </em>
+                <em> with Tobias Beran, John Harvey, and Felix Rott <br> doi: arxiv.2309.12733
+                </em>
               </p>
 
-              <a href="../404.html" target="_blank" rel="noopener noreferrer"
+              <a href="https://arxiv.org/abs/2309.12733" target="_blank" rel="noopener noreferrer"
                 class="external-link external-link-list-item under-overlay">
                 ArXiv</a>
               |
@@ -362,7 +363,136 @@ <h3> Reports (unpublished) </h3>
 
         <article> <!-- News Section-->
           <h2> News and Events </h2>
-          <p class="redColor"> Section TBC &mdash; Summer Schools, Conferences, and Workshops attended. </p>
+
+          <div class="card-carousel">
+            <div class="slider-container">
+              <div class="cards" id="cards">
+
+                <div class="card" id="oxford-card" data-index="0" data-status="activeMiddle">
+                  <div>
+                    <div class="card-title">
+                      <h3 class="card-name">Summer School on Machine Learning in Mathematical
+                        Physics
+                      </h3>
+                      <p class="card-date"> University of Oxford, UK <br> 17-21 July 2023 </p>
+
+                      <p class="card-details">
+                        Lewis Napper visited the University of Oxford's physics department to
+                        attend an intensive summer school on Machine Learning in Mathematics and
+                        Theoretical Physics, covering topics
+                        such as transformer architecture, reinforcement learning, and quantum
+                        annealing, as well as their
+                        application in knot theory, string theory, and differential geometry.
+                        <br> <br>
+                        <a href="https://mlinmathsandphysics2023.web.ox.ac.uk/home" target="_blank"
+                          rel="noopener noreferrer" class="external-link external-link-list-item under-overlay">
+                          Event Page</a>
+                        |
+                        <a href="https://blogs.surrey.ac.uk/mathsresearch/2023/07/19/lewis-napper-attends-summer-school-on-machine-learning-in-physics-at-oxford-university/"
+                          target="_blank" rel="noopener noreferrer"
+                          class="external-link external-link-list-item under-overlay">
+                          UoS Blog</a>
+                      </p>
+                    </div>
+                  </div>
+                </div>
+
+                <div class="card" id="wildberg-card" data-index="1" data-status="activeRight">
+                  <div>
+                    <div class="card-title">
+                      <h3 class="card-name">Interdisciplinary Junior Scientist Workshop on
+                        Mathmatical General Relativity
+                      </h3>
+                      <p class="card-date">Wildberg, Germany <br> 26 February - 10 March 2023 </p>
+
+                      <p class="card-details">
+                        Lewis Napper visited Haus Saron in Wildberg, Germany to attend a two
+                        week Junior Scientist Workshop on General Relativity, organised by the
+                        Universities of Potsdam and Tübingen. He spoke about "Globalisation of
+                        timelike curvature bounds in Lorentzian length
+                        spaces" on day two of the event (see <a href="academia.html#academicPresentations"
+                          class="under-overlay">Presentations</a>).
+                        <br> <br>
+                        <a href="https://www.math.uni-potsdam.de/grworkshop" target="_blank" rel="noopener noreferrer"
+                          class="external-link external-link-list-item under-overlay">
+                          Event Page</a>
+                        |
+                        <a href="https://blogs.surrey.ac.uk/mathsresearch/2023/03/12/lewis-napper-speaks-at-two-week-workshop-on-mathematical-general-relativity-in-germany/"
+                          target="_blank" rel="noopener noreferrer"
+                          class="external-link external-link-list-item under-overlay">
+                          UoS Blog</a>
+                      </p>
+                    </div>
+                  </div>
+                </div>
+
+                <div class="card" id="confirmation-card" data-index="2" data-status="inactive">
+                  <div>
+                    <div class="card-title">
+                      <h3 class="card-name">PhD Confirmation Viva
+                      </h3>
+                      <p class="card-date">University of Surrey <br> 17 January 2023 </p>
+
+                      <p class="card-details">
+                        Lewis Napper passed his PhD Confirmation Viva! His project was titled
+                        "Monge&ndash;Ampère geometry and the topology of vortices" and was
+                        supervised by Martin Wolf and Ian Roulstone. The examiners were Jan
+                        Gutowski and Paul Skerritt. Now onwards to the rest of the PhD!
+                        <br> <br>
+                        <a href="https://blogs.surrey.ac.uk/mathsresearch/2023/01/29/lewis-napper-passes-phd-confirmation-examination/"
+                          target="_blank" rel="noopener noreferrer"
+                          class="external-link external-link-list-item under-overlay">
+                          UoS Blog</a>
+                      </p>
+                    </div>
+                  </div>
+                </div>
+
+                <div class="card" id="fields-card" data-index="3" data-status="activeLeft">
+                  <div>
+                    <div class="card-title">
+                      <h3 class="card-name">Workshop on Mathematical Relativity, Scalar Curvature,
+                        and Synthetic Lorentzian Geometry
+                      </h3>
+                      <p class="card-date">Fields Institute, Canada <br> 3-7 October 2022
+                      </p>
+
+                      <p class="card-details">
+                        Lewis Napper visited the Fields Institute in Toronto, Canada to
+                        participate in their Workshop on Mathematical Relativity, Scalar
+                        Curvature, and Synthetic Lorentzian Geometry, as part of a thematic
+                        programme on Non-smooth Riemannian and Lorentzian Geometry. Topics
+                        included optimal transport, causal sets, and Lorentzian length spaces.
+                        <br> <br>
+                        <a href="http://www.fields.utoronto.ca/activities/22-23/nonsmooth-relativity" target="_blank"
+                          rel="noopener noreferrer" class="external-link external-link-list-item under-overlay">
+                          Event Page</a>
+                        |
+                        <a href="https://blogs.surrey.ac.uk/mathsresearch/2022/10/02/roberto-donofrio-and-lewis-napper-attend-geometry-programme-at-the-fields-institute-in-canada/"
+                          target="_blank" rel="noopener noreferrer"
+                          class="external-link external-link-list-item under-overlay">
+                          UoS Blog</a>
+                      </p>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <div class=" slider-navigation">
+                <button class="slider-button slider-button-left under-overlay" type="button" id="carousel-left-button"
+                  aria-controls="cards" onclick="handleSliderLeft()" aria-label="previous card in carousel">
+                  <i class="icon-angle-left slider-angle slider-angle-left" alt="Previous Event"></i>
+                </button>
+                <div class="slider-navigation-padding"></div>
+                <button class="slider-button slider-button-right under-overlay" type="button" id="carousel-right-button"
+                  aria-controls="cards" onclick="handleSliderRight()" aria-label="next card in carousel">
+                  <i class="icon-angle-right slider-angle slider-angle-right" alt="Next Event"></i>
+                </button>
+              </div>
+            </div>
+          </div>
+
+          <div class="slider-under-padding"></div>
         </article>
 
         <div class="section-break" id="academicPresentations">