api_g

Sleeping

App Files Files Community

DmitrMakeev commited on Oct 17, 2025

Commit

85d1b52

verified ·

1 Parent(s): 1587276

Update chat.html

Browse files

Files changed (1) hide show

chat.html +33 -23

chat.html CHANGED Viewed

@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>Secure Chat 🔒</title>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
 <style>
@@ -11,7 +11,7 @@
     body {
         font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
         height: 100vh;
         display: flex;
         justify-content: center;
@@ -23,16 +23,16 @@
         width: 100%;
         max-width: 480px;
         height: 700px;
-        background: white;
         border-radius: 15px;
-        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
         display: flex;
         flex-direction: column;
         overflow: hidden;
     }
     .chat-header {
-        background: #2d3748;
         color: white;
         padding: 15px 20px;
         text-align: center;
@@ -43,7 +43,7 @@
         position: absolute;
         top: 10px;
         right: 15px;
-        background: #48bb78;
         padding: 4px 8px;
         border-radius: 12px;
         font-size: 0.7em;
@@ -53,10 +53,10 @@
     .encryption-notice {
         text-align: center;
         padding: 8px;
-        background: #ebf8ff;
-        color: #2b6cb0;
         font-size: 0.8em;
-        border-bottom: 1px solid #bee3f8;
     }
     .key-input {
@@ -64,17 +64,24 @@
         margin: 10px auto;
         display: block;
         padding: 10px 12px;
-        border: 2px solid #cbd5e0;
         border-radius: 10px;
         font-size: 14px;
         text-align: center;
     }
     .messages-container {
         flex: 1;
         padding: 20px;
         overflow-y: auto;
-        background: #f7fafc;
     }
     .message {
@@ -86,15 +93,15 @@
     }
     .message.own {
-        background: #4299e1;
-        color: white;
         margin-left: auto;
         border-bottom-right-radius: 5px;
     }
     .message.other {
-        background: #e2e8f0;
-        color: #2d3748;
         border-bottom-left-radius: 5px;
     }
@@ -107,7 +114,7 @@
     .input-container {
         padding: 15px 20px;
         background: white;
-        border-top: 1px solid #e2e8f0;
         display: flex;
         flex-direction: column;
         gap: 10px;
@@ -118,15 +125,18 @@
         height: 70px;
         resize: none;
         padding: 12px 15px;
-        border: 2px solid #e2e8f0;
         border-radius: 12px;
         outline: none;
         font-size: 15px;
         line-height: 1.4;
         transition: border-color 0.3s;
     }
-    .message-input:focus { border-color: #4299e1; }
     .button-row {
         display: flex;
@@ -144,11 +154,11 @@
     }
     .send-button {
-        background: #4299e1;
         color: white;
     }
-    .send-button:hover { background: #3182ce; }
     .clear-button {
         background: #e53e3e;
@@ -158,15 +168,15 @@
     .clear-button:hover { background: #c53030; }
     .messages-container::-webkit-scrollbar { width: 6px; }
-    .messages-container::-webkit-scrollbar-thumb { background: #cbd5e0; border-radius: 3px; }
-    .messages-container::-webkit-scrollbar-thumb:hover { background: #a0aec0; }
 </style>
 </head>
 <body>
 <div class="chat-container">
     <div class="chat-header">
-        <h2>💬 Secure Chat 🔒</h2>
         <div class="security-badge">AES ШИФРОВАНИЕ</div>
     </div>

 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Secure Chat 🌿</title>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
 <style>
     body {
         font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+        background: linear-gradient(135deg, #38b2ac 0%, #48bb78 100%);
         height: 100vh;
         display: flex;
         justify-content: center;
         width: 100%;
         max-width: 480px;
         height: 700px;
+        background: #f0fff4;
         border-radius: 15px;
+        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
         display: flex;
         flex-direction: column;
         overflow: hidden;
     }
     .chat-header {
+        background: #2f855a;
         color: white;
         padding: 15px 20px;
         text-align: center;
         position: absolute;
         top: 10px;
         right: 15px;
+        background: #68d391;
         padding: 4px 8px;
         border-radius: 12px;
         font-size: 0.7em;
     .encryption-notice {
         text-align: center;
         padding: 8px;
+        background: #c6f6d5;
+        color: #22543d;
         font-size: 0.8em;
+        border-bottom: 1px solid #9ae6b4;
     }
     .key-input {
         margin: 10px auto;
         display: block;
         padding: 10px 12px;
+        border: 2px solid #9ae6b4;
         border-radius: 10px;
         font-size: 14px;
         text-align: center;
+        background: #fafffa;
+        transition: border-color 0.3s;
+    }
+    .key-input:focus {
+        border-color: #48bb78;
+        outline: none;
     }
     .messages-container {
         flex: 1;
         padding: 20px;
         overflow-y: auto;
+        background: #f7faf7;
     }
     .message {
     }
     .message.own {
+        background: #68d391;
+        color: #1a202c;
         margin-left: auto;
         border-bottom-right-radius: 5px;
     }
     .message.other {
+        background: #e6fffa;
+        color: #2f855a;
         border-bottom-left-radius: 5px;
     }
     .input-container {
         padding: 15px 20px;
         background: white;
+        border-top: 1px solid #c6f6d5;
         display: flex;
         flex-direction: column;
         gap: 10px;
         height: 70px;
         resize: none;
         padding: 12px 15px;
+        border: 2px solid #c6f6d5;
         border-radius: 12px;
         outline: none;
         font-size: 15px;
         line-height: 1.4;
         transition: border-color 0.3s;
+        background: #fafffa;
     }
+    .message-input:focus {
+        border-color: #48bb78;
+    }
     .button-row {
         display: flex;
     }
     .send-button {
+        background: #48bb78;
         color: white;
     }
+    .send-button:hover { background: #38a169; }
     .clear-button {
         background: #e53e3e;
     .clear-button:hover { background: #c53030; }
     .messages-container::-webkit-scrollbar { width: 6px; }
+    .messages-container::-webkit-scrollbar-thumb { background: #a0aec0; border-radius: 3px; }
+    .messages-container::-webkit-scrollbar-thumb:hover { background: #718096; }
 </style>
 </head>
 <body>
 <div class="chat-container">
     <div class="chat-header">
+        <h2>🌿 Secure Chat</h2>
         <div class="security-badge">AES ШИФРОВАНИЕ</div>
     </div>