From 5dba3f8675c4d60a9231fdd9eac533dd863c9ee1 Mon Sep 17 00:00:00 2001 From: dogeystamp Date: Sat, 28 Jan 2023 16:08:13 -0500 Subject: [PATCH] made header a template encryptme title is now a link to home too --- aes.html | 8 ++++---- index.html | 6 +++--- scripts/header-template.js | 8 ++++++++ style.css | 9 +++++++++ 4 files changed, 24 insertions(+), 7 deletions(-) create mode 100644 scripts/header-template.js diff --git a/aes.html b/aes.html index f288ba6..f1bc126 100644 --- a/aes.html +++ b/aes.html @@ -3,14 +3,14 @@ + + + encryptme: Simple AES encryption/decryption - - encryptme: Simple AES encryption/decryption - -

encryptme

+

AES

diff --git a/index.html b/index.html index 6c1b4b2..61a49b2 100644 --- a/index.html +++ b/index.html @@ -3,13 +3,13 @@ - - encryptme + encryptme + -

encryptme

+

Tools

Encryption/decryption

AES diff --git a/scripts/header-template.js b/scripts/header-template.js new file mode 100644 index 0000000..0c2545b --- /dev/null +++ b/scripts/header-template.js @@ -0,0 +1,8 @@ +header = document.createElement("div"); +header.classList.add("page-header"); + +header.innerHTML = ` +

encryptme

 +` + +document.body.appendChild(header); diff --git a/style.css b/style.css index c417b5c..63c73f0 100644 --- a/style.css +++ b/style.css @@ -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] {