From 2ba87f6b8d199e64a6bf3548077da4ccaf28a32f Mon Sep 17 00:00:00 2001 From: Gab <24553253+gabrix73@users.noreply.github.com> Date: Thu, 13 Feb 2025 15:03:41 +0100 Subject: Update index.html --- index.html | 159 ++++++++++++++++++++++++++++++++++++++++++++++++++----------- 1 file changed, 132 insertions(+), 27 deletions(-) diff --git a/index.html b/index.html index b13beb4..a54d15b 100644 --- a/index.html +++ b/index.html @@ -13,6 +13,10 @@ --primary-color: #0088cc; --primary-hover: #007bb5; --session-id-color: #ff4444; + --input-bg-night: #333; + --input-bg-day: #fff; + --input-text-night: #fff; + --input-text-day: #333; } body { @@ -24,6 +28,7 @@ display: flex; flex-direction: column; min-height: 100vh; + transition: background-color 0.3s, color 0.3s; } header { @@ -85,8 +90,9 @@ border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; - background-color: #333; - color: #fff; + background-color: var(--input-bg-night); + color: var(--input-text-night); + transition: background-color 0.3s, color 0.3s; } textarea { @@ -113,6 +119,7 @@ margin: 1rem 0; border-radius: 4px; display: none; + transition: opacity 0.3s; } .status-success { @@ -161,7 +168,7 @@ top: 50%; left: 50%; transform: translate(-50%, -50%); - width: 360px; /* Reduced from 400px */ + width: 360px; background-color: #2a2a2a; border: 1px solid #444; border-radius: 8px; @@ -283,6 +290,54 @@ #showKeyboardButton:hover { background-color: #3498db; } + + /* Stili per il tema giorno */ + body.day-mode { + background-color: var(--bg-color-day); + color: var(--text-color-day); + } + + body.day-mode .row input[type="text"], + body.day-mode .row textarea { + background-color: var(--input-bg-day); + color: var(--input-text-day); + } + + /* Miglioramento stile bottone copy/paste */ + #copyPasteBtn { + position: relative; + display: inline-flex; + align-items: center; + justify-content: center; + padding: 0.5rem 1rem; + background-color: var(--primary-color); + color: white; + border: none; + border-radius: 4px; + cursor: pointer; + transition: background-color 0.2s; + } + + #copyPasteBtn:hover { + background-color: var(--primary-hover); + } + + #copyPasteBtn::before { + content: ''; + display: inline-block; + width: 16px; + height: 16px; + margin-right: 8px; + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z'/%3E%3C/svg%3E"); + background-size: contain; + background-repeat: no-repeat; + transition: transform 0.2s; + } + + #copyPasteBtn.paste-mode::before { + transform: rotate(180deg); + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 2h-4.18C14.4.84 13.3 0 12 0c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm7 18H5V4h2v3h10V4h2v16z'/%3E%3C/svg%3E"); + } @@ -301,28 +356,17 @@

- This secure messaging application enables encrypted communication through mainstream messaging platforms without requiring extensions. - The session-based encryption ensures your messages remain secure while active, and once ended, the encryption keys are securely wiped from memory using Memguard protection. - -

- Security Features: -

Memguard memory protection ensures encryption keys and sensitive data are protected against memory dumps and cold boot attacks
All cryptographic operations are performed in secure memory regions
Session keys are automatically wiped when the session ends

- -
- Virtual Keyboard Security: - We strongly recommend using our built-in Virtual Keyboard to protect against: -

Hardware and software keyloggers
Keyboard input monitoring malware
Screen recording spyware (keyboard layout randomly changes each time)

- Right-click on keys to access secondary characters (uppercase/symbols). +

1. Generate Session: Create quantum-resistant session ID using hardware RNG
2. Share Session ID: Exchange via encrypted QR code (AES-256-GCM)
3. Pair Session: Mutual authentication with post-quantum signatures
4. Input Handling: Virtual keyboard → secure buffer (mlock+ASLR)
5. Encrypt: Hybrid encryption (Kyber1024 + XChaCha20)
6. Secure Transfer: Copy armored ciphertext (Base122 encoded) to any channel

Readme

Your Session ID: @@ -346,6 +390,7 @@

Message: +

@@ -371,6 +416,7 @@ -- cgit v1.2.3