Hugging Face's logo

Spaces:
Docfile
/
mariam-tremble
Running

App Files Community
Docfile commited on
Commit
f624200
·
verified ·
1 Parent(s): d8db65f

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +41 -28
index.html CHANGED
@@ -7,6 +7,19 @@
7
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11">
8
  <style>
9
  body { margin: 0; overflow: hidden; }
 
 
 
 
 
 
 
 
 
 
 
 
 
10
  </style>
11
  </head>
12
  <body>
@@ -14,39 +27,39 @@
14
  <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
15
 
16
  <script>
17
- // Affiche la boîte de dialogue SweetAlert2 en plein écran
18
  Swal.fire({
19
- title: 'Plan d\'exposé sur le romantisme',
20
- html: `
21
- <p>I. Introduction</p>
22
- <ul>
23
- <li>A. Définition du romantisme</li>
24
- <li>B. Contexte historique et social</li>
25
- </ul>
26
- <p>II. Caractéristiques du romantisme</p>
27
- <ul>
28
- <li>A. L'expression des sentiments et des émotions</li>
29
- <li>B. L'individualisme et la subjectivité</li>
30
- <li>C. L'admiration de la nature</li>
31
- <li>D. La rébellion contre les règles académiques</li>
32
- </ul>
33
- <p>III. Les grandes figures du romantisme</p>
34
- <ul>
35
- <li>A. Écrivains (ex : Victor Hugo, Lamartine)</li>
36
- <li>B. Artistes (ex : Eugène Delacroix, Caspar David Friedrich)</li>
37
- <li>C. Compositeurs (ex : Beethoven, Chopin)</li>
38
- </ul>
39
- `,
40
  icon: 'info',
41
- confirmButtonText: 'Fermer',
42
- allowOutsideClick: false,
43
- width: '100%',
44
- customClass: {
45
- popup: 'fullscreen-popup'
 
46
  }
47
  });
48
  </script>
49
 
 
 
 
 
 
 
50
  </body>
51
  </html>
52
-
 
7
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11">
8
  <style>
9
  body { margin: 0; overflow: hidden; }
10
+
11
+ #main-iframe {
12
+ width: 100%;
13
+ height: 100vh;
14
+ display: none;
15
+ }
16
+
17
+ .swal2-container {
18
+ display: flex;
19
+ align-items: center;
20
+ justify-content: center;
21
+ height: 100vh;
22
+ }
23
  </style>
24
  </head>
25
  <body>
 
27
  <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
28
 
29
  <script>
30
+ // Affiche la boîte de dialogue SweetAlert2
31
  Swal.fire({
32
+ title: 'Instructions pour l\'utilisateur',
33
+ html: `Bien sûr, je peux vous aider à élaborer un plan d'exposé sur le romantisme. Voici une structure possible :
34
+ <ul>
35
+ <li>SCIENCE sans conscience n'est que ruine de l'âme.</li>
36
+ <li>Photo claire exigée.</li>
37
+ <li>Je ne sais pas si c'est fiable. Moi-même je ne suis pas fiable 😂</li>
38
+ <li>Conseillé de rogner la photo pour ne garder que le bon exercice et éviter les contaminations.</li>
39
+ <li>Numéro : 065362371 (WhatsApp only)</li>
40
+ <li>Si tu triches, avec moi je ne suis pas responsable oh.</li>
41
+ <li>Mort aux impérialistes!</li>
42
+ <li>Mort à Israël!</li>
43
+ <li>Vive le Bataillon autonome des forces spéciales 🇲🇱</li>
44
+ <li>Huurra Assimi Goita 🇲🇱, Ibrahim Traoré 🇧🇫, Abdourahamane Tchiani 🇳🇪</li>
45
+ <li>Appuie sur le bouton et patiente un peu. ☺️</li>
46
+ </ul>`,
 
 
 
 
 
 
47
  icon: 'info',
48
+ confirmButtonText: 'Accepter',
49
+ allowOutsideClick: false
50
+ }).then((result) => {
51
+ if (result.isConfirmed) {
52
+ // Si l'utilisateur clique sur "Accepter", affiche l'iframe principal
53
+ document.getElementById("main-iframe").style.display = "block";
54
  }
55
  });
56
  </script>
57
 
58
+ <iframe
59
+ src="https://docfile-mycha.hf.space"
60
+ frameborder="0"
61
+ id="main-iframe"
62
+ ></iframe>
63
+
64
  </body>
65
  </html>