move head.html to base.html
This commit is contained in:
@@ -1,38 +1,90 @@
|
||||
{% extends 'head.html' %}
|
||||
|
||||
{% load flatpages %}
|
||||
{% load static %}
|
||||
|
||||
{% block body %}
|
||||
<!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: {% block title %}Startseite{% endblock %}</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">
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="{% static 'img/favicons/apple-touch-icon.png' %}">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="{% static 'img/favicons/favicon-32x32.png' %}">
|
||||
<!--<link rel="icon" type="image/png" sizes="16x16" href="{% static 'img/favicons/favicon-16x16.png' %}">-->
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="{% static 'img/fet_logo_white.png' %}">
|
||||
<link rel="manifest" href="{% static 'img/favicons/site.webmanifest' %}">
|
||||
<link rel="mask-icon" href="{% static 'img/favicons/safari-pinned-tab.svg' %}" color="#000000">
|
||||
<link rel="shortcut icon" href="{% static 'img/fet_logo_white.png' %}">
|
||||
<meta name="apple-mobile-web-app-title" content="FET - Fachschaft Elektrotechnik">
|
||||
<meta name="application-name" content="FET - Fachschaft Elektrotechnik">
|
||||
<meta name="msapplication-TileColor" content="#ffffff">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
|
||||
<link rel="stylesheet" href="{% static 'css/flowbite@1.5.5.css' %}" type="text/css">
|
||||
|
||||
<link rel="stylesheet" href="{% static 'css/styles.css' %}">
|
||||
<!-- FontAwesome Kit -->
|
||||
<!--<script src="https://kit.fontawesome.com/fb26f70535.js" crossorigin="anonymous"></script>-->
|
||||
<link href="{% static 'fontawesomefree/css/fontawesome.css' %}" rel="stylesheet" type="text/css">
|
||||
<link href="{% static 'fontawesomefree/css/brands.css' %}" rel="stylesheet" type="text/css">
|
||||
<link href="{% static 'fontawesomefree/css/solid.css' %}" rel="stylesheet" type="text/css">
|
||||
<link href="{% static 'fontawesomefree/css/regular.css' %}" rel="stylesheet" type="text/css">
|
||||
|
||||
<!-- Prism.js Theme -->
|
||||
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prism-themes@1/themes/prism-one-dark.min.css"> -->
|
||||
<link rel="stylesheet" href="{% static 'css/prism-one-dark.min.css' %}">
|
||||
|
||||
<!-- Fonts -->
|
||||
<link rel="stylesheet" href="{% static 'fonts/Inter-3.19/inter.css' %}">
|
||||
<!-- <link rel="stylesheet" href="{% static 'fonts/Poppins-4.003/poppins.css' %}"> -->
|
||||
<link rel="stylesheet" href="{% static 'fonts/Besley-2.0/besley.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'fonts/Fira_Code-6.2/fira_code.css' %}">
|
||||
|
||||
{% block galleryheader %}
|
||||
{% endblock %}
|
||||
{% block extraheader %}
|
||||
{% endblock %}
|
||||
</head>
|
||||
|
||||
<body x-data="search" x-ref="overflow" @keyup.escape="closeShowSearch">
|
||||
{% if request.user.is_authenticated %}
|
||||
<!-- 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"
|
||||
<!-- SEARCH-BAR -->
|
||||
<div class="fixed w-screen h-screen z-30 backdrop-blur-sm backdrop-saturate-50"
|
||||
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"
|
||||
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"
|
||||
>
|
||||
<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>
|
||||
<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>
|
||||
{% endif %}
|
||||
|
||||
<!-- NAVBAR -->
|
||||
{% if not request.user.is_authenticated %}
|
||||
<nav class="navBar-md" x-data="myNavBar">
|
||||
@@ -133,7 +185,7 @@
|
||||
|
||||
{% block content %}
|
||||
{% endblock %}
|
||||
|
||||
|
||||
<footer>
|
||||
<ul class="icon-list">
|
||||
<li>
|
||||
@@ -181,4 +233,4 @@
|
||||
<script src="{% static 'js/prism-core@1.25.0.js' %}"></script>
|
||||
<script src="{% static 'js/prism-autoloader@1.25.0.js' %}"></script>
|
||||
</body>
|
||||
{% endblock %}
|
||||
</html>
|
||||
|
||||
@@ -1,60 +0,0 @@
|
||||
{% 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: {% block title %}Startseite{% endblock %}</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">
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="{% static 'img/favicons/apple-touch-icon.png' %}">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="{% static 'img/favicons/favicon-32x32.png' %}">
|
||||
<!--<link rel="icon" type="image/png" sizes="16x16" href="{% static 'img/favicons/favicon-16x16.png' %}">-->
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="{% static 'img/fet_logo_white.png' %}">
|
||||
<link rel="manifest" href="{% static 'img/favicons/site.webmanifest' %}">
|
||||
<link rel="mask-icon" href="{% static 'img/favicons/safari-pinned-tab.svg' %}" color="#000000">
|
||||
<link rel="shortcut icon" href="{% static 'img/fet_logo_white.png' %}">
|
||||
<meta name="apple-mobile-web-app-title" content="FET - Fachschaft Elektrotechnik">
|
||||
<meta name="application-name" content="FET - Fachschaft Elektrotechnik">
|
||||
<meta name="msapplication-TileColor" content="#ffffff">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
|
||||
<link rel="stylesheet" href="{% static 'css/flowbite@1.5.5.css' %}" type="text/css">
|
||||
|
||||
<link rel="stylesheet" href="{% static 'css/styles.css' %}">
|
||||
<!-- FontAwesome Kit -->
|
||||
<!--<script src="https://kit.fontawesome.com/fb26f70535.js" crossorigin="anonymous"></script>-->
|
||||
<link href="{% static 'fontawesomefree/css/fontawesome.css' %}" rel="stylesheet" type="text/css">
|
||||
<link href="{% static 'fontawesomefree/css/brands.css' %}" rel="stylesheet" type="text/css">
|
||||
<link href="{% static 'fontawesomefree/css/solid.css' %}" rel="stylesheet" type="text/css">
|
||||
<link href="{% static 'fontawesomefree/css/regular.css' %}" rel="stylesheet" type="text/css">
|
||||
|
||||
<!-- Prism.js Theme -->
|
||||
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prism-themes@1/themes/prism-one-dark.min.css"> -->
|
||||
<link rel="stylesheet" href="{% static 'css/prism-one-dark.min.css' %}">
|
||||
|
||||
<!-- Fonts -->
|
||||
<link rel="stylesheet" href="{% static 'fonts/Inter-3.19/inter.css' %}">
|
||||
<!-- <link rel="stylesheet" href="{% static 'fonts/Poppins-4.003/poppins.css' %}"> -->
|
||||
<link rel="stylesheet" href="{% static 'fonts/Besley-2.0/besley.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'fonts/Fira_Code-6.2/fira_code.css' %}">
|
||||
|
||||
{% block galleryheader %}
|
||||
{% endblock %}
|
||||
{% block extraheader %}
|
||||
{% endblock %}
|
||||
</head>
|
||||
|
||||
{% block body %}
|
||||
{% endblock %}
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user