Add datenschutz, adapt footer and mainpage

docs/assets/css/unicado.css

@@ -25,8 +25,10 @@
   padding: 2em;
   border-radius: 10px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-  max-width: 900px;
+  max-width: 1060px;
   margin: auto;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+
 }
 
 /* Text styling within the hero section */
@@ -103,10 +105,56 @@
   color: var(--secondary-accent);  /* Teal accent color for specific elements */
 }
 
-/* Footer Image Styling */
-.footer-image img {
-  width: 200px;
-  border-radius: 8px;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
-  margin-top: 1em;
+/* Footer Styling */
+.custom-footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background-color: var(--primary-color); /* Background color for the footer */
+  color: var(--text-color);
+  padding: 1em 2em; /* Adjust padding for spacing */
+  font-size: 1em; /* Increase text size for better readability */
+  border-top: 1px solid rgba(255, 255, 255, 0.2); /* Subtle top border */
+}
+
+/* Align text and links */
+.footer-content {
+  display: flex;
+  align-items: center;
+  gap: 1em; /* Space between text and impressum link */
+}
+
+.footer-content p {
+  margin: 0; /* Remove extra spacing */
+  font-size: 1.4em; /* Make text slightly larger */
+}
+
+/* Footer link styling */
+.footer-link {
+  color: var(--text-color);
+  text-decoration: none;
+  font-weight: bold;
+  font-size: 1.4em;
+  border-bottom: 1px solid transparent;
+  margin-left: 1em; /* Space between copyright and link */
+}
+
+.footer-link:hover {
+  border-bottom: 1px solid var(--accent-color); /* Underline on hover with accent color */
+}
+
+/* Footer image styling */
+.footer-image-container {
+  display: flex;
+  align-items: center;
 }
+
+.footer-image {
+  width: 150px; /* Adjust the width as needed */
+  height: auto;
+  margin-left: 1em; /* Space between image and text */
+  border-radius: 8px; /* Optional: Rounded corners */
+}
+
+
+

docs/index.md

@@ -16,15 +16,13 @@ hide:
 # Think. Design. Change.
 
 <div class="intro-text" markdown="1">
-**UNICADO** is a conceptual aircraft design environment that provides a robust framework for designing, analyzing, and optimizing both conventional and unconventional aircraft based on a minimum set of requirements. Developed in collaboration with leading German aerospace universities, it enables designers to define an aircraft's geometry, size, performance, or feasibility while balancing aerodynamic, operational, and user-specific requirements. Its modular architecture allows for easy customization and adaptability, enabling users to integrate new tools or methods.
+**UNICADO** is a conceptual aircraft design environment. It provides a _robust framework_ for designing, analyzing, and optimizing aircraft based on a minimum set of requirements. Developed in collaboration with _leading German aerospace universities_, it enables designers to define an aircraft's geometry, size, performance, or feasibility while balancing aerodynamic, operational, and user-specific requirements. Its _modular architecture_ allows for easy customization and adaptability, enabling users to integrate new tools or methods.
 </div>
 <div class="download-button-container">
     <a href="getting-started/installation" class="download-button">Download UNICADO</a>
 </div>
 </div>
 
-## Explore UNICADO
-
 <div class="grid-container" markdown="1">
 <div class="grid-item card" markdown="1">
 :material-clock-fast:{ .lg .accent } **Getting Started**
@@ -67,6 +65,3 @@ Get insights on how to contribute and develop.
 </div>
 </div>
 
-<div class="footer-image" markdown="1">
-![](assets/images/logos/bmwk.png){width="200"}
-</div>

mkdocs.yml

@@ -65,7 +65,7 @@ theme:
   name: material                          # Specifies the theme name (alternatives: material, mkdocs, readthedocs).
   favicon: assets/favicon.png             # Path to the favicon image displayed in the browser tab (same as logo).
   logo: assets/images/logos/unicado-icon.png  # Path to the UNICADO logo displayed in the header.
-  
+  custom_dir: overrides                      # Directory for custom files (like footer).
   # Theme colors configuration
   palette:
     scheme: slate                         # Sets a dark theme style.
@@ -78,7 +78,6 @@ theme:
     - navigation.tabs                     # Adds navigation tabs for each main section in `nav`.
     - navigation.path                     # Shows the navigation path/breadcrumbs.
     - toc.follow                          # Highlights the current section in the ToC as you scroll.
-    - navigation.footer                   # Adds navigation links in the footer.
 
   # Additional links (social) to display in the header
   extra:
@@ -129,4 +128,3 @@ nav:                                      # Customizes the main navigation struc
       - License: 'license.md'             # Link to license information.
       - Contact: 'contact.md'             # Link to contact page.
       - Partners: 'partners.md'           # Link to partners page.
-  - Impressum: 'impressum.md'             # Link to impressum/legal page.

overrides/main.html

+{% extends "base.html" %}
+
+{% block footer %}
+<div class="custom-footer">
+    <div class="footer-content">
+        <p>&copy; 2024 UNICADO. All rights reserved.</p>
+        <a href="/impressum/" class="footer-link">Impressum</a>
+        <a href="/datenschutz/" class="footer-link">Datenschutzerklärung</a>
+    </div>
+    <div class="footer-image-container">
+        <img src="/assets/images/logos/bmwk.png" alt="Footer Logo" class="footer-image">
+    </div>
+</div>
+
+{% endblock %}
\ No newline at end of file