Compare commits

...

9 Commits

Author SHA1 Message Date
niklas.ortmann 0b1b704115 Merge pull request 'MobileNavSchließen' (#10) from MobileNavSchließen into dev
Reviewed-on: #10
2026-05-26 12:30:27 +02:00
niklas.ortmann 0babc42359 Merge pull request 'Update main.css' (#11) from responsiveHomepage into dev
Reviewed-on: #11
2026-05-26 12:30:14 +02:00
rirat-0 4a80d42dda Update main.css
Anpassung der flexbox um inhalte besser zu skalieren
2026-05-26 11:41:11 +02:00
NOrtmann1 d3169eba18 Update navbar.css 2026-05-26 11:19:57 +02:00
NOrtmann1 2d967c200c x-Button in der Sidebar 2026-05-26 11:18:58 +02:00
NOrtmann1 ee7986bef3 Update index.php 2026-05-21 21:03:38 +02:00
NOrtmann1 8de1b1bdb5 Update index.php 2026-05-21 21:02:46 +02:00
NOrtmann1 4a663391ef Update navbar.css 2026-05-21 21:00:20 +02:00
niklas.ortmann 4cd877ea4c Merge pull request 'PHP: Dynamischer Content' (#8) from PHP_DynamischerContent into dev
Reviewed-on: #8
2026-05-21 20:57:26 +02:00
4 changed files with 26 additions and 6 deletions
+3 -1
View File
@@ -17,7 +17,8 @@ a, button, input, select, textarea, label, main{
.flexbox { .flexbox {
display: flex; display: flex;
flex-direction: column; flex-direction: row;
flex-wrap: wrap;
gap: 20px; gap: 20px;
margin-top: 30px; margin-top: 30px;
} }
@@ -29,6 +30,7 @@ a, button, input, select, textarea, label, main{
border: 1px solid #dbe3ec; border: 1px solid #dbe3ec;
box-shadow: 0 4px 12px rgba(0,0,0,0.08); box-shadow: 0 4px 12px rgba(0,0,0,0.08);
transition: transform 0.2s, box-shadow 0.2s; transition: transform 0.2s, box-shadow 0.2s;
flex: 1 1 300px;
} }
.container:hover { .container:hover {
+17 -2
View File
@@ -149,8 +149,8 @@ CSS für die navbar
display: none; display: none;
} }
/* Responsive Anpassungen unter 660px (für z.B. Smartphones) */ /* Responsive Anpassungen unter 760px (für z.B. Smartphones) */
@media (max-width: 660px) { @media (max-width: 760px) {
.nav { .nav {
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
@@ -227,6 +227,9 @@ CSS für die navbar
padding: 2rem 1rem; padding: 2rem 1rem;
box-shadow: 2px 0 10px rgba(0,0,0,0.5); box-shadow: 2px 0 10px rgba(0,0,0,0.5);
overflow-y: auto; overflow-y: auto;
/* Genug Abstand oben rechts, damit Links nicht hinter dem X liegen */
padding: 4rem 1.5rem 2rem 1.5rem;
} }
.nav__checkbox:checked ~ .nav__mobile-menu { .nav__checkbox:checked ~ .nav__mobile-menu {
@@ -237,6 +240,18 @@ CSS für die navbar
left: 0; left: 0;
} }
.nav__close-btn {
position: absolute;
top: 1rem;
right: 1.5rem;
font-size: 2rem;
color: #fff;
cursor: pointer;
line-height: 1;
user-select: none;
transition: color 0.2s ease, transform 0.2s ease;
}
.nav__mobile-menu a { .nav__mobile-menu a {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
+3
View File
@@ -15,6 +15,9 @@ Globales Menü, wird via PHP später in alle Seiten eingebunden
</label> </label>
<ul id="mobile-nav" class="nav__mobile-menu"> <ul id="mobile-nav" class="nav__mobile-menu">
<li>
<label for="nav-toggle" class="nav__close-btn">&times;</label>
</li>
<li><a href="index.php?pfad=profile">Profil</a></li> <li><a href="index.php?pfad=profile">Profil</a></li>
<li><a href="index.php?pfad=login">Anmelden</a></li> <li><a href="index.php?pfad=login">Anmelden</a></li>
<li><a href="index.php?pfad=register">Registrieren</a></li> <li><a href="index.php?pfad=register">Registrieren</a></li>
+3 -3
View File
@@ -1,6 +1,6 @@
<!-- <!--
Seite: Hompage der Lernplattform Seite: Index der Lernplattform
Funktion: Webseitengerüst, Anzeigen von Beiträgen, Suchfunktion etc. Funktion: Webseitengerüst, Anzeigen von Content
--> -->
<!DOCTYPE html> <!DOCTYPE html>
<html lang="de"> <html lang="de">
@@ -22,7 +22,7 @@
<?php <?php
include_once 'includes/navbar.php'; include_once 'includes/navbar.php';
//Dynamischer Inhalt (später mit php...): //Dynamischer Inhalt:
if (isset($_GET["pfad"])) { if (isset($_GET["pfad"])) {
if (file_exists('content/' . $_GET["pfad"] . '.php')) { if (file_exists('content/' . $_GET["pfad"] . '.php')) {
include_once 'content/' . $_GET["pfad"] . '.php'; include_once 'content/' . $_GET["pfad"] . '.php';