<!----
             ▓▓▓▓                  ▓▓▓▓            
            ██  ██                  ██  ██          
          ▓▓  ░░██                  ██░░  ▓▓        
          ██░░░░██                  ██░░░░██        
        ▓▓░░░░░░██                  ██░░░░░░▓▓      
        ██░░░░░░██                  ██░░░░░░██      
        ██░░░░░░██                  ██░░░░░░██      
        ██░░░░░░██  ▒▒▒▒▒▒▒▒▒▒▒▒▒▒  ██░░░░▒▒██      
        ██░░░░░░██▒▒░░░░░░▒▒░░░░  ▓▓██░░░░▒▒██      
          ▓▓░░▒▒██░░░░░░░░░░░░░░░░  ██░░▒▒██        
          ▓▓░░▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░▓▓        
            ██░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▒▓▓        
            ██░░░░░░░░░░░░░░░░░░░░░░░░▒▒▓▓          
            ██░░░░░░░░░░░░░░░░░░░░░░░░░░████        
          ▒▒██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓██░░▒▒      
      ████▒▒▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▒▒▒▒░░██████
      ██▒▒▒▒▓▓░░░░░░░░░░░░░░░░░░░░░░░░▓▓▓▓▓▓░░░░▒▒██
      ██▒▒▒▒▓▓░░░░██░░░░░░░░██░░░░░░░░▓▓░░░░▓▓▒▒▒▒██
      ██▒▒▒▒▓▓░░░░██░░░░░░░░██░░░░░░░░░░▒▒░░▓▓▒▒▒▒██
        ██▓▓▒▒░░▒▒▓▓▓▓▓▓▓▓▓▓▓▓▒▒░░░░░░▓▓▓▓▓▓▒▒▒▒▒▒██
      ▓▓▒▒▒▒▒▒▒▒▒▒▒▒░░░░▒▒░░░░▒▒▒▒▒▒▒▒▓▓▒▒▒▒▒▒▒▒▒▒██
    ██▒▒▓▓▓▓▓▓░░░░░░░░░░░░░░░░░░░░▓▓▓▓▒▒▒▒▒▒▓▓████  
    ██▒▒▓▓░░░░▒▒▒▒▓▓▓▓▓▓▓▓▓▓▒▒░░░░░░░░▓▓▓▓▒▒▒▒██    
  ██▒▒▒▒▒▒▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▒▒░░░░░░▓▓▓▓██    
  ██▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▒▒▒▒██    
  ██▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒██    
  ██▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒██    
  ██▒▒░░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓    
  ██▒▒░░░░▒▒░░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░▒▒▓▓    
  ██▒▒░░░░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░▓▓      
  ░░▓▓▒▒▒▒░░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░██      
    ▓▓▒▒░░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒██      
    ░░██▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▒▒░░    
        ▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▒▒▒▒▒▒▓▓  
          ██████████████████████████▒▒▒▒██▒▒▒▒▒▒██  
        ▓▓░░░░▒▒██▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒██▓▓░░░░██  
        ██░░░░████▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒████░░░░██  
          ▓▓▓▓  ██▒▒▓▓▓▓▒▒▓▓▓▓▓▓▓▓▓▓▓▓▒▒██  ▓▓▓▓    
                ██▓▓▓▓▓▓██▓▓████████▓▓▓▓██          
              ▓▓▓▓▓▓▓▓▓▓░░  ░░  ░░██▓▓▓▓▓▓▓▓        

v@wwdil.io
!-->

