Contrato - Firma Digital

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>

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>

Upload new Image

Contrato #1: Trabajo