This is a Musical Instrument Tuner for web browsers. You can see it in action here.
The rest of this text describes the entire code in Literate Programming. It was made using Org Mode for Emacs.
This is the basic structure of the page linked above, coded in index.html.
index.html ≡
<!DOCTYPE html>
<html lang="en">
<<head Block>>
<<body Block>>
</html>In the <<head Block>> we’ll be doing some configurations chores (page title, charset, style).
<<head Block>>≡
<head>
<meta charset="UTF-8">
<title>Tuner</title>
<link rel="stylesheet" href="style.css">
</head>