185 lines
9.2 KiB
HTML
185 lines
9.2 KiB
HTML
{% load static %}
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>FET: Startseite</title>
|
|
|
|
<meta name="author" content="Fachschaft Elektrotechnik (FET)">
|
|
<meta name="description" content="Die Fachschaft Elektrotechnik besteht aus ET Studierenden, die sich um die Anliegen der Studenten und Studentinnen kümmern.">
|
|
<meta property="og:image" content="#"> <!--og:... = Facebook metadata-->
|
|
<meta property="og:description" content="Die Fachschaft Elektrotechnik besteht aus ET Studierenden, die sich um die Anliegen der Studenten und Studentinnen kümmern.">
|
|
<meta property="og:title" content="Fachschaft Elektrotechnik (FET)">
|
|
<meta name="twitter:title" content="Fachschaft Elektrotechnik (FET)">
|
|
<meta name="theme-color" content="#006599">
|
|
<!-- third-generation iPad with high-resolution Retina display: -->
|
|
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="#">
|
|
<!-- iPhone with high-resolution Retina display: -->
|
|
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="#">
|
|
<!-- first- and second-generation iPad: -->
|
|
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="#">
|
|
<!-- non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
|
|
<link rel="apple-touch-icon-precomposed" href="#">
|
|
<!-- basic favicon -->
|
|
<link rel="icon" href="#">
|
|
<link rel="shortcut icon" type="image/png" href="{% static 'img/fet_logo_white.png' %}">
|
|
|
|
<link rel="stylesheet" href="{% static 'styles.css' %}">
|
|
<!-- FontAwesome Kit -->
|
|
<!--<script src="https://kit.fontawesome.com/fb26f70535.js" crossorigin="anonymous"></script>-->
|
|
<link rel="stylesheet" href="{% static 'fontawesomefree/css/all.min.css' %}" type="text/css">
|
|
|
|
<!-- Prism.js Theme | DEV-Only Link, change to using jsDelivr when a new version (containing the desired theme) is released! -->
|
|
<!--
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prism-themes@1/themes/prism-one-dark.min.css">
|
|
-->
|
|
|
|
<!--Google Fonts-->
|
|
<!--
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css2?family=Besley:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600&display=swap" rel="stylesheet">
|
|
|
|
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
|
|
-->
|
|
{% block extraheader %}
|
|
{% endblock %}
|
|
</head>
|
|
|
|
<body x-data="{ showModal: false }" :class="{ 'overflow-y-hidden sm:overflow-y-auto': showModal }">
|
|
<!-- NAVBAR -->
|
|
<nav class="navbar" x-data="{ showNavBar: false }">
|
|
<div>
|
|
<a href="{% url 'home' %}">
|
|
<img src="{% static 'img/logo2014_64.png' %}" alt="FET-Logo" class="navbar-logo">
|
|
</a>
|
|
<button class="navbar-toggle"
|
|
@click="showNavBar = ! showNavBar"
|
|
>
|
|
<i class="fas fa-bars"></i>
|
|
</button>
|
|
<ul id="navBarContent" class="navbar-content sm:block"
|
|
x-show="showNavBar || $screen('sm')"
|
|
x-transition:enter="transition ease-out duration-300"
|
|
x-transition:enter-start="transform opacity-0"
|
|
x-transition:enter-end="transform opacity-100"
|
|
x-transition:leave="transition ease-in duration-150"
|
|
x-transition:leave-start="transform opacity-100"
|
|
x-transition:leave-end="transform opacity-0"
|
|
>
|
|
<li><a href="{% url 'posts:posts.index' %}">News</a></li>
|
|
<li><a href="{% url 'members_view' 'A' %}">Fachschaft</a></li>
|
|
<li><a href="/fotos/">Fotos</a></li>
|
|
<li><a href="{% url 'blackboard' %}">Blackboard</a></li>
|
|
<li><a href="{% url 'contact' %}">Kontakt</a></li>
|
|
|
|
{% if not request.user.is_authenticated %}
|
|
<li><a href="{% url 'login' %}?next={{ request.path }}">Login</a></li>
|
|
{% else %}
|
|
<hr class="border-proprietary">
|
|
<div href="#" class="inline-block w-full sm:w-auto rounded relative"
|
|
x-data="{ showPopupNav: false }"
|
|
@click.outside="showPopupNav = false"
|
|
>
|
|
<div class="sm:inline-flex items-center divide-x divide-blue-200 bg-proprietary text-blue-50 rounded">
|
|
<a class="hidden sm:block flex-1 px-2 py-1 hover:bg-proprietary-dark active:bg-proprietary-darker rounded-l" href="#"
|
|
@click="showPopupNav = !showPopupNav"
|
|
>
|
|
{% if request.user.first_name %}
|
|
Hallo {{ request.user.first_name }}
|
|
{% else %}
|
|
Hallo {{ request.user.username }}
|
|
{% endif %}
|
|
</a>
|
|
<a class="hidden sm:block flex-0 px-2 py-1 hover:bg-proprietary-dark focus:bg-proprietary-darker rounded-r" href="{% url 'logout' %}?next={{ request.path }}"><i class="fa-solid fa-power-off"></i></a>
|
|
</div>
|
|
<div class="sm:block sm:absolute z-20 top-9 right-0 bg-white sm:shadow-md sm:rounded w-full"
|
|
x-show="showPopupNav || !$screen('sm')"
|
|
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' %}"><i class="fa-fw fa-solid fa-list-check mr-2"></i>Tasks</a></li>
|
|
<li class="navInternal"><a href="https://legacy.fet.at/home/intern"><i class="fa-fw fa-solid fa-database mr-2"></i>Intern</a></li>
|
|
<li class="navInternal"
|
|
x-show="!$screen('sm')"
|
|
><a href="{% url 'logout' %}?next={{ request.path }}"><i class="fa-fw fa-solid fa-power-off mr-2"></i>Logout</a></li>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
{% block content %}
|
|
{% endblock %}
|
|
|
|
<footer class="bg-proprietary p-4 text-blue-100 flex-none">
|
|
<ul class="flex justify-center mb-4 text-2xl">
|
|
<li class="mx-4">
|
|
<a href="https://facebook.fet.at/"><i class="fab fa-facebook"></i></a>
|
|
</li>
|
|
<li class="mx-4">
|
|
<a href="https://instagram.fet.at/"><i class="fab fa-instagram"></i></a>
|
|
</li>
|
|
<li class="mx-4">
|
|
<a href="https://discord.fet.at/"><i class="fab fa-discord"></i></a>
|
|
</li>
|
|
<li class="mx-4">
|
|
<a href="https://telegram.fet.at/"><i class="fab fa-telegram"></i></a>
|
|
</li>
|
|
<li class="mx-4">
|
|
<a href="mailto:service@fet.at"><i class="fas fa-envelope"></i></a>
|
|
</li>
|
|
</ul>
|
|
<div class="flex justify-center my-4">
|
|
<a href="{% url 'impressum' %}" class="text-center text-sm sm:text-base">Impressum</a>
|
|
</div>
|
|
<hr class="border-blue-300 -mx-4">
|
|
<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>
|
|
</div>
|
|
|
|
<script defer src="{% static 'js/scripts.js' %}"></script>
|
|
|
|
<script src="{% static 'js/gumshoe@5.1.1.js' %}"></script>
|
|
<script src="{% static 'js/smooth-scroll@16.1.2.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>
|
|
<!-- Alpine.js plugin -->
|
|
<script src="{% static 'js/toolkit-screen@1.0.0.js' %}" defer></script>
|
|
<!-- Alpine.js -->
|
|
<script defer src="{% static 'js/alpinejs@3.2.2.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> |