aggiunti contenuti pagina login, welcome, script

trailhead-loris · trailhead-loris · commit a2769eb6c922 · 2025-11-26T09:51:57.000+01:00
diff --git a/index.html b/index.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="it">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>Login</title>
+  <style>
+    body { font-family: Arial, sans-serif; display: flex; justify-content: center; align-items: center; min-height: 100vh; background: #f4f6f8; margin: 0; }
+    .login-box { width: 320px; background: #fff; padding: 24px; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
+    .login-box h2 { margin: 0 0 16px; }
+    .field { margin-bottom: 12px; }
+    .field label { display: block; font-size: 13px; margin-bottom: 6px; color: #444; }
+    .field input { width: 100%; padding: 10px 12px; border: 1px solid #d0d7de; border-radius: 6px; font-size: 14px; }
+    button { width: 100%; padding: 10px 14px; background: #0969da; color: #fff; border: none; border-radius: 6px; font-weight: bold; cursor: pointer; }
+    button:hover { background: #0758b7; }
+    .note { font-size: 12px; color: #666; margin-top: 10px; }
+  </style>
+</head>
+<body>
+  <div class="login-box">
+    <h2>Login</h2>
+
+    <div class="field">
+      <label for="name">Nome</label>
+      <input type="text" id="name" placeholder="Mario Rossi" required />
+    </div>
+
+    <div class="field">
+      <label for="email">Email</label>
+      <input type="email" id="email" placeholder="mario@example.com" required />
+    </div>
+
+    <button onclick="login()">Accedi</button>
+    <p class="note">Accetta qualsiasi nome/email. I dati vengono salvati in <b>localStorage</b>.</p>
+  </div>
+
+  <!-- Collega correttamente lo script -->
+  script.js</script>
+</body>
+</html>
diff --git a/script.js b/script.js
@@ -0,0 +1,17 @@
+function login() {
+  const name = document.getElementById('name').value.trim();
+  const email = document.getElementById('email').value.trim();
+
+  // Accetta qualsiasi nome/email, ma suggeriamo di non lasciare vuoti
+  if (!name || !email) {
+    alert('Inserisci nome ed email.');
+    return;
+  }
+
+  // Salva in localStorage per riutilizzo (es. chat)
+  localStorage.setItem('name', name);
+  localStorage.setItem('email', email);
+
+  // Reindirizza alla welcome
+  window.location.href = 'welcome.html';
+}
diff --git a/welcome.html b/welcome.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="it">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>Benvenuto</title>
+  <style>
+    body { font-family: Arial, sans-serif; display: flex; justify-content: center; align-items: center; min-height: 100vh; background: #f4f6f8; margin: 0; }
+    .box { background: #fff; padding: 24px; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); text-align: center; }
+    h1 { margin: 0 0 10px; }
+    .email { color: #444; margin-bottom: 16px; }
+    a.button { display: inline-block; padding: 10px 14px; background: #0969da; color: #fff; border-radius: 6px; text-decoration: none; }
+    a.button:hover { background: #0758b7; }
+  </style>
+</head>
+<body>
+  <div class="box">
+    <h1 id="welcome-message">Benvenuto!</h1>
+    <p class="email" id="email-line"></p>
+
+    <!-- Esempio: passa l'email come parametro alla chat -->
+    <a id="chat-link" class="button" href="#">Apri chat= localStorage.getItem('name');
+    const email = localStorage.getItem('email');
+
+    // Fallback se l’utente arriva senza login
+    const displayName = name || 'Utente';
+    document.getElementById('welcome-message').innerText = `Benvenuto, ${displayName}!`;
+
+    if (email) {
+      document.getElementById('email-line').innerText = `Email: ${email}`;
+    } else {
+      document.getElementById('email-line').innerText = `Email non disponibile`;
+    }
+
+    // Prepara link verso una chat passando l’email come querystring
+    // Sostituisci 'chat.html' con la tua pagina chat reale
+    const chatUrl = `chat.html?email=${encodeURIComponent(email || '')}`;
+    const chatLink = document.getElementById('chat-link');
+    chatLink.href = chatUrl;
+    chatLink.innerText = 'Vai alla chat';
+  </script>
+</body>
+</html>
