rebuild demo site

no-chris · Sep 27, 2019 · 2f3645f · 2f3645f
1 parent 0f70a87
commit 2f3645f
Show file tree

Hide file tree

Showing 7 changed files with 23 additions and 4 deletions.
diff --git a/docs/chord-symbol.js b/docs/chord-symbol.js
diff --git a/docs/chord-symbol.js.map b/docs/chord-symbol.js.map
diff --git a/docs/css/style.css b/docs/css/style.css
@@ -72,3 +72,8 @@ input {
     margin-top: 32px;
     text-align: left;
 }
+
+.showcase {
+    text-align: left;
+    font-size: 0.8em;
+}
diff --git a/docs/index.html b/docs/index.html
@@ -49,6 +49,15 @@
             </div>
         </div>
 
+        <div class="showcase">
+            <h2>Integration examples</h2>
+            <p>Please find below examples of how <i>Chord-symbol</i> can be used with other libs. If you want your library to be featured here, feel free to <a href="https://github.com/no-chris/chord-symbol/">submit a PR</a>.</p>
+            <h3>Custom piano keys</h3>
+            <p>A web component for creating custom HTML elements that depict piano keys. <a href="https://github.com/jutunen/custom-piano-keys">https://github.com/jutunen/custom-piano-keys</a>.</p>
+            <p><i>Chord-symbol</i> output data is used as an input to <i>Custom piano keys</i>.</p>
+            <div data-output="pianokeys"></div>
+        </div>
+
     </div>
 </div>
 <script type="text/javascript" src="chord-symbol.js"></script><script type="text/javascript" src="chord-symbol.js"></script></body>

diff --git a/lib/chord-symbol.js b/lib/chord-symbol.js
diff --git a/lib/chord-symbol.js.map b/lib/chord-symbol.js.map
diff --git a/package-lock.json b/package-lock.json