docs: make the 'wave' demo the default one

It's my favorite and I want to lead out with something impressive.
bryanbraun · Jun 24, 2020 · fbe3d51 · fbe3d51
1 parent 95b6bd9
commit fbe3d51
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/docs/js/demobox.js b/docs/js/demobox.js
@@ -43,7 +43,7 @@ function buildDemo(demoName) {
 
 function init() {
   cbl = new Checkboxland({ dimensions: '44x15' });
-  buildDemo('marquee');
+  buildDemo('wave');
 
   document.forms.demoboxForm.addEventListener('change', function handleDemoChange(e) {
     if (e.target.name === 'demoRadios') {

diff --git a/index.html b/index.html
@@ -81,7 +81,12 @@ <h3 class="demo-title">Demos</h3>
 
         <form id="demoboxForm" class="demobox-form">
           <!-- note: the image thumbnails show a screenshot of a 34x15 grid captured in Safari -->
-          <input type="radio" id="marquee-demo" class="visuallyhidden" name="demoRadios" value="marquee" checked="true" />
+          <input type="radio" id="wave-demo" class="visuallyhidden" name="demoRadios" value="wave" checked="true" />
+          <label for="wave-demo" class="demo-option">
+            <span class="demo-name">Wave</span>
+            <img class="demo-thumbnail" src="docs/img/demo-wave.png" />
+          </label>
+          <input type="radio" id="marquee-demo" class="visuallyhidden" name="demoRadios" value="marquee" />
           <label for="marquee-demo" class="demo-option">
             <span class="demo-name">Marquee</span>
             <img class="demo-thumbnail" src="docs/img/demo-marquee.png" />
@@ -116,11 +121,6 @@ <h3 class="demo-title">Demos</h3>
             <span class="demo-name">QR Code</span>
             <img class="demo-thumbnail" src="docs/img/demo-qr-code.png" />
           </label>
-          <input type="radio" id="wave-demo" class="visuallyhidden" name="demoRadios" value="wave" />
-          <label for="wave-demo" class="demo-option">
-            <span class="demo-name">Wave</span>
-            <img class="demo-thumbnail" src="docs/img/demo-wave.png" />
-          </label>
         </form>
       </div>