Hugging Face's logo

Spaces:
DaniFera
/
Interprete_HTML
Sleeping

App Files Community
DaniFera commited on
Commit
e54cf52
路
verified 路
1 Parent(s): 8b61ccd

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +49 -8
index.html CHANGED
@@ -62,18 +62,59 @@
62
 
63
  runButton.addEventListener('click', updatePreview);
64
 
65
- // Opcional: Cargar un ejemplo inicial
66
- editor.value = `<!DOCTYPE html>
 
67
  <html lang="es">
68
  <head>
69
- <title>Ejemplo</title>
70
- <style>
71
- body { font-family: sans-serif; background-color: #e0f7fa; display: grid; place-content: center; height: 100vh; margin: 0; }
72
- h1 { color: #00796b; }
73
- </style>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
74
  </head>
75
  <body>
76
- <h1>隆Escribe tu c贸digo y pulsa Ejecutar!</h1>
 
 
 
 
 
 
77
  </body>
78
  </html>`;
79
  updatePreview();
 
62
 
63
  runButton.addEventListener('click', updatePreview);
64
 
65
+ // --- C脫DIGO DE BIENVENIDA MEJORADO ---
66
+ editor.value = `
67
+ <!DOCTYPE html>
68
  <html lang="es">
69
  <head>
70
+ <title>Bienvenida</title>
71
+ <meta charset="UTF-8">
72
+ <style>
73
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');
74
+ body, html {
75
+ margin: 0;
76
+ padding: 0;
77
+ width: 100%;
78
+ height: 100%;
79
+ display: flex;
80
+ justify-content: center;
81
+ align-items: center;
82
+ font-family: 'Inter', sans-serif;
83
+ background-color: #f8f9fa;
84
+ color: #495057;
85
+ }
86
+ .welcome-container {
87
+ text-align: center;
88
+ padding: 40px;
89
+ }
90
+ .icon {
91
+ width: 80px;
92
+ height: 80px;
93
+ margin-bottom: 20px;
94
+ color: #007bff;
95
+ }
96
+ h1 {
97
+ font-size: 2em;
98
+ font-weight: 700;
99
+ color: #343a40;
100
+ margin: 0 0 10px 0;
101
+ }
102
+ p {
103
+ font-size: 1.1em;
104
+ font-weight: 400;
105
+ color: #6c757d;
106
+ max-width: 450px;
107
+ }
108
+ </style>
109
  </head>
110
  <body>
111
+ <div class="welcome-container">
112
+ <svg class="icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1">
113
+ <path stroke-linecap="round" stroke-linejoin="round" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" />
114
+ </svg>
115
+ <h1>Int茅rprete de C贸digo Interactivo</h1>
116
+ <p>Pega tu c贸digo HTML, CSS y JavaScript en el editor de la izquierda y pulsa 'Ejecutar' para ver tu proyecto cobrar vida al instante.</p>
117
+ </div>
118
  </body>
119
  </html>`;
120
  updatePreview();