From 2599c0487200d0bf9394259a33699be880961710 Mon Sep 17 00:00:00 2001
From: Ty Tuff <ty.tuff@colorado.edu>
Date: Fri, 21 Jun 2024 16:08:39 -0600
Subject: [PATCH] Update index.html

---
 index.html | 68 ++++++++++++++++++++++++++++++++++++++++++++----------
 1 file changed, 56 insertions(+), 12 deletions(-)
diff --git a/index.html b/index.html
index f7f808f..0d1c95f 100644
--- a/index.html
+++ b/index.html
@@ -1,23 +1,65 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <title>My Awesome Presentation</title>
+    <title>ESIIL Working Group Orientation</title>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
     <style type="text/css">
-      @import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
-      @import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
-      @import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic);
-
-      body { font-family: 'Droid Serif'; }
-      h1, h2, h3 {
+      @import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz');
+      @import url('https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic');
+      @import url('https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic');
+
+      body {
+        font-family: 'Droid Serif';
+        margin: 0;
+        padding: 0;
+        display: flex;
+        flex-direction: column;
+        height: 100vh;
+      }
+      header {
+        display: flex;
+        align-items: center;
+        padding: 10px;
+        background: white;
+        border-bottom: 2px solid cornflowerblue;
+      }
+      header img {
+        height: 50px;
+        margin-right: 10px;
+      }
+      header h1 {
+        font-family: 'Yanone Kaffeesatz';
+        font-weight: normal;
+        font-size: 24px;
+        margin: 0;
+      }
+      .content {
+        flex: 1;
+        padding: 20px;
+      }
+      footer {
+        background-color: cornflowerblue;
+        color: white;
+        text-align: center;
+        padding: 10px;
+      }
+      .remark-slide-content h1, .remark-slide-content h2, .remark-slide-content h3 {
         font-family: 'Yanone Kaffeesatz';
         font-weight: normal;
       }
-      .remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; }
+      .remark-code, .remark-inline-code {
+        font-family: 'Ubuntu Mono';
+      }
     </style>
   </head>
   <body>
-    <textarea id="source">
+    <header>
+      <img src="https://via.placeholder.com/150" alt="Logo">
+      <h1>ESIIL Working Group Orientation</h1>
+    </header>
+    <div class="content">
+      <textarea id="source">
+
 
 class: center, middle
 
@@ -198,11 +240,13 @@
   </div>
 </div>
 
-    </textarea>
-    <script src="https://remarkjs.com/downloads/remark-latest.min.js" type="text/javascript">
-    </script>
+   </textarea>
+    <script src="https://remarkjs.com/downloads/remark-latest.min.js" type="text/javascript"></script>
     <script type="text/javascript">
       var slideshow = remark.create();
     </script>
+    <footer>
+      © 2023 ESIIL
+    </footer>
   </body>
 </html>
