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

v@wwdil.io
!-->

<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en">
<![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8" lang="en">
<![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9" lang="en">
<![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en">
<!--<![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, an installation by Jean-Remy</title>

    <meta content="Two tubes exchange thoughts, sense and nonsense alternate and outward appearances are left out. The spoken
            word counts!" name="description"/>
    <meta content="Jean-Remy von Matt, Talking Tubes, ZKM, interactive, installation, text, conceptual art"
          name="keywords">

    <meta content="en_EN" property="og:locale"/>
    <meta content="website" property="og:type"/>
    <meta content="Talking Tubes, an installation by 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, an installation by Jean-Remy" property="og:title"/>
    <meta content="Two tubes exchange thoughts, sense and nonsense alternate and outward appearances are left out. The spoken
            word counts!" property="og:description"/>

    <meta content="summary_large_image" name="twitter:card">
    <meta content="Talking Tubes, an installation by Jean-Remy" name="twitter:title"/>
    <meta content="Two tubes exchange thoughts, sense and nonsense alternate and outward appearances are left out. The spoken
            word counts!" 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"><u>en</u> / <a href="../de/index.html">de</a></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%;"/>
        <!-- <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 style="margin-bottom: 6vh">The "Talking Tubes" presented at the ZKM are the first of all: With dialogues
                about talking and silence - spoken by Jan&nbsp;Josef&nbsp;Liefers and&nbsp;Anna&nbsp;Loos. </p>
            <div class="small">
                <p>Interactive installation made of metal, industrial waste and old fire hoses, 7&nbsp;m&nbsp;wide, 2.50&nbsp;m&nbsp;high,
                    420&nbsp;kg&nbsp;heavy</p>
                <p>Jean-Remy, born&nbsp;2.11.1952 in&nbsp;Brussels. Swiss&nbsp;citizen, living in&nbsp;Berlin.</p>
            </div>
            <footer>
                <p><a href="contact.htm">Inquiry &amp; Contact</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/eng').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>