178 lines
10 KiB
HTML
178 lines
10 KiB
HTML
{% extends 'head.html' %}
|
|
|
|
{% load flatpages %}
|
|
{% load static %}
|
|
|
|
{% block body %}
|
|
<body x-data="search" x-ref="overflow" @keyup.escape="closeShowSearch">
|
|
<!-- SEARCH-BAR -->
|
|
<div class="fixed w-screen h-screen z-30 backdrop-blur-sm backdrop-saturate-50"
|
|
x-show="showSearch"
|
|
x-transition:enter="transition ease-out duration-300"
|
|
x-transition:enter-start="transform backdrop-blur-none backdrop-saturate-100"
|
|
x-transition:enter-end="transform backdrop-blur-sm backdrop-saturate-50"
|
|
x-transition:leave="transition ease-in duration-150"
|
|
x-transition:leave-start="transform backdrop-blur-sm backdrop-saturate-50"
|
|
x-transition:leave-end="transform backdrop-blur-none backdrop-saturate-100"
|
|
>
|
|
<form action="{% url 'search:index' %}" class="flex items-center opacity-90 gap-x-4 mt-[33vh] sm:max-w-md lg:max-w-lg xl:max-w-xl mx-4 sm:mx-auto py-2 px-4 shadow-lg dark:shadow-none bg-gray-200 dark:bg-gray-800 text-gray-800 dark:text-gray-200 rounded-lg dark:border-2 dark:border-gray-700"
|
|
@click.outside="closeShowSearch"
|
|
x-show="showSearch"
|
|
x-transition:enter="transition transform ease-out duration-300"
|
|
x-transition:enter-start="scale-0 opacity-0"
|
|
x-transition:enter-end="scale-100 opacity-90"
|
|
x-transition:leave="transition transform ease-in duration-150"
|
|
x-transition:leave-start="scale-100 opacity-90"
|
|
x-transition:leave-end="scale-0 opacity-0"
|
|
>
|
|
<input class="flex-grow bg-inherit text-inherit h-10 p-0 border-0 focus:outline-none focus:border-transparent focus:ring-0" type="search" name="q" placeholder="Nach Person, Artikel oder Fotoalbum suchen...">
|
|
<button type="submit" class="flex-none">
|
|
<i class="fa-solid fa-magnifying-glass text-gray-500 dark:text-gray-600"></i>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
<!-- NAVBAR -->
|
|
{% if not request.user.is_authenticated %}
|
|
<nav class="navBar-md" x-data="myNavBar">
|
|
{% else %}
|
|
<nav class="navBar-lg" x-data="myNavBar">
|
|
{% endif %}
|
|
<div>
|
|
<button class="searchbar-toggle"
|
|
@click.prevent="openShowSearch"
|
|
>
|
|
<i class="fa-solid fa-magnifying-glass"></i>
|
|
</button>
|
|
<a href="{% url 'home' %}">
|
|
<img src="{% static 'img/FET-Logo-2014_64_light.svg' %}" alt="FET-Logo" class="navbar-logo p-2 dark:hidden">
|
|
<img src="{% static 'img/FET-Logo-2014_64_dark.svg' %}" alt="FET-Logo" class="navbar-logo p-2 hidden dark:block">
|
|
</a>
|
|
<button class="navbar-toggle"
|
|
@click="toggleShowNavBar"
|
|
>
|
|
<i class="fa-solid fa-bars"></i>
|
|
</button>
|
|
{% if not request.user.is_authenticated %}
|
|
<ul id="navBarContent" class="navbar-content" x-show="getShowNavBarMd" x-collapse.min.0px>
|
|
{% else %}
|
|
<ul id="navBarContent" class="navbar-content" x-show="getShowNavBarLg" x-collapse.min.0px>
|
|
{% endif %}
|
|
<li class="{% if 'posts' in request.path %}active{% endif %}"><a href="{% url 'posts:index' %}">News</a></li>
|
|
<li class="{% if 'members' in request.path %}active{% endif %}"><a href="{% url 'members:index' %}">Fachschaft</a></li>
|
|
<li class="{% if 'gallery' in request.path %}active{% endif %}"><a href="{% url 'gallery:index' %}">Galerie</a></li>
|
|
<li class="{% if 'jobs' in request.path %}active{% endif %}"><a href="{% url 'blackboard:index' %}">Jobs</a></li>
|
|
|
|
{% get_flatpages '/kontakt/' as pages %}
|
|
{% if pages %}
|
|
<li class="{% if '/kontakt/' in request.path %}active{% endif %}"><a href="{{ pages.first.url }}">{{ pages.first.title }}</a></li>
|
|
{% endif %}
|
|
|
|
<li class="visible-expandedOnly"><button @click.prevent="openShowSearch"><span class="hidden md:inline"><i class="fa-solid fa-magnifying-glass"></i></span></button></li>
|
|
|
|
<li class="visible-expandedOnly">
|
|
<button class="theme-toggle">
|
|
<span id="theme-icon-when-auto">
|
|
<i class="fa-solid fa-circle-half-stroke"></i>
|
|
</span>
|
|
<span id="theme-icon-when-dark">
|
|
<i class="fa-solid fa-moon"></i>
|
|
</span>
|
|
<span id="theme-icon-when-light">
|
|
<i class="fa-solid fa-sun"></i>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
{% if not request.user.is_authenticated %}
|
|
<li><a href="{% url 'authentications:login' %}?next={{ request.path }}">Anmelden</a></li>
|
|
{% else %}
|
|
<hr class="border-proprietary">
|
|
<div href="#" class="navbar-subcontent"
|
|
x-data="PopupNav"
|
|
@click.outside="closeShowPopupNav"
|
|
>
|
|
<div class="navbar-subcontentButton">
|
|
<a class="rounded-l" href="#"
|
|
@click="toggleShowPopupNav"
|
|
>
|
|
{% if request.user.first_name %}
|
|
Hallo {{ request.user.first_name }}
|
|
{% else %}
|
|
Hallo {{ request.user.username }}
|
|
{% endif %}
|
|
</a>
|
|
<a class="rounded-r" href="{% url 'authentications:logout' %}?next={{ request.path }}"><i class="fa-solid fa-power-off"></i></a>
|
|
</div>
|
|
<div class="navbar-subcontentList"
|
|
x-show="getShowPopupNavLg"
|
|
x-transition:enter="transition ease-out duration-300"
|
|
x-transition:enter-start="transform origin-top opacity-0 scale-95"
|
|
x-transition:enter-end="transform origin-top opacity-100 scale-100"
|
|
x-transition:leave="transition ease-in duration-150"
|
|
x-transition:leave-start="transform origin-top opacity-100 scale-100"
|
|
x-transition:leave-end="transform origin-top opacity-0 scale-95"
|
|
>
|
|
<li class="navInternal"><a href="{% url 'admin:index' %}"><i class="fa-fw fa-solid fa-user-secret mr-2"></i>Admin</a></li>
|
|
<li class="navInternal"><a href="{% url 'tasks:index' %}"><i class="fa-fw fa-solid fa-list-check mr-2"></i>Tasks</a></li>
|
|
<li class="navInternal"><a href="{% url 'intern:index' %}"><i class="fa-fw fa-solid fa-database mr-2"></i>Intern</a></li>
|
|
<li class="navInternal"><a href="https://legacy.fet.at/home/intern"><i class="fa-fw fa-solid fa-box-archive mr-2"></i>Legacy</a></li>
|
|
<li class="navInternal"
|
|
x-show="!getScreenLg"
|
|
><a href="{% url 'authentications:logout' %}?next={{ request.path }}"><i class="fa-fw fa-solid fa-power-off mr-2"></i>Abmelden</a></li>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
{% 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">
|
|
<span x-ref="countFour">Handcrafted </span>
|
|
<span x-ref="countFive">with </span>
|
|
<i class="fa-solid fa-heart text-red-600 hover:text-red-700" aria-label="love" @click="increment" x-ref="countTwo"></i>
|
|
<span x-ref="countSix"> by</span>
|
|
<span class="font-normal" x-ref="countThree"> FET</span>
|
|
</div>
|
|
|
|
<script src="{% static 'js/alpine-csp.js' %}"></script>
|
|
<script src="{% static 'js/dark-mode.js' %}"></script>
|
|
|
|
<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/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>
|
|
</body>
|
|
{% endblock %}
|