Aktionen

Materialarchiv: Unterschied zwischen den Versionen

Aus exmediawiki

Theo (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
Theo (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
Zeile 7: Zeile 7:
<h3>Natural materials</h3>
<h3>Natural materials</h3>


<!-- Flex wrapper -->
<!-- BOX ROW (Clickable tiles using mw-collapsible headers only) -->
<div style="display: flex; flex-wrap: wrap; gap: 1em;">
<div style="display: flex; flex-wrap: wrap; gap: 1em;">


   <!-- Gestein -->
   <!-- Box 1 -->
   <div style="flex: 0 0 calc(30% - 1em);">
   <div style="flex: 0 0 calc(20% - 1em);">
     <div class="mw-collapsible mw-collapsed" style="background-color: white; color: #333; padding: 1em; border: 1px solid #ccc; border-radius: 6px;">
     <div class="mw-collapsible mw-collapsed" style="padding: 1em; background: white; border: 1px solid #ccc; border-radius: 6px; cursor: pointer;">
       <strong>Gestein</strong><br>
       <strong>Gestein</strong><br>
       <div class="mw-collapsible-content" style="margin-top: 0.5em;">
       <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/db/Gneiss.jpg/100px-Gneiss.jpg" alt="Gestein">
        Content related to <a href=":Category:Gestein">Gestein</a> goes here.
      </div>
     </div>
     </div>
   </div>
   </div>


   <!-- Holz -->
   <!-- Box 2 -->
   <div style="flex: 0 0 calc(30% - 1em);">
   <div style="flex: 0 0 calc(20% - 1em);">
     <div class="mw-collapsible mw-collapsed" style="background-color: white; color: #333; padding: 1em; border: 1px solid #ccc; border-radius: 6px;">
     <div class="mw-collapsible mw-collapsed" style="padding: 1em; background: white; border: 1px solid #ccc; border-radius: 6px; cursor: pointer;">
       <strong>Holz</strong><br>
       <strong>Holz</strong><br>
       <div class="mw-collapsible-content" style="margin-top: 0.5em;">
       <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1b/Wood_texture.jpg/100px-Wood_texture.jpg" alt="Holz">
        Content related to <a href=":Category:Holz">Holz</a> goes here.
      </div>
     </div>
     </div>
   </div>
   </div>


   <!-- Tierische Werkstoffe -->
   <!-- Box 3 -->
   <div style="flex: 0 0 calc(30% - 1em);">
   <div style="flex: 0 0 calc(20% - 1em);">
     <div class="mw-collapsible mw-collapsed" style="background-color: white; color: #333; padding: 1em; border: 1px solid #ccc; border-radius: 6px;">
     <div class="mw-collapsible mw-collapsed" style="padding: 1em; background: white; border: 1px solid #ccc; border-radius: 6px; cursor: pointer;">
       <strong>Tierische Werkstoffe</strong><br>
       <strong>Tierische Werkstoffe</strong><br>
       <div class="mw-collapsible-content" style="margin-top: 0.5em;">
       <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f2/Wool.jpg/100px-Wool.jpg" alt="Tierische Werkstoffe">
        Content related to <a href=":Category:Tierische Werkstoffe">Tierische Werkstoffe</a> goes here.
      </div>
     </div>
     </div>
   </div>
   </div>


  <!-- Box 4 -->
  <div style="flex: 0 0 calc(20% - 1em);">
    <div class="mw-collapsible mw-collapsed" style="padding: 1em; background: white; border: 1px solid #ccc; border-radius: 6px; cursor: pointer;">
      <strong>Metalle</strong><br>
      <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5c/Copper_Crystal.jpg/100px-Copper_Crystal.jpg" alt="Metalle">
    </div>
  </div>
  <!-- Box 5 -->
  <div style="flex: 0 0 calc(20% - 1em);">
    <div class="mw-collapsible mw-collapsed" style="padding: 1em; background: white; border: 1px solid #ccc; border-radius: 6px; cursor: pointer;">
      <strong>Kunststoffe</strong><br>
      <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3b/Plastic_beads.jpg/100px-Plastic_beads.jpg" alt="Kunststoffe">
    </div>
  </div>
</div>
<!-- SEPARATE FULL-WIDTH COLLAPSIBLE BLOCKS -->
<!-- Block 1 -->
<div class="mw-collapsible-content" style="margin-top: 1em; background-color: #f9f9f9; border: 1px solid #ccc; border-radius: 6px; padding: 1em;">
  <strong>Gestein:</strong> Rocks like granite, basalt, and limestone are foundational geological materials.
</div>
</div>
<!-- Block 2 -->
<div class="mw-collapsible-content" style="margin-top: 1em; background-color: #f9f9f9; border: 1px solid #ccc; border-radius: 6px; padding: 1em;">
  <strong>Holz:</strong> Wood is harvested from trees and is a sustainable construction and crafting material.
</div>
<!-- Block 3 -->
<div class="mw-collapsible-content" style="margin-top: 1em; background-color: #f9f9f9; border: 1px solid #ccc; border-radius: 6px; padding: 1em;">
  <strong>Tierische Werkstoffe:</strong> Includes materials like wool, silk, leather, and horn used in textiles and tools.
</div>
<!-- Block 4 -->
<div class="mw-collapsible-content" style="margin-top: 1em; background-color: #f9f9f9; border: 1px solid #ccc; border-radius: 6px; padding: 1em;">
  <strong>Metalle:</strong> Copper, iron, aluminum, and other metals are crucial for tools, wires, and structures.
</div>
<!-- Block 5 -->
<div class="mw-collapsible-content" style="margin-top: 1em; background-color: #f9f9f9; border: 1px solid #ccc; border-radius: 6px; padding: 1em;">
  <strong>Kunststoffe:</strong> Plastics are versatile synthetic materials used in countless applications.
</div>





Version vom 19. Mai 2025, 12:40 Uhr


Materials


Natural materials

 Gestein: Rocks like granite, basalt, and limestone are foundational geological materials.
 Holz: Wood is harvested from trees and is a sustainable construction and crafting material.
 Tierische Werkstoffe: Includes materials like wool, silk, leather, and horn used in textiles and tools.
 Metalle: Copper, iron, aluminum, and other metals are crucial for tools, wires, and structures.
 Kunststoffe: Plastics are versatile synthetic materials used in countless applications.



Synthetic materials