Update index.html

CU-ESIIL · Jun 21, 2024 · 2599c04 · 2599c04
1 parent aa2e4a9
commit 2599c04
Showing 1 changed file with 56 additions and 12 deletions.
diff --git 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>