

<!DOCTYPE html>
<html>
<head>
    <title>a rotting utopia</title>
<html lang="tur">
	
<META http-equiv=content-type content=text/html;charset=iso-8859-9>
<META http-equiv=content-type content=text/html;charset=windows-1254>
<META http-equiv=content-type content=text/html;charset=x-mac-turkish>
<style>
body {
    color: #FFFFFF;
    background-color: #000000;

         height: 7000px;
    margin: 0px 0px 0px 0px;
    
}

#blackLine {
         background-color:#000000;
         position:fixed;
         width: 100%;
         height: 70px;
         margin: 70px 0px 0px 0px;
         z-index:2;
}

#header {
         position:fixed;
         width: 100%;
         height: 70px;
         margin: 50px 0px 0px 25px;
         z-index:2;
}

#yellowLine {
         background-color:#fff000;
         color: #000;
         position:absolute;
         width: 100%;
         height: 70px;
         margin: 70px 0px 0px 0px;
         z-index:2;
}

#submit {
         margin: -21px 0px 0px 550px;
}
#filmler {
position:fixed;
         margin: 110px 0px 0px 330px;
z-index:5;
color:#000000;
visibility:hidden;
}
#yapim {
position:fixed;
         margin: 110px 0px 0px 330px;
z-index:5;

color:#000000;
visibility:hidden;
}
#film1 {
         position:absolute;
         width: 160px;
         height: 110px;
         background-color:#ffffff;
         margin: 140px 0px 0px 57px;
}
#film2 {
         position:absolute;
         width: 160px;
         height: 70px;
         margin: 250px 0px 0px 57px;
}

#video {
    position:absolute;
    margin: 140px 0px 0px 230px; 
}

#still {
    position:absolute;
    margin: 140px 0px 0px 230px; 
}

#buttons {
    position:absolute;
    margin: 400px 0px 0px 230px; 
}
#onFilm {
    position: absolute;
         width: 180px;
         height: 70px;
    text-align: left;
    margin: 140px 0px 0px 690px;
}
#timetable1 {
    position: fixed;
    text-align: left;
    margin: 600px 0px 0px 690px; 
}
#timetable2 {
    position: fixed;
    text-align: left;
    margin: 470px 0px 0px 230px;
    opacity:0; 
}

h1 {
    font-family: impact;
    margin: 25px 0px 0px 35px;
}
h2 {
    font-family: arial;
    font-size:100%;
    color: #FFFFFF;
    letter-spacing: 0.03em;
    margin: -5px 0px 0px 35px;
}
h3 {
    font-family: impact;
    font-size:170%;
    color:#000000;
    letter-spacing: 0.03em;
    margin: 0px 0px 0px 5px;
}
h4 {
    font-family: courier;
    font-size:70%;
    letter-spacing: 0.07em;
    margin: 0px 0px 0px 35px;  
}
h5 {
    font-family: courier;
    font-size:100%;
    letter-spacing: 0.07em;
    margin: 0px 0px 0px 0px;  
}
h6 {
    font-family: courier;
    font-size:80%;
    letter-spacing: 0.07em;
    margin: 0px 0px 0px 0px; 
 
}
h7 {
    font-family: courier;
    font-size:70%;
    letter-spacing: 0.07em;
    margin: 0px 0px 0px 0px;  
}
button {
   color: #ffffff;
  background-color:transparent;

}
button.main {
   color: #ffffff;
  background-color:transparent;
border: none;
}
a:link {
    text-decoration: none;
    color: #999999;
}
a:visited {
    text-decoration: none;
    color: #999999;
}

a:hover {
    text-decoration: none;
    color: #666666;
}

a:active {
    text-decoration: none;
    color: #FF6600;
}

</style>



<div id="yellowLine">
                     <h4><a href="bcu.html">tur </a><b>/</b> <a href="aru.html">en</a>&nbsp;&nbsp;&nbsp; <a href="onkarabatak.html">karabatak</a> &nbsp;&nbsp;&nbsp; <a href="index_en.html">log</a>&nbsp;&nbsp;&nbsp;&nbsp;contact@karabatak.info</h4><h4></a>
                     <h4><!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="http://karabatak.us10.list-manage1.com/subscribe/post" method="POST">
