dogeystamp/encryptme
1
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

made header a template

Browse Source 
encryptme title is now a link to home too
This commit is contained in:
dogeystamp 2023-01-28 16:08:13 -05:00
parent 0e0ac98c84
commit 5dba3f8675
Signed by: dogeystamp
GPG Key ID: 7225FE3592EFFA38
4 changed files with 24 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
aes.html
View File

@ -3,14 +3,14 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="style.css">
<title>encryptme: Simple AES encryption/decryption</title>
<meta name="description" content="Easy to use and simple online tool for AES encryption and decryption. <meta name="description" content="Easy to use and simple online tool for AES encryption and decryption.
Advanced settings allow control over the IV, AES mode, and PBKDF2 parameters."> Advanced settings allow control over the IV, AES mode, and PBKDF2 parameters.">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>encryptme: Simple AES encryption/decryption</title>
<link rel="stylesheet" href="style.css">
</head> </head>
<body> <body>
<h1>encryptme</h1> <script src="scripts/header-template.js"></script>
<h1>AES</h1> <h1>AES</h1>
<script src="scripts/interface.js"></script> <script src="scripts/interface.js"></script>
<script src="scripts/aes.js"></script> <script src="scripts/aes.js"></script>

6
index.html
View File

@ -3,13 +3,13 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Easy to use and simple online tools for encryption and decryption.">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>encryptme</title>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<title>encryptme</title>
<meta name="description" content="Easy to use and simple online tools for encryption and decryption.">
</head> </head>
<body> <body>
<h1>encryptme</h1> <script src="scripts/header-template.js"></script>
<h2>Tools</h2> <h2>Tools</h2>
<h3>Encryption/decryption</h3> <h3>Encryption/decryption</h3>
<a href="aes.html">AES</a> <a href="aes.html">AES</a>

8
scripts/header-template.js Normal file
View File

@ -0,0 +1,8 @@
header = document.createElement("div");
header.classList.add("page-header");
header.innerHTML = `
<a href="index.html"><h1>encryptme</h1></a>
`
document.body.appendChild(header);

9
style.css
View File

@ -127,6 +127,11 @@ button:active {
background: #0077ff44; background: #0077ff44;
} }
.page-header a {
color: #000000;
text-decoration: none;
}
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
body { body {
color: #c9d1d9; color: #c9d1d9;
@ -149,6 +154,10 @@ button:active {
background: #1d2127; background: #1d2127;
color: #c9d1d9; color: #c9d1d9;
} }
.page-header a {
color: #c9d1d9;
}
} }
[hidden] { [hidden] {