diff --git a/404.php b/404.php new file mode 100644 index 0000000..cef7768 --- /dev/null +++ b/404.php @@ -0,0 +1,41 @@ + + + + + + + + + + + + + + EduForge + + + + + +
+ + + +

404 - Seite nicht vorhanden

+

+ Später im Projekt sollen über index.php?pfad= ... der Inhalt der index.php dynamisch gesetzt werden. + Alle Content-Links der Navbar führen zunächst hier her. Exemplarisch wurden für die Fächer Informatik, Physik, Mathematik der Content als Seite erstellt und kann über die Navbar ausgekundschaftet werden. +

+
+ + + + + \ No newline at end of file diff --git a/README.md b/README.md index b7e3b94..b6b15b4 100644 --- a/README.md +++ b/README.md @@ -7,4 +7,7 @@ Abgabe zu Aufgabenblatt 1 Hinweise: index.html wurde zu einer index.php umbenannt. -webhook.php bitte ignorieren. Diese dient nur als zukünftige Automatisierung des Repo-Pulls (s. https://docs.gitea.com/usage/webhooks) \ No newline at end of file +webhook.php bitte ignorieren. Diese dient nur als zukünftige Automatisierung des Repo-Pulls (s. https://docs.gitea.com/usage/webhooks) + +Beim Verwenden der Navbar-Links bitte Folgendes beachten: nur die Kategorien Physik, Mathe, Informatik führen exemplarisch auf eine Beispiel-Seite. +Die anderen Links sind erstmal Platzhalter, dessen dynamischer Inhalt später mit PHP in die index.php eingefügt wird. Alle anderen Links führen auf eine 404-Seite. diff --git a/articles/datenschutz.php b/articles/datenschutz.php deleted file mode 100644 index 48b4da8..0000000 --- a/articles/datenschutz.php +++ /dev/null @@ -1,76 +0,0 @@ - - - - - - - - - - EduForge - - - - - -
- -

Datenschutz vs Datensicherheit

- -

- Datenschutz ist in unserer digital vernetzten Welt allgegenwärtig – ob in sozialen Netzwerken, beim - Online-Shopping oder dem Einsatz von Bonuskarten, bei der Auswertung von Konsumverhalten und selbstverständlich - auch im schulischen Kontext. -

-

- Was ist Datenschutz? -

-

- Datenschutz bedeutet, dass persönliche Daten nur gesammelt, gespeichert und verwendet werden dürfen, wenn - es wirklich nötig ist – und nur für klar festgelegte Zwecke. Es geht darum, die Privatsphäre von Menschen - zu schützen. -

-

- Was ist Datenschutz? -

-

- Datensicherheit umfasst alle technischen und organisatorischen Maßnahmen, die verhindern sollen, dass Daten - verloren gehen, beschädigt oder unbemerkt verändert werden. Sie schützt Informationen vor Missbrauch. -

-
- - - - - \ No newline at end of file diff --git a/articles/pythagoras.php b/articles/pythagoras.php deleted file mode 100644 index 350f534..0000000 --- a/articles/pythagoras.php +++ /dev/null @@ -1,72 +0,0 @@ - - - - - - - - - - EduForge - - - - - -
- -

Satz des Pythagoras

- -

- Der Satz des Pythagoras wurde von dem griechischen Philosophen Pythagoras von Samos formuliert und im - dritten Jahrhundert vor Christus veröffentlicht. -

-
- Trulli -
Quelle
-
-

- In der beigefügten Abbildung sehen wir ein rechtwinkliges Dreieck, dessen drei Seiten die Längen a, b und c - besitzen. Auf jeder Seite ist ein Quadrat konstruiert. Das Quadrat auf der Seite a hat die Fläche a2, das - Quadrat auf der Seite b hat die Fläche b2 und das Quadrat auf der Seite c hat die Fläche c2. Der Satz des - Pythagoras besagt, dass die Summe der Flächen der beiden kleineren Quadrate gleich der Fläche des größten - Quadrats ist. Das bedeutet, dass a^2+b^2=c^2 (Satz des Pythagoras). -

- Lernzettel-Download -
- - - - - \ No newline at end of file diff --git a/articles/tunneleffekt.php b/articles/tunneleffekt.php deleted file mode 100644 index 505075a..0000000 --- a/articles/tunneleffekt.php +++ /dev/null @@ -1,66 +0,0 @@ - - - - - - - - - - EduForge - - - - - -
- -

Tunneleffekt

- -

- Der Tunneleffekt ist ein quantenmechanisches Phänomen, bei dem Teilchen – vor allem Elektronen – eine - Energiebarriere überwinden können, obwohl sie nach den Regeln der klassischen Physik nicht genügend Energie - dafür besitzen. In der klassischen Vorstellung müsste ein Elektron entweder genügend Energie haben, um über - eine Barriere zu „springen“, oder es würde vollständig zurückgeworfen. In der Quantenphysik wird ein Elektron - jedoch nicht als punktförmiges Teilchen beschrieben, sondern als Wellenfunktion, die sich räumlich ausdehnt. - Dadurch besteht eine endliche Wahrscheinlichkeit, dass sich das Elektron auf der anderen Seite einer Barriere - befindet (Griffiths & Schroeter, 2018). -

- -
- - - - - \ No newline at end of file diff --git a/auth/login.php b/auth/login.php deleted file mode 100644 index 735bdd9..0000000 --- a/auth/login.php +++ /dev/null @@ -1,83 +0,0 @@ - - - - - - - - - - EduForge - - - - - - -
-
-
- -
- -

Bitte anmelden

- -
- - -

Benutzername/E-Mail-Adresse:

- - -

Passwort:

- - -
- -
- - - -
- Noch keinen Account? Jetzt hier registrieren! -
-
-
-
- - - - - \ No newline at end of file diff --git a/auth/register.php b/auth/register.php deleted file mode 100644 index 67faab5..0000000 --- a/auth/register.php +++ /dev/null @@ -1,83 +0,0 @@ - - - - - - - - - - EduForge - - - - - - -
-
-
- -
- -

Jetzt Registrieren!

- -
-

Email:

- - -

Vorname:

- - -

Nachname:

- - -

Passwort:

- - -
- -
- - -
-
-
- - - - - \ No newline at end of file diff --git a/content/informatik.php b/content/informatik.php deleted file mode 100644 index 12b3f4b..0000000 --- a/content/informatik.php +++ /dev/null @@ -1,69 +0,0 @@ - - - - - - - - - - EduForge - - - - - - -
- -

Informatik

- -

- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et - dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet - clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, - consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, - sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no - sea takimata sanctus est Lorem ipsum dolor sit amet. -

-

Artikel:

-
- Datenschutz vs. Datensicherheit -
-
- - - - - \ No newline at end of file diff --git a/content/mathe.php b/content/mathe.php deleted file mode 100644 index 02134df..0000000 --- a/content/mathe.php +++ /dev/null @@ -1,70 +0,0 @@ - - - - - - - - - - EduForge - - - - - - -
- -

Mathe

- -

- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et - dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet - clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, - consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, - sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no - sea takimata sanctus est Lorem ipsum dolor sit amet. -

- -

Artikel:

-
- Satz des Pythagoras -
-
- - - - - \ No newline at end of file diff --git a/content/physik.php b/content/physik.php deleted file mode 100644 index 300107d..0000000 --- a/content/physik.php +++ /dev/null @@ -1,71 +0,0 @@ - - - - - - - - - - EduForge - - - - - - -
- -

Physik

- -

- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et - dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet - clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, - consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, - sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no - sea takimata sanctus est Lorem ipsum dolor sit amet. -

- -

Artikel:

-
- Der Tunneleffekt -
- -
- - - - - \ No newline at end of file diff --git a/content/profile.php b/content/profile.php deleted file mode 100644 index 518f2fb..0000000 --- a/content/profile.php +++ /dev/null @@ -1,88 +0,0 @@ - - - - - - - - - - EduForge - - - - - - -
- -
-
-
-

Benutzerdaten ändern

- -
-
-
- - -
-
- - -
-
- - -
-
- - -
-
-
- -
-
-
- -
-
-
-
- - - - - \ No newline at end of file diff --git a/css/footer.css b/css/footer.css new file mode 100644 index 0000000..ae5ea71 --- /dev/null +++ b/css/footer.css @@ -0,0 +1,21 @@ +/* Footer‑Grundlayout */ +footer { + position: fixed; + bottom: 0; + width: 100%; + background: #333d43; + text-align: center; + padding: 10px 0; +} + +footer a { + color: white; + text-decoration: none; + margin: 0 12px; + transition: color 0.2s ease; /* Farbwechsel */ +} + +footer a:hover, +footer a:focus { + color: #0066cc; +} \ No newline at end of file diff --git a/css/navbar.css b/css/navbar.css new file mode 100644 index 0000000..97f60ae --- /dev/null +++ b/css/navbar.css @@ -0,0 +1,268 @@ +/* +CSS für die navbar + */ +.nav { + display: flex; + justify-content: space-between; + align-items: center; + background-color: #333d43; + padding: 0 1rem; +} + +.nav__left, +.nav__right { + display: flex; + align-items: center; +} + +.nav__logo img { + height: 3rem; +} + +.nav__center { + display: flex; + align-items: center; +} + +.nav__item { + position: relative; + margin: 0 0.5rem; +} + +.nav__dropdown-toggle { + background: none; + border: none; + cursor: pointer; + font-weight: 600; + padding: 0.5rem 1rem; + color: #fff; + text-decoration: none; +} + +.nav__dropdown-menu { + display: none; + position: absolute; + top: 100%; + left: 0; + background: #f9f9f9; + min-width: 12rem; + box-shadow: 0 2px 5px rgba(0,0,0,.15); + padding: 0.5rem 0; +} + +.nav__dropdown-menu a { + padding: 0.5rem 1rem; /* Abstand um den Text */ + color: #333; + text-decoration: none; + font-weight: 600; +} + +.nav__link { + display: inline-block; + font-weight: 600; + background: none; + border: none; + cursor: pointer; + padding: 0.5rem 1rem; + color: #fff; + text-decoration: none; +} + +.nav__button { + display: inline-block; + background: #fff; + border: none; + border-radius: 4px; + padding: 0.5rem 1rem; + cursor: pointer; + color: #333; + text-decoration: none; + font-weight: 600; + margin-left: 0.5rem; +} + +.nav__search { + display: flex; + align-items: center; + border-radius: 4px; /* Abgerundete Ecken */ + background: #fff; + margin: 0 0.5rem; +} + +.nav__search-button { + display: inline-block; + background: #fff; + border: none; + border-radius: 4px; + padding: 0.4rem 0.6rem; + font-size: 0.8rem; + font-weight: 600; + cursor: pointer; + margin-left: 4px; +} + +.nav__dropdown:hover .nav__dropdown-menu { + display: block; +} + +.nav__checkbox { + display: none; +} + +.nav__mobile-submenu { + display: block; +} + +/* Responsive Anpassung unter 1210px */ +@media (max-width: 1210px) { + .nav { + flex-wrap: wrap; /* zweite Nav-Zeile*/ + padding: 0.5rem 1rem; + } + + .nav__left { + order: 1; + flex: 1; /* nimmt den Platz ganz links ein */ + } + + .nav__right { + order: 2; + flex: 1; + justify-content: flex-end; /* schiebt Buttons nach ganz rechts */ + } + + .nav__center { + order: 3; + flex-basis: 100%; /* Erzwingt, dass dieses Element eine eigene Zeile einnimmt */ + justify-content: center; /*zentriert die Links in der zweiten Zeile */ + padding: 0.5rem 0; + border-top: 1px solid rgba(255,255,255,0.1); /* Optionale Trennlinie */ + margin-top: 0.5rem; + } + + .nav__item { + margin: 0.25rem; + } +} + +#mobile-nav { + display: none; +} + +/* Responsive Anpassungen unter 660px (für z.B. Smartphones) */ +@media (max-width: 660px) { + .nav { + flex-direction: row; + flex-wrap: wrap; + justify-content: space-between; + padding: 0 1rem; + } + + .nav__logo img { + height: 50px; + } + + .nav__left { + order: 2; + flex: 1; + justify-content: flex-start; + } + + .nav__right { + order: 3; + width: 100%; + display: flex; + margin-top: 0.5em; + } + + #mobile-nav { + display: block; + order: 1; + background: #333d43; + border: none; + color: #fff; + font-size: 1.5rem; + padding: 0.5rem 0.1rem; + border-radius: 0.2rem; + cursor: pointer; + } + + .nav__search { + display: flex; + width: 100%; + margin: 0; + } + + .nav__search-button { + display: inline-block; + background: #fff; + border: none; + border-radius: 4px; + padding: 0.4rem 0.6rem; + font-size: 0.8rem; + font-weight: 600; + cursor: pointer; + margin-left: 4px; + } + + /* restliche desktop-navbar aus */ + .nav__center, + .nav__right .nav__button, + .nav__right .nav__link { + display: none; + } + + /* off canvas menu */ + .nav__mobile-menu { + display: flex; + flex-direction: column; + position: fixed; + top: 0; + left: -100%; /* kommt von links */ + width: 280px; + height: 100vh; + background: #333d43; + z-index: 1000; + transition: left 0.3s ease; + padding: 2rem 1rem; + box-shadow: 2px 0 10px rgba(0,0,0,0.5); + overflow-y: auto; + } + + .nav__checkbox:checked ~ .nav__mobile-menu { + left: 0; + } + + .nav_mobile-menu.is-active { + left: 0; + } + + .nav__mobile-menu a { + color: #fff; + text-decoration: none; + font-size: 1.2rem; + font-weight: 600; + display: block; + padding: 0.5rem 1rem; + border-bottom: 1px solid #333d43; + } + + .nav__mobile-submenu { + display: block; + list-style: none; + padding: 0; + background: rgba(0, 0, 0, 0.15); + } + + .nav__mobile-label { + display: flex; + justify-content: space-between; + align-items: center; + color: #fff; + font-size: 1.2rem; + font-weight: 600; + padding: 0.8rem 1rem; + cursor: pointer; + } + +} \ No newline at end of file diff --git a/datenschutz.php b/datenschutz.php new file mode 100644 index 0000000..f56bbe4 --- /dev/null +++ b/datenschutz.php @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + EduForge + + + + + + + +
+ +

Datenschutz

+ +

+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et + dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet + clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, + consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, + sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no + sea takimata sanctus est Lorem ipsum dolor sit amet. +

+ +
+ + + + + \ No newline at end of file diff --git a/datenschutzVSdatensicherheit.php b/datenschutzVSdatensicherheit.php new file mode 100644 index 0000000..2be358c --- /dev/null +++ b/datenschutzVSdatensicherheit.php @@ -0,0 +1,55 @@ + + + + + + + + + + + + + + EduForge + + + + +
+ +

Datenschutz vs Datensicherheit

+ +

+ Datenschutz ist in unserer digital vernetzten Welt allgegenwärtig – ob in sozialen Netzwerken, beim + Online-Shopping oder dem Einsatz von Bonuskarten, bei der Auswertung von Konsumverhalten und selbstverständlich + auch im schulischen Kontext. +

+

+ Was ist Datenschutz? +

+

+ Datenschutz bedeutet, dass persönliche Daten nur gesammelt, gespeichert und verwendet werden dürfen, wenn + es wirklich nötig ist – und nur für klar festgelegte Zwecke. Es geht darum, die Privatsphäre von Menschen + zu schützen. +

+

+ Was ist Datenschutz? +

+

+ Datensicherheit umfasst alle technischen und organisatorischen Maßnahmen, die verhindern sollen, dass Daten + verloren gehen, beschädigt oder unbemerkt verändert werden. Sie schützt Informationen vor Missbrauch. +

+
+ + + + + \ No newline at end of file diff --git a/images/guestbook.png b/images/guestbook.png deleted file mode 100644 index 76708dd..0000000 Binary files a/images/guestbook.png and /dev/null differ diff --git a/images/logo.png b/images/logos/logo.png similarity index 100% rename from images/logo.png rename to images/logos/logo.png diff --git a/images/logos/logo_full.png b/images/logos/logo_full.png new file mode 100644 index 0000000..91c6056 Binary files /dev/null and b/images/logos/logo_full.png differ diff --git a/images/logos/logo_icon.ico b/images/logos/logo_icon.ico new file mode 100644 index 0000000..b614d6a Binary files /dev/null and b/images/logos/logo_icon.ico differ diff --git a/impressum.php b/impressum.php new file mode 100644 index 0000000..ac9efe1 --- /dev/null +++ b/impressum.php @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + EduForge + + + + + + + +
+ +

Impressum

+ +

+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et + dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet + clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, + consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, + sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no + sea takimata sanctus est Lorem ipsum dolor sit amet. +

+ +
+ + + + + \ No newline at end of file diff --git a/includes/footer.php b/includes/footer.php new file mode 100644 index 0000000..edd8620 --- /dev/null +++ b/includes/footer.php @@ -0,0 +1,5 @@ + \ No newline at end of file diff --git a/includes/navbar.php b/includes/navbar.php index 058a4d9..a046557 100644 --- a/includes/navbar.php +++ b/includes/navbar.php @@ -1,28 +1,132 @@ -