diff options
Diffstat (limited to 'design/templates/base.html')
| -rw-r--r-- | design/templates/base.html | 28 |
1 files changed, 24 insertions, 4 deletions
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> |