iii.html

<!DOCTYPE html>
<html lang="en">
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Inês Castanheira</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap-4.3.1.css" rel="stylesheet">
    <link href="css/custom.css" rel="stylesheet">
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery-3.3.1.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap-4.3.1.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"
			  integrity="sha256-T0Vest3yCU7pafRw9r+settMBX6JkKN06dqBnpQ8d30="
			  crossorigin="anonymous"></script>
    <script src="https://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
    <script src="js/jquery.ui.touch-punch.min.js"></script>
    <script type="text/JavaScript">
      $(document).ready(function() {
         $( ".draggable" ).draggable();
      });
    </script>
    </head>

    <body>
<nav  class="navbar"> <a class="navbar-brand" href="index.html">Inês Castanheira</a> </nav>
<div class="entry">
<div class="project_content">
<div class="project_header">
      <div class="project_title">III</div>
    </div>

<img src="images/III/livecode1.png" height="1500" width="2250" class="img-fluid" alt="">
<div id="carouseliii1" class="carousel slide" data-ride="carousel">
      <div class="carousel-inner">
    <div class="carousel-item active"> <img class="d-block w-100" src="images/III/livecode2.png"
        alt="First slide"> </div>
    <div class="carousel-item"> <img class="d-block w-100" src="images/III/livecode3.png"
        alt="Second slide"> </div>
    <div class="carousel-item"> <img class="d-block w-100" src="images/III/livecode4.png"
        alt="Third slide"> </div>
    <div class="carousel-item"> <img class="d-block w-100" src="images/III/livecode5.png"
        alt="Third slide"> </div>
    <div class="carousel-item"> <img class="d-block w-100" src="images/III/livecode6.png"
        alt="Third slide"> </div>
    <div class="carousel-item"> <img class="d-block w-100" src="images/III/livecode7.png"
        alt="Third slide"> </div>
    <div class="carousel-item"> <img class="d-block w-100" src="images/III/livecode8.png"
        alt="Third slide"> </div>
    <div class="carousel-item"> <img class="d-block w-100" src="images/III/livecode9.png"
        alt="Third slide"> </div>
    <div class="carousel-item"> <img class="d-block w-100" src="images/III/livecode10.png"
        alt="Third slide"> </div>
  </div>
      <div class="arrows"> <a class="carousel-control-prev" href="#carouseliii1" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true">&#9665 </span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouseliii1" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"> &#9655</span> <span class="sr-only">Next</span> </a></div>
    </div>

	<div class="texto"><br>
      "III is an audiovisual exploration of live coding, circuitbending, and glitch.  Its  soundscape  is  composed  by  a  contrasting  mixture  of  8bit synthesized  melodic  sounds  and  distorted  analog  signals  from  circuit-bended  artefacts,  forming  two  distinct  but  overlapping  layers  that  also bear   deep   contrasts   in   composition,   from   the   digital   patterned arrangements  that  emerge  from  the  computer  to  the  patternless  analog signals  from  the  circuitbended  artefacts.  Its  image  is  generated  in  real time, consisting of sequences of visual patterns generated by an internal feedback loop that corrupts the original signal, which is directly influenced by  the  code  that  is  used  to  generate  the  sound.  Overall, this performance assumes  itself  as  a  piece  that  explores  an  abstract  landscape  with  a certain  dose  of  minimalism  in  sight,  in  which  each  performance  returns alternate and, sometimes, unexpected outcomes."<br>
      <br>
	 
      Inês Castanheira, Mariana Sardon, Pedro Cardoso<br>

    
     
    </div>
<br>
<div class="texto"><b>III II</b> <br>
      Audiovisual live coding performance, Future Places Festival, Passos de Manuel, Porto 2015<br>
      <br>
      <img src="images/III/passoslive2.jpg" height="1500" width="2250" class="img-fluid" alt=""> <img src="images/III/passoslive1.jpg" height="1500" width="2250" class="img-fluid" alt=""> <br>
      <br>
      <div class="texto"><b>III III</b> <br>
    Audiovisual live coding performace, Centro da Memória, Vila do Conde 2015 </div>
      <br>
      <img src="images/III/experf.jpg" height="1500" width="2250" class="img-fluid" alt=""> <br>
      <br>
      <br>
      <div class="texto"><b>III IIII</b> <br>
    Audiovisual live coding performace, La Escucha Errante, ZAWP, Bilbao 2015</div>
      <br>
      <img src="images/III/errante1.jpg" height="1500" width="2250" class="img-fluid" alt=""> <!--<img src="images/III/errante3.jpg" height="1500" width="2250" class="img-fluid" alt=""> <br><br>
	</div></div>-->
		
<br>
	<!--	<div class="embed-responsive embed-responsive-16by9">
          <iframe class="embed-responsive-item" src="https://player.vimeo.com/video/151719046?title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen ></iframe>
        </div>
    <script src="https://player.vimeo.com/api/player.js"></script> -->
		
		</div>
<br>
<br>
<br>
<br>
<br>

</body>
</html>