Website updates (#1982)

* Auto-generated configs and docs * Auto-generated configs and docs * Auto-generated configs and docs * Auto-generated configs and docs * daily builds added * website improvements * more website updates Co-authored-by: GitHub build-firmware Action <action@github.com>
2020-11-23 01:09:04 +00:00 · 2020-11-23 01:09:04 +00:00 · 4f7ff102f2
parent 9961b8efeb
commit 4f7ff102f2
5 changed files with 154 additions and 92 deletions
--- a/misc/www/css/custom.css
+++ b/misc/www/css/custom.css
@ -1,7 +1,12 @@
 .container {
    max-width: 800px; }
  .header {
-    margin-top: 6rem;
+    /* margin-top: 6rem; */
+    background-image: linear-gradient( 180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.25) 100%),url('../images/site/bg.jpg');
+    background-attachment:fixed;
+    /* background-size: cover; */
+    background-size: 100%;
+    padding-top: 6rem;
    text-align: center; }
  .value-prop {
    margin-top: 1rem; }
@ -14,7 +19,7 @@
    letter-spacing: .2rem;
    font-weight: 600; }
  .docs-section {
-    border-top: 1px solid #eee;
+    /* border-top: 1px solid #eee; */
    padding: 4rem 0;
    margin-bottom: 0;}
  .value-img {
@ -68,7 +73,7 @@
    position: relative;
    overflow: hidden;
    border-radius: 6px;
-    border: 1px solid #eee;
+    /* border: 1px solid #eee; */
    height: 250px; }
  .example-screenshot {
    width: 100%;
@ -97,7 +102,8 @@
  /* Larger than phone */
  @media (min-width: 550px) {
    .header {
-      margin-top: 18rem; }
+      /* margin-top: 18rem;  */
+      padding-top: 18rem;}
    .value-props {
      margin-top: 9rem;
      margin-bottom: 7rem; }
@ -131,8 +137,9 @@
      height: 5.5rem;
      background: #fff;
      z-index: 99;
-      border-top: 1px solid #eee;
-      border-bottom: 1px solid #eee; }
+      /* border-top: 1px solid #eee;
+      border-bottom: 1px solid #eee; */
+     }
    .navbar-spacer {
      display: none; }
    .navbar > .container {
@ -168,6 +175,7 @@
    /* Popover */
    .popover.open {
      display: block;
+      white-space: nowrap;
    }
    .popover {
      display: none;
@ -175,7 +183,7 @@
      top: 0;
      left: 0;
      background: #fff;
-      border: 1px solid #eee;
+      /* border: 1px solid #eee; */
      border-radius: 4px;
      top: 92%;
      left: -25%;
@ -228,8 +236,30 @@
      border-bottom-width: 0; }
    .popover-link:hover {
      color: #fff;
-      background: #e45d1f; }
+      background: #f15a24; }
    .popover-link:hover,
    .popover-item:first-child .popover-link:hover:after {
-      border-bottom-color: #e45d1f; }
+      border-bottom-color: #f15a24; }
+  }
+
+
+  .title,
+  .value-props {
+    color: rgb(230, 230, 230);
+  }
+
+  #intro,
+  #shop {
+    background-color: rgb(250, 250, 250);
+  }
+
+  .dl-link {
+    margin-left: 25rem;  }
+
+  td.oddrow {
+    background-color: rgb(230, 230, 230);
+  }
+
+  td.evenrow {
+    background-color: #91919100;
  }
--- a/misc/www/css/skeleton.css
+++ b/misc/www/css/skeleton.css
@ -160,7 +160,7 @@ p {
 a {
  color: #db6a1e; }
 a:hover {
-  color: #ce4c0f; }
+  color: #f15a24; }


 /* Buttons
@ -324,7 +324,7 @@ pre > code {
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 th,
 td {
-  padding: 12px 15px;
+  padding: 0px 0px 0px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
 th:first-child,
--- a/misc/www/images/site/bg.jpg
+++ b/misc/www/images/site/bg.jpg
--- a/misc/www/images/site/logo_wht.png
+++ b/misc/www/images/site/logo_wht.png
--- a/misc/www/index.html
+++ b/misc/www/index.html
@ -10,17 +10,17 @@
  <meta name="description" content="">
  <meta name="author" content="">

-<script src="/fb.js"></script>
+  <script src="/fb.js"></script>

-<!-- Global site tag (gtag.js) - Google Analytics -->
-<script async src="https://www.googletagmanager.com/gtag/js?id=UA-43478022-1"></script>
-<script>
-  window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
+  <!-- Global site tag (gtag.js) - Google Analytics -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-43478022-1"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag() { dataLayer.push(arguments); }
+    gtag('js', new Date());

-  gtag('config', 'UA-43478022-1');
-</script>
+    gtag('config', 'UA-43478022-1');
+  </script>

  <!-- Mobile Specific Metas
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
@ -51,18 +51,19 @@

 <body class="code-snippets-visible">

-  <div class="container">
-    <section class="header">
-      <img src="images/site/logo.png" width="80%">
+  <!-- <div class="container"> -->
+  <div class="header">
+    <div class="container">
+      <img src="images/site/logo_wht.png" width="70%">
      <h4 class="title">A GPL open source Engine Management System</h4>
      <a class="github-button" href="https://github.com/rusefi" data-size="large"
        aria-label="Follow @rusefi on GitHub">Follow @rusefi</a>
      <a class="github-button" href="https://github.com/rusefi/rusefi/subscription" data-icon="octicon-eye"
        data-size="large" data-show-count="true" aria-label="Watch rusefi/rusefi on GitHub">Watch</a>
      <!-- <a class="button" href="https://rusefi.com" onClick="_gaq.push(['_trackEvent', 'skeleton', 'download'])">Getting
-        started</a> -->
+            started</a> -->
      <div class="value-props row">
-        <div class="four columns value-prop">
+        <!-- <div class="four columns value-prop">
          <i class="fa fa-bar-chart fa-4x" aria-hidden="true"></i> <br>
          32bit MCU
        </div>
@ -73,23 +74,23 @@
        <div class="four columns value-prop">
          <i class="fa fa-clock-o fa-4x" aria-hidden="true"></i> <br>
          Quick to start with prebuilt boards
-        </div>
+        </div> -->
      </div>
-    </section>
+    </div>
+  </div>

-    <div class="navbar-spacer"></div>
-    <nav class="navbar">
-      <div class="container">
-        <ul class="navbar-list">
-          <li class="navbar-item"><a class="navbar-link" href="index.html#intro">Intro</a></li>
-          <li class="navbar-item">
-            <a class="navbar-link" href="#" data-popover="#codeNavPopover">Hardware</a>
-            <div id="codeNavPopover" class="popover">
-              <ul class="popover-list">
-                <li class="popover-item">
-                  <a class="popover-link" href="index.html#microrusefi">microRusEFI</a>
-                  <!-- </li> -->
-                  <!-- <li class="popover-item">
+  <nav class="navbar">
+    <div class="container">
+      <ul class="navbar-list">
+        <li class="navbar-item"><a class="navbar-link" href="index.html#intro">Intro</a></li>
+        <li class="navbar-item">
+          <a class="navbar-link" href="#" data-popover="#hardwareNavPopover">Hardware</a>
+          <div id="hardwareNavPopover" class="popover">
+            <ul class="popover-list">
+              <li class="popover-item">
+                <a class="popover-link" href="index.html#microrusefi">microRusEFI</a>
+                <!-- </li> -->
+                <!-- <li class="popover-item">
                  <a class="popover-link" href="index.html#proteus">Proteus</a>
                </li>
                <li class="popover-item">
@ -104,23 +105,42 @@
                <li class="popover-item">
                  <a class="popover-link" href="#code">Prometheus</a>
                </li> -->
-              </ul>
-            </div>
-          </li>
-          <li class="navbar-item"><a class="navbar-link" href="index.html#shop">Shop</a></li>
-          <li class="navbar-item"><a class="navbar-link" href="index.html#links">Links</a></li>
-          <li class="navbar-item"><a class="navbar-link" href="https://github.com/rusefi/rusefi/wiki/Download">Download</a></li>
-        </ul>
-      </div>
-    </nav>
+            </ul>
+          </div>
+        </li>
+        <li class="navbar-item"><a class="navbar-link" href="index.html#shop">Shop</a></li>
+        <li class="navbar-item">
+          <a class="navbar-link" href="#" data-popover="#linksNavPopover">Links</a>
+          <div id="linksNavPopover" class="popover">
+            <ul class="popover-list">
+              <li class="popover-item">
+                <a class="popover-link" href="http://www.rusefi.com/online">rusEFI online</a>
+              </li>
+              <li class="popover-item">
+                <a class="popover-link" href="http://www.rusefi.com/forum">Forum</a>
+              </li>
+            </ul>
+          </div>
+        </li>
+        <li class="navbar-item dl-link"><a class="navbar-link"
+            href="https://github.com/rusefi/rusefi/wiki/Download">Download</a></li>
+      </ul>
+    </div>
+  </nav>

-    <!-- Why use Skeleton -->
-    <div class="docs-section" id="intro">
+  <!-- Intro -->
+  <div class="docs-section" id="intro">
+    <div class="container">
      <h6 class="docs-header">Intro</h6>
      <p>Modern 32 bit chips are a game changer for Do-It-Yourself Engine Management</p>
      <p>rusEFI is the next generation of open source, DIY automotive engine management. With the availability of cheap
        yet extremely powerful micro-controllers, we can make a very simple and powerful engine management system
        possible!</p>
+      rusEFI is designed around the STM32 series, utilizing high performance floating point MCUs running a Real-Time
+      Operating System.
+      This ensures high performance and a very stable and dependable product. <br>
+      The currently supported features are:
+      <br><br>
      <table class="u-half-width">
        <thead>
          <tr>
@ -130,56 +150,56 @@
        </thead>
        <tbody>
          <tr>
-            <td>Batch injection</td>
-            <td><i class="fa fa-check-circle-o fa-2x" aria-hidden="true"></i></td>
+            <td class='oddrow'>Batch injection</td>
+            <td class='oddrow'><i class="fa fa-check-circle-o fa-2x" aria-hidden="true"></i></td>
          </tr>
          <tr>
-            <td>Sequential Injection up to 12 cylinders</td>
-            <td><i class="fa fa-check-circle-o fa-2x" aria-hidden="true"></i></td>
+            <td class='evenrow'>Sequential Injection up to 12 cylinders</td>
+            <td class='evenrow'><i class="fa fa-check-circle-o fa-2x" aria-hidden="true"></i></td>
          </tr>
          <tr>
-            <td>Sequential Ignition up to 12 cylinders</td>
-            <td><i class="fa fa-check-circle-o fa-2x" aria-hidden="true"></i></td>
+            <td class='oddrow'>Sequential Ignition up to 12 cylinders</td>
+            <td class='oddrow'><i class="fa fa-check-circle-o fa-2x" aria-hidden="true"></i></td>
          </tr>
          <tr>
-            <td>Wasted Ignition</td>
-            <td><i class="fa fa-check-circle-o fa-2x" aria-hidden="true"></i></td>
+            <td class='evenrow'>Wasted Ignition</td>
+            <td class='evenrow'><i class="fa fa-check-circle-o fa-2x" aria-hidden="true"></i></td>
          </tr>
          <tr>
-            <td>Direct Injection</td>
-            <td><i class="fa fa-circle-o fa-2x" aria-hidden="true"></i></td>
+            <td class='oddrow'>Direct Injection</td>
+            <td class='oddrow'><i class="fa fa-circle-o fa-2x" aria-hidden="true"></i></td>
          </tr>
          <tr>
-            <td>Rotary Engines</td>
-            <td><i class="fa fa-times fa-2x" aria-hidden="true"></i></td>
+            <td class='evenrow'>Rotary Engines</td>
+            <td class='evenrow'><i class="fa fa-times fa-2x" aria-hidden="true"></i></td>
          </tr>
          <tr>
-            <td>Closed Loop Fueling</td>
-            <td><i class="fa fa-check-circle-o fa-2x" aria-hidden="true"></i></td>
+            <td class='oddrow'>Closed Loop Fueling</td>
+            <td class='oddrow'><i class="fa fa-check-circle-o fa-2x" aria-hidden="true"></i></td>
          </tr>
          <tr>
-            <td>Electronic Throttle Body</td>
-            <td><i class="fa fa-check-circle-o fa-2x" aria-hidden="true"></i></td>
+            <td class='evenrow'>Electronic Throttle Body</td>
+            <td class='evenrow'><i class="fa fa-check-circle-o fa-2x" aria-hidden="true"></i></td>
          </tr>
          <tr>
-            <td>Knock Sensing</td>
-            <td><i class="fa fa-circle-o fa-2x" aria-hidden="true"></i></td>
+            <td class='oddrow'>Knock Sensing</td>
+            <td class='oddrow'><i class="fa fa-circle-o fa-2x" aria-hidden="true"></i></td>
          </tr>
          <tr>
-            <td>Boost Control</td>
-            <td><i class="fa fa-circle-o fa-2x" aria-hidden="true"></i></td>
+            <td class='evenrow'>Boost Control</td>
+            <td class='evenrow'><i class="fa fa-circle-o fa-2x" aria-hidden="true"></i></td>
          </tr>
          <tr>
-            <td>Launch Control</td>
-            <td><i class="fa fa-times fa-2x" aria-hidden="true"></i></td>
+            <td class='oddrow'>Launch Control</td>
+            <td class='oddrow'><i class="fa fa-times fa-2x" aria-hidden="true"></i></td>
          </tr>
          <tr>
-            <td>Flat Shifting</td>
-            <td><i class="fa fa-times fa-2x" aria-hidden="true"></i></td>
+            <td class='evenrow'>Flat Shifting</td>
+            <td class='evenrow'><i class="fa fa-times fa-2x" aria-hidden="true"></i></td>
          </tr>
          <tr>
-            <td>Automatic Transmission Control</td>
-            <td><i class="fa fa-circle-o fa-2x" aria-hidden="true"></i></td>
+            <td class='oddrow'>Automatic Transmission Control</td>
+            <td class='oddrow'><i class="fa fa-circle-o fa-2x" aria-hidden="true"></i></td>
          </tr>
          <tr>
            <td>Acceleration enrichment - wall wetting/fuel trip/tau factor</td>
@ -195,11 +215,12 @@
        <i class="fa fa-times" aria-hidden="true"></i> Currently not supported
      </div>
      </p>
-
    </div>
+  </div>

-    <!-- Grid -->
-    <div class="docs-section" id="microrusefi">
+  <!-- Microrusefi -->
+  <div class="docs-section" id="microrusefi">
+    <div class="container">
      <h6 class="docs-header">microRusEFI</h6>
      <img src="images/site/rusefi_mreheader.png" width="100%">
      <p>microRusEFI is a small & cheap Engine Management System board designed for fully sequential 1, 2, 3 and 4
@ -230,8 +251,11 @@
      </ul>
      <a class="button button-primary" href="https://www.ebay.com/itm/333532119947">Get microRusEFI hardware</a>
    </div>
+  </div>

-    <div class="docs-section" id="shop">
+  <!-- Shop -->
+  <div class="docs-section" id="shop">
+    <div class="container">
      <h6 class="docs-header">Shop</h6>
      <p>The following rusEFI hardware is currently available on eBay:</p>
      <div class="docs-example">
@ -321,9 +345,9 @@
            </tr>
            <tr>
              <td><img src="images/site/134_board_with_connector.jpg" width="250px" alt=""></td>
-              <td>134 pin connector<br/>134 pin breakout</td>
+              <td>134 pin connector<br />134 pin breakout</td>
              <td><a class="button button-primary" href="https://www.ebay.com/itm/333779143374">Get it on eBay</a><br>
-               <a class="button button-primary" href="https://www.ebay.com/itm/333534819202">Get it on eBay</a> <br>
+                <a class="button button-primary" href="https://www.ebay.com/itm/333534819202">Get it on eBay</a> <br>
              </td>
            </tr>
            <tr>
@ -337,9 +361,11 @@
        </table>
      </div>
    </div>
+  </div>

-    <!-- Links -->
-    <div class="docs-section examples" id="links">
+  <!-- Links -->
+  <div class="docs-section examples" id="links">
+    <div class="container">
      <h6 class="docs-header">Links</h6>
      <div class="row example">
        <a class="example-screenshot-wrapper" target="_blank">
@ -364,17 +390,23 @@
        </div>
      </div>
      <br>
-      
-    </div>
-    <div class="footer">
-      <a href="https://www.facebook.com/rusEfiECU/"><i class="fa fa-facebook fa-2x" aria-hidden="true"></i></a>
-      <a href="https://www.youtube.com/user/rusefi"><i class="fa fa-youtube-play fa-2x" aria-hidden="true"></i></a>
-      <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=arro239%40gmail%2ecom&lc=US&item_name=rusEfi&currency_code=USD&bn=PP%2dDonationsBF%3abtn_donateCC_LG%2egif%3aNonHosted">        <i class="fa fa-paypal fa-2x" aria-hidden="true"></i>
-      </a>
    </div>

  </div>

+  <div class="footer">
+    <div class="container">
+      <a href="https://www.facebook.com/rusEfiECU/"><i class="fa fa-facebook fa-2x" aria-hidden="true"></i></a>
+      <a href="https://www.youtube.com/user/rusefi"><i class="fa fa-youtube-play fa-2x" aria-hidden="true"></i></a>
+      <a
+        href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=arro239%40gmail%2ecom&lc=US&item_name=rusEfi&currency_code=USD&bn=PP%2dDonationsBF%3abtn_donateCC_LG%2egif%3aNonHosted">
+        <i class="fa fa-paypal fa-2x" aria-hidden="true"></i>
+      </a>
+    </div>
+  </div>
+
+  <!-- </div> -->
+
 </body>

 </html>