<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="de">
<![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8" lang="de">
<![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9" lang="de">
<![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="de">
<!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"/>
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <meta content="index, follow" name="robots">
    <link href="../resources/img/icons/icon.png" rel="shortcut icon" type="image/png"/>
    <link href="../resources/img/icons/icon_sq.png" rel="apple-touch-icon">
    <title>Talking Tubes, eine Installation von Jean-Remy</title>

    <meta content="Zwei Röhren tauschen Gedanken aus, Tiefsinn und Unsinn wechseln sich ab und Äußerlichkeiten bleiben außen vor. Es gilt das gesprochene Wort!"
          name="description"/>
    <meta content="Jean-Remy von Matt, Talking Tubes, ZKM, interaktiv, Installation, Sprache, Kunst, Konzept"
          name="keywords">

    <meta content="de_DE" property="og:locale"/>
    <meta content="website" property="og:type"/>
    <meta content="Talking Tubes, eine Installation von Jean-Remy" property="og:site_name"/>

    <meta content="http://talkingtubes.art/resources/img/preview.jpg" property="og:image"/>
    <meta content="http://www.talkingtubes.art" property="og:url"/>
    <meta content="Talking Tubes, eine Installation von Jean-Remy" property="og:title"/>
    <meta content="Zwei Röhren tauschen Gedanken aus, Tiefsinn und Unsinn wechseln sich ab und Äußerlichkeiten bleiben außen vor. Es gilt das gesprochene Wort!"
          property="og:description"/>

    <meta content="summary_large_image" name="twitter:card">
    <meta content="Talking Tubes, eine Installation von Jean-Remy" name="twitter:title"/>
    <meta content="Zwei Röhren tauschen Gedanken aus, Tiefsinn und Unsinn wechseln sich ab und Äußerlichkeiten bleiben außen vor. Es gilt das gesprochene Wort!"
          name="twitter:description"/>
    <meta content="http://talkingtubes.art/resources/img/preview.jpg" name="twitter:image"/>

    <link href="../resources/css/normalize.css" rel="stylesheet">
    <link href="../resources/css/fonts.css" rel="stylesheet">
    <link href="../resources/css/style.css" rel="stylesheet">


    <script src="https://www.gstatic.com/firebasejs/8.2.1/firebase-app.js"></script>    
    <script src="https://www.gstatic.com/firebasejs/8.2.1/firebase-analytics.js"></script>
    <script src="https://www.gstatic.com/firebasejs/8.2.1/firebase-database.js"></script>
    <script src="https://www.gstatic.com/firebasejs/8.2.1/firebase-auth.js"></script>
    <script type="text/javascript" src="../resources/firebase.js" ></script>

            <script
  src="https://code.jquery.com/jquery-3.5.1.min.js"
  integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
  crossorigin="anonymous"></script>

</head>

<body>
<header>
    <div class="fixed">
        <div class="switch"><a href="/en/">en</a> / <u>de</u></div>
        <object class="logo" data="../resources/img/icons/tt_logo.svg" type="image/svg+xml"></object>
    </div>
</header>

<div class="under">
    <section class="sticky">
        <p id="slide-1"></p>
    </section>

    <section class="spacer"></section>

    <section class="sticky">
        <p id="slide-2"></p>
    </section>

    <section class="spacer"></section>
    <section class="sticky"></section>

</div>


<div class="over">
    <section class="wide">
        <img alt="" src="../resources/img/cover/1_kid.jpg" style="object-position: 100% 50%;"/>
        <!-- NOTE: Alternative version for when a video is available
        <video src="..resources/img/video/{file}" type="video/mov" autoplay preload="auto" loop style="object-position: 50% 50%;"></video>
        -->
    </section>

    <section class="spacer"></section>

    <section class="wide">
        <img alt="" src="../resources/img/cover/2_plug_play.jpg" style="object-position: 43% 50%;"/>
    </section>

    <section class="spacer"></section>

    <section class="wide endcard">
        <div class="credits">
            <p>Die im ZKM vorgestellten „Talking Tubes“ sind die Ersten von allen: Mit Dialogen über das Reden und
                Schweigen – gesprochen von Jan&nbsp;Josef&nbsp;Liefers und&nbsp;Anna&nbsp;Loos.</p>
            <div class="small">
                <p>Interaktive Installation aus Metall, Industriemüll und alten Feuerwehrschläuchen, 7&nbsp;m&nbsp;breit,
                    2,50&nbsp;m&nbsp;hoch, 420&nbsp;kg&nbsp;schwer</p>
                <p>Jean-Remy, geboren 2.11.1952 in&nbsp;Brüssel. Schweizer Staatsbürger, wohnhaft in&nbsp;Berlin.</p>
            </div>
            <footer>
                <p><a href="de/contact.htm">Anfrage &amp; Kontakt</a></p>
            </footer>
        </div>
    </section>
</div>
<script src="https://cdn.usefathom.com/script.js" data-site="QYWMZROB" defer></script>

<script type="text/javascript">

   function load(){
        database.ref('/website/de').once('value',function(snapshot){
            $('#slide-1').html(snapshot.val().dialog1.replaceAll('\n', '<br>'));
            $('#slide-2').html(snapshot.val().dialog2.replaceAll('\n', '<br>'));
        })
    }
    load();
</script>
</body>
</html>