Skip to content

Instantly share code, notes, and snippets.

@harunpehlivan

harunpehlivan/index.html

Created July 20, 2021 07:47
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save harunpehlivan/2a4808476b577da72625dd586e2a178a to your computer and use it in GitHub Desktop.
Save harunpehlivan/2a4808476b577da72625dd586e2a178a to your computer and use it in GitHub Desktop.
Download ZIP
Piano Chords
Raw
index.html
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>Piano Chords</title>
<link rel='stylesheet' href='https://rawgit.com/techpush/piano-chords/master/docs/css/main.css'>
</head>
<body>
<!-- partial:index.partial.html -->
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Piano Chords</title><link rel="icon" type="image/png" href="https://res.cloudinary.com/tercuman-b-l-m-merkez/image/upload/v1606077286/favicon_bi8c66.png"><link rel="stylesheet" type="text/css" href="css/main.css?rev=ORNY0DUoIhn2BXmPQkAPe1uabVJ76kkK"></head><body><header class="header"><h1 class="header__title">Piano Chords</h1><a href="https://github.com/harunpehlivan" target="_blank" title="Go to GitHub repo"><i class="icon-github-circled"></i></a></header><main class="main"><div class="card"><div class="keyboard"><div class="octave" octave="3"><div class="key white c" key="c"></div><div class="key black cs" key="c#"></div><div class="key white d" key="d"></div><div class="key black ds" key="d#"></div><div class="key white e" key="e"></div><div class="key white f" key="f"></div><div class="key black fs" key="f#"></div><div class="key white g" key="g"></div><div class="key black gs" key="g#"></div><div class="key white a" key="a"></div><div class="key black as" key="a#"></div><div class="key white b" key="b"></div></div><div class="octave" octave="4"><div class="key white c" key="c"></div><div class="key black cs" key="c#"></div><div class="key white d" key="d"></div><div class="key black ds" key="d#"></div><div class="key white e" key="e"></div><div class="key white f" key="f"></div><div class="key black fs" key="f#"></div><div class="key white g" key="g"></div><div class="key black gs" key="g#"></div><div class="key white a" key="a"></div><div class="key black as" key="a#"></div><div class="key white b" key="b"></div></div></div></div><div class="card info-board"><div class="left"><select class="big" id="scaleList"></select><select id="scaleType"><option value="major">Major</option><option value="minor">Minor</option></select></div><div class="center"><span id="chordList"></span></div><div class="right"><span class="play"></span></div></div></main><script type="text/javascript" src="js/main.js?rev=ORNY0DUoIhn2BXmPQkAPe1uabVJ76kkK"></script></body></html>
<!-- partial -->
<script src='https://rawgit.com/techpush/piano-chords/master/docs/js/main.js'></script>
</body>
</html>
Raw
scripts
<script src="https://rawgit.com/techpush/piano-chords/master/docs/js/main.js"></script>
Raw
styles
<link href="https://rawgit.com/techpush/piano-chords/master/docs/css/main.css" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment