Quelltext der Seite Material Archive

__NOTOC__
<h4></h4>
<div id="search-section"></div>
<br>
<h2>Materials</h2>
<div id="materials-section"></div>
<br>
<h3>Natural materials</h3>
<!-- Single flex container for all items -->
<div class="materials-container">
  
  <!-- Holz category -->
  <div class="material-parent" data-category="wood">
    <h3>Wood</h3>
  </div>
<!--<div class="material-parent" data-category="veneer"><h3>Veneer</h3>-->
  <div class="material-child" data-parent="holz">
    <h3>[[Fichte]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="holz">
    <h3>[[Lärche]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="holz">
    <h3>[[Buche]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="holz">
    <h3>[[Esche]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="holz">
    <h3>[[Eiche]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  
  <!-- Metalle category -->
  <div class="material-parent" data-category="metalle">
    <h3>Metalle</h3>
  </div>
  <div class="material-child" data-parent="metalle">
    <h3>[[Aluminium]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="metalle">
    <h3>[[Pulverbeschichteter Stahl]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="metalle">
    <h3>[[Zinn]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="metalle">
    <h3>[[Zink]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="metalle">
    <h3>[[Kupfer]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="metalle">
    <h3>[[Edelstahl]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  
  <!-- Stein category -->
  <div class="material-parent" data-category="stein">
    <h3>Stein</h3>
  </div>
  <div class="material-child" data-parent="stein">
    <h3>[[Granit]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="stein">
    <h3>[[Marmor]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="stein">
    <h3>[[Sandstein]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="stein">
    <h3>[[Kalkstein]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="stein">
    <h3>[[Schiefer]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  
  <!-- Textilien category -->
  <div class="material-parent" data-category="textilien">
    <h3>Textilien</h3>
  </div>
  <div class="material-child" data-parent="textilien">
    <h3>[[Baumwolle]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="textilien">
    <h3>[[Leinen]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="textilien">
    <h3>[[Wolle]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="textilien">
    <h3>[[Seide]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="textilien">
    <h3>[[Hanf]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  
  <!-- Keramik category -->
  <div class="material-parent" data-category="keramik">
    <h3>Keramik</h3>
  </div>
  <div class="material-child" data-parent="keramik">
    <h3>[[Porzellan]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="keramik">
    <h3>[[Steingut]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="keramik">
    <h3>[[Ton]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="keramik">
    <h3>[[Feinsteinzeug]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  
  <!-- Glas category -->
  <div class="material-parent" data-category="glas">
    <h3>Glas</h3>
  </div>
  <div class="material-child" data-parent="glas">
    <h3>[[Klarglas]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="glas">
    <h3>[[Milchglas]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="glas">
    <h3>[[Sicherheitsglas]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="glas">
    <h3>[[Borosilikatglas]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  
  <!-- Leder category -->
  <div class="material-parent" data-category="leder">
    <h3>Leder</h3>
  </div>
  <div class="material-child" data-parent="leder">
    <h3>[[Rindsleder]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="leder">
    <h3>[[Ziegenleder]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="leder">
    <h3>[[Schweinsleder]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="leder">
    <h3>[[Schafleder]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  
</div>

<br>
<br>

<h3>Synthetic materials</h3>
<!-- Single flex container for all items -->
<div class="materials-container">
  
  <!-- Metalle category -->
  <div class="material-parent" data-category="metalle">
    <h3>Metalle</h3>
  </div>
  <div class="material-child" data-parent="metalle">
    <h3>[[Aluminium]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="metalle">
    <h3>[[Pulverbeschichteter Stahl]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="metalle">
    <h3>[[Zinn]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="metalle">
    <h3>[[Zink]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="metalle">
    <h3>[[Kupfer]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="metalle">
    <h3>[[Edelstahl]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  
  
  <!-- Plastic category -->
  <div class="material-parent" data-category="plastic">
    <h3>Plastic</h3>
  </div>
  <div class="material-child" data-parent="keramik">
    <h3>[[Porzellan]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="keramik">
    <h3>[[Steingut]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="keramik">
    <h3>[[Ton]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="keramik">
    <h3>[[Feinsteinzeug]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  
  <!-- Glas category -->
  <div class="material-parent" data-category="glas">
    <h3>Glas</h3>
  </div>
  <div class="material-child" data-parent="glas">
    <h3>[[Klarglas]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="glas">
    <h3>[[Milchglas]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="glas">
    <h3>[[Sicherheitsglas]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
  <div class="material-child" data-parent="glas">
    <h3>[[Borosilikatglas]]</h3>
    <div class="image-preview">[[File:Test image1.jpg|200px]]</div>
  </div>
</div>

<br>
<br>
<br>

<h2>About</h2>
<br>
<big>The exMedia Lab is a workspace and experimental environment for transdisciplinary and transmedia projects, focused on exploring materials at the intersection of analog and digital realities. These realities, along with their technologies and possibilities, are examined through reflective thinking and action. 
The students' projects and experiments are supported by supervision and the availability of various technologies, and the development of as yet unclear/open questions is accompanied in the process. 
In the exMedia Lab, critical thinking, collective work and the development of personal responsibility are encouraged and practised in a social environment and in the independent use of technologies.</big>