Hugging Face's logo

Spaces:
WebashalarForML
/
ImageDataExtractor2
Sleeping

App Files Community
WebashalarForML commited on
Commit
2ffbfcc
•
1 Parent(s): 2ca8544

Update templates/index.html

Browse files
Files changed (1) hide show
  1. templates/index.html +10 -12
templates/index.html CHANGED
@@ -7,7 +7,6 @@
7
  <title>File Uploader</title>
8
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" />
9
  <style>
10
- <style>
11
  body {
12
  background-color: #1c1c1e;
13
  font-family: "Poppins", sans-serif;
@@ -150,12 +149,12 @@
150
  .tab {
151
  flex-direction: column;
152
  }
153
- }
154
  </style>
155
  </head>
156
 
157
  <body>
158
- <!-- Locked Top Bar with Tabs -->
159
  <div class="top-bar">
160
  <h2>Capture AI</h2>
161
  <!-- Navigation Tabs -->
@@ -188,26 +187,25 @@
188
  {% endif %}
189
  </div>
190
  </div>
191
- </div>
192
 
193
- <div class="container">
194
- <!-- Loader -->
195
- <div class="loader" id="loader"></div>
196
- </div>
197
 
198
- {% with messages = get_flashed_messages() %} {% if messages %}
 
199
  <div class="alert alert-success mt-4" id="flash-message">
200
  {{ messages[0] }}
201
  </div>
202
- {% endif %} {% endwith %}
 
203
  </div>
204
 
205
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
206
  <script>
207
  // Loader functionality for both forms
208
  document.getElementById('fileUploadFormImageExtractor').onsubmit = function () {
209
  document.getElementById('loader').style.display = 'block';
210
- };
211
 
212
  // Flash message auto-hide
213
  setTimeout(function () {
 
7
  <title>File Uploader</title>
8
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" />
9
  <style>
 
10
  body {
11
  background-color: #1c1c1e;
12
  font-family: "Poppins", sans-serif;
 
149
  .tab {
150
  flex-direction: column;
151
  }
152
+ }
153
  </style>
154
  </head>
155
 
156
  <body>
157
+ <!-- Locked Top Bar with Tabs -->
158
  <div class="top-bar">
159
  <h2>Capture AI</h2>
160
  <!-- Navigation Tabs -->
 
187
  {% endif %}
188
  </div>
189
  </div>
 
190
 
191
+ <!-- Loader -->
192
+ <div class="loader" id="loader"></div>
 
 
193
 
194
+ {% with messages = get_flashed_messages() %}
195
+ {% if messages %}
196
  <div class="alert alert-success mt-4" id="flash-message">
197
  {{ messages[0] }}
198
  </div>
199
+ {% endif %}
200
+ {% endwith %}
201
  </div>
202
 
203
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
204
  <script>
205
  // Loader functionality for both forms
206
  document.getElementById('fileUploadFormImageExtractor').onsubmit = function () {
207
  document.getElementById('loader').style.display = 'block';
208
+ };
209
 
210
  // Flash message auto-hide
211
  setTimeout(function () {