Spaces:
Runtime error
Runtime error
Commit
·
675f697
1
Parent(s):
54a1431
Update templates/index.html
Browse files- templates/index.html +15 -15
templates/index.html
CHANGED
@@ -181,23 +181,23 @@
|
|
181 |
<div class="row mt-4">
|
182 |
<!-- Groupe 1 -->
|
183 |
<div class="col-md-6">
|
184 |
-
<h5>Select an
|
185 |
<div class="row">
|
186 |
<div class="col-4">
|
187 |
<div class="preset-image-container">
|
188 |
-
<img src="/static/
|
189 |
</div>
|
190 |
<div class="image-caption">A vibrant red rose in full bloom</div>
|
191 |
</div>
|
192 |
<div class="col-4">
|
193 |
<div class="preset-image-container">
|
194 |
-
<img src="/static/
|
195 |
</div>
|
196 |
<div class="image-caption">Fluffy orange cat portrait</div>
|
197 |
</div>
|
198 |
<div class="col-4">
|
199 |
<div class="preset-image-container">
|
200 |
-
<img src="/static/
|
201 |
</div>
|
202 |
<div class="image-caption">Underwater scene with fish</div>
|
203 |
</div>
|
@@ -210,19 +210,19 @@
|
|
210 |
<div class="row">
|
211 |
<div class="col-4">
|
212 |
<div class="preset-image-container">
|
213 |
-
<img src="/static/
|
214 |
</div>
|
215 |
<div class="image-caption">Mountain sunrise landscape</div>
|
216 |
</div>
|
217 |
<div class="col-4">
|
218 |
<div class="preset-image-container">
|
219 |
-
<img src="/static/
|
220 |
</div>
|
221 |
<div class="image-caption">Retro-style robot</div>
|
222 |
</div>
|
223 |
<div class="col-4">
|
224 |
<div class="preset-image-container">
|
225 |
-
<img src="/static/
|
226 |
</div>
|
227 |
<div class="image-caption">Futuristic cityscape</div>
|
228 |
</div>
|
@@ -236,7 +236,7 @@
|
|
236 |
<p>Or drag and drop an image here</p>
|
237 |
<input type="file" id="fileInput1" class="form-control" accept="image/*" hidden>
|
238 |
<button class="btn btn-outline-primary" onclick="document.getElementById('fileInput1').click()">
|
239 |
-
Select
|
240 |
</button>
|
241 |
</div>
|
242 |
</div>
|
@@ -245,7 +245,7 @@
|
|
245 |
<p>Or drag and drop an image here</p>
|
246 |
<input type="file" id="fileInput2" class="form-control" accept="image/*" hidden>
|
247 |
<button class="btn btn-outline-primary" onclick="document.getElementById('fileInput2').click()">
|
248 |
-
Select
|
249 |
</button>
|
250 |
</div>
|
251 |
</div>
|
@@ -328,12 +328,12 @@
|
|
328 |
<li>Calculations use simplified models and are for demonstration purposes</li>
|
329 |
</ul>
|
330 |
|
331 |
-
<h6 class="mt-4">Use cases</h6>
|
332 |
-
<ul>
|
333 |
-
|
334 |
-
|
335 |
-
|
336 |
-
</ul>
|
337 |
|
338 |
<h6 class="mt-4">Technical details</h6>
|
339 |
<p class="small">
|
|
|
181 |
<div class="row mt-4">
|
182 |
<!-- Groupe 1 -->
|
183 |
<div class="col-md-6">
|
184 |
+
<h5>Select an original image</h5>
|
185 |
<div class="row">
|
186 |
<div class="col-4">
|
187 |
<div class="preset-image-container">
|
188 |
+
<img src="/static/1.webp" class="preset-image" onclick="selectPreset(1)" alt="Preset 1">
|
189 |
</div>
|
190 |
<div class="image-caption">A vibrant red rose in full bloom</div>
|
191 |
</div>
|
192 |
<div class="col-4">
|
193 |
<div class="preset-image-container">
|
194 |
+
<img src="/static/2.webp" class="preset-image" onclick="selectPreset(2)" alt="Preset 2">
|
195 |
</div>
|
196 |
<div class="image-caption">Fluffy orange cat portrait</div>
|
197 |
</div>
|
198 |
<div class="col-4">
|
199 |
<div class="preset-image-container">
|
200 |
+
<img src="/static/3.webp" class="preset-image" onclick="selectPreset(3)" alt="Preset 3">
|
201 |
</div>
|
202 |
<div class="image-caption">Underwater scene with fish</div>
|
203 |
</div>
|
|
|
210 |
<div class="row">
|
211 |
<div class="col-4">
|
212 |
<div class="preset-image-container">
|
213 |
+
<img src="/static/1.webp" class="preset-image" onclick="selectPreset(4)" alt="Preset 4">
|
214 |
</div>
|
215 |
<div class="image-caption">Mountain sunrise landscape</div>
|
216 |
</div>
|
217 |
<div class="col-4">
|
218 |
<div class="preset-image-container">
|
219 |
+
<img src="/static/2.webp" class="preset-image" onclick="selectPreset(5)" alt="Preset 5">
|
220 |
</div>
|
221 |
<div class="image-caption">Retro-style robot</div>
|
222 |
</div>
|
223 |
<div class="col-4">
|
224 |
<div class="preset-image-container">
|
225 |
+
<img src="/static/3.webp" class="preset-image" onclick="selectPreset(6)" alt="Preset 6">
|
226 |
</div>
|
227 |
<div class="image-caption">Futuristic cityscape</div>
|
228 |
</div>
|
|
|
236 |
<p>Or drag and drop an image here</p>
|
237 |
<input type="file" id="fileInput1" class="form-control" accept="image/*" hidden>
|
238 |
<button class="btn btn-outline-primary" onclick="document.getElementById('fileInput1').click()">
|
239 |
+
Select Original file
|
240 |
</button>
|
241 |
</div>
|
242 |
</div>
|
|
|
245 |
<p>Or drag and drop an image here</p>
|
246 |
<input type="file" id="fileInput2" class="form-control" accept="image/*" hidden>
|
247 |
<button class="btn btn-outline-primary" onclick="document.getElementById('fileInput2').click()">
|
248 |
+
Select AI generated file
|
249 |
</button>
|
250 |
</div>
|
251 |
</div>
|
|
|
328 |
<li>Calculations use simplified models and are for demonstration purposes</li>
|
329 |
</ul>
|
330 |
|
331 |
+
// <h6 class="mt-4">Use cases</h6>
|
332 |
+
// <ul>
|
333 |
+
// <li>Explore fair compensation models for AI training data</li>
|
334 |
+
// <li>Simulate different revenue sharing scenarios</li>
|
335 |
+
// <li>Understand the relationship between model training and attribution</li>
|
336 |
+
// </ul>
|
337 |
|
338 |
<h6 class="mt-4">Technical details</h6>
|
339 |
<p class="small">
|