benjamin.harris
/
DSP-ADAU1467


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
							#pragma once
#include <pgmspace.h>

static const char INDEX_HTML[] PROGMEM = R"HTML(
<!doctype html>
<html lang="en-AU">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="/favicon.ico">
  <link rel="stylesheet" href="yeti-bootstrap.min.css">
  <link rel="stylesheet" href="font-awesome.min.css">
  <script src="jquery-3.7.1.slim.min.js" crossorigin="anonymous"></script>

  <title>Modulos EEPROM Uploader</title>
  <style>
    @font-face {
      font-family: 'nasalization';
      src: url('/nasalization-rg.woff2') format('woff2');
    }
    .nasalization { font-family: 'nasalization'; }
  </style>
</head>

<body class="bg-light" style="padding-top: 5rem;">
  <nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
    <div class="container">
      <a class="navbar-brand nasalization text-uppercase" href="#">
        <img src="/logo-horizontal.webp" height="30" class="d-inline-block align-top" loading="lazy">
      </a>

      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="collapse navbar-collapse" id="navbarText">
        <span class="col align-self-end text-end text-white">
          <span>{{IP}}</span>
          <i class="text-success fas fa-wifi"></i>
          <!--<i class="fas fa-network-wired"></i>-->
          <!--<i class="fas fa-diagram-project"></i>-->
        </span>
      </div>
    </div>
  </nav>

  <div class="container">
    <div class="row">
      <div class="col-sm">
        <h2 class="text-center pt-2 font-weight-bold" id="title">Modulos EEPROM Uploader (24C256)</h2>
      </div>
    </div>

    <div class="row font-weight-bold border-top border-bottom">
      <p>EEPROM I2C: 0x50, Size: 32768 bytes, Page: 64 bytes</p>

      <form method="POST" action="/upload" enctype="multipart/form-data">
        <div class="mb-3">
          <input class="form-control" type="file" name="bin" required>
        </div>

        <div class="mb-3 form-check">
          <input class="form-check-input" type="checkbox" name="verify" value="1" checked>
          <label class="form-check-label">Verify after write (CRC32)</label>
        </div>

        <button style="background-color:#114378;border-color:#114378;color:#e8b434;"
                type="submit" class="btn">Upload and Program</button>
      </form>

      <p><a href="/status">Status</a></p>
    </div>
  </div>

  <footer class="fixed-bottom mt-auto py-3 border-top bg-dark">
    <div class="container">
      <p class="text-white text-center mb-0">
        Copyright &copy; <span id="year"></span> - Modulos Audio - DSP Controller - All Rights Reserved
      </p>
      <script>document.getElementById('year').innerHTML = new Date().getFullYear();</script>
    </div>
  </footer>

  <script src="/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
</body>
</html>
)HTML";