modifications to login page

eternity/images/logo.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 60" role="img" aria-label="Eternity Project">
+  <circle cx="30" cy="30" r="22" fill="none" stroke="#11212b" stroke-width="2"/>
+  <circle cx="21" cy="21" r="3" fill="#ff6b35"/>
+  <circle cx="38" cy="26" r="2" fill="#11212b"/>
+  <circle cx="26" cy="40" r="2.5" fill="#ff6b35"/>
+  <line x1="21" y1="21" x2="38" y2="26" stroke="#11212b" stroke-width="1"/>
+  <line x1="21" y1="21" x2="26" y2="40" stroke="#11212b" stroke-width="1"/>
+  <text x="66" y="30" font-family="'Space Grotesk','Helvetica Neue',sans-serif" font-size="24" font-weight="700" letter-spacing="1" fill="#11212b">ETERNITY</text>
+  <text x="67" y="46" font-family="'DM Mono','Courier New',monospace" font-size="11" letter-spacing="2" fill="#59706b">PROJECT / FI</text>
+</svg>

eternity/styles/styles.css

@@ -71,7 +71,6 @@ body .link:hover,
   color: var(--orange);
 }
 
-#logo,
 #layout > .header,
 #layout-sidebar .header,
 #layout-list .header,
@@ -80,11 +79,10 @@ body .link:hover,
 }
 
 #logo {
-  max-height: 100px;
+  max-height: 60px;
-  max-width: 100%;
+  max-width: 260px;
-  font-family: var(--font-family-monospace);
+  width: auto;
-  font-weight: 500;
+  height: auto;
-  letter-spacing: 1px;
 }
 
 /* Guard the login layout in case the parent Elastic stylesheet did not load
@@ -105,7 +103,8 @@ body.task-login #logo {
   display: inline-block;
   position: relative;
   top: 16vh;
-  max-height: 100px;
+  max-height: 60px;
+  max-width: 260px;
 }
 
 #login-form {