move body, footer and scripts files to base

This commit is contained in:
2022-06-06 21:35:19 +00:00
parent afb35815f6
commit b49883f7bc
4 changed files with 125 additions and 142 deletions

View File

@@ -1,9 +1,10 @@
{% extends 'footer.html' %}
{% extends 'head.html' %}
{% load flatpages %}
{% load static %}
{% block base %}
{% block body %}
<body x-data="{ showModal: false }" :class="{ 'overflow-y-hidden sm:overflow-y-auto': showModal }">
<!-- NAVBAR -->
<nav class="navbar" x-data="{ showNavBar: false }">
<div>
@@ -72,4 +73,63 @@
{% block content %}
{% endblock %}
<footer>
<ul class="icon-list">
<li>
<a href="{% url 'facebook' %}"><i class="fa-brands fa-facebook"></i></a>
</li>
<li>
<a href="{% url 'instagram' %}"><i class="fa-brands fa-instagram"></i></a>
</li>
<li>
<a href="{% url 'discord' %}"><i class="fa-brands fa-discord"></i></a>
</li>
<li>
<a href="{% url 'telegram' %}"><i class="fa-brands fa-telegram"></i></a>
</li>
<li>
<a href="mailto:service@fet.at"><i class="fa-solid fa-envelope"></i></a>
</li>
</ul>
{% get_flatpages '/impressum/' as pages %}
{% if pages %}
<div class="legal">
<a href="{{ pages.first.url }}" class="text-center text-sm sm:text-base">{{ pages.first.title }}</a>
</div>
{% endif %}
<hr class="legal-divider">
<p class="copyright">© {% now 'Y' %} FET - Alle Rechte vorbehalten.</p>
</footer>
<div class="super-duper-awesome-signature" 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'"> FET</span>
</div>
<script src="{% static 'js/gumshoe@5.1.1.js' %}"></script>
<script src="{% static 'js/smooth-scroll@16.1.2.js' %}"></script>
<script defer src="{% static 'js/vendor.js' %}"></script>
<script defer src="{% static 'js/scripts.js' %}"></script>
<!-- Prism.js Code syntax highlighting -->
<script src="{% static 'js/prism-core@1.25.0.js' %}"></script>
<script src="{% static 'js/prism-autoloader@1.25.0.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>
{% endblock %}

View File

@@ -1,13 +0,0 @@
{% extends 'head.html' %}
{% block body %}
<body x-data="{ showModal: false }" :class="{ 'overflow-y-hidden sm:overflow-y-auto': showModal }">
{% block base %}
{% endblock %}
{% block footer %}
{% endblock %}
{% include 'scripts.html' %}
</body>
{% endblock %}

View File

@@ -1,40 +0,0 @@
{% extends 'body.html' %}
{% load flatpages %}
{% block footer %}
<footer>
<ul class="icon-list">
<li>
<a href="{% url 'facebook' %}"><i class="fa-brands fa-facebook"></i></a>
</li>
<li>
<a href="{% url 'instagram' %}"><i class="fa-brands fa-instagram"></i></a>
</li>
<li>
<a href="{% url 'discord' %}"><i class="fa-brands fa-discord"></i></a>
</li>
<li>
<a href="{% url 'telegram' %}"><i class="fa-brands fa-telegram"></i></a>
</li>
<li>
<a href="mailto:service@fet.at"><i class="fa-solid fa-envelope"></i></a>
</li>
</ul>
{% get_flatpages '/impressum/' as pages %}
{% if pages %}
<div class="legal">
<a href="{{ pages.first.url }}" class="text-center text-sm sm:text-base">{{ pages.first.title }}</a>
</div>
{% endif %}
<hr class="legal-divider">
<p class="copyright">© {% now 'Y' %} FET - Alle Rechte vorbehalten.</p>
</footer>
<div class="super-duper-awesome-signature" 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'"> FET</span>
</div>
{% endblock %}

View File

@@ -1,24 +0,0 @@
{% load static %}
<script src="{% static 'js/gumshoe@5.1.1.js' %}"></script>
<script src="{% static 'js/smooth-scroll@16.1.2.js' %}"></script>
<script defer src="{% static 'js/vendor.js' %}"></script>
<script defer src="{% static 'js/scripts.js' %}"></script>
<!-- Prism.js Code syntax highlighting -->
<script src="{% static 'js/prism-core@1.25.0.js' %}"></script>
<script src="{% static 'js/prism-autoloader@1.25.0.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>