Browse Source

Fix to display mode, added bird icon to header

Nathan Schneider 5 years ago
parent
commit
a6a2a9e45b
2 changed files with 10 additions and 5 deletions
  1. 2 0
      _includes/header.html
  2. 8 5
      _layouts/rule.html

+ 2 - 0
_includes/header.html

@@ -3,6 +3,8 @@
   <div class="wrapper">
 
     <a class="site-title" href="{{ site.baseurl }}/">{{ site.title }}</a>
+    <img src="{% link assets/bird-icon.png %}" alt="bird icon"
+         style="height:40px; padding: 5px 0 0 10px;" />
 
     <nav class="site-nav">
       <a href="#" class="menu-icon">

+ 8 - 5
_layouts/rule.html

@@ -69,7 +69,7 @@ layout: default
   padding: 5px;
   font-size: 1.2em;
 }
-#displayModeToggle {
+#toggleDisplayMode {
   clear: both;
   border: 1px solid gray;
   color: gray;
@@ -139,20 +139,23 @@ layout: default
   }
 
   var displayMode = false;
-  function displayModeToggle() {
+  function toggleDisplayMode() {
       if (displayMode == false) {
+          editMode = true;
+          toggleEditMode(); // turns off editMode
           classDisplayAll("site-header","none");
           classDisplayAll("post-header","none");
           classDisplayAll("explanatory","none");
           classDisplayAll("site-footer","none");
-          document.getElementById("displayModeToggle").innerHTML = "Edit";
+          document.getElementById("toggleDisplayMode").innerHTML = "Edit";
           displayMode = true;
       } else {
+          toggleEditMode() // turns on editMode
           classDisplayAll("site-header","block");
           classDisplayAll("post-header","block");
           classDisplayAll("explanatory","block");
           classDisplayAll("site-footer","block");
-          document.getElementById("displayModeToggle").innerHTML = "Display";
+          document.getElementById("toggleDisplayMode").innerHTML = "Display";
           displayMode = false;
       }
   }
@@ -290,6 +293,6 @@ layout: default
 
   <p class="explanatory">When you're finished, use the button below and print, copy/paste, or save your Rule to where your community can keep track of it and edit it in the future.</p>
   
-  <button id="displayModeToggle" onclick="displayModeToggle()">Display</button>
+  <button id="toggleDisplayMode" onclick="toggleDisplayMode()">Display</button>
     
 </article>