Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@AmalRitessh
AmalRitessh authored Dec 17, 2023
1 parent acce45c commit 62838b0
Show file tree
Hide file tree
Showing 13 changed files with 2,310 additions and 0 deletions.
168 changes: 168 additions & 0 deletions css/styles.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,168 @@
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #ffffff;
background-image: url(../img/pexels-gdtography-950241.jpg);
}
/*new*/
.display {
padding: 10px;
background-color: #c2c2c27c;
color: rgb(0, 0, 0);
border: none;
cursor: pointer;
border-radius: 5px;
margin-top: 15px;
}

.toggle-container {
position: fixed;
top: 0;
left: 0;
background-color: #8B0000;
padding: 10px;
}

.toggle-btn {
background: none;
border: none;
color: white;
font-size: 20px;
cursor: pointer;
}

.dropdown {
display: none;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
}

.dropdown-content {
background-color: #ffffff;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
z-index: 1;
text-align: center;
}

.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}

.dropdown-content a:hover {
background-color: #ffffff;
}

.toggle-container:hover .dropdown {
display: block;
}

.header {
background-color: #8B0000;
padding: 10px;
text-align: center;
}

.header-title {
color: white;
margin: 0;
}

.container {
display: flex;
justify-content: space-between;
margin: 20px;
}

.left-panel,
.right-panel {
width: 45%;
padding: 20px;
background-color: white;
border-radius: 5px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.separator {
width: 10px;
background-color: #ffffff;
}

.input-group {
margin-bottom: 15px;
}

label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}

input {
width: 100%;
padding: 10px;
margin-bottom: 10px;
box-sizing: border-box;
}

.action-button {
padding: 10px;
background-color: #5c93f3;
color: white;
border: none;
cursor: pointer;
border-radius: 5px;
}

@media (max-width: 768px) {
.container {
flex-direction: column;
}

.left-panel,
.right-panel {
width: 100%;
margin-bottom: 20px;
}

.separator {
display: none;
}
}
.links{
color: black;
font-family: Verdana, Geneva, Tahoma, sans-serif;
text-decoration: none;
font-size: 15px;
}
.links:hover{
color: #8B0000;
}
h2,h3,h4{
color: #850606;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-weight: 100px;
}
.modes{
background-color: rgb(228, 224, 219);
text-align: center;
padding-top: 15px;
padding-bottom: 20px;
}
#about{
background-color: rgb(255, 255, 255);
color: rgb(0, 0, 0);
margin: 50px;
text-align:left;
padding: 50px;
margin-right: 50px;
padding-left: 50px;
font-size: 15px;
}


88 changes: 88 additions & 0 deletions html/CBCmode.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,88 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../css/styles.css">
<title>Hight Cipher</title>
</head>

<body>
<div class="toggle-container">
<button class="toggle-btn">&#9776; OPTIONS </button>
<div class="dropdown">
<div class="dropdown-content">
<a href="../index.html">HIGHT CLASSIC</a>
<a href="../html/ECBmode.html">ECB mode</a>
<a href="../html/CBCmode.html">CBC mode</a>
<a href="../html/plain_ECBmode.html">Plaintext ECB</a>
<a href="../html/plain_CBCmode.html">Plaintext CBC</a>
<a href="../html/about.html">About &amp; Reference</a>
</div>
</div>
</div>

<header class="header">
<h1 class="header-title">CBC MODE</h1>
</header>

<div class="container">
<div class="left-panel">
<h2>Encryption</h2>
<div class="input-group">
<label for="plaintext">Plain Text (64-bit hexadecimal):</label>
<input type="text" id="encryptPlainText" placeholder="Enter plaintext...">
</div>
<div class="input-group">
<label for="encryptKey">Key (128-bit hexadecimal):</label>
<input type="text" id="encryptKey" placeholder="Enter key...">
</div>
<button class="action-button" onclick="start_enc()">Encrypt</button>
<div class="display" id="encryptionResult"></div>
</div>

<div class="separator"></div>

