bofh/fet2020
8
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fix modal

Browse Source
This commit is contained in:
Patrick Mayr
2022-01-05 22:48:43 +00:00
parent 31c45cce7e
commit ce8c121df7
1 changed files with 24 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
fet2020/templates/base.html
View File

@@ -44,7 +44,7 @@
{% endblock %}
</head>
<body>
<body x-data="{ showModal: false }" :class="{ 'overflow-y-hidden sm:overflow-y-auto': showModal }">
<!-- NAVBAR -->
<nav class="navbar" x-data="{ showNavBar: false }">
<div>
@@ -141,12 +141,32 @@
<p class="mt-4 uppercase text-center text-sm sm:text-base">© {% now 'Y' %} FET - Alle Rechte vorbehalten.</p>
</footer>
<div class="text-center p-2 bg-gray-800 text-gray-400 font-light" x-data="{ counter: 0 }">
<span :class="counter>=4 && 'text-purple-300'">Handcrafted </span><span :class="counter>=5 && 'text-green-400'">with </span><i class="fa-solid fa-heart" aria-label="love" @click="counter++" :class="counter>=2 ? 'text-proprietary hover:text-proprietary-dark' : 'text-red-600 hover:text-red-700'"></i><span :class="counter>=6 && 'text-pink-400'"> by</span><span class="font-normal" :class="counter>=3 && 'text-yellow-500'"> Matteo Duchscher</span>
<span :class="counter>=4 && 'text-purple-300'">Handcrafted </span>
<span :class="counter>=5 && 'text-green-400'">with </span>
<i class="fa-solid fa-heart" aria-label="love" @click="counter++" :class="counter>=2 ? 'text-proprietary hover:text-proprietary-dark' : 'text-red-600 hover:text-red-700'"></i>
<span :class="counter>=6 && 'text-pink-400'"> by</span>
<span class="font-normal" :class="counter>=3 && 'text-yellow-500'"> Matteo Duchscher</span>
</div>
<script async src="{% static 'js/alpinejs@3.2.2.js' %}" defer></script>
<script src="{% static 'js/gumshoe@5.1.1.js' %}"></script>
<script src="{% static 'js/smooth-scroll@16.1.2.js' %}"></script>
<script src="{% static 'js/toolkit-screen@1.0.0.js' %}" defer></script>
<script defer src="{% static 'js/alpinejs@3.2.2.js' %}"></script>
<script async="async" src="{% static 'js/scripts.js' %}"></script>
<script>
var spy = new Gumshoe('#scrollspy-subNav a', {
/***** Scrollspy *****/ // Active classes
navClass: 'active', // applied to the nav list item
});
/***** SmoothScroll *****/ // All animations will take exactly 500ms
var scroll = new SmoothScroll('a[href*="#"]', {
speed: 750,
speedAsDuration: true,
easing: 'easeInOutQuad'
});
</script>
</body>
</html>