|
|
| (51 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) |
| Zeile 1: |
Zeile 1: |
| __NOTOC__
| | <div class="slideshow-gallery-page"> |
| | | <div class="slideshow-container" style="overflow: hidden; margin: 0; padding: 0;"> |
| <h2 style="border-bottom: 2px solid black; padding-bottom: 0em;">
| | |
| Materials
| | <div class="mySlides" style="margin: 0; padding: 0; line-height: 0;"> |
| </h2>
| | [[File:Sisal Teppich2.jpg|border|link=]] |
| <br>
| | </div> |
| | | <div class="mySlides" style="margin: 0; padding: 0; line-height: 0;"> |
| <h3>Natural materials</h3>
| | [[File:Yarn2.jpg|border|link=]] |
| | | </div> |
| <div style="display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 50px;">
| | <div class="prev">←</div> |
| | | <div class="next">→</div> |
| <!-- First collapsible item (Holz) -->
| |
| <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 0.1em); position: relative; box-sizing: border-box;"> | |
| <div class="mw-collapsible-toggle" style="width: 100%; box-sizing: border-box;">
| |
| <div style="background-color: black; border-radius: 9999px; padding: 0.5em; width: 100%; text-align: center; margin-bottom: 1em; box-sizing: border-box;">
| |
| <h3 style="color: white; margin: 0;">Holz</h3>
| |
| </div>
| |
| <span class="down"></span>
| |
| </div>
| |
| <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;">
| |
| <div style="width: 100%; height: 15px;"></div>
| |
| <!-- Image Block Start -->
| |
| <div>
| |
| <h6 style="border-bottom: none; padding-bottom: 1em; font-size: 1.1em;">[[Smoky Quartz]]</h6>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| </div>
| |
| <div>
| |
| <h6 style="border-bottom: none; padding-bottom: 1em; font-size: 1.1em;">[[Smoky Quartz]]</h6>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| </div>
| |
| <div>
| |
| <h6 style="border-bottom: none; padding-bottom: 1em; font-size: 1.1em;">[[Smoky Quartz]]</h6>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| </div>
| |
| <div>
| |
| <h6 style="border-bottom: none; padding-bottom: 1em; font-size: 1.1em;">[[Smoky Quartz]]</h6>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| </div>
| |
| <div>
| |
| <h6 style="border-bottom: none; padding-bottom: 1em; font-size: 1.1em;">[[Smoky Quartz]]</h6>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| </div>
| |
| </div>
| |
| </div> | | </div> |
|
| |
| <!-- Second collapsible item (Metalle) -->
| |
| <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 0.1em); position: relative; box-sizing: border-box;">
| |
| <div class="mw-collapsible-toggle" style="width: 100%; box-sizing: border-box;">
| |
| <div style="background-color: black; border-radius: 9999px; padding: 0.5em; width: 100%; text-align: center; margin-bottom: 1em; box-sizing: border-box;">
| |
| <h3 style="color: white; margin: 0;">Metalle</h3>
| |
| </div>
| |
| <span class="down"></span>
| |
| </div>
| |
| <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;">
| |
| <div style="width: 100%; height: 15px;"></div>
| |
| <!-- Image Block Start -->
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Third collapsible item (Gestein) -->
| |
| <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 0.1em); position: relative; box-sizing: border-box;">
| |
| <div class="mw-collapsible-toggle" style="width: 100%; box-sizing: border-box;">
| |
| <div style="background-color: black; border-radius: 9999px; padding: 0.5em; width: 100%; text-align: center; margin-bottom: 1em; box-sizing: border-box;">
| |
| <h3 style="color: white; margin: 0;">Gestein</h3>
| |
| </div>
| |
| <span class="down"></span>
| |
| </div>
| |
| <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;">
| |
| <div style="width: 100%; height: 15px;"></div>
| |
| <!-- Image Block Start -->
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Fourth collapsible item (Tierische Werkstoffe) -->
| |
| <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 0.1em); position: relative; box-sizing: border-box;">
| |
| <div class="mw-collapsible-toggle" style="width: 100%; box-sizing: border-box;">
| |
| <div style="background-color: black; border-radius: 9999px; padding: 0.5em; width: 100%; text-align: center; margin-bottom: 1em; box-sizing: border-box;">
| |
| <h3 style="color: white; margin: 0;">Tierische Werkstoffe</h3>
| |
| </div>
| |
| <span class="down"></span>
| |
| </div>
| |
| <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;">
| |
| <div style="width: 100%; height: 15px;"></div>
| |
| <!-- Image Block Start -->
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| </div>
| |
|
| |
| <h2 style="border-bottom: 2px solid black; padding-bottom: 0em;">
| |
| Materials
| |
| </h2>
| |
| <br>
| |
| <h3>Natural materials</h3>
| |
| <div style="display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 50px;">
| |
| <!-- First collapsible item -->
| |
| <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 0.1em); position: relative;">
| |
| <div class="mw-collapsible-toggle">
| |
| <span class="down">
| |
|
| |
| <h5 style="border-bottom: padding-bottom: 1em; font-size: 1.5em;">
| |
| Holz
| |
| </h5>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz]]
| |
| </span>
| |
| </div>
| |
| <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;">
| |
| <div style="width: 100%; height: 15px;"></div>
| |
|
| |
|
| |
| <!-- Image Block Start -->
| |
|
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <!-- First collapsible item -->
| |
| <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;">
| |
| <div class="mw-collapsible-toggle">
| |
| <span class="down">
| |
| <h5 style="border-bottom: padding-bottom: 0.2em; font-size: 1.5em; text-align: left;">
| |
| Holz
| |
| </h5>
| |
| [[File:Test image1.jpg|200px|link=Smoky Quartz]]
| |
| </span>
| |
| </div>
| |
| <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;">
| |
|
| |
| <!-- Image Block Start -->
| |
|
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- First collapsible item -->
| |
|
| |
| <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;">
| |
| <div class="mw-collapsible-toggle">
| |
| <span class="down">
| |
| <h5 style="border-bottom: padding-bottom: 0.2em; font-size: 1.5em; text-align: left;">
| |
| Holz
| |
| </h5>
| |
| [[File:Test image1.jpg|200px|link=Smoky Quartz]]
| |
| </span>
| |
| </div>
| |
| <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;">
| |
| <!-- Image Block Start -->
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- First collapsible item -->
| |
| <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;">
| |
| <div class="mw-collapsible-toggle">
| |
| <span class="down">
| |
| <h5 style="border-bottom: padding-bottom: 0.2em; font-size: 1.5em; text-align: left;">
| |
| Werkstoffe
| |
| </h5>
| |
| [[File:Test image1.jpg|200px|link=Smoky Quartz]]
| |
| </span>
| |
| </div>
| |
| <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;">
| |
|
| |
| <!-- Image Block Start -->
| |
|
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| <div>
| |
| [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
|
| |
| </div>
| |
|
| |
| <!-- Content that follows the collapsible section -->
| |
| <div style="width: 100%;">
| |
| </div> | | </div> |