made header a template
encryptme title is now a link to home too
This commit is contained in:
parent
0e0ac98c84
commit
5dba3f8675
8
aes.html
8
aes.html
@ -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>
|
||||
|
@ -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>
|
||||
|
8
scripts/header-template.js
Normal file
8
scripts/header-template.js
Normal 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);
|
@ -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] {
|
||||
|
Loading…
Reference in New Issue
Block a user