Hugging Face's logo

Spaces:
Docfile
/
Mariam-cards2
Running

App Files Community
Docfile commited on
Commit
721408c
·
verified ·
1 Parent(s): 8355eb9

Update templates/index.html

Browse files
Files changed (1) hide show
  1. templates/index.html +33 -4
templates/index.html CHANGED
@@ -1,5 +1,3 @@
1
-
2
-
3
  <!DOCTYPE html>
4
  <html lang="fr">
5
  <head>
@@ -28,7 +26,7 @@
28
  }
29
  };
30
  </script>
31
- <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js" id="MathJax-script" async></script>
32
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/marked.umd.min.js"></script>
33
  <style>
34
  @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;700&display=swap');
@@ -38,6 +36,16 @@
38
  .blue-button { background: #3b82f6; transition: background-color 0.2s ease; }
39
  .blue-button:hover { background: #2563eb; }
40
  .blue-button:disabled { background: #9ca3af; cursor: not-allowed; }
 
 
 
 
 
 
 
 
 
 
41
  .loader {
42
  width: 48px; height: 48px; border: 3px solid #3b82f6; border-bottom-color: transparent;
43
  border-radius: 50%; display: inline-block; animation: rotation 1s linear infinite;
@@ -80,6 +88,19 @@
80
  </head>
81
  <body class="p-4">
82
  <div class="max-w-4xl mx-auto">
 
 
 
 
 
 
 
 
 
 
 
 
 
83
  <header class="p-6 text-center mb-8">
84
  <h1 class="text-4xl font-bold text-blue-600">Mariam M-1</h1>
85
  <p class="text-gray-600">Solution Mathématique/Physique/Chimie Intelligente</p>
@@ -183,7 +204,8 @@
183
  savedModal: document.getElementById('savedModal'),
184
  savedList: document.getElementById('savedList'),
185
  newExerciseButton: document.getElementById('newExerciseButton'), // Changé l'ID pour correspondre au HTML
186
- dropZone: document.querySelector('.uploadArea')
 
187
  };
188
 
189
  // Application State
@@ -335,6 +357,13 @@
335
  elements.thoughtsToggle.addEventListener('click', () => elements.thoughtsBox.classList.toggle('open'));
336
  elements.imageInput.addEventListener('change', e => handleFileSelect(e.target.files[0]));
337
 
 
 
 
 
 
 
 
338
  elements.dropZone.addEventListener('dragover', e => { e.preventDefault(); elements.dropZone.classList.add('border-blue-400'); });
339
  elements.dropZone.addEventListener('dragleave', e => { e.preventDefault(); elements.dropZone.classList.remove('border-blue-400'); });
340
  elements.dropZone.addEventListener('drop', e => {
 
 
 
1
  <!DOCTYPE html>
2
  <html lang="fr">
3
  <head>
 
26
  }
27
  };
28
  </script>
29
+ <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mtml-chtml.js" id="MathJax-script" async></script>
30
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/marked.umd.min.js"></script>
31
  <style>
32
  @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;700&display=swap');
 
36
  .blue-button { background: #3b82f6; transition: background-color 0.2s ease; }
37
  .blue-button:hover { background: #2563eb; }
38
  .blue-button:disabled { background: #9ca3af; cursor: not-allowed; }
39
+ .promo-button {
40
+ background: linear-gradient(135deg, #dc2626, #ef4444);
41
+ transition: all 0.3s ease;
42
+ box-shadow: 0 4px 15px rgba(220, 38, 38, 0.3);
43
+ }
44
+ .promo-button:hover {
45
+ background: linear-gradient(135deg, #b91c1c, #dc2626);
46
+ transform: translateY(-2px);
47
+ box-shadow: 0 6px 20px rgba(220, 38, 38, 0.4);
48
+ }
49
  .loader {
50
  width: 48px; height: 48px; border: 3px solid #3b82f6; border-bottom-color: transparent;
51
  border-radius: 50%; display: inline-block; animation: rotation 1s linear infinite;
 
88
  </head>
89
  <body class="p-4">
90
  <div class="max-w-4xl mx-auto">
91
+ <!-- Bouton Promotionnel en Haut -->
92
+ <div class="mb-6">
93
+ <button id="promoButton" class="promo-button w-full py-4 px-6 text-white font-bold text-lg rounded-lg flex items-center justify-center space-x-3">
94
+ <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
95
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
96
+ </svg>
97
+ <span>🚀 CLIQUEZ POUR ACCÉDER AU PDF !</span>
98
+ <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
99
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
100
+ </svg>
101
+ </button>
102
+ </div>
103
+
104
  <header class="p-6 text-center mb-8">
105
  <h1 class="text-4xl font-bold text-blue-600">Mariam M-1</h1>
106
  <p class="text-gray-600">Solution Mathématique/Physique/Chimie Intelligente</p>
 
204
  savedModal: document.getElementById('savedModal'),
205
  savedList: document.getElementById('savedList'),
206
  newExerciseButton: document.getElementById('newExerciseButton'), // Changé l'ID pour correspondre au HTML
207
+ dropZone: document.querySelector('.uploadArea'),
208
+ promoButton: document.getElementById('promoButton')
209
  };
210
 
211
  // Application State
 
357
  elements.thoughtsToggle.addEventListener('click', () => elements.thoughtsBox.classList.toggle('open'));
358
  elements.imageInput.addEventListener('change', e => handleFileSelect(e.target.files[0]));
359
 
360
+ // Gestionnaire d'événement pour le bouton promotionnel
361
+ elements.promoButton.addEventListener('click', () => {
362
+ // Remplacez cette URL par votre page de destination
363
+ window.open('https://votre-site-premium.com', '_blank');
364
+ // Ou utilisez window.location.href = 'https://votre-site-premium.com'; pour ouvrir dans la même page
365
+ });
366
+
367
  elements.dropZone.addEventListener('dragover', e => { e.preventDefault(); elements.dropZone.classList.add('border-blue-400'); });
368
  elements.dropZone.addEventListener('dragleave', e => { e.preventDefault(); elements.dropZone.classList.remove('border-blue-400'); });
369
  elements.dropZone.addEventListener('drop', e => {