From d12a5a018faf9cba5a19ebb1bda79ad2ffbbd69f Mon Sep 17 00:00:00 2001
From: luxagraf <sng@luxagraf.net>
Date: Mon, 19 Nov 2018 11:52:49 -0600
Subject: updated requirements, rolled in style changes and js

---
 design/templates/base.html | 28 ++++++++++++++++++++++++----
 1 file changed, 24 insertions(+), 4 deletions(-)

(limited to 'design/templates/base.html')

diff --git a/design/templates/base.html b/design/templates/base.html
index 45291d0..6b6ef8c 100644
--- a/design/templates/base.html
+++ b/design/templates/base.html
@@ -27,10 +27,10 @@
     <nav class="right">
         <ul>
             <li><a href="{% url 'pages' slug='tour' %}" title="">Tour</a></li>
-            <li><a href="{% url 'pages' slug='howto' %}" title="">How to</a></li>
-            <li><a href="{% url 'logout' %}" title="">Log out</a></li>{% if request.user %}
-            <li><a href="{% url 'settings' %}" title="">Account</a></li>{% else %}
-            <li><a href="{% url 'login' %}" title="">Login</a></li>
+            <li><a href="{% url 'pages' slug='howto' %}" title="">How to</a></li>{% if not request.user.is_anonymous %}
+            <li><a href="{% url 'settings' %}" title="">Account</a></li>
+            <li><a href="{% url 'logout' %}" title="">Log out</a></li>{% else %}
+            <li><a href="{% url 'login' %}" title="" id="overlay-trigger" data-element="#js-overlay-content">Login</a></li>
             <li><a href="{% url 'django_registration_register' %}" title="" class="btn">Get Started</a></li>{% endif %}
         </ul>
     </nav>
@@ -53,4 +53,24 @@
         </ul>
     </nav>
     </footer>
+    {% block extra %}
+    {%endblock%}
+<script async src="/media/js/package.min.js"></script>
+<script>
+// Waiting for the DOM to load
+document.addEventListener("DOMContentLoaded", function () {
+  // Select your overlay trigger
+  var trigger = document.querySelector('#overlay-trigger');
+  trigger.addEventListener('click', function(e){
+    e.preventDefault();
+    novicell.overlay.create({
+      'selector': trigger.getAttribute('data-element'),
+      'class': 'selector-overlay',
+      "onCreate": function() { console.log('created'); },
+      "onLoaded": function() { console.log('loaded'); },
+      "onDestroy": function() { console.log('Destroyed'); }
+    });
+  });
+});
+</script>
 </body>
-- 
cgit v1.2.3