diff --git a/BH/__pycache__/__init__.cpython-310.pyc b/BH/__pycache__/__init__.cpython-310.pyc
index dda2563..f73aae2 100644
Binary files a/BH/__pycache__/__init__.cpython-310.pyc and b/BH/__pycache__/__init__.cpython-310.pyc differ
diff --git a/BH/__pycache__/settings.cpython-310.pyc b/BH/__pycache__/settings.cpython-310.pyc
index cd86255..ada270c 100644
Binary files a/BH/__pycache__/settings.cpython-310.pyc and b/BH/__pycache__/settings.cpython-310.pyc differ
diff --git a/BH/__pycache__/urls.cpython-310.pyc b/BH/__pycache__/urls.cpython-310.pyc
index fd52f34..f01bd44 100644
Binary files a/BH/__pycache__/urls.cpython-310.pyc and b/BH/__pycache__/urls.cpython-310.pyc differ
diff --git a/BH/__pycache__/wsgi.cpython-310.pyc b/BH/__pycache__/wsgi.cpython-310.pyc
index fe77a46..b9ef24b 100644
Binary files a/BH/__pycache__/wsgi.cpython-310.pyc and b/BH/__pycache__/wsgi.cpython-310.pyc differ
diff --git a/blog/__pycache__/__init__.cpython-310.pyc b/blog/__pycache__/__init__.cpython-310.pyc
index f0a5d6a..d51ecff 100644
Binary files a/blog/__pycache__/__init__.cpython-310.pyc and b/blog/__pycache__/__init__.cpython-310.pyc differ
diff --git a/blog/__pycache__/admin.cpython-310.pyc b/blog/__pycache__/admin.cpython-310.pyc
index 9b18490..b1255a2 100644
Binary files a/blog/__pycache__/admin.cpython-310.pyc and b/blog/__pycache__/admin.cpython-310.pyc differ
diff --git a/blog/__pycache__/apps.cpython-310.pyc b/blog/__pycache__/apps.cpython-310.pyc
index 07aa9d1..a281df0 100644
Binary files a/blog/__pycache__/apps.cpython-310.pyc and b/blog/__pycache__/apps.cpython-310.pyc differ
diff --git a/blog/__pycache__/models.cpython-310.pyc b/blog/__pycache__/models.cpython-310.pyc
index 5a64af2..3128fe4 100644
Binary files a/blog/__pycache__/models.cpython-310.pyc and b/blog/__pycache__/models.cpython-310.pyc differ
diff --git a/blog/__pycache__/urls.cpython-310.pyc b/blog/__pycache__/urls.cpython-310.pyc
index 7a0e5dc..e09cf35 100644
Binary files a/blog/__pycache__/urls.cpython-310.pyc and b/blog/__pycache__/urls.cpython-310.pyc differ
diff --git a/blog/__pycache__/views.cpython-310.pyc b/blog/__pycache__/views.cpython-310.pyc
index c8b37f5..b347a73 100644
Binary files a/blog/__pycache__/views.cpython-310.pyc and b/blog/__pycache__/views.cpython-310.pyc differ
diff --git a/blog/migrations/__pycache__/0001_initial.cpython-310.pyc b/blog/migrations/__pycache__/0001_initial.cpython-310.pyc
index f07ee60..bbd1106 100644
Binary files a/blog/migrations/__pycache__/0001_initial.cpython-310.pyc and b/blog/migrations/__pycache__/0001_initial.cpython-310.pyc differ
diff --git a/blog/migrations/__pycache__/__init__.cpython-310.pyc b/blog/migrations/__pycache__/__init__.cpython-310.pyc
index 967e6d6..560125e 100644
Binary files a/blog/migrations/__pycache__/__init__.cpython-310.pyc and b/blog/migrations/__pycache__/__init__.cpython-310.pyc differ
diff --git a/blog/templatetags/__pycache__/markdown_extras.cpython-310.pyc b/blog/templatetags/__pycache__/markdown_extras.cpython-310.pyc
index 5da7297..bad437c 100644
Binary files a/blog/templatetags/__pycache__/markdown_extras.cpython-310.pyc and b/blog/templatetags/__pycache__/markdown_extras.cpython-310.pyc differ
diff --git a/db.sqlite3 b/db.sqlite3
index abd0cd6..306d3be 100644
Binary files a/db.sqlite3 and b/db.sqlite3 differ
diff --git a/requirements.txt b/requirements.txt
index eb25d55..ed3138e 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -1,13 +1,16 @@
-Django==5.0.2
-django-bootstrap4==22.3
-django-braces==1.15.0
-django-cors-headers==4.3.1
-django-crispy-forms==2.1
-Markdown==3.4.1
+asgiref==3.11.0
+beautifulsoup4==4.14.3
+crispy-bootstrap4==2025.6
+Django==5.2.9
+django-bootstrap4==25.3
+django-braces==1.17.0
+django-cors-headers==4.9.0
+django-crispy-forms==2.5
+Markdown==3.10
MarkupSafe==2.1.1
-crispy==0.7.3
-crispy-bootstrap4==2023.1
-bootstrap4==0.1.0
-cachetools==5.2.0
-certifi==2022.9.24
-cffi==1.15.1
\ No newline at end of file
+mysqlclient==2.2.7
+python-dotenv==1.2.1
+soupsieve==2.8
+sqlparse==0.5.4
+typing_extensions==4.15.0
+tzdata==2025.3
\ No newline at end of file
diff --git a/server.bat b/server.bat
index 0095694..d5a15b4 100644
--- a/server.bat
+++ b/server.bat
@@ -1,5 +1,3 @@
@ echo off
echo The devlopment server will start in a few seconds...
-python manage.py makemigrations
-python manage.py migrate
python manage.py runserver 3000
diff --git a/templates/base.html b/templates/base.html
index f50b6bb..b67ce7c 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -3,97 +3,570 @@
- Beyond Heroes
-
-
-
+ }
+
+ a:hover {
+ text-decoration: underline;
+ }
+
+ section {
+ padding: 60px 20px;
+ }
+
+ hr {
+ border: 0;
+ border-top: 1px solid #444;
+ margin: 15px 0;
+ }
+
+ /* Hero-Bereich (Hero Section) */
+ .hero-section {
+ position: relative;
+ height: 100vh; /* Volle Bildschirmhöhe (Full viewport height) */
+ background-size: cover;
+ background-position: center;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+ color: white;
+ }
+
+ .hero-content {
+ background-color: rgba(0, 0, 0, 0.8);
+ padding: 40px;
+ margin: 0px 20%;
+ border-radius: 10px;
+ }
+
+ .hero-section h1 {
+ font-size: 4.7em;
+ font-weight: bold;
+ margin-block-start: 0;
+ margin-block-end: 0;
+ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
+ }
+
+ .hero-section p {
+ margin-block-start: 0;
+ font-size: 1.2em;
+ font-weight: lighter;
+ margin-bottom: 30px;
+ }
+
+ .discord-button {
+ background-color: var(--primary-color);
+ color: var(--background-color);
+ padding: 15px 30px;
+ letter-spacing: +0.8px;
+ border-radius: 50px;
+ font-weight: bold;
+ transition: background-color 0.3s ease;
+ }
+
+ .discord-button:hover {
+ background-color: var(--primary-dark-color);
+ text-decoration: none;
+ }
+
+ /* Team-Bereich (Team Section) */
+ .team-container {
+ display: flex;
+ gap: 40px;
+ max-width: 1200px;
+ margin: auto;
+ align-items: flex-start;
+ }
+
+ .dev-cards-column {
+ flex: 6;
+ display: flex;
+ flex-direction: column;
+ gap: 15px;
+ }
+
+ .dev-card {
+ display: flex;
+ align-items: center;
+ gap: 20px;
+ background-color: var(--card-bg-color);
+ padding: 15px;
+ border-radius: 8px;
+ cursor: pointer;
+ transition: background-color 0.3s ease;
+ }
+
+ .dev-card:hover, .dev-card.active {
+ background-color: var(--primary-color);
+ color: var(--background-color);
+ }
+
+ .dev-card:hover .dev-info p, .dev-card.active .dev-info p {
+ color: var(--background-color);
+ }
+
+ .dev-card img {
+ border-radius: 50%;
+ width: 60px;
+ height: 60px;
+ object-fit: cover;
+ }
+
+ .dev-info h3 {
+ margin-block-end: 0;
+ }
+
+ .dev-info p {
+ margin-block-start: 0;
+ margin-block-end: 0;
+ font-style: italic;
+ color: #bbb;
+ }
+
+ .dev-bio-column {
+ flex: 10;
+ }
+
+ #dev-bio-box {
+ background-color: var(--card-bg-color);
+ padding: 30px;
+ border-radius: 8px;
+ min-height: 975px; /* Stellt sicher, dass die Box groß genug ist (Ensures the box is large enough) */
+ }
+
+ #dev-bio-box p {
+ margin-block-start: 5px;
+ margin-block-end: 0;
+ font-size: 1.2em;
+ }
+
+ #dev-bio-box h3 {
+ color: var(--primary-color);
+ margin-block-end: 0;
+ font-size: 1.5em;
+ }
+
+ /* NEUE NAV-BAR (NEW NAV BAR) */
+ #navbar {
+ position: absolute;
+ top: 0;
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 10px 00px;
+ z-index: 1000;
+ transition: background-color 0.3s ease, padding 0.3s ease;
+ }
+
+ #navbar .nav-brand{
+ margin-left: 40px;
+ }
+
+ #navbar .nav-links-div{
+ margin-right: 40px;
+ }
+
+ #navbar.scrolled {
+ position: fixed;
+ padding: 20px 40px;
+ top: 0;
+ background-color: var(--background-color); /* Feste Hintergrundfarbe (Solid background color) */
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
+ padding: 10px 40px;
+ }
+
+ #navbar.scrolled .nav-brand{
+ margin-left: 0px;
+ }
+
+ #navbar.scrolled .nav-links-div{
+ margin-right: 80px;
+ }
+
+ .nav-brand {
+ font-weight: bold;
+ font-size: 1.5em;
+ color: white;
+ }
+
+ .nav-links {
+ list-style: none;
+ letter-spacing: +0.6px;
+ display: flex;
+ gap: 30px;
+ margin: 0;
+ padding: 0;
+ }
+
+ .nav-links a {
+ color: white;
+ font-weight: bold;
+ transition: color 0.3s ease;
+ }
+
+ .nav-links button {
+ color: white;
+ font-weight: bold;
+ transition: color 0.3s ease;
+ background: transparent;
+ box-shadow: 0 0 0 #000;
+ border-width: 0;
+ font-size: 1em;
+ padding: 0px;
+ }
+
+ .nav-links a:hover, button:hover{
+ color: var(--primary-color);
+ text-decoration: none;
+ }
+
+ /* Responsive Design (Für kleinere Bildschirme) (For smaller screens) */
+ @media (max-width: 768px) {
+ .hero-section h1 {
+ font-size: 2.5em;
+ }
+ .hero-content p {
+ font-size: 1em;
+ }
+ .news-container, .team-container {
+ grid-template-columns: 1fr;
+ flex-direction: column;
+ }
+ .dev-bio-column {
+ min-height: auto;
+ }
+ }
+
+ /* NEUE ALLGEMEINE HILFSKLASSE (NEW GENERAL HELPER CLASS) */
+ .text-center {
+ text-align: center;
+ }
+
+ /* NEUER SUPPORT-BEREICH (NEW SUPPORT SECTION) */
+ #support-section {
+/* margin-top: 90px;*/
+ padding: 80px 20px;
+/* background-color: var(--card-bg-color);*/
+ }
+
+ #support-section h2 {
+ color: var(--primary-color);
+ font-size: 2.5em;
+ margin-bottom: 40px;
+ color: #eee;
+ }
+
+ #support-section h3 {
+ margin: 20px;
+ color: #ddd;
+ }
+
+ #support-section p {
+ max-width: 800px;
+ margin: auto;
+ font-size: 1.1em;
+ color: #bbb;
+ }
+
+ /* NEUER SUPPORT-BEREICH (NEW SUPPORT SECTION) */
+ #about-section {
+ padding: 80px 20px;
+ background-color: var(--card-bg-color);
+ }
+
+ #about-section h2 {
+ color: var(--primary-color);
+ font-size: 2.5em;
+ margin-bottom: 40px;
+ }
+
+ #about-section h3 {
+ margin: 20px;
+ }
+
+ #about-section p {
+ max-width: 800px;
+ margin: auto;
+ font-size: 1.1em;
+ color: #ccc;
+ }
+
+ /* Fußzeile (Footer) */
+ footer {
+ background-color: #111;
+ text-align: center;
+ padding: 30px;
+ margin-top: 50px;
+ font-size: 0.9em;
+ color: #bbb;
+ }
+ footer p {
+ margin: 0;
+ }
+ .footer-socials {
+ margin-bottom: 5px;
+ }
+
+ .footer-socials a {
+ color: #fff;
+ font-size: 2em; /* Größe der Icons (Size of the icons) */
+ margin: 0 50px;
+ transition: color 0.3s ease;
+ }
+ .footer-socials a:hover {
+ color: var(--primary-color);
+ }
+
+ /* Neuigkeiten-Bereich (News Section) */
+ #news-section h2, #team-section h2 {
+ text-align: center;
+ margin-bottom: 40px;
+ font-size: 2.5em;
+ color: var(--primary-color);
+ }
+
+ /* NEUE STILE FÜR DEN NEUIGKEITEN-BEREICH (NEW STYLES FOR NEWS SECTION) */
+ .news-container {
+ display: flex;
+ justify-content: center;
+ gap: 30px;
+ max-width: 1200px;
+ margin: auto;
+ flex-wrap: wrap; /* Erlaubt das Umbrechen auf kleineren Bildschirmen (Allows wrapping on smaller screens) */
+ }
+
+ .news-post {
+ background-color: var(--card-bg-color);
+ border-radius: 8px;
+ overflow: hidden; /* Stellt sicher, dass das Bild innerhalb der Form bleibt (Ensures the image stays within the shape) */
+ width: 350px; /* Feste Breite für jede Karte (Fixed width for each card) */
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
+ transition: transform 0.3s ease;
+ }
+
+ .news-post:hover {
+ transform: translateY(-5px);
+ }
+
+ .news-post img {
+ width: 100%;
+ height: 200px;
+ object-fit: cover;
+ display: block;
+ }
+
+ .post-content {
+ padding: 20px;
+ }
+
+ .news-post h3 {
+ color: var(--primary-color);
+ margin-block-end: 0;
+ font-size: 1.5em;
+ }
+
+ .news-post p {
+ font-size: 1.1em;
+ }
+
+ .news-post p.news-date {
+ margin-block-start: 0;
+ margin-block-end: 0;
+ font-style: italic;
+ font-size: 0.9em;
+ color: #bbb;
+ margin-bottom: 15px;
+ }
+
+ .news-post .read-more {
+ display: inline-block;
+ color: var(--primary-color);
+ font-weight: bold;
+ margin-top: 10px;
+ }
+ .news-post .read-more:hover {
+ text-decoration: underline;
+ }
+
+ /* ... Der Rest des CSS-Codes bleibt gleich ... */
+
+ /* Responsive Design (Für kleinere Bildschirme) */
+ @media (max-width: 768px) {
+ /* ... Die bereits existierenden Media-Query-Styles bleiben bestehen ... */
+ .news-container {
+ flex-direction: column;
+ align-items: center;
+ }
+ .news-post {
+ width: 90%; /* Nimmt fast die ganze Breite ein (Takes up almost the full width) */
+ max-width: 400px;
+ }
+ }
+
+ /*********************************************************************************************/
+
+ /* NEUER SUPPORT-BEREICH (NEW SUPPORT SECTION) */
+ #supporters-carousel {
+ padding-top: 50px;
+ text-align: center;
+/* background-color: var(--card-bg-color);*/
+ }
+ #supporters-carousel h3 {
+ color: white;
+ font-size: 2em;
+ margin-bottom: 30px;
+ }
+ .carousel-container {
+ overflow: hidden;
+ white-space: nowrap;
+ position: relative;
+ max-width: 100%;
+ }
+ .carousel-content {
+ display: inline-block;
+ animation: scroll-left 20s linear infinite; /* Animation für das Karussell (Animation for the carousel) */
+ }
+ .supporter-item {
+ display: inline-block;
+ background-color: var(--card-bg-color);
+ border: 1px solid var(--primary-color);
+ color: white;
+ padding: 15px 25px;
+ border-radius: 8px;
+ margin: 0 10px;
+ text-align: center;
+ min-width: 150px;
+ }
+ .supporter-item h4 {
+ margin: 0;
+ font-size: 1.2em;
+ }
+ .supporter-item p {
+ margin: 5px 0 0;
+ font-size: 1.1em;
+ font-weight: bold;
+ color: var(--primary-color);
+ }
+ /* Animation Keyframes für das Scrollen (Animation keyframes for scrolling) */
+ @keyframes scroll-left {
+ 0% { transform: translateX(0); }
+ 100% { transform: translateX(-50%); }
+ }
+
+
-
- {% block content %}
-
- {% endblock %}
+ {% block content %}
+
+ {% endblock %}
+
+
+
+
-
-
-
-
-
-