<input type="hidden" name="u" value="38fe088153fa7bad63e0b8492">
<input type="hidden" name="id" value="0f28cac76f">
    <div id="mc_embed_signup_scroll">
	
<div class="mc-field-group">
	<label for="mce-EMAIL">to get news of karabatak releases and screenings:  </label>
	<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
	<div id="mce-responses" class="clear">
		<div class="response" id="mce-error-response" style="display:none"></div>
		<div class="response" id="mce-success-response" style="display:none"></div>
	</div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
    <div style="position: absolute; left: -5000px;"><input type="text" name="b_38fe088153fa7bad63e0b8492_0f28cac76f" tabindex="-1" value=""></div>
    <div id="submit" div class="clear"><input type="submit" value="subscribe" name="Subscribe" id="mc-embedded-subscribe" class="button"></div></h4>
    </div>
</form>


<!--End mc_embed_signup-->       
 </div>

<div id="blackLine">
        </div>

<div id="film1">
                <h3>through <br>the hills<br>to the sea</h3>
        </div>

<div id="film2"> <h5>
                A city on sea. A city by the sea. Two continents blockading the sea. Two cities; face to face argueing, demanding concrete bridges between them to be able to march their troops on. A city resisting, a city with a lost soul inhabited with it`s first generation inhabitants a city with a forgotten past a bygone fortune a missed lyric poem an utopia rotting. Dying aesthetics. Istanbul. Not Constantinople. Shiny skyscrapers rise on the blood of dead workers. New myths on the block.

The old. The old revisted. Reconstructed with autoclaved aerated cement bricks and the wooden frames have been replaced with polyvinyl chloride. Istanbul antique Istanbul baroque Istanbul futurist Istanbul bauhaus Istanbul a memory loss. Demanding Formula 1 grand prix and a tennis grand slam champions league final and fifa world cup and uefa european cup and olympics if not on 2000 then 2004 or 2008 or 2012 just add a number on the plate.
And recharged with chaos, without a plan, istanbul on the go.

Road between the uncoated unpainted kondu apartments to resident-buildings of maslak is longer than the road between the cape canaveral and the ISS thats why some Istanbullus are astronauts and some travel in time, there are ancient gods and aliens and spies of all kind and most possibly Cthulhu is somewhere around.

Lobotomized with cement, trying to find our way back to sea.
</h5>

        </div>

    <div id="video">
                 <iframe width="448" height="270" src="https://www.youtube.com/embed/y6cJbtp3fmo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                      

    </div>



    <div id="timetable1"> <h5>
                              /yapım aşamasında<br>
                             /in production 
                        </h7>
                        
    </div>


    </div>

   <div id="header">       

          <h1>karabatak</h1>
  
<h2><button type="button" class="main" onmouseover="show1()" onclick="hid1()">//films</button><button type="button" class="main" onmouseover="show2()" onclick="hid2()">//ongoing production</button><button type="button" class="main" onclick="location.href='http://sinan.karabatak.info'">//other works</button></h2>




</div> 
<div id="filmler"><a href="sanguinesyrto.htm" style="color:#ffffff">+++sanguine syrto</a>
        </div>
<div id="yapim"><a href="aru.htm" style="color:#ffffff">+++through the hills to the sea</a>
<a href="byzas.htm" style="color:#ffffff">+++beneath the steel in the sky</a>
        </div>

<script>
function show1() {
  document.getElementById("yapim").style.visibility = "hidden";
  document.getElementById("filmler").style.visibility = "visible";
}
function hid1() {
  document.getElementById("filmler").style.visibility = "hidden";
}
function show2() {
  document.getElementById("filmler").style.visibility = "hidden";
  document.getElementById("yapim").style.visibility = "visible";
}
function hid2() {
  document.getElementById("yapim").style.visibility = "hidden";
}
</script>

</body>
</html>