You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

183 lines
8.9 KiB

8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  8. <title>Ivardia - Projecte</title>
  9. <!-- Bootstrap -->
  10. <link href="css/bootstrap.min.css" rel="stylesheet">
  11. <link href="own.css" rel="stylesheet">
  12. <script src="index.js"></script>
  13. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  14. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  15. <!--[if lt IE 9]>
  16. <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  17. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  18. <![endif]-->
  19. </head>
  20. <body onload='OnLoadDefault();'>
  21. <div id='HTMLmenu'>
  22. <div class='own-lang'>
  23. <a href="#" class='own-bold'>CAT</a>
  24. <a href='#'>CAST</a>
  25. <a href='#'>ENG</a>
  26. </div>
  27. <div id='menu' class='own-menu'>
  28. <a href='index.html'><img id='logoIvardia' class='own-overImage-logo' src='imatges/ivardialogo_invert_transparent.png' /></a>
  29. <div class='own-showMenuButton' onclick='ShowMenuButtons()'>Menu</div>
  30. <div id='menuButtons' class='own-menuButtons'>
  31. <a href="index.html">Inici</a>
  32. <a href='nosaltres.html'>Nosaltres</a>
  33. <a href='contacte.html'>Contacte</a>
  34. </div>
  35. </div>
  36. </div>
  37. <div class='container'>
  38. <img class='own-imgHeader' src='imatges/header1.png' />
  39. <div class='own-projecteContent'>
  40. <div class='own-linksLeft'>
  41. <table>
  42. <tbody>
  43. <tr>
  44. <td>
  45. <a class='own-orange' href="projecte.html">PROJECTE</a>
  46. </td>
  47. </tr>
  48. <tr>
  49. <td>
  50. <a href='bakur.html'>BAKUR</a>
  51. </td>
  52. </tr>
  53. <tr>
  54. <td>
  55. <a href='agenda.html'>AGENDA</a>
  56. </td>
  57. </tr>
  58. </tbody>
  59. </table>
  60. </div>
  61. <div class='own-projecteText'>
  62. <h3>El nostre projecte, un viatge a Bakur</h3>
  63. El 19 d’octubre de 2015 vam decidir viatjar al Kurdistan amb unes motxilles plenes de càmeres, micros, llibretes, pors i esperances. Feia mesos que gestàvem la idea. D’ençà que havíem descobert el moviment kurd seguíem amb interès i admiració tant la seva resistència com la seva proposta política: un sistema basat en el municipalisme, l’ecologia social i l’alliberament de la dona, tot això alimentat per un poble lluitador, crític i solidari.
  64. <br><br>
  65. Vam decidir començar el viatge a Turquia amb la intenció d’arribar a Rojava, Síria, on centren la mirada moviments revolucionaris d’arreu del món. La nostra primera parada, encara dins les fronteres de l’Estat turc, va ser a Diyarbakir. El seu nom en kurd és Amed i és la capital del Kurdistan. És allà on es va començar a gestar el documental, ja que vam trobar persones amb ganes d’explicar-nos que a Bakur també estaven vivint un procés revolucionari i que, a més, patien la repressió de l’Estat turc que vigila, castiga, deté i mata per tal d’aturar el moviment kurd. Però de moment, i malgrat les darreres matances, no ho ha aconseguit.
  66. <br><br>
  67. Bakur ens va atrapar durant dos mesos frenètics de trobades, reflexions i descobriments que vam poder enregistrar amb la nostra càmera. Els habitants de Bakur, la majoria kurds, però també turcs, ens van obrir les portes de casa seva, ens van cedir el seu temps, ens van donar amor i ens van omplir d’esperança i lluita. Per això, en tornar del nostre viatge vam sentir la responsabilitat de fer arribar les seves veus a casa nostra i, així, poder entendre i aprendre de la seva revolució. Aquest documental és això. Un parèntesi a les nostres vides. Un regal del poble kurd. Un crit ple de ràbia, lluita i bellesa revolucionària.
  68. <br><br>
  69. <!--<img style="max-width: 600px;" src='imatges/fitxaTecnica.png' />-->
  70. <h3>Fitxa Tècnica</h3>
  71. <table class="table table-condensed">
  72. <tbody>
  73. <tr class="own-tableRed">
  74. <td>Títol original</td>
  75. <td><b>El Sol del Nord. Construint l'autonomia a Bakur</b></td>
  76. </tr>
  77. <tr>
  78. <td>Durada</td>
  79. <td>45 min.</td>
  80. </tr>
  81. <tr class="own-tableRed">
  82. <td>Direcció</td>
  83. <td>Paula Rubio Ainsa, Adrià Olivares</td>
  84. </tr>
  85. <tr>
  86. <td>Ajudants de direcció</td>
  87. <td>Yago Pasinato, Fabio Schneider</td>
  88. </tr>
  89. <tr class="own-tableRed">
  90. <td>Càmera</td>
  91. <td>Adrià Olivares, Sara A. de Ceano-Vivas</td>
  92. </tr>
  93. <tr>
  94. <td>Guió</td>
  95. <td>Paula Rubio Ainsa</td>
  96. </tr>
  97. <tr class="own-tableRed">
  98. <td>Producció</td>
  99. <td>IVARDIA Produccions</td>
  100. </tr>
  101. <tr>
  102. <td>Gènere</td>
  103. <td>Documental</td>
  104. </tr>
  105. <tr class="own-tableRed">
  106. <td>Idioma Original</td>
  107. <td>Kurmanjí,Turc, Anglès, Català</td>
  108. </tr>
  109. <tr>
  110. <td>Subtítols</td>
  111. <td>Català, Castellà, Anglès</td>
  112. </tr>
  113. <tr class="own-tableRed">
  114. <td>Any</td>
  115. <td>Octubre/Desembre 2015</td>
  116. </tr>
  117. <tr>
  118. <td>Estrena</td>
  119. <td>Novembre/Desembre 2016</td>
  120. </tr>
  121. </tbody>
  122. </table>
  123. </div>
  124. <div class='own-rightBox'>
  125. <a href="#" onmouseover="this.childNodes[1].src='icones/i_vk_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_vk.png'">
  126. <img class='own-socialNetwork' src='icones/i_vk.png'/>Verkami
  127. </a>
  128. <a href='#' onmouseover="this.childNodes[1].src='icones/i_teaser_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_teaser.png'">
  129. <img class='own-socialNetwork' src='icones/i_teaser.png' />Tràiler
  130. </a>
  131. <a class='own-invisible' href="javascript:OnClickCampanyesDeSuport();">
  132. <img class='own-socialNetwork' src='icones/i_campanyessuport.png' /> Campanyes de suport
  133. </a>
  134. </div>
  135. </div>
  136. </div><!-- /container -->
  137. <div id='HTMLfooter'>
  138. <div class='own-footer'>
  139. <div class='own-caixaFooter'>
  140. <h4>Contacte</h4><br>
  141. <a href="javascript: alert('Ens trobaràs a: contacta@ivardia.org');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_mail_taronja.png' />
  142. contacte@ivardia.org</a>
  143. <a href="javascript: alert('661150764');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_telefon.png' />661150764</a>
  144. <a href="https://www.facebook.com/ivardiaproduccions/" target="_blank" class="own-inlineBlock"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_facebook_taronja.png' /><a>
  145. <a href="https://twitter.com/ivardiaprod" target="_blank" class="own-inlineBlock"><img class='own-socialNetwork' src='icones/i_twitter_taronja.png' /></a>
  146. <a href="https://vimeo.com/ivardiaproduccions" target="_blank" class="own-inlineBlock"><img class='own-socialNetwork' src='icones/i_vimeo_taronja.png' /></a>
  147. </div>
  148. <div class='own-caixaFooter'>
  149. <h4>Enllaços</h4><br>
  150. <a href="https://azadiplataforma.wordpress.com/" target="_blank">Azadî Plataforma</a>
  151. <a href="https://rojavaazadimadrid.wordpress.com/" target="_blank">Rojava Azadî Madrid</a>
  152. <a href="http://kurdishquestion.com/" target="_blank">Kurdish Question</a>
  153. </div>
  154. <div class='own-caixaFooter'>
  155. <div class='own-caixaFooter'>
  156. <a class="twitter-timeline" data-width="300" data-height="400" data-theme="dark" data-link-color="#E95F28" href="https://twitter.com/ivardiaprod">Tweets by ivardiaprod</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
  157. </div>
  158. </div>
  159. </div>
  160. </div>
  161. <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  162. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  163. <!-- Include all compiled plugins (below), or include individual files as needed -->
  164. <script src="js/bootstrap.min.js"></script>
  165. </body>
  166. </html>