diff --git a/html/website/about.html b/html/website/about.html new file mode 100644 index 0000000..ed65a81 --- /dev/null +++ b/html/website/about.html @@ -0,0 +1,35 @@ + + + + + Über Erdmännchen + + + +
+

Über Erdmännchen

+
+ +
+ +
+
+

Beschreibung

+

Erdmännchen sind kleine Raubtiere mit schlanken Körpern, langen Schwänzen und auffälligen dunklen Augenringen. Ihr Fell ist meist hellbraun mit dunkleren Streifen am Rücken.

+ +

Lebensweise

+

Sie sind tagaktiv und verbringen viel Zeit auf der Nahrungssuche. Erdmännchen leben in unterirdischen Bausystemen, die sie gemeinsam erweitern und instand halten.

+
+

Fortpflanzung

+

In einer Kolonie gibt es häufig ein dominantes Paar, das den Großteil des Nachwuchses zur Welt bringt; andere Gruppenmitglieder helfen bei Aufzucht und Schutz der Jungen.

+ +
+
+
+ + + diff --git a/html/website/behavior.html b/html/website/behavior.html new file mode 100644 index 0000000..b62612c --- /dev/null +++ b/html/website/behavior.html @@ -0,0 +1,34 @@ + + + + + Verhalten & Sozialstruktur + + + +
+

Verhalten & Sozialstruktur

+
+ +
+ +
+
+

Soziale Rollen

+

Innerhalb der Kolonie übernehmen Individuen verschiedene Aufgaben: Wächter, Futtersucher, Babysitter und Baumeister. Wächter klettern auf erhöhte Stellen und geben Alarmrufe bei Gefahr.

+
+

Kommunikation

+

Erdmännchen besitzen ein differenziertes Repertoire an Lauten — Warnrufe unterscheiden zwischen Lufträubern und Bodenräubern; außerdem nutzen sie Körperhaltung und Duftmarken zur Verständigung.

+ +
+ +

Jagd und Ernährung

+

Sie graben aktiv nach Insekten und kleinen Wirbeltieren. Beim Jagen arbeiten Gruppenmitglieder oft unabhängig, teilen aber wichtige Funde mit der Gruppe.

+
+
+ + diff --git a/html/website/gallery.html b/html/website/gallery.html new file mode 100644 index 0000000..ed30564 --- /dev/null +++ b/html/website/gallery.html @@ -0,0 +1,37 @@ + + + + + Galerie + + + +
+

Galerie

+ +
+ +
+
+
+ Erdmännchen Gruppe +
Gruppe auf Wachtposten
+
+
+ Stehendes Erdmännchen +
Aufrechter Wachtposten
+
+
+ Erdmännchen Nahaufnahme +
Nahaufnahme
+
+
+
+
+ + + diff --git a/html/website/index.html b/html/website/index.html new file mode 100644 index 0000000..375a511 --- /dev/null +++ b/html/website/index.html @@ -0,0 +1,46 @@ + + + + + Erdmännchen + + + +
+

Erdmännchen (Suricata suricatta)

+
+ +
+ +
+
+ +
+

Erdmännchen sind kleine, tagaktive Säugetiere aus der Familie der Mangusten, bekannt für ihre aufrechten Wachtposten und komplexe Sozialstruktur.

+

Dieses kurze Infoportal bietet Fakten, Verhaltenserklärungen, Schutzstatus und eine kleine Galerie mit Bildern von Wikimedia Commons.

+
+
+ +
+

Kurzfakten

+ +
+ +
+

Schutzstatus

+

Erdmännchen gelten derzeit nicht als stark gefährdet, doch Lebensraumverlust und Veränderungen in Ökosystemen können lokale Populationen beeinflussen.

