refactor

2025-06-11 12:42:58 +02:00
parent 89d5ed249b
commit 5fc676167f
4 changed files with 3 additions and 2 deletions
--- a/site/goetter/css/style.css
+++ b/site/goetter/css/style.css
@@ -0,0 +1,44 @@
+/*Tschuldigung für mein css, es is sehr unübersichtlich*/
+
+h1 {
+  font-family: Brush Script MT;
+  font-size: 3em;
+  font-weight: bold;
+  background-color: #708090;
+  color: white;
+}
+
+h2 {
+  font-size: 2em;
+  font-weight: bold;
+  color: #708090;
+  font-family: Brush Script MT;
+  font-style: italic; /* schaut sonst nicht gut aus :) */
+}
+
+.div-1 {
+  font-size: 1em;
+  font-style: italic;
+}
+
+.div-2 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.div-2 img {
+  max-width: 100%;
+  height: auto;
+}
+
+.div-3 h3 {
+  font-weight:bold;
+  color:#708090;
+  font-style: normal;
+}
+
+.textcontainer {
+  font-size: 1em;
+}
+
--- a/site/goetter/images/dreifaltigkeit.png
+++ b/site/goetter/images/dreifaltigkeit.png
--- a/site/goetter/images/zeus.png
+++ b/site/goetter/images/zeus.png
--- a/site/goetter/index.html
+++ b/site/goetter/index.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Olympische Götter</title>
+    <link href="css/style.css" rel="stylesheet" />
+  </head>
+  <body>
+    <h1>Olympische Götter</h1>
+
+    <div class="textcontainer div-1">
+      <p>
+        Auch wenn die Griechen viele Götter kannten, nur 12 von ihnen war es
+        vergönnt auf dem Olymp zu wohnen. Daher kommt für diese Götter auch
+        die Bezeichnung Olympische Götter oder auch zwölf Götter des Olymps.
+      </p>
+    </div>
+
+    <div style="padding-left: 20px;">
+      <ol>
+        <li>Zeus: Göttervater</li>
+        <li>Poseidon: Gott des Meeres</li>
+        <li>Hera: Göttin der Ehe und der Familie</li>
+        <li>Demeter: Fruchtbarkeitsgöttin</li>
+        <li>Apollon: Gott der Künste und des Lichts</li>
+        <li>Artemis: Göttin des Mondes und der Natur</li>
+        <li>Athene: Göttin der Weisheit</li>
+        <li>Ares: Gott des Krieges</li>
+        <li>Aphrodite: Göttin der Liebe und der Schönheit</li>
+        <li>Hermes: Gott der Boten</li>
+        <li>Hephaistos: Gott des Feuers</li>
+        <li>Dionysos: Gott des Weines und der Ekstase</li>
+      </ol>
+    </div>
+
+    <h2>Verehrung der griechischen Götter</h2>
+    <div class="div-1">
+      <p>
+        Die zwölf olympischen Götter wurden von den antiken Griechen natürlich
+        besonders verehrt, jeder auf seine spezielle Weise. Oft gedachte man
+        den olympischen Göttern aber auch in der Gesamtheit, wie beispielsweise
+        am Zwölfgötter-Altar in der Agora in Athen.
+      </p>
+    </div>
+
+    <div class="div-2">
+      <img src="images/dreifaltigkeit.png" alt="Bild von Zeus" />
+    </div>
+
+    <div class="div-3">
+      <h3>Zeus</h3>
+      <p>
+        Zeus ist der jüngste Sohn des Titanenpaares Kronos und Rhea
+        kämpft vom Olymp aus gegen die Titanen
+        Machtsymbole sind der Herrscherblitz und dsein Schlild Aigis
+        musste gegen die Giganten und Typhon kämpfen
+        teilte die Welt in 3 Reiche: Himmel, Meer und Unterwelt
+        beauftrage Prometheus und Epimetheus die Erde mit Tieren und Menschen zu füllen
+        hatte 36 Frauen, die er verführte, und unzählige Kinder
+      </p>
+    </div>
+  </body>
+</html>