summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorDante Catalfamo2020-07-03 16:29:54 -0400
committerDante Catalfamo2020-07-03 16:29:54 -0400
commitc9a48c8fefc001f622337cc235c349f8802263ff (patch)
tree48ede0abd0b44d3186ff66a0fa423cc2e3e2d891
parent5384d0dc9f549a243f9e9825bdab6f8e8a68fc27 (diff)
downloadhomepage-c9a48c8fefc001f622337cc235c349f8802263ff.tar.gz
homepage-c9a48c8fefc001f622337cc235c349f8802263ff.tar.bz2
homepage-c9a48c8fefc001f622337cc235c349f8802263ff.zip
Add colour to braille chars
-rw-r--r--public/braille.js1
-rw-r--r--public/style.css1
2 files changed, 2 insertions, 0 deletions
diff --git a/public/braille.js b/public/braille.js
index fe81c6e..956b42a 100644
--- a/public/braille.js
+++ b/public/braille.js
@@ -64,4 +64,5 @@ const br = document.getElementById("braille");
let frame = HEIGHT;
const interval = setInterval(() => {
br.innerHTML = renderFunction(board, fun, frame++);
+ br.style = `color: hsl(${frame*2%360}, 100%, 65%)`;
}, 50);
diff --git a/public/style.css b/public/style.css
index aa2dc16..fd93835 100644
--- a/public/style.css
+++ b/public/style.css
@@ -6,6 +6,7 @@ body {
#braille {
line-height: .92;
border: 1px solid white;
+ font-weight: 900;
}
.bigguy {
display: flex;