Hugging Face's logo

Spaces:
imamnurby
/
ArduinoProg
Build error

App Files Community
imamnurby commited on
Commit
bcbe2c0
·
1 Parent(s): 9ebc170

Update templates/index.html

Browse files
Files changed (1) hide show
  1. templates/index.html +24 -6
templates/index.html CHANGED
@@ -12,25 +12,43 @@
12
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
13
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
14
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
15
- <script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.2/iframeResizer.contentWindow.min.js"></script>
16
  <!-- Custom styles for this template -->
17
  <link href="{{url_for('static', filename='frontend.css')}}" rel="stylesheet">
18
 
19
  </head>
20
 
21
  <body>
22
-
23
  <main role="main">
24
 
25
  <section class="jumbotron">
26
  <div class="container">
27
- <h1 class="jumbotron-heading" style="text-align: center; padding-bottom: 20px">ArduinoProg: Towards Automating Arduino Programming</h1>
 
 
28
  <div class="col text-center">
29
- <a href="#" class="btn btn-primary my-2" onclick=" window.open('https://youtu.be/d8E4Zjrs_KQ', '_blank'); return false;">Youtube</a>
30
- <a href="#" class="btn btn-primary my-2" onclick=" window.open('https://github.com/imamnurby/ArduinoProg', '_blank'); return false;">GitHub</a>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
31
  </div>
32
  <div class="mb-3">
33
- <label for="exampleFormControlInput1" class="form-label" hidden="hidden">Enter a Query</label>
34
  <input type="input" class="form-control" id="exampleFormControlInput1" placeholder="Enter a Query" style="margin-top: 30px">
35
  </div>
36
  <div class="col text-center">
 
12
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
13
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
14
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
 
15
  <!-- Custom styles for this template -->
16
  <link href="{{url_for('static', filename='frontend.css')}}" rel="stylesheet">
17
 
18
  </head>
19
 
20
  <body>
21
+ <!-- https://youtu.be/d8E4Zjrs_KQ -->
22
  <main role="main">
23
 
24
  <section class="jumbotron">
25
  <div class="container">
26
+ <!-- <h1 class="jumbotron-heading" style="text-align: center; padding-bottom: 20px">ArduinoProg: Towards Automating Arduino Programming</h1> -->
27
+ <h1 class="jumbotron-heading" style="text-align: center;">ArduinoProg</h1>
28
+ <h3 class="jumbotron-heading" style="text-align: center; margin-bottom: 10px">~Towards Automating Arduino Programming~</h3>
29
  <div class="col text-center">
30
+ <a href="https://youtu.be/d8E4Zjrs_KQ">Demo Video</a>
31
+ <!-- <a href="https://github.com/imamnurby/ArduinoProg">GitHub</a> -->
32
+ <p>
33
+ <br>
34
+ ArduinoProg is a tool that allows Arduino developers to generate I/O hardware interface setttings and usage patterns, given a natural language description.
35
+ <br>
36
+ <br>
37
+ 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".
38
+ </p>
39
+ <select onchange="document.getElementById('exampleFormControlInput1').value=this.value">
40
+ <option value="">Select a sample query</option>
41
+ <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>
42
+ <option value="I want to interface DHT sensor and MAX30100 sensor">I want to interface DHT sensor and MAX30100 sensor</option>
43
+ <option value="Sensor to measure temperature">Sensor to measure temperature</option>
44
+ <option value="Sensor to measure humidity">Sensor to measure humidity</option>
45
+ <option vaue="DHT11">DHT11</option>
46
+ <option value="BMP280">BMP280</option>
47
+ </select>
48
+
49
  </div>
50
  <div class="mb-3">
51
+ <label for="exampleFormControlInput1" class="form-label" hidden="hidden">Enter a Query then Press Enter</label>
52
  <input type="input" class="form-control" id="exampleFormControlInput1" placeholder="Enter a Query" style="margin-top: 30px">
53
  </div>
54
  <div class="col text-center">