index.html 4.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <html>
  2. <title>AI on the Edge Device - Webinstaller</title>
  3. <link rel="icon" href="https://raw.githubusercontent.com/jomjol/AI-on-the-edge-device/master/images/icon/favicon.ico" type="image/x-icon">
  4. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  5. <script type="module" src="https://unpkg.com/esp-web-tools@9.0.3/dist/web/install-button.js?module"></script>
  6. <style>
  7. .footer {
  8. display: flex;
  9. justify-content: space-between;
  10. align-items: center;
  11. padding: 20px;
  12. background-color: #d8d8d8;
  13. margin-top: 20px;
  14. }
  15. .footer-section {
  16. display: flex;
  17. align-items: center;
  18. }
  19. .footer-section img {
  20. width: 24px;
  21. height: 24px;
  22. margin-left: 10px;
  23. }
  24. .donation-cards img {
  25. height: 20px;
  26. margin-right: 5px;
  27. }
  28. </style>
  29. <body style="padding: 20px; padding-left: 60px; padding-right: 60px;">
  30. <table>
  31. <tr>
  32. <td><img src=https://raw.githubusercontent.com/jomjol/AI-on-the-edge-device/master/images/icon/watermeter.svg style="width: 100px; padding-right: 10px;"></td>
  33. <td><h1>AI-on-the-edge-device</h1><h2>Webinstaller and Console</h2></td>
  34. </tr>
  35. </table>
  36. <hr>
  37. <p>This page provides the Webinstaller and a live USB Console to your AI-on-the-edge-device.<br>
  38. For further information about AI-on-the-edge-device please go to <a href=https://github.com/jomjol/AI-on-the-edge-device target=_blank>https://github.com/jomjol/AI-on-the-edge-device</a>.</p>
  39. <h2>Notes:</h2>
  40. <ul>
  41. <li>The Webinstall will install the latest firmware (Version <b>$VERSION</b>).</li>
  42. <li>For the installation, make sure to switch the ESP32 to Bootloader mode by keeping the <b>FLASH</b> button pressed while the <b>RESET</b> button gets relesed. if there is no <b>FLASH</b> button, you need to pull <b>GPIO0</b> low!</li>
  43. <li>After the installation, a manual reset might be required!</li>
  44. <li>Please note that not all web browsers and operating systems support the necessary USB access needed for this Webinstaller!</li>
  45. <li>Check the <a href=https://jomjol.github.io/AI-on-the-edge-device-docs/Installation target=_blank>documentation</a> for additional information.</li>
  46. <li>The SD card can be setup automatically after the firmware got installed. See the <a href=https://jomjol.github.io/AI-on-the-edge-device-docs/Installation/#remote-setup-using-the-built-in-access-point target=_blank>documentation</a> for details. For this to work, the SD card must be FAT formated (which is the default on a new SD card).
  47. Alternatively the SD card still can be setup manually, see the <a href=https://jomjol.github.io/AI-on-the-edge-device-docs/Installation/#3-sd-card target=_blank>documentation</a> for details!</li>
  48. </ul>
  49. <hr>
  50. <p><esp-web-install-button manifest="manifest.json"></esp-web-install-button></p>
  51. <hr>
  52. <p style="font-size: small;">Installer and Console powered by <a href=https://esphome.github.io/esp-web-tools/ target=_blank>ESP Web Tools</a></p>
  53. <div class="footer">
  54. <div class="footer-section">
  55. <span>Support & Contact Us</span>
  56. <a href="https://github.com/jomjol/AI-on-the-edge-device" target="_blank" title="GitHub">
  57. <img src="https://github.com/jomjol/AI-on-the-edge-device/images/github-logo.png" alt="GitHub">
  58. </a>
  59. <img src="https://github.com/jomjol/AI-on-the-edge-device/images/gmail-logo.png" alt="Email">
  60. </a>
  61. <a href="https://github.com/jomjol/AI-on-the-edge-device/discussions" target="_blank" title="GitHub">
  62. <img src="https://github.com/jomjol/AI-on-the-edge-device/images/discussion-logo" alt="GitHub">
  63. </a>
  64. </div>
  65. <div class="footer-section">
  66. <span>Donations</span>
  67. <a href="https://www.paypal.com/donate?hosted_button_id=8TRSVYNYKDSWL" target="_blank" title="Donate via PayPal">
  68. <img src="https://github.com/jomjol/AI-on-the-edge-device/images/paypal.png" alt="PayPal" style="width: 60px; height: auto;">
  69. </a>
  70. </div>
  71. </div>
  72. </body>
  73. </html>