From ade8faa2dc192852904b1e1084c94a10d4bf86a9 Mon Sep 17 00:00:00 2001
From: ryan <ryan@binarydad.com>
Date: Mon, 19 Jul 2021 22:54:16 -0400
Subject: [PATCH] cleanup of button toggle

---
 BinaryDad.Coding/Pages/Shared/_Layout.cshtml |  2 +-
 BinaryDad.Coding/wwwroot/css/site.css        | 12 ++++++++++--
 BinaryDad.Coding/wwwroot/js/hub.js           | 10 +++++++---
 3 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/BinaryDad.Coding/Pages/Shared/_Layout.cshtml b/BinaryDad.Coding/Pages/Shared/_Layout.cshtml
index ec980d7..c1654dc 100644
--- a/BinaryDad.Coding/Pages/Shared/_Layout.cshtml
+++ b/BinaryDad.Coding/Pages/Shared/_Layout.cshtml
@@ -18,7 +18,7 @@
             <div class="collapse navbar-collapse right">
                 <ul class="navbar-nav ml-auto">
                     <li class="nav-item">
-                        <span class="navbar-text btn" id="live-mode-status"></span>
+                        <div class="navbar-text btn font-italic" id="live-mode-status">With <strong>Live Mode</strong> enabled, anything the teacher types will show in your editor</div>
                     </li>
                     <li class="nav-item">
                         <a class="nav-link btn" id="live-mode-link" href="#live">Live Mode</a>
diff --git a/BinaryDad.Coding/wwwroot/css/site.css b/BinaryDad.Coding/wwwroot/css/site.css
index 0ca67e3..dd153fb 100644
--- a/BinaryDad.Coding/wwwroot/css/site.css
+++ b/BinaryDad.Coding/wwwroot/css/site.css
@@ -6,6 +6,14 @@
     height: 600px;
 }
 
-textarea {
+textarea, .navbar-brand {
     font-family: 'Roboto Mono', monospace;
-}
\ No newline at end of file
+}
+
+.navbar-brand {
+    font-size: 26px;
+}
+
+#live-mode-status {
+    display: none;
+}
diff --git a/BinaryDad.Coding/wwwroot/js/hub.js b/BinaryDad.Coding/wwwroot/js/hub.js
index f020730..494bdbc 100644
--- a/BinaryDad.Coding/wwwroot/js/hub.js
+++ b/BinaryDad.Coding/wwwroot/js/hub.js
@@ -6,15 +6,20 @@
     let isLive = false;
 
     let isLiveMode = function () {
+
         isLive = window.location.hash === '#live';
 
         $liveModeLink
             .toggleClass('btn-success text-white', isLive)
             .attr('href', isLive ? '#' : '#live');
 
-        $liveModeStatus.html(isLive ? 'Anything the teacher types will show in your editor' : 'You can mess around all you like!');
+        if (isLive) {
+            $liveModeStatus.fadeIn();
+        } else {
+            $liveModeStatus.fadeOut();
+        }
 
-        console.log('live mode: ' + isLive);
+        
     };
 
     let isTeacher = window.location.hash === '#teacher';
@@ -29,7 +34,6 @@
         //window.location.hash = '#';
         $liveModeLink.hide();
         $liveModeStatus.hide();
-        console.log('teacher mode active');
     }
 
     let $editors = $('.ace_editor');