<div class="right-panel">
<h2>Decryption</h2>
<div class="input-group">
<label for="ciphertext">Cipher Text (64-bit hexadecimal):</label>
<input type="text" id="cipherText" placeholder="Enter ciphertext...">
</div>
<div class="input-group">
<label for="decryptKey">Key (128-bit hexadecimal):</label>
<input type="text" id="decryptKey" placeholder="Enter key...">
</div>
<button class="action-button" onclick="start_dec()">Decrypt</button>
<div class="display" id="decryptionResult"></div>
</div>
</div>
<div class="about">
<center><div class="info-box">
<p>
<strong>Hight CBC Cipher Information</strong><br>
- The user input for the key should be 128 bits and in hexadecimal format.<br>
- The user input for plaintext or ciphertext can be of any length, both greater than or less than 64 bits, and in hexadecimal format.<br>
- Padding scheme used for this block cipher is “OneAndZeroes Padding”.
</p>

<p>
<strong>Hexadecimal Value Input</strong><br>
Hexadecimal values can be input with or without spaces between the characters.<br>
</p>

<p>
<strong>Example:</strong><br>
Key: 00112233445566778899aabbccddeeff<br>
Plaintext: 00000000000000002e<br>
Ciphertext: 00f418aed94f03f2ca5b4e9b9258aac3
</p>
</div>
</center></div>


<script src="../js/cbc.js"></script>
</body>

</html>
97 changes: 97 additions & 0 deletions html/ECBmode.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,97 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../css/styles.css">
<title>Hight Cipher</title>
</head>

<body>
<div class="toggle-container">
<button class="toggle-btn">&#9776; OPTIONS </button>
<div class="dropdown">
<div class="dropdown-content">
<a href="../index.html">HIGHT CLASSIC</a>
<a href="../html/ECBmode.html">ECB mode</a>
<a href="../html/CBCmode.html">CBC mode</a>
<a href="../html/plain_ECBmode.html">Plaintext ECB</a>
<a href="../html/plain_CBCmode.html">Plaintext CBC</a>
<a href="../html/about.html">About &amp; Reference</a>
</div>
</div>
</div>

<header class="header">
<h1 class="header-title">ECB MODE</h1>
</header>

<div class="container">
<div class="left-panel">
<h2>Encryption</h2>
<div class="input-group">
<label for="plaintext">Plain Text (64-bit hexadecimal):</label>
<input type="text" id="encryptPlainText" placeholder="Enter plaintext...">
</div>
<div class="input-group">
<label for="encryptKey">Key (128-bit hexadecimal):</label>
<input type="text" id="encryptKey" placeholder="Enter key...">
</div>
<button class="action-button" onclick="start_enc()">Encrypt</button>
<div class="display" id="encryptionResult"></div>
</div>

<div class="separator"></div>

<div class="right-panel">
<h2>Decryption</h2>
<div class="input-group">
<label for="ciphertext">Cipher Text (64-bit hexadecimal):</label>
<input type="text" id="cipherText" placeholder="Enter ciphertext...">
</div>
<div class="input-group">
<label for="decryptKey">Key (128-bit hexadecimal):</label>
<input type="text" id="decryptKey" placeholder="Enter key...">
</div>
<button class="action-button" onclick="start_dec()">Decrypt</button>
<div class="display" id="decryptionResult"></div>
</div>
</div>
<div class="about">
<center><div class="info-box">

<p>
<strong>Hight ECB Cipher Information</strong><br>
- The user input for the key should be 128 bit and in hexadecimal format.<br>
- The user input for plaintext or ciphertext can be of any length, both greater than or less than 64 bits, and in hexadecimal format.<br>
- A padding block has been added to ever plaintext encryption.<br>
- Padding scheme used for this block cipher is “OneAndZeroes Padding”.
</p>

<p>
<strong>Hexadecimal Value Input</strong><br>
Hexadecimal values can be input with or without spaces between the characters.<br>
</p>

<p>
<strong>Example:</strong><br>
Key: 00112233445566778899aabbccddeeff<br>
Plaintext: 0000000000000000<br>
Ciphertext: 00f418aed94f03f2
</p>

<p>
<strong>Hight ECB Example:</strong><br>
Key: 00112233445566778899aabbccddeeff<br>
Plaintext: 00000000000000002e<br>
Ciphertext: 00f418aed94f03f2a17ff6f60354dbc2
</p>
</div>
</center></div>


<script src="../js/ecb.js"></script>
</body>

</html>
Loading

0 comments on commit 62838b0

Please sign in to comment.