Update Redesign to v1.2.0-dev
This commit is contained in:
@@ -1,87 +1,80 @@
|
||||
{% extends 'layout.html' %}
|
||||
{% extends 'head.html' %}
|
||||
|
||||
{% load static %}
|
||||
|
||||
{% block title %}Social Media{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
{% block body %}
|
||||
<body>
|
||||
<!-- Main Content -->
|
||||
<div class="flex flex-col items-center justify-center min-h-screen">
|
||||
<main class="flex flex-col gap-6 mb-4 mx-4 sm:mb-6">
|
||||
<img src="{% static 'img/FET-Logo-2014_64_light.svg' %}" alt="Logo der Fachschaft für Elektrotechnik" class="mx-auto aspect-square w-24 dark:hidden">
|
||||
<img src="{% static 'img/FET-Logo-2014_64_dark.svg' %}" alt="Logo der Fachschaft für Elektrotechnik" class="hidden dark:block mx-auto aspect-square w-24">
|
||||
|
||||
<div class="grid-container">
|
||||
<div class="grid-x padding-top-1 align-center">
|
||||
<div class="cell large-4 medium-4 text-center">
|
||||
<a href="https://fet.at">
|
||||
<div class="padding-bottom-1">
|
||||
<img src= "{% static 'img/logo2014_64.png' %}">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="mailto:service@fet.at">
|
||||
<div class="social-media-box">
|
||||
<span class="social-media-badge badge">
|
||||
<span class="social-media-badge-symbol">
|
||||
<i class="fa-solid fa-envelope"></i>
|
||||
<a href="{% url 'home' %}" class="sticky top-4">
|
||||
<nav class="self-start px-2 py-1 w-fit rounded-full bg-blue-100 dark:bg-sky-900 text-sky-700 dark:text-blue-200">
|
||||
<i class="fa-solid fa-angle-left"></i>
|
||||
Zur FET-Homepage
|
||||
</nav>
|
||||
</a>
|
||||
|
||||
<section class="flex flex-col gap-4">
|
||||
<a href="mailto:service@fet.at" class="flex items-center p-3 bg-white dark:bg-gray-800 rounded-lg shadow-sm text-proprietary-dark dark:text-gray-300">
|
||||
<div class="mr-2 text-center text-3xl">
|
||||
<i class="fa-fw fa-solid fa-envelope"></i>
|
||||
</div>
|
||||
<span>
|
||||
Schreib uns eine Mail :)
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<span class="social-media-text">Schreib uns ein Mail :)</span>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="{% url 'discord' %}">
|
||||
<div class="social-media-box">
|
||||
<span class="social-media-badge badge">
|
||||
<span class="social-media-badge-symbol">
|
||||
<i class="fa-brands fa-discord"></i>
|
||||
<a href="{% url 'discord' %}" class="flex items-center p-3 bg-white dark:bg-gray-800 rounded-lg shadow-sm text-proprietary-dark dark:text-gray-300">
|
||||
<div class="mr-2 text-center text-3xl">
|
||||
<i class="fa-fw fa-brands fa-discord"></i>
|
||||
</div>
|
||||
<span>
|
||||
Komm auf unseren Discord Server!
|
||||
</span>
|
||||
</span>
|
||||
<span class="social-media-text">Komm auf unseren Discord-Server!</span>
|
||||
</div>
|
||||
</a>
|
||||
</a>
|
||||
|
||||
<a href="{% url 'instagram' %}">
|
||||
<div class="social-media-box">
|
||||
<span class="social-media-badge badge">
|
||||
<span class="social-media-badge-symbol">
|
||||
<i class="fa-brands fa-instagram-square"></i>
|
||||
<a href="{% url 'instagram' %}" class="flex items-center p-3 bg-white dark:bg-gray-800 rounded-lg shadow-sm text-proprietary-dark dark:text-gray-300">
|
||||
<div class="mr-2 text-center text-3xl">
|
||||
<i class="fa-fw fa-brands fa-instagram"></i>
|
||||
</div>
|
||||
<span>
|
||||
Instagram
|
||||
</span>
|
||||
</span>
|
||||
<span class="social-media-text">Instagram</span>
|
||||
</div>
|
||||
</a>
|
||||
</a>
|
||||
|
||||
<a href="{% url 'telegram' %}">
|
||||
<div class="social-media-box">
|
||||
<span class="social-media-badge badge">
|
||||
<span class="social-media-badge-symbol">
|
||||
<i class="fa-brands fa-telegram"></i>
|
||||
<a href="{% url 'telegram' %}" class="flex items-center p-3 bg-white dark:bg-gray-800 rounded-lg shadow-sm text-proprietary-dark dark:text-gray-300">
|
||||
<div class="mr-2 text-center text-3xl">
|
||||
<i class="fa-fw fa-brands fa-telegram"></i>
|
||||
</div>
|
||||
<span>
|
||||
Telegram
|
||||
</span>
|
||||
</span>
|
||||
<span class="social-media-text">Telegram</span>
|
||||
</div>
|
||||
</a>
|
||||
</a>
|
||||
|
||||
<a href="{% url 'facebook' %}">
|
||||
<div class="social-media-box">
|
||||
<span class="social-media-badge badge">
|
||||
<span class="social-media-badge-symbol">
|
||||
<i class="fa-brands fa-facebook-square"></i>
|
||||
<a href="{% url 'facebook' %}" class="flex items-center p-3 bg-white dark:bg-gray-800 rounded-lg shadow-sm text-proprietary-dark dark:text-gray-300">
|
||||
<div class="mr-2 text-center text-3xl">
|
||||
<i class="fa-fw fa-brands fa-facebook"></i>
|
||||
</div>
|
||||
<span>
|
||||
Facebook
|
||||
</span>
|
||||
</span>
|
||||
<span class="social-media-text">Facebook</span>
|
||||
</div>
|
||||
</a>
|
||||
</a>
|
||||
|
||||
<a href="{% url 'posts:calendar' %}">
|
||||
<div class="social-media-box">
|
||||
<span class="social-media-badge badge">
|
||||
<span class="social-media-badge-symbol">
|
||||
<i class="fa-regular fa-calendar"></i>
|
||||
<a href="{% url 'posts:calendar' %}" class="flex items-center p-3 bg-white dark:bg-gray-800 rounded-lg shadow-sm text-proprietary-dark dark:text-gray-300">
|
||||
<div class="mr-2 text-center text-3xl">
|
||||
<i class="fa-fw fa-solid fa-calendar-day"></i>
|
||||
</div>
|
||||
<span>
|
||||
FET-Kalender abonnieren
|
||||
</span>
|
||||
</span>
|
||||
<span class="social-media-text">FET-Kalender abonnieren</span>
|
||||
</div>
|
||||
</a>
|
||||
</a>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user