made header a template

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

View File

@ -3,14 +3,14 @@
<head>
<meta charset="UTF-8">
<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.
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>
<body>
<h1>encryptme</h1>
<script src="scripts/header-template.js"></script>
<h1>AES</h1>
<script src="scripts/interface.js"></script>
<script src="scripts/aes.js"></script>

View File

@ -3,13 +3,13 @@
<head>
<meta charset="UTF-8">
<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">
<title>encryptme</title>
<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>
<body>
<h1>encryptme</h1>
<script src="scripts/header-template.js"></script>
<h2>Tools</h2>
<h3>Encryption/decryption</h3>
<a href="aes.html">AES</a>

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);

View File

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