change name to eede + new images

css/logo.css

@@ -0,0 +1,22 @@
+.logo-letter {
+  font-style: italic;
+  font-size: 45px;
+  font-family: serif;
+}
+
+.e1 {
+  color: #6e84f8;
+}
+
+.e2 {
+  color: #2b3fa4;
+}
+
+.d {
+  color: #653668;
+}
+
+.e3 {
+  color: #9e2c2c;
+  font-size: 50px;
+}

index.html

@@ -8,7 +8,7 @@
   <link rel="icon" type="image/x-icon" href="./favicon.ico">
 
   <link rel="stylesheet" href="css/main.css">
-  <link rel="stylesheet" href="css/dmx-logo.css">
+  <link rel="stylesheet" href="css/logo.css">
   <link rel="stylesheet" href="css/canvas.css">
   <link rel="stylesheet" href="css/modal.css">
   <link rel="stylesheet" href="css/toggle.css">
@@ -23,7 +23,8 @@
     <div class="modal-content">
 
       <p>Welcome to <span id="logo">
-          <span class="logo-d">d</span><span class="logo-m">m</span><span class="logo-x">X</span>
+          <span class="logo-letter e1">e</span><span class="logo-letter e2">e</span><span
+            class="logo-letter d">d</span><span class="logo-letter e3">E</span>
         </span></p>
 
       <div id="input-message">
@@ -92,22 +93,23 @@
   <div id="information-modal">
     <img id="close-information" src="img/close.svg" alt="Close" width="35" height="35" />
     <div class="info-modal-content">
-      <span class="logo-d">d</span><span class="logo-m">m</span><span class="logo-x">X</span>
-      <p>Welcome to dmX, an Event Data Explorer for EDM4hep. Learn more about dmX on the <a
-          href="https://github.com/key4hep/dmx/wiki" target="_blank" rel="noopener noreferrer">wiki</a>.
+      <span class="logo-letter e1">e</span><span class="logo-letter e2">e</span><span
+        class="logo-letter d">d</span><span class="logo-letter e3">E</span>
+      <p>Welcome to eede, an EDM4hep Event Data Explorer. Learn more about eede on the <a
+          href="https://github.com/key4hep/eede/wiki" target="_blank" rel="noopener noreferrer">wiki</a>.
         Want to learn more about EDM4hep? Check out the <a href="https://edm4hep.web.cern.ch" target="_blank"
           rel="noopener noreferrer">EDM4hep</a> website.
       </p>
       <p>
-        Found a bug or have a feature request? Open a new <a href="https://github.com/key4hep/dmx/issues"
+        Found a bug or have a feature request? Open a new <a href="https://github.com/key4hep/eede/issues"
           target="_blank" rel="noopener noreferrer">issue</a>.
       </p>
       <p>Contact:</p>
       <ul>
         <li class="contact-element">Juraj Smiesko:
           <address class="email">
             <a href="mailto:[email protected]">
-              <img src="img/juraj-email.png" alt="juraj-email" height="21px" />
+              <img src="img/juraj-email.webp" alt="juraj-email" height="21px" />
             </a>
           </address>
           <button class="copy-email-button" data-email="[email protected]">
@@ -120,7 +122,7 @@
         <li class="contact-element">Thomas Madlener:
           <address class="email">
             <a href="mailto:[email protected]">
-              <img src="img/thomas-email.png" alt="thomas-email" height="21px" />
+              <img src="img/thomas-email.webp" alt="thomas-email" height="21px" />
             </a>
           </address>
           <button class="copy-email-button" data-email="[email protected]">
@@ -132,7 +134,7 @@
         <li class="contact-element">Braulio Rivas:
           <address class="email">
             <a href="mailto:[email protected]">
-              <img src="img/braulio-email.png" alt="braulio-email" height="21px" />
+              <img src="img/braulio-email.webp" alt="braulio-email" height="21px" />
             </a>
           </address>
           <button class="copy-email-button" data-email="[email protected]">