add speed dial and shortcut to create fetmeeting

fet2020/templates/base.html

@@ -171,6 +171,7 @@
 
         <script src="{% static 'js/alpine-csp.js' %}"></script>
         <script src="{% static 'js/dark-mode.js' %}"></script>
+        <script src="{% static 'js/flowbite@1.5.5.js' %}"></script>
 
         <script src="{% static 'js/gumshoe@5.1.1.js' %}"></script>
         <script src="{% static 'js/smooth-scroll@16.1.2.js' %}"></script>

fet2020/templates/head.html

@@ -28,6 +28,8 @@
     <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>-->

fet2020/templates/home.html

@@ -15,7 +15,6 @@
 			<div class="hidden sm:block flex-none w-2/5 lg:w-1/3 bg-white dark:bg-gray-800 p-2 lg:p-4 rounded shadow-xl dark:border-2 dark:border-gray-700">
 				<h2 class="section-title sm:text-left"><i class="fa-solid fa-comments text-gray-300 dark:text-gray-400 mr-2"></i>Events</h2>
 				<div class="-mb-2 text-gray-700 dark:text-gray-200 text-sm md:text-base">
-
                     {% if featured_event %}
                         {% with post=featured_event %}
                         {% include 'posts/partials/_meeting_row.html' %}
@@ -26,7 +25,6 @@
                             {% include 'posts/partials/_meeting_row.html' %}
                         {% endif %}
                     {% endfor %}
-
 				</div>
 			</div>
 		</div>
@@ -34,7 +32,25 @@
 
 	<!-- Main Content -->
 	<main class="container mx-auto w-full px-4 my-8 flex-1">
-		<section class="sm:hidden">
+        {% if request.user.is_authenticated %}
+            <div data-dial-init class="fixed bottom-6 right-6 group">
+                <div id="speed-dial-menu-dropdown" class="flex hidden flex-col justify-end py-1 mb-4 space-y-2 bg-white rounded-lg border border-gray-100 shadow-sm dark:border-gray-600 dark:bg-gray-700">
+                    <ul class="text-sm text-gray-500 dark:text-gray-300">
+                        <li>
+                            <a href="{% url 'posts:fetmeeting-create' %}" class="flex items-center py-2 px-5 hover:bg-gray-100 dark:hover:bg-gray-600 hover:text-gray-900 dark:hover:text-white">
+                                <i class="fa-solid fa-plus mr-2"></i>
+                                <span class="text-sm font-medium">Neue Fachschaftssitzung</span>
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+                <button type="button" data-dial-toggle="speed-dial-menu-dropdown" aria-controls="speed-dial-menu-dropdown" aria-expanded="false" class="flex justify-center items-center ml-auto w-14 h-14 text-white bg-blue-700 rounded-full hover:bg-blue-800 dark:bg-blue-600 dark:hover:bg-blue-700 focus:ring-4 focus:ring-blue-300 focus:outline-none dark:focus:ring-blue-800">
+                    <i class="fa-solid fa-pen-to-square"></i>
+                </button>
+            </div>
+        {% endif %}
+
+        <section class="sm:hidden">
 			<h2 class="section-title section-title-margins">Events</h2>
 
 			<div class="flex flex-col gap-4">
@@ -63,7 +79,7 @@
 						<a href="{% url 'posts:calendar' %}" class="btn btn-secondary block w-full"><i class="fa-solid fa-calendar-days mr-2"></i>Kalender abonnieren</a>
 					</div>
 				</div>
-			</aside>
+            </aside>
 
 			<section class="my-8 sm:my-0 sm:w-3/5 xl:w-2/5 flex flex-col gap-4">
 				<h2 class="section-title section-title-margins">Zuletzt veröffentlicht</h2>
@@ -73,7 +89,6 @@
                         {% include 'posts/partials/_posts_pinned.html' %}
                     {% endwith %}
                 {% endif %}
-
                 {% for post in posts %}
                     {% include 'posts/partials/_posts_hero.html' %}
                 {% endfor %}