Merge pull request #224 from Dot3xe/ecu_title_beautify

Ecu title beautify
rusefi · May 27, 2024 · 2d9e116 · 2d9e116
2 parents a4fa258 + ffe8000
commit 2d9e116
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 18 deletions.
diff --git a/www/css/custom.css b/www/css/custom.css
@@ -300,7 +300,7 @@ html {
     background-position: center;
   }
 
-  .ua-left {
+.ua-left {
     position: relative;
     width: 50%;
     height: 100%;
@@ -309,18 +309,20 @@ html {
     display: table-cell;
     display: none;
     vertical-align: middle;
-  }
-
-  .ua-right {
-    position: relative;
-    width: 50%;
-    height: 100%;
     background-color: #252a2b;
-    z-index: 1;
     color: #ffffff;
-    display: table-cell;
-    vertical-align: middle;
-  }
+
+}
+.ua-right {
+  position: relative;
+  width: 50%;
+  height: 100%;
+
+  z-index: 1;
+  display: table-cell;
+  vertical-align: middle;
+}
+
 
   .ua-content {
     padding: 20%;
@@ -393,6 +395,24 @@ html {
     animation: 1s blink step-end infinite;
   }
 
+  .title-orange-background {
+  background-color: #F15A24;
+  font-family: 'Work Sans', sans-serif;    /* text-shadow: 0px 3px, 3px 0px,3px 3px; */
+  font-size: 8rem;
+  color: #252a2b;
+  }
+
+  .blinking-orange-background {
+    /* font-weight: 1300; */
+    /* font-size: 2rem; */
+    font-size: 10rem;
+    background-color: #F15A24;
+    -webkit-animation: 1s blink step-end infinite;
+    -moz-animation: 1s blink step-end infinite;
+    -ms-animation: 1s blink step-end infinite;
+    -o-animation: 1s blink step-end infinite;
+    animation: 1s blink step-end infinite;
+  }
   @keyframes "blink" {
     from, to {
       color: transparent;

diff --git a/www/index.html b/www/index.html
@@ -292,13 +292,8 @@ <h6 class="docs-header">Intro</h6>
   <div class="ua" id="uaefi">
     <div class="ua-left">
       <div class="ua-content">
-        <img src="images/site/ua_ecu.png" width="100%">
-      </div>
-    </div>
-    <div class="ua-right">
-      <div class="ua-content">
-        <h6 class="docs-header">uaEFI</h6>
-        <img src="images/site/ua_logo.png" width="50%">
+        <h6 class="docs-header">UAEFI</h6>
+        <h1 class="title-orange-background"><span class="blinking-orange-background">|</span>UAEFI</h1>
         <br><br>
         <p>uaEFI is a small & cheap Engine Management System board designed for fully sequential Fuel/Igniton on
           six cylinder applications.<br>
@@ -332,6 +327,11 @@ <h6 class="docs-header">uaEFI</h6>
           Manual</a>
       </div>
     </div>
+    <div class="ua-right">
+      <div class="ua-content">
+        <img src="images/site/ua_ecu.png" width="100%">
+      </div>
+    </div>
   </div>
 
 <div class="mre" id="microRusEFI">