Spaces:
Build error
Build error
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |
| <meta name="description" content=""> | |
| <meta name="author" content=""> | |
| <title>ArduProg</title> | |
| <!-- Bootstrap core CSS --> | |
| <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous"> | |
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css"> | |
| <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.2/iframeResizer.contentWindow.min.js"></script> | |
| <!-- Custom styles for this template --> | |
| <link href="{{url_for('static', filename='frontend.css')}}" rel="stylesheet"> | |
| </head> | |
| <body> | |
| <!-- https://youtu.be/d8E4Zjrs_KQ --> | |
| <main role="main"> | |
| <section class="jumbotron"> | |
| <div class="container"> | |
| <!-- <h1 class="jumbotron-heading" style="text-align: center; padding-bottom: 20px">ArduinoProg: Towards Automating Arduino Programming</h1> --> | |
| <h1 class="jumbotron-heading" style="text-align: center;">ArduinoProg</h1> | |
| <h3 class="jumbotron-heading" style="text-align: center; margin-bottom: 10px">~Towards Automating Arduino Programming~</h3> | |
| <div class="col text-center"> | |
| <a href="https://youtu.be/d8E4Zjrs_KQ" onclick="window.open('https://youtu.be/d8E4Zjrs_KQ', '_blank'); return false;">Demo Video</a> | |
| <!-- <a href="https://github.com/imamnurby/ArduinoProg">GitHub</a> --> | |
| <p> | |
| <br> | |
| ArduinoProg is a tool that allows Arduino developers to generate I/O hardware interface setttings and usage patterns, given a natural language description. | |
| <br> | |
| <br> | |
| You can use the tool by specifying the query in the text box, or <br> try to select a sample query from the dropdown, then press "Retrieve". | |
| </p> | |
| <select onchange="document.getElementById('exampleFormControlInput1').value=this.value"> | |
| <option value="">Select a sample query</option> | |
| <option value="How to use and where to connect the SHT31 on the arduino nano?">How to use and where to connect the SHT31 on the arduino nano?</option> | |
| <option value="I want to interface DHT sensor and MAX30100 sensor">I want to interface DHT sensor and MAX30100 sensor</option> | |
| <option value="Sensor to measure temperature">Sensor to measure temperature</option> | |
| </select> | |
| <p> | |
| <br> | |
| Note: Due to the resource constraint, we only list a subset of libraries listed in the official Arduino reference and each prediction may take several minutes. | |
| </p> | |
| </div> | |
| <div class="mb-3"> | |
| <label for="exampleFormControlInput1" class="form-label" hidden="hidden">Enter a Query then Press Enter</label> | |
| <input type="input" class="form-control" id="exampleFormControlInput1" placeholder="Enter a Query" style="margin-top: 30px"> | |
| </div> | |
| <div class="col text-center"> | |
| <p> | |
| <a href="#" class="btn btn-primary my-2" onclick="onSubmit()">Retrieve</a> | |
| </p> | |
| </div> | |
| <div class="text-center" id="spinner" style="display: none"> | |
| <div class="spinner-border" style="width: 4rem; height: 4rem;" role="status" aria-hidden="true"> | |
| <span class="visually-hidden">Loading...</span> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <div id="grey-container"> | |
| <div id="main-parent" class="container"> | |
| </div> | |
| </div> | |
| </main> | |
| <footer id="footer" class="text-muted"> | |
| </footer> | |
| <script src="{{url_for('static', filename='frontend.js')}}"></script> | |
| </script> | |
| </body> | |
| </html> |