Contrato - Firma Digital

Contrato #N - Modelo

Este contrato establece..2.

Contrato firmado por: a
Checksum SHA-256:
6c476e40dde68e3b5606b1708dc293fcdf4aea8f9db94da4836514f16731c8fb
🕒 Fecha: 8/7/2025, 09:47:41

📄 Inicio del texto firmado

a

Contrato #N - Modelo

Este contrato establece...

Contrato firmado por: b
Checksum SHA-256:
7fd0bac8065b3e08d2359f5be4b75908b1ef9f699e997443e1e65d6a80eb5715
🕒 Fecha: 8/7/2025, 09:47:49

📄 Inicio del texto firmado

b

Contrato #N - Modelo

Este contrato establece..2.

Editor de Página 1.8.322

Elementos básicos

Permisos y autores

Sesión

👥 Usuarios logueados:
agusavior

Insertar contenido avanzado

Guardado y manejo de página

Panel botones adicionales

Misc / Otros

<!DOCTYPE html>
  <html lang="es">
  <head>
    <meta charset="UTF-8">
    <title>Contrato - Firma Digital</title>
    <style>
      body {
        font-family: sans-serif;
        background: #f9f9f9;
        padding: 40px;
      }
      #contrato {
        background: white;
        padding: 20px;
        border: 1px solid #ccc;
        border-radius: 12px;
        max-width: 700px;
        margin: 0 auto;
      }
      button {
        margin-top: 20px;
        padding: 10px 20px;
        font-size: 16px;
        background: #0056b3;
        color: white;
        border: none;
        border-radius: 6px;
        cursor: pointer;
      }
      button:hover {
        background: #004093;
      }
      #firma {
        margin-top: 30px;
        font-family: monospace;
        background: #eee;
        padding: 10px;
        border-radius: 6px;
      }
      #guardado {
        margin-top: 20px;
        color: green;
        font-weight: bold;
      }
    </style>
  </head>
  <body>
  
    <div id="contrato">
      <h2>Contrato de LibreRed</h2>
      <p>Este contrato establece los principios fundamentales de participación en LibreRed. Al firmar, usted reconoce y acepta actuar según los valores de respeto a la propiedad privada, comercio libre, responsabilidad individual y libertad de expresión.</p>
      
      <button onclick="firmarContrato()">Firmar contrato</button>
  
      <div id="firma"></div>
      <div id="guardado"></div>
    </div>
  
    <script>
      async function firmarContrato() {
        const nombre = prompt("Ingrese su nombre completo para firmar:");
        if (!nombre) return;
  
        const contratoElem = document.getElementById("contrato");
        const contenido = contratoElem.innerText;
  
        const datosAFirmar = nombre + contenido;
  
        const encoder = new TextEncoder();
        const data = encoder.encode(datosAFirmar);
        const hashBuffer = await crypto.subtle.digest("SHA-256", data);
        const hashArray = Array.from(new Uint8Array(hashBuffer));
        const hashHex = hashArray.map(b => b.toString(16).padStart(2, '0')).join('');
  
        const firmaElem = document.getElementById("firma");
        firmaElem.innerHTML = `
          <strong>Contrato firmado por:</strong> ${nombre}<br>
          <strong>Checksum SHA-256:</strong><br>
          <code>${hashHex}</code>
        `;
  
        guardarPagina(); // ahora desde script.js
      }
    </script>
  
    <script src="script.js"></script>
  </body>
  </html>

Upload new Image