Setup quick-start menu.

lautr3k · Apr 7, 2019 · 5f7dc48c6cd5bce45fa9ddbd93b2c06fb627b28b · 5f7dc48
1 parent cc569d9
commit 5f7dc48c6cd5bce45fa9ddbd93b2c06fb627b28b
Unified Split

Showing with 11 additions and 1 deletion.

+4 −0 css/m3rlin.css

+2 −1 index.html

+5 −0 js/m3rlin.js
diff --git a/css/m3rlin.css b/css/m3rlin.css
@@ -53,3 +53,7 @@
   color: white;
   border: 5px solid orange;
 }
+
+#quick-confirm {
+  display: none;
+}
diff --git a/index.html b/index.html
@@ -688,9 +688,10 @@ <h4>Built with <a href="https://github.com/lautr3k/SLAcer.js">SLAcer.js</a></h4>
             </button> -->
           </div>
           <div class="modal-body">
+              <div id="quick-confirm">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius, sapiente?</div>
             <div class="m3rlin-options">
 
-                <button class="m3rlin-btn">Quick Start</button>
+                <button class="m3rlin-btn" id="quick">Quick Start</button>
                 <button class="m3rlin-btn" id="settings">Settings</button>
                 <button class="m3rlin-btn">About</button>
 

diff --git a/js/m3rlin.js b/js/m3rlin.js
@@ -10,4 +10,9 @@ $(document).ready(function() {
     // $('#hide').css({ display: 'block' });
     $('#hide').fadeIn('slow');
   });
+
+  $('#quick').click(function() {
+    $('#quick-confirm').fadeIn('slow');
+    $('.m3rlin-options').css({ display: 'none' });
+  });
 });