From f11fc6b5ca6e933924ce4daecf82afb3732f137e Mon Sep 17 00:00:00 2001 From: rattatwinko Date: Thu, 12 Jun 2025 09:54:33 +0200 Subject: [PATCH] added 2 sites --- site/css/style.css | 49 ++++++++++++++++++++++++++--- site/index.html | 37 ++++++++++++---------- site/olymp/css/style.css | 17 ++++++++++ site/olymp/index.html | 40 +++++++++++++++++++++++ site/wie_alles_begann/css/style.css | 24 ++++++++++++++ site/wie_alles_begann/index.html | 29 +++++++++++++++++ 6 files changed, 175 insertions(+), 21 deletions(-) create mode 100644 site/olymp/css/style.css create mode 100644 site/olymp/index.html create mode 100644 site/wie_alles_begann/css/style.css create mode 100644 site/wie_alles_begann/index.html diff --git a/site/css/style.css b/site/css/style.css index e3bea5f..d92ff0f 100644 --- a/site/css/style.css +++ b/site/css/style.css @@ -1,11 +1,52 @@ -.div-1 h1 { - text-align:center; +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } -.div-2 a { +body { + background-color: #ffffff; + color: #333; display: flex; justify-content: center; align-items: center; - text-align:center; + min-height: 100vh; +} + +.container { + background: #fff; + padding: 40px; + border-radius: 16px; + box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); + text-align: center; + max-width: 400px; + width: 100%; +} + +header h1 { + font-size: 2rem; + margin-bottom: 24px; + color: #111; +} + +.navigation { + display: flex; + flex-direction: column; + gap: 16px; +} + +.navigation a { + text-decoration: none; + color: #0056b3; + padding: 12px 20px; + border: 2px solid #0056b3; + border-radius: 12px; + transition: all 0.3s ease; +} + +.navigation a:hover { + background-color: #0056b3; + color: white; } diff --git a/site/index.html b/site/index.html index 852ab8b..9d163b4 100644 --- a/site/index.html +++ b/site/index.html @@ -1,21 +1,24 @@ + - - - - - - - + + + + Mythos Portal + + + +
+
+

Mythische Welten

+
-
-

PageIndex

-
- -
-
  • - Götter Seite -
    • -
    - + +
    + + diff --git a/site/olymp/css/style.css b/site/olymp/css/style.css new file mode 100644 index 0000000..358702a --- /dev/null +++ b/site/olymp/css/style.css @@ -0,0 +1,17 @@ +body { + font-family: Arial, sans-serif; + line-height: 1.6; + margin: 0; + padding: 20px; + background-color: #f4f4f4; +} +header, section { + background: white; + margin-bottom: 20px; + padding: 20px; + border-radius: 10px; +} +h1, h2 { + color: #2c3e50; +} + diff --git a/site/olymp/index.html b/site/olymp/index.html new file mode 100644 index 0000000..4a3c612 --- /dev/null +++ b/site/olymp/index.html @@ -0,0 +1,40 @@ + + + + + + + + Der Olymp + + + +
    +

    Der Olymp

    +
    + +
    +

    Olymp in der Mythologie

    + +

    In den Gipfeln des Olymps stürzten einst die Olympischen Götter die Titanen im legendären Kampf der Titanen ("Titanomachie") und stellten dann ihr göttliches Reich auf. Der Thron von Zeus stand am Gipfel des Olymps, jeder einzelne olympische Gott verfügte über einen eigenen Palast. In den Schluchten und Wäldern des Olymps lag der Sitz der neun Musen, der griechischen Göttinnen der Künste und Wissenschaften.

    +
    + +
    +

    Tatsächliche Fakten zum Olymp

    + +
    + + + + diff --git a/site/wie_alles_begann/css/style.css b/site/wie_alles_begann/css/style.css new file mode 100644 index 0000000..5317a0e --- /dev/null +++ b/site/wie_alles_begann/css/style.css @@ -0,0 +1,24 @@ +body { + font-family: Arial, sans-serif; + color: #333; + margin: 20px; + background-color: #f9f9f9; +} + +h1 { + font-family: 'Brush Script MT', cursive; + font-size: 2.5em; + background-color: #708090; + color: white; + padding: 10px; + text-align: center; +} + +h2 { + font-family: 'Brush Script MT', cursive; + font-size: 1.8em; + color: #708090; + font-style: italic; + margin-top: 30px; +} + diff --git a/site/wie_alles_begann/index.html b/site/wie_alles_begann/index.html new file mode 100644 index 0000000..bc6c7b5 --- /dev/null +++ b/site/wie_alles_begann/index.html @@ -0,0 +1,29 @@ + + + + + + Griechische Mythologie - Wie alles begann + + + + +

    Griechische Mythologie - Wie alles begann

    + +
    +

    + Die griechische Mythologie umfasst die Gesamtheit der antiken griechischen Mythen, also der Geschichten der Götter und Helden des antiken Griechenlands. +

    +
    + +

    Die Schöpfung - Wie alles begann

    + +
    +

    + Kronos übernahm die Weltherrschaft, heiratete seine Schwester Rhea und wurde Vater von Hestia, Demeter, Hera, Hades, Poseidon und Zeus. Ein Orakel wahrsagte ihm, dass eines seiner Kinder ihn entthronen wird, worauf er alle auffraß. Nur Zeus nicht, da Rhea ihn auf Kreta versteckte. + Später kehrte Zeus zurück und nahm Rache, indem er Kronos ein Brechmittel ins Essen mischte, worauf dieser alle Kinder wieder ausbrach. Er befreite auch die Zyklopen aus dem Tartarus, die aus Dankbarkeit die drei göttlichen Brüder mit Waffen ausstatteten: Zeus bekam den Donnerkeil, Hades eine Tarnkappe und Poseidon den Dreizack. + Mit diesen Waffen töteten sie schließlich ihren Vater Kronos. Danach begann der Kampf gegen die Titanen, die aber durch einen plötzlichen Schrei Pans gewarnt und in die Flucht geschlagen wurden. Letztendlich teilten sich die Brüder die Welt: Hades übernahm die Unterwelt, Poseidon das Meer und Zeus das Land. So zumindest die griechische Mythologie. +

    +
    + +