TheFrenchDemos commited on
Commit
675f697
·
1 Parent(s): 54a1431

Update templates/index.html

Browse files
Files changed (1) hide show
  1. 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 AI-generated image</h5>
185
  <div class="row">
186
  <div class="col-4">
187
  <div class="preset-image-container">
188
- <img src="/static/beatles_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/iwo jima_1.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/Friedrich_1.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,19 +210,19 @@
210
  <div class="row">
211
  <div class="col-4">
212
  <div class="preset-image-container">
213
- <img src="/static/beatles_2.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/iwo jima_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/Friedrich_2.webp" class="preset-image" onclick="selectPreset(6)" alt="Preset 6">
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 File 1
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 File 2
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
- <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">
 
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">