+
+
+ + + diff --git a/html/website/styles/index.css b/html/website/styles/index.css new file mode 100644 index 0000000..8e8b633 --- /dev/null +++ b/html/website/styles/index.css @@ -0,0 +1,113 @@ +:root{ + --bg:#f7f7f7; + --accent:#2d6a4f; + --text:#333; + --card:#fff; +} + +*{ + box-sizing:border-box; + font-family:system-ui,Arial,sans-serif; + margin:0; + padding:0; +} + +body{ + background:var(--bg); + color:var(--text); + line-height:1.4; +} + +header{ + background:var(--accent); + color:#fff; + padding:12px; +} + +header h1 { + font-size:18px; +} + +nav{ + margin-top:8px; +} + +nav a { + color:#d3d3d3; + margin-right:10px; + text-decoration:none; + font-weight:600; +} + +main{ + max-width:900px; + margin:18px auto; + padding:12px; +} + +section, article, .facts, .conservation { + background:var(--card); + padding:12px; + border-radius:6px; + margin-bottom:12px; +} + +.hero{ + display:flex; + gap:12px; + align-items:center; +} + +.hero img { + width:180px; + height:120px; + object-fit:cover; + border-radius:6px; +} + +.image-about, +.behaviour-image{ + width:100%; + max-width:420px; + height:auto; + overflow:hidden; + border-radius:6px; + background:#eee; + display:block; + margin:8px 0; +} + +.image-about img, +.behaviour-image img { + width:100%; + height:100%; + object-fit:cover; + display:block; +} + +.grid { + display:grid; + grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); + gap:10px; +} + +figure { + background:var(--card); + padding:8px; + border-radius:6px; + text-align:center; +} + +figure img { + width:100%; + height:120px; + object-fit:cover; + border-radius:4px; +} + +footer { + text-align:center; + color:#666; + padding:12px; + font-size:14px; +} \ No newline at end of file diff --git a/html/wm/box/index.html b/html/wm/box/index.html index 40ac6cb..390f6d3 100644 --- a/html/wm/box/index.html +++ b/html/wm/box/index.html @@ -14,21 +14,36 @@
-

-

-

+

Österreichs Fußballnationalteam hat für die Fußball-WM-Endrunde 2026 in Kanada, Mexiko und den USA in Washington das große Los gezogen und trifft auf Titelverteidiger Argentinien mit Superstar Lionel Messi. +Zudem gibt es ein brisantes Wiedersehen mit Algerien und eine Premiere gegen den WM-Debütanten Jordanien. +

+
+ +

Spielplan:

+
+ +
+ 17.06. Österreich gegen Jordanien +
+ 6.00 Uhr San Francisco +
+ +
+ 22.06. Österreich gegen Argentinien +
+ 19:00 Uhr Dallas +
+ +
+ 28.06. Österreich gegen Algerien +
+ 4:00 Uhr Kansas City +
+ +
+

Abschlusstext

+
+

Das malerisch an der Steilküste über dem Pazifik gelegene Ritz-Carlton Bacara wird zumindest während der Gruppenspiele gegen Jordanien (17. Juni), Argentinien (22. Juni) und Algerien (28. Juni) die Heimat von David Alaba und Co. sein. Die in Einzelhäuser aufgeteilte über 360 Zimmer verfügende Anlage spielt alle „Stückln“. Allein der Blick hinaus auf den pazifischen Ozean sollte zur Tiefenentspannung zwischen den heißen Partien genügen.

\ No newline at end of file diff --git a/html/wm/box/styles/index.css b/html/wm/box/styles/index.css index 7f961a9..6627092 100644 --- a/html/wm/box/styles/index.css +++ b/html/wm/box/styles/index.css @@ -1,3 +1,8 @@ +h1 h2 h3 { + text-align: center; + justify-content: center; +} + .banner img { height: 300px; width: 100%; @@ -17,19 +22,18 @@ box-shadow: 0 1px 4px rgba(0,0,0,0.04); } -.body-text ul { - margin: 0; - padding-left: 1.25rem; - list-style: disc; - color: inherit; + +/* von moodle */ +.container { + display: flex; /* Aktiviert Flexbox */ + justify-content: space-between; /* Verteilt die Inhalte mit Abstand */ + gap: 10px; /* Abstand zwischen den Inhalten */ } -.body-text ul ul { - padding-left: 1rem; - list-style: circle; +.ibox0 .ibox1 .ibox2 { + flex: 1; /* Alle Boxen sind gleich breit */ + background-color: aqua; + padding-left: 40px; + padding-right: 40px; + text-align: center; } - -.body-text li { - margin: 0.5rem 0; - padding-right: 0.25rem; -} \ No newline at end of file diff --git a/html/wm/box.tar.gz b/html/wm/boxbox.tar.gz similarity index 100% rename from html/wm/box.tar.gz rename to html/wm/boxbox.tar.gz