Browse Source

canvis fets, falta idiomes

pull/1/head
nau 8 years ago
parent
commit
0a5e83c0a4
20 changed files with 157 additions and 160 deletions
  1. +2
    -3
      agenda.html
  2. +2
    -3
      bakur.html
  3. +2
    -3
      contacte.html
  4. +14
    -20
      es/agenda.html
  5. +17
    -19
      es/bakur.html
  6. +10
    -11
      es/contacte.html
  7. +15
    -16
      es/index.html
  8. +7
    -7
      es/index.js
  9. +14
    -15
      es/nosaltres.html
  10. +12
    -4
      es/own.css
  11. +30
    -32
      es/projecte.html
  12. BIN
      imatges/background/background1.jpg
  13. BIN
      imatges/background/background4.jpg
  14. BIN
      imatges/background/background8.jpg
  15. BIN
      imatges/background/background9.jpg
  16. +7
    -8
      index.html
  17. +7
    -7
      index.js
  18. +3
    -4
      nosaltres.html
  19. +12
    -4
      own.css
  20. +3
    -4
      projecte.html

+ 2
- 3
agenda.html

@ -24,9 +24,8 @@
<div id='HTMLmenu'> <div id='HTMLmenu'>
<div class='own-lang'> <div class='own-lang'>
<a href="#" class='own-bold'>CAT</a>
<a href='#'>CAST</a>
<a href='#'>ENG</a>
<a href="http://www.ivardia.org" class='own-bold'>CAT</a>
<a href='http://www.ivardia.org/es'>CAST</a>
</div> </div>
<div id='menu' class='own-menu'> <div id='menu' class='own-menu'>
<a href='index.html'><img id='logoIvardia' class='own-overImage-logo' src='imatges/ivardialogo_invert_transparent.png' /></a> <a href='index.html'><img id='logoIvardia' class='own-overImage-logo' src='imatges/ivardialogo_invert_transparent.png' /></a>

+ 2
- 3
bakur.html

@ -23,9 +23,8 @@
<body onload='OnLoadDefault();'> <body onload='OnLoadDefault();'>
<div id='HTMLmenu'> <div id='HTMLmenu'>
<div class='own-lang'> <div class='own-lang'>
<a href="#" class='own-bold'>CAT</a>
<a href='#'>CAST</a>
<a href='#'>ENG</a>
<a href="http://www.ivardia.org" class='own-bold'>CAT</a>
<a href='http://www.ivardia.org/es'>CAST</a>
</div> </div>
<div id='menu' class='own-menu'> <div id='menu' class='own-menu'>
<a href='index.html'><img id='logoIvardia' class='own-overImage-logo' src='imatges/ivardialogo_invert_transparent.png' /></a> <a href='index.html'><img id='logoIvardia' class='own-overImage-logo' src='imatges/ivardialogo_invert_transparent.png' /></a>

+ 2
- 3
contacte.html

@ -28,9 +28,8 @@
<body onload='OnLoadContacte();'> <body onload='OnLoadContacte();'>
<div id='HTMLmenu'> <div id='HTMLmenu'>
<div class='own-lang'> <div class='own-lang'>
<a href="#" class='own-bold'>CAT</a>
<a href='#'>CAST</a>
<a href='#'>ENG</a>
<a href="http://www.ivardia.org" class='own-bold'>CAT</a>
<a href='http://www.ivardia.org/es'>CAST</a>
</div> </div>
<div id='menu' class='own-menu'> <div id='menu' class='own-menu'>
<a href='index.html'><img id='logoIvardia' class='own-overImage-logo' src='imatges/ivardialogo_invert_transparent.png' /></a> <a href='index.html'><img id='logoIvardia' class='own-overImage-logo' src='imatges/ivardialogo_invert_transparent.png' /></a>

+ 14
- 20
es/agenda.html

@ -24,35 +24,29 @@
<div id='HTMLmenu'> <div id='HTMLmenu'>
<div class='own-lang'> <div class='own-lang'>
<a href="#" class='own-bold'>CAT</a>
<a href='#'>CAST</a>
<a href='#'>ENG</a>
<a href="http://www.ivardia.org">CAT</a>
<a href='http://www.ivardia.org/es' class='own-bold'>CAST</a>
</div> </div>
<div id='menu' class='own-menu'> <div id='menu' class='own-menu'>
<a href='index.html'><img id='logoIvardia' class='own-overImage-logo' src='imatges/ivardialogo_invert_transparent.png' /></a> <a href='index.html'><img id='logoIvardia' class='own-overImage-logo' src='imatges/ivardialogo_invert_transparent.png' /></a>
<div class='own-showMenuButton' onclick='ShowMenuButtons()'>Menu</div> <div class='own-showMenuButton' onclick='ShowMenuButtons()'>Menu</div>
<div id='menuButtons' class='own-menuButtons'> <div id='menuButtons' class='own-menuButtons'>
<a href="index.html">Inici</a>
<a href='nosaltres.html'>Nosaltres</a>
<a href='contacte.html'>Contacte</a>
<a href="index.html">Inicio</a>
<a href='nosaltres.html'>Nosotras</a>
<a href='contacte.html'>Contacto</a>
</div> </div>
</div> </div>
</div> </div>
<div class='container'> <div class='container'>
<img class='own-imgHeader' src='imatges/header1.png' /> <img class='own-imgHeader' src='imatges/header1.png' />
<div id='desplegable' class='own-desplegableAmagat'>
<h3>El nostre projecte, un viatge a Bakur</h3>
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.
</div>
<div class='own-projecteContent'> <div class='own-projecteContent'>
<div class='own-linksLeft'> <div class='own-linksLeft'>
<table> <table>
<tbody> <tbody>
<tr> <tr>
<td> <td>
<a href="projecte.html">PROJECTE</a>
<a href="projecte.html">PROYECTO</a>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -72,24 +66,24 @@
<div class='own-projecteText'> <div class='own-projecteText'>
<h3>Agenda</h3> <h3>Agenda</h3>
<div class='own-agendaData'>18 Juny:</div> <div class='own-agendaData'>18 Juny:</div>
<div class='own-agendaTitol'>Presentació del projecte i estrena del tràiler</div>
<div class='own-agendaTitol'>Presentación del proyecto y estrena del tráiler</div>
<div class='own-agendaContent'> <div class='own-agendaContent'>
Presentació del projecte i estrena del tràiler a la Mostra de cinema documental sobre el Kurdistan.<br>
Presentación del proyecto i estrena del tráiler a la 'Mostra de cinema documental sobre el Kurdistan'.<br>
<a href='https://www.facebook.com/events/1150811931635590/' target='_blank'> <a href='https://www.facebook.com/events/1150811931635590/' target='_blank'>
Esdeveniment
Esdevento
</a> </a>
</div> </div>
</div> </div>
<div class='own-rightBox own-invisible'> <div class='own-rightBox own-invisible'>
<a href="javascript:OnClickCampanyesDeSuport();" onmouseover="this.childNodes[1].src='icones/i_campanyessuport_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_campanyessuport.png'"> <a href="javascript:OnClickCampanyesDeSuport();" onmouseover="this.childNodes[1].src='icones/i_campanyessuport_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_campanyessuport.png'">
<img class='own-socialNetwork' src='icones/i_campanyessuport.png' /> Campanyes de suport
<img class='own-socialNetwork' src='icones/i_campanyessuport.png' /> Campañass de soporte
</a> </a>
<a href="#" onmouseover="this.childNodes[1].src='icones/i_articles_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_articles.png'"> <a href="#" onmouseover="this.childNodes[1].src='icones/i_articles_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_articles.png'">
<img class='own-socialNetwork' src='icones/i_articles.png' /> Artícles
<img class='own-socialNetwork' src='icones/i_articles.png' /> Artículos
</a> </a>
<a href='#' onmouseover="this.childNodes[1].src='icones/i_teaser_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_teaser.png'"> <a href='#' onmouseover="this.childNodes[1].src='icones/i_teaser_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_teaser.png'">
<img class='own-socialNetwork' src='icones/i_teaser.png' /> Vídeo
<img class='own-socialNetwork' src='icones/i_teaser.png' /> Video
</a> </a>
</div> </div>
</div> </div>
@ -97,7 +91,7 @@
<div id='HTMLfooter'> <div id='HTMLfooter'>
<div class='own-footer'> <div class='own-footer'>
<div class='own-caixaFooter'> <div class='own-caixaFooter'>
<h4>Contacte</h4><br>
<h4>Contacto</h4><br>
<a href="javascript: alert('Ens trobaràs a: contacta@ivardia.org');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_mail_taronja.png' /> <a href="javascript: alert('Ens trobaràs a: contacta@ivardia.org');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_mail_taronja.png' />
contacte@ivardia.org</a> contacte@ivardia.org</a>
<a href="javascript: alert('661150764');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_telefon.png' />661150764</a> <a href="javascript: alert('661150764');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_telefon.png' />661150764</a>
@ -108,7 +102,7 @@
</div> </div>
<div class='own-caixaFooter'> <div class='own-caixaFooter'>
<h4>Enllaços</h4><br>
<h4>Enlaces</h4><br>
<a href="https://azadiplataforma.wordpress.com/" target="_blank">Azadî Plataforma</a> <a href="https://azadiplataforma.wordpress.com/" target="_blank">Azadî Plataforma</a>
<a href="https://rojavaazadimadrid.wordpress.com/" target="_blank">Rojava Azadî Madrid</a> <a href="https://rojavaazadimadrid.wordpress.com/" target="_blank">Rojava Azadî Madrid</a>
<a href="http://kurdishquestion.com/" target="_blank">Kurdish Question</a> <a href="http://kurdishquestion.com/" target="_blank">Kurdish Question</a>

+ 17
- 19
es/bakur.html

@ -23,17 +23,16 @@
<body onload='OnLoadDefault();'> <body onload='OnLoadDefault();'>
<div id='HTMLmenu'> <div id='HTMLmenu'>
<div class='own-lang'> <div class='own-lang'>
<a href="#" class='own-bold'>CAT</a>
<a href='#'>CAST</a>
<a href='#'>ENG</a>
<a href="http://www.ivardia.org">CAT</a>
<a href='http://www.ivardia.org/es' class='own-bold'>CAST</a>
</div> </div>
<div id='menu' class='own-menu'> <div id='menu' class='own-menu'>
<a href='index.html'><img id='logoIvardia' class='own-overImage-logo' src='imatges/ivardialogo_invert_transparent.png' /></a> <a href='index.html'><img id='logoIvardia' class='own-overImage-logo' src='imatges/ivardialogo_invert_transparent.png' /></a>
<div class='own-showMenuButton' onclick='ShowMenuButtons()'>Menu</div> <div class='own-showMenuButton' onclick='ShowMenuButtons()'>Menu</div>
<div id='menuButtons' class='own-menuButtons'> <div id='menuButtons' class='own-menuButtons'>
<a href="index.html">Inici</a>
<a href='nosaltres.html'>Nosaltres</a>
<a href='contacte.html'>Contacte</a>
<a href="index.html">Inicio</a>
<a href='nosaltres.html'>Nosotras</a>
<a href='contacte.html'>Contacto</a>
</div> </div>
</div> </div>
</div> </div>
@ -48,7 +47,7 @@
<tbody> <tbody>
<tr> <tr>
<td> <td>
<a href="projecte.html">PROJECTE</a>
<a href="projecte.html">PROYECTO</a>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -66,16 +65,15 @@
</div> </div>
<div class='own-projecteText'> <div class='own-projecteText'>
<h3>Els kurds no surten als mapes</h3>
Si busquem els prop de 40 milions de kurds que hi ha al món en un mapa, no els trobarem. Si busquem on és el Kurdistan, si és un poble, una ciutat o un Estat... tampoc no ho trobarem. Kurdistan és un país mental. La peça clau d'un imaginari col·lectiu que empeny un moviment d'alliberació que dura segles. Des de l'Imperi Persa, passant per l'Imperi Otomà, per Ataturk, travessant la Primera Guerra Mundial i arribant a la República de Turquia, els kurds i les kurdes han estat reprimides i utilitzades per les grans potències i els grans Estats des del segle VI aC. La negació de la seva cultura i de la seva identitat ha imprès a la pell dels kurds un esperit rebel que els ha portat fins al moment actual, un punt de no-retorn vinculat a un moviment sense precedents. Aquest moviment es basa en el rebuig de l’Estat i les seves estructures, així com en la creació d’un nou model polític, social i econòmic basat en la democràcia directa, en l'assemblea, el cooperativisme i l'alliberament de la dona com a columna vertebral d'una revolució que s’està gestant des de fa més de 40 anys a Bakur, al nord del Kurdistan.
<h3>Los kurdos no aparecen en los mapas</h3>
Si buscamos a los cerca de 40 millones de kurdos que hay en el mundo, no los encontraremos. Si buscamos dónde está el Kurdistán: si es un pueblo, una ciudad o un Estado… tampoco lo encontraremos. Kurdistán es un país mental. La pieza clave de un imaginario colectivo que empuja un movimiento de liberación desde hace siglos. Empezando por el Imperio Persa, pasando por el Imperio Otomano, por Ataturk, atravesando la Primera Guerra Mundial y llegando a la República de Turquía, los kurdos y las kurdas han sido reprimidas y utilizadas por las grandes potencias y Estados desde el siglo VI a.C. La negación de su cultura y su identidad han imprimido en la piel de los kurdos un espíritu rebelde que les ha llevado al momento actual, un punto de no retorno vinculado a un movimiento sin precedentes. Les ha llevado a rechazar el Estado y sus estructuras. A crear un nuevo modelo político, social y económico basado en la democracia directa, la asamblea, el cooperativismo y la liberación de la mujer como columna vertebral de una revolución que se gesta desde hace más de 40 años en Bakur, al norte de Kurdistán.
<br><br> <br><br>
Bakur, que vol dir nord en kurmandji, fa referència al territori del Kurdistan que es troba dins les fronteres de la república de Turquia. Des del Tractat de Lausana, signat en acabar la Primera Guerra Mundial, la zona que ocupa el Kurdistan es troba dividida en quatre Estats. Bakur a Turquia, Basur a l’Iraq, Rojhilat a l’Iran i Rojava a Síria. A cada regió s’hi viu una realitat diferent. Però a pesar d’aquestes fronteres imposades, els kurds i les kurdes conceben el Kurdistan com un sol territori sense fronteres.
Bakur, que significa “norte” en kurmandjí, hace referencia al territorio del Kurdistán que se encuentra dentro de las fronteras de la República de Turquía. Desde la firma del Tratado de Lausana al finalizar la Primera Guerra Mundial, la zona que ocupa el Kurdistán se encuentra dividida en cuatro Estados: Bakur en Turquía, Basur en Irak, Rojhilat en Irán y Rojava en Siria. En cada región se vive una realidad diferente, pero a pesar de estas fronteras impuestas, los kurdos y las kurdas conciben Kurdistán como un solo territorio.
<br><br> <br><br>
Amb uns 20 milions de kurds i kurdes, que representen prop d'un 50% de la població total, Bakur és el territori on viuen més kurds i també el més ampli. Amb els setges al barri de Surici, a Amed, capital del Kurdistan, amb enfrontaments com els de Cizîr o amb massacres com la de Roboski, Bakur ha marcat amb foc el nom de les seves ciutats dins la història de la resistència.
Con unos 20 millones de kurdos y kurdas, que representan el 50% de la población total, Bakur es el territorio en el que viven más kurdos, así como el más amplio. Con asedios como el del barrio de Surici en Amed, capital del Kurdistán; enfrentamientos como los de Cizîr; o masacres como la de Roboski, Bakur ha marcado con fuego el nombre de sus ciudades en la historia de la resistencia.
<br><br> <br><br>
Amb aquest imaginari de poble combatent han desenvolupat, basant-se en les idees del Confederalisme Democràtic ideat per Abdullah Öcalan, actual líder del PKK (Partit dels Treballadors del Kurdistan), un seguit d’institucions i cooperatives eficaces que han enfortit el teixit social i han desmonopolitzat l'acció de l'Estat en la societat civil kurda. És per això que a Bakur l’educació, la salut, la justícia o la defensa tenen avui en dia nom en kurd.
<br><br>
Con este imaginario de pueblo combatiente se han desarrollado, basándose en las ideas del Confederalismo Democrático ideado por Abdullah Öcalan, actual líder del PKK (Partido de los Trabajadores del Kurdistán), una serie de instituciones y cooperativas eficaces que han fortalecido el tejido social y han roto con el monopolio del Estado en la sociedad civil kurda. Por ello, la educación, la salud, la justícia o la defensa tienen hoy en día, en Bakur, nombre en kurdo.
<br><br>
<!--<img style="max-width: 600px;" src='imatges/mapaKurdistan.png' />--> <!--<img style="max-width: 600px;" src='imatges/mapaKurdistan.png' />-->
</div> </div>
<div class='own-rightBox'> <div class='own-rightBox'>
@ -98,7 +96,7 @@
<div class="panel-group own-maxWidth250px" id="accordion"> <div class="panel-group own-maxWidth250px" id="accordion">
<div class="panel panel-default own-anulaPanel"> <div class="panel panel-default own-anulaPanel">
<div class=""> <div class="">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse1"><img class='own-socialNetwork' src='icones/i_campanyessuport.png' /> Campanyes de suport</a>
<a data-toggle="collapse" data-parent="#accordion" href="#collapse1"><img class='own-socialNetwork' src='icones/i_campanyessuport.png' /> Campañas de soporte</a>
</div> </div>
<div id="collapse1" class="panel-collapse collapse"> <div id="collapse1" class="panel-collapse collapse">
<div class="panel-body own-maxWidth250px"> <div class="panel-body own-maxWidth250px">
@ -117,7 +115,7 @@
</div> </div>
<div class="panel panel-default own-anulaPanel"> <div class="panel panel-default own-anulaPanel">
<div class=""> <div class="">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse2"><img class='own-socialNetwork' src='icones/i_articles.png' /> Artícles</a>
<a data-toggle="collapse" data-parent="#accordion" href="#collapse2"><img class='own-socialNetwork' src='icones/i_articles.png' /> Artículos</a>
</div> </div>
<div id="collapse2" class="panel-collapse collapse"> <div id="collapse2" class="panel-collapse collapse">
<div class="panel-body own-maxWidth250px"> <div class="panel-body own-maxWidth250px">
@ -136,7 +134,7 @@
</div> </div>
<div class="panel panel-default own-anulaPanel"> <div class="panel panel-default own-anulaPanel">
<div class=""> <div class="">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse3"><img class='own-socialNetwork' src='icones/i_teaser.png' /> Vídeos</a>
<a data-toggle="collapse" data-parent="#accordion" href="#collapse3"><img class='own-socialNetwork' src='icones/i_teaser.png' /> Videos</a>
</div> </div>
<div id="collapse3" class="panel-collapse collapse"> <div id="collapse3" class="panel-collapse collapse">
<div class="panel-body own-maxWidth250px"> <div class="panel-body own-maxWidth250px">
@ -152,7 +150,7 @@
<div id='HTMLfooter'> <div id='HTMLfooter'>
<div class='own-footer'> <div class='own-footer'>
<div class='own-caixaFooter'> <div class='own-caixaFooter'>
<h4>Contacte</h4><br>
<h4>Contacto</h4><br>
<a href="javascript: alert('Ens trobaràs a: contacta@ivardia.org');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_mail_taronja.png' /> <a href="javascript: alert('Ens trobaràs a: contacta@ivardia.org');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_mail_taronja.png' />
contacte@ivardia.org</a> contacte@ivardia.org</a>
<a href="javascript: alert('661150764');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_telefon.png' />661150764</a> <a href="javascript: alert('661150764');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_telefon.png' />661150764</a>
@ -163,7 +161,7 @@
</div> </div>
<div class='own-caixaFooter'> <div class='own-caixaFooter'>
<h4>Enllaços</h4><br>
<h4>Enlaces</h4><br>
<a href="https://azadiplataforma.wordpress.com/" target="_blank">Azadî Plataforma</a> <a href="https://azadiplataforma.wordpress.com/" target="_blank">Azadî Plataforma</a>
<a href="https://rojavaazadimadrid.wordpress.com/" target="_blank">Rojava Azadî Madrid</a> <a href="https://rojavaazadimadrid.wordpress.com/" target="_blank">Rojava Azadî Madrid</a>
<a href="http://kurdishquestion.com/" target="_blank">Kurdish Question</a> <a href="http://kurdishquestion.com/" target="_blank">Kurdish Question</a>

+ 10
- 11
es/contacte.html

@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Ivardia - Contacte</title>
<title>Ivardia - Contacto</title>
<!-- Bootstrap --> <!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/bootstrap.min.css" rel="stylesheet">
@ -28,30 +28,29 @@
<body onload='OnLoadContacte();'> <body onload='OnLoadContacte();'>
<div id='HTMLmenu'> <div id='HTMLmenu'>
<div class='own-lang'> <div class='own-lang'>
<a href="#" class='own-bold'>CAT</a>
<a href='#'>CAST</a>
<a href='#'>ENG</a>
<a href="http://www.ivardia.org">CAT</a>
<a href='http://www.ivardia.org/es' class='own-bold'>CAST</a>
</div> </div>
<div id='menu' class='own-menu'> <div id='menu' class='own-menu'>
<a href='index.html'><img id='logoIvardia' class='own-overImage-logo' src='imatges/ivardialogo_invert_transparent.png' /></a> <a href='index.html'><img id='logoIvardia' class='own-overImage-logo' src='imatges/ivardialogo_invert_transparent.png' /></a>
<div class='own-showMenuButton' onclick='ShowMenuButtons()'>Menu</div> <div class='own-showMenuButton' onclick='ShowMenuButtons()'>Menu</div>
<div id='menuButtons' class='own-menuButtons'> <div id='menuButtons' class='own-menuButtons'>
<a href="index.html">Inici</a>
<a href='nosaltres.html'>Nosaltres</a>
<a href='contacte.html'>Contacte</a>
<a href="index.html">Inicio</a>
<a href='nosaltres.html'>Nosotras</a>
<a href='contacte.html'>Contacto</a>
</div> </div>
</div> </div>
</div> </div>
<div class='container'> <div class='container'>
<br> <br>
<div class='own-contacteContent'> <div class='own-contacteContent'>
<div class='own-contacteTitle'>Contacte</div>
<div class='own-contacteTitle'>Contacto</div>
<br> <br>
<img class='own-contacteImage' src='imatges/contacte.jpg' /> <img class='own-contacteImage' src='imatges/contacte.jpg' />
<div class='own-contacteText'> <div class='own-contacteText'>
Email: <b>ivardiaproduccions@gmail.com</b><br> Email: <b>ivardiaproduccions@gmail.com</b><br>
Mòbil: <b>661150764</b><br>
Móbil: <b>661150764</b><br>
<a href='https://www.facebook.com/ivardiaproduccions/' target='_blank'><b>Facebook</b></a><br> <a href='https://www.facebook.com/ivardiaproduccions/' target='_blank'><b>Facebook</b></a><br>
<a href='https://twitter.com/ivardiaprod' target='_blank'><b>Twitter</b></a><br> <a href='https://twitter.com/ivardiaprod' target='_blank'><b>Twitter</b></a><br>
<a href='https://vimeo.com/ivardiaproduccions' target='_blank'><b>Vimeo</b></a><br> <a href='https://vimeo.com/ivardiaproduccions' target='_blank'><b>Vimeo</b></a><br>
@ -61,7 +60,7 @@
<div id='HTMLfooter'> <div id='HTMLfooter'>
<div class='own-footer'> <div class='own-footer'>
<div class='own-caixaFooter'> <div class='own-caixaFooter'>
<h4>Contacte</h4><br>
<h4>Contacto</h4><br>
<a href="javascript: alert('Ens trobaràs a: contacta@ivardia.org');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_mail_taronja.png' /> <a href="javascript: alert('Ens trobaràs a: contacta@ivardia.org');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_mail_taronja.png' />
contacte@ivardia.org</a> contacte@ivardia.org</a>
<a href="javascript: alert('661150764');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_telefon.png' />661150764</a> <a href="javascript: alert('661150764');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_telefon.png' />661150764</a>
@ -72,7 +71,7 @@
</div> </div>
<div class='own-caixaFooter'> <div class='own-caixaFooter'>
<h4>Enllaços</h4><br>
<h4>Enlaces</h4><br>
<a href="https://azadiplataforma.wordpress.com/" target="_blank">Azadî Plataforma</a> <a href="https://azadiplataforma.wordpress.com/" target="_blank">Azadî Plataforma</a>
<a href="https://rojavaazadimadrid.wordpress.com/" target="_blank">Rojava Azadî Madrid</a> <a href="https://rojavaazadimadrid.wordpress.com/" target="_blank">Rojava Azadî Madrid</a>
<a href="http://kurdishquestion.com/" target="_blank">Kurdish Question</a> <a href="http://kurdishquestion.com/" target="_blank">Kurdish Question</a>

+ 15
- 16
es/index.html

@ -25,25 +25,24 @@
<div id='telgris' class='own-telgris'></div> <div id='telgris' class='own-telgris'></div>
<img id='backgroundImage0' class='own-indexBackgroundImage opacity0' src='imatges/background/background1.jpg' /> <img id='backgroundImage0' class='own-indexBackgroundImage opacity0' src='imatges/background/background1.jpg' />
<img id='backgroundImage1' class='own-indexBackgroundImage' src='imatges/background/background0.jpg' /> <img id='backgroundImage1' class='own-indexBackgroundImage' src='imatges/background/background0.jpg' />
<div class='own-lang own-whiteText'>
<a href="#">CAT</a>
<a href='#'>CAST</a>
<a href='#'>ENG</a>
<div class='own-lang own-whiteText own-lang_marginIndex'>
<a href="http://www.ivardia.org">CAT</a>
<a href='http://www.ivardia.org/es' class='own-bold'>CAST</a>
</div> </div>
<div id='menu' class='own-menu'> <div id='menu' class='own-menu'>
<!--<a href='index.html'><img class='own-overImage-logo' src='imatges/ivardialogo_transparent.png' /></a> <!--<a href='index.html'><img class='own-overImage-logo' src='imatges/ivardialogo_transparent.png' /></a>
--> -->
<a href='index.html'><img class='own-overImage-logo own-overImage-logo_index' src='imatges/IVARDIA_logo/LOGOTIPO/Logotipo_Blanco_72ppp.png' /></a> <a href='index.html'><img class='own-overImage-logo own-overImage-logo_index' src='imatges/IVARDIA_logo/LOGOTIPO/Logotipo_Blanco_72ppp.png' /></a>
<div class='own-showMenuButton own-whiteText own-whiteRecuadre' onclick='ShowMenuButtonsIndex()'>Menu</div> <div class='own-showMenuButton own-whiteText own-whiteRecuadre' onclick='ShowMenuButtonsIndex()'>Menu</div>
<div id='menuButtons' class='own-menuButtons own-whiteText'>
<a href="#">Inici</a>
<a href='nosaltres.html'>Nosaltres</a>
<a href='#'>Contacte</a>
<div id='menuButtons' class='own-menuButtons own-whiteText own-menuButtons_Index'>
<a href="index.html">Inicio</a>
<a href='nosaltres.html'>Nosotras</a>
<a href='contacte.html'>Contacto</a>
</div> </div>
</div> </div>
<div class='own-mainTitleBox'> <div class='own-mainTitleBox'>
<div class='own-mainTitle'>El Sol del Nord</div>
<div class='own-subTitle'>-construint l'autonomia a Bakur-</div>
<div class='own-mainTitle'>El Sol del norte</div>
<div class='own-subTitle'>-construyendo la autonomía en Bakur-</div>
<a href='http://www.verkami.com/projects/15106-el-sol-del-nord-construint-lautonomia-a-bakur' target='_blank'><img class='own-verkami' src='botons/b_verkami.png' /></a> <a href='http://www.verkami.com/projects/15106-el-sol-del-nord-construint-lautonomia-a-bakur' target='_blank'><img class='own-verkami' src='botons/b_verkami.png' /></a>
</div> </div>
<div class='own-socialNetworks'> <div class='own-socialNetworks'>
@ -52,18 +51,18 @@
<a href="https://vimeo.com/ivardiaproduccions" target="_blank"><img class='own-socialNetwork' src='icones/i_vimeo.png' /></a> <a href="https://vimeo.com/ivardiaproduccions" target="_blank"><img class='own-socialNetwork' src='icones/i_vimeo.png' /></a>
</div> </div>
<div class='own-teaser'> <div class='own-teaser'>
<img class='own-socialNetwork' src='icones/i_play.png' />TRÀILER
<a href="https://vimeo.com/ivardiaproduccions" target="_blank"><img class='own-socialNetwork' src='icones/i_play.png' />TRÁILER</a>
</div> </div>
</div> </div>
<div class='temp-marge1'>-</div> <div class='temp-marge1'>-</div>
<div class='own-whiteOverImage'> <div class='own-whiteOverImage'>
<div class='own-caixaDescripcioIndex'> <div class='own-caixaDescripcioIndex'>
<b>Ivardia Produccions</b> és un col·lectiu audiovisual que neix per explicar
històries de forma autònoma i independent.
<b>Ivardia Produccions</b> es un colectivo audiovisual que nace para explicar
historias de forma autónoma y independiente.
</div> </div>
<div class='own-caixaImatgesIndex'> <div class='own-caixaImatgesIndex'>
<a href='projecte.html' class='own-caixaImatgeIndex'> <a href='projecte.html' class='own-caixaImatgeIndex'>
<p class="own-textHoverImage">PROJECTE</p>
<p class="own-textHoverImage">PROYECTO</p>
<img class='own-imatgeIndex' src='imatges/02.jpg' /> <img class='own-imatgeIndex' src='imatges/02.jpg' />
</a> </a>
<a href='bakur.html' class='own-caixaImatgeIndex'> <a href='bakur.html' class='own-caixaImatgeIndex'>
@ -79,7 +78,7 @@
<div id='HTMLfooter'> <div id='HTMLfooter'>
<div class='own-footer'> <div class='own-footer'>
<div class='own-caixaFooter'> <div class='own-caixaFooter'>
<h4>Contacte</h4><br>
<h4>Contacto</h4><br>
<a href="javascript: alert('Ens trobaràs a: contacta@ivardia.org');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_mail_taronja.png' /> <a href="javascript: alert('Ens trobaràs a: contacta@ivardia.org');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_mail_taronja.png' />
contacte@ivardia.org</a> contacte@ivardia.org</a>
<a href="javascript: alert('661150764');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_telefon.png' />661150764</a> <a href="javascript: alert('661150764');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_telefon.png' />661150764</a>
@ -90,7 +89,7 @@
</div> </div>
<div class='own-caixaFooter'> <div class='own-caixaFooter'>
<h4>Enllaços</h4><br>
<h4>Enlaces</h4><br>
<a href="https://azadiplataforma.wordpress.com/" target="_blank">Azadî Plataforma</a> <a href="https://azadiplataforma.wordpress.com/" target="_blank">Azadî Plataforma</a>
<a href="https://rojavaazadimadrid.wordpress.com/" target="_blank">Rojava Azadî Madrid</a> <a href="https://rojavaazadimadrid.wordpress.com/" target="_blank">Rojava Azadî Madrid</a>
<a href="http://kurdishquestion.com/" target="_blank">Kurdish Question</a> <a href="http://kurdishquestion.com/" target="_blank">Kurdish Question</a>

+ 7
- 7
es/index.js

@ -41,30 +41,30 @@ function OnLoadDefault(){
function OnLoadIndex(){ function OnLoadIndex(){
actualWindow="index"; actualWindow="index";
OnLoadDefault(); OnLoadDefault();
var numImg=3;
var visibleImg=1;
var numImg=1;
var visibleImg=0;
setInterval(function(){ setInterval(function(){
console.log(numImg); console.log(numImg);
console.log("visibleImg: " + visibleImg); console.log("visibleImg: " + visibleImg);
document.getElementById("backgroundImage"+visibleImg).className+=" own-opacity0";
document.getElementById("backgroundImage"+visibleImg).src="imatges/background/background"+numImg+".jpg";
document.getElementById("backgroundImage"+visibleImg).className="own-indexBackgroundImage";
if(visibleImg==0){ if(visibleImg==0){
visibleImg=1; visibleImg=1;
}else{ }else{
visibleImg=0; visibleImg=0;
} }
document.getElementById("backgroundImage"+visibleImg).className="own-indexBackgroundImage";
document.getElementById("backgroundImage"+visibleImg).className+=" own-opacity0";
document.getElementById("backgroundImage"+visibleImg).src="imatges/background/background"+numImg+".jpg";
numImg++; numImg++;
if(numImg>9) if(numImg>9)
{ {
numImg=0; numImg=0;
} }
}, 4000);
}, 10000);
} }
function OnLoadNosaltres(){ function OnLoadNosaltres(){
OnLoadDefault(); OnLoadDefault();
@ -76,7 +76,7 @@ function OnLoadContacte(){
OnLoadDefault(); OnLoadDefault();
setTimeout(function(){ setTimeout(function(){
document.getElementsByClassName("own-menuButtons")[0].childNodes[5].className="own-currentPageMenu"; document.getElementsByClassName("own-menuButtons")[0].childNodes[5].className="own-currentPageMenu";
}, 500);
}, 8000);
} }
function OnClickCampanyesDeSuport(){ function OnClickCampanyesDeSuport(){

+ 14
- 15
es/nosaltres.html

@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Ivardia - Nosaltres</title>
<title>Ivardia - Nosotras</title>
<!-- Bootstrap --> <!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/bootstrap.min.css" rel="stylesheet">
@ -28,40 +28,39 @@
<body onload='OnLoadNosaltres();'> <body onload='OnLoadNosaltres();'>
<div id='HTMLmenu'> <div id='HTMLmenu'>
<div class='own-lang'> <div class='own-lang'>
<a href="#" class='own-bold'>CAT</a>
<a href='#'>CAST</a>
<a href='#'>ENG</a>
<a href="http://www.ivardia.org">CAT</a>
<a href='http://www.ivardia.org/es' class='own-bold'>CAST</a>
</div> </div>
<div id='menu' class='own-menu'> <div id='menu' class='own-menu'>
<a href='index.html'><img id='logoIvardia' class='own-overImage-logo' src='imatges/ivardialogo_invert_transparent.png' /></a> <a href='index.html'><img id='logoIvardia' class='own-overImage-logo' src='imatges/ivardialogo_invert_transparent.png' /></a>
<div class='own-showMenuButton' onclick='ShowMenuButtons()'>Menu</div> <div class='own-showMenuButton' onclick='ShowMenuButtons()'>Menu</div>
<div id='menuButtons' class='own-menuButtons'> <div id='menuButtons' class='own-menuButtons'>
<a href="index.html">Inici</a>
<a href='nosaltres.html'>Nosaltres</a>
<a href='contacte.html'>Contacte</a>
<a href="index.html">Inicio</a>
<a href='nosaltres.html'>Nosotras</a>
<a href='contacte.html'>Contacto</a>
</div> </div>
</div> </div>
</div> </div>
<div class='container'> <div class='container'>
<br> <br>
<div class='own-nosaltresContent'> <div class='own-nosaltresContent'>
<div class='own-nosaltresTitle'>Nosaltres</div>
<div class='own-nosaltresTitle'>Nosotras</div>
<br> <br>
<div class='own-textBoxLeft'> <div class='own-textBoxLeft'>
IVARDIA Produccions és un col·lectiu audiovisual que neix per donar resposta a una necessitat compartida dels seus integrants: explicar històries de forma autònoma i independent.
IVARDIA Produccions es un colectivo audiovisual que nace para dar respuesta a una necesidad compartida de sus integrantes: explicar historias de forma autónoma e independiente.
</div> </div>
<div class='own-nosaltresCenterRight'> <div class='own-nosaltresCenterRight'>
<img class='own-imgTopText' src='imatges/fotoNosaltres.jpg' /> <img class='own-imgTopText' src='imatges/fotoNosaltres.jpg' />
<div class='own-nosaltresText'> <div class='own-nosaltresText'>
IVARDIA Produccions és un col·lectiu audiovisual que neix per donar resposta a una necessitat compartida dels seus integrants: explicar històries de forma autònoma i independent.
IVARDIA Produccions es un colectivo audiovisual que nace para dar respuesta a una necesidad compartida de sus integrantes: explicar historias de forma autónoma e independiente.
<br><br> <br><br>
Davant la pràctica generalitzada de dinàmiques mediàtiques sensacionalistes i superficials, reivindiquem una manera de comunicar pausada i reflexiva. Trencar amb la manera de fer que, mitjançant el bombardeig d'imatges d'horror, normalitza realitats d'injustícia i desencadena reaccions de passivitat i indiferència. En un món accelerat, no tenim pressa. Busquem explicar històries amb la pausa que mereix una anàlisi conscient, crítica i reflexiva en pro d'un canvi social. Volem donar veu a realitats ignorades que parlen d'injustícia però també de solidaritat; de destrucció però també de creació d'alternatives, d'opressió però també de llibertat. Ens agradaria deixar de banda l'ego pel coneixement i acompanyar-nos entre nosaltres en un viatge molt més lent i poètic. Intentant que cada imatge tingui temps per parlar i que cada persona tingui temps per escoltar.
Ante la práctica generalizada de dinámicas mediáticas sensacionalistas y superficiales reivindicamos una manera de comunicar pausada y reflexiva. Romper con esa manera de hacer que, mediante el bombardeo de imágenes de horror, normaliza realidades de injusticia, desencadenando reacciones de pasividad e indiferencia. En un mundo acelerado, no tenemos prisa. Buscamos explicar historias con la pausa que merece un análisis consciente, crítico y reflexivo en pro de un cambio social. Queremos dar a conocer realidades ignoradas que hablan de injusticia pero también de solidaridad, de destrucción pero también de creación de alternativas, de opresión pero también de libertad. Nos gustaría acompañarnos mutuamente en un viaje mucho más tranquilo y poético. Intentando abandonar el ego por el conocimiento, dejando que cada imagen tenga tiempo para hablar y que cada persona tenga tiempo para escuchar.
<div class='own-caixaImatgesNosaltres'> <div class='own-caixaImatgesNosaltres'>
<a href='projecte.html' class='own-caixaImatgeNosaltres'> <a href='projecte.html' class='own-caixaImatgeNosaltres'>
<p class="own-textHoverImage">PROJECTE</p>
<p class="own-textHoverImage">PROYECTO</p>
<img class='own-imatgeNosaltres' src='imatges/02.jpg' /> <img class='own-imatgeNosaltres' src='imatges/02.jpg' />
</a> </a>
<a href='bakur.html' class='own-caixaImatgeNosaltres'> <a href='bakur.html' class='own-caixaImatgeNosaltres'>
@ -81,7 +80,7 @@
<a href='http://www.verkami.com/projects/15106-el-sol-del-nord-construint-lautonomia-a-bakur' target='_blank'><img class='own-socialNetwork' src='icones/i_vk.png'/>Verkami</a> <a href='http://www.verkami.com/projects/15106-el-sol-del-nord-construint-lautonomia-a-bakur' target='_blank'><img class='own-socialNetwork' src='icones/i_vk.png'/>Verkami</a>
</a> </a>
<a href='#' onmouseover="this.childNodes[1].src='icones/i_teaser_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_teaser.png'"> <a href='#' onmouseover="this.childNodes[1].src='icones/i_teaser_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_teaser.png'">
<img class='own-socialNetwork' src='icones/i_teaser.png' />Tràiler
<a href="https://vimeo.com/ivardiaproduccions" target="_blank"><img class='own-socialNetwork' src='icones/i_teaser.png' />Tráiler</a>
</a> </a>
</div> </div>
@ -93,7 +92,7 @@
<div id='HTMLfooter'> <div id='HTMLfooter'>
<div class='own-footer'> <div class='own-footer'>
<div class='own-caixaFooter'> <div class='own-caixaFooter'>
<h4>Contacte</h4><br>
<h4>Contacto</h4><br>
<a href="javascript: alert('Ens trobaràs a: contacta@ivardia.org');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_mail_taronja.png' /> <a href="javascript: alert('Ens trobaràs a: contacta@ivardia.org');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_mail_taronja.png' />
contacte@ivardia.org</a> contacte@ivardia.org</a>
<a href="javascript: alert('661150764');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_telefon.png' />661150764</a> <a href="javascript: alert('661150764');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_telefon.png' />661150764</a>
@ -104,7 +103,7 @@
</div> </div>
<div class='own-caixaFooter'> <div class='own-caixaFooter'>
<h4>Enllaços</h4><br>
<h4>Enlaces</h4><br>
<a href="https://azadiplataforma.wordpress.com/" target="_blank">Azadî Plataforma</a> <a href="https://azadiplataforma.wordpress.com/" target="_blank">Azadî Plataforma</a>
<a href="https://rojavaazadimadrid.wordpress.com/" target="_blank">Rojava Azadî Madrid</a> <a href="https://rojavaazadimadrid.wordpress.com/" target="_blank">Rojava Azadî Madrid</a>
<a href="http://kurdishquestion.com/" target="_blank">Kurdish Question</a> <a href="http://kurdishquestion.com/" target="_blank">Kurdish Question</a>

+ 12
- 4
es/own.css

@ -174,11 +174,11 @@ body {
.own-overImage-logo{ .own-overImage-logo{
margin-left: 80px; margin-left: 80px;
width: 200px; width: 200px;
transition: all 1s;
transition: all 0.5s;
} }
.own-overImage-logo_index{ .own-overImage-logo_index{
margin-left: -80px;
margin-left: 0px;
} }
} }
@ -192,7 +192,7 @@ body {
} }
.own-overImage-logo-small{ .own-overImage-logo-small{
width: 100px!important; width: 100px!important;
transition: all 1s;
transition: all 0.5s;
} }
.own-whiteRecuadre{ .own-whiteRecuadre{
@ -442,10 +442,13 @@ body {
@media (min-width:900px) { @media (min-width:900px) {
.own-lang{ .own-lang{
text-align: right; text-align: right;
/*margin-right: 50px;*/
margin-right: 80px;
display: block; display: block;
margin-top: 20px; margin-top: 20px;
} }
.own-lang_marginIndex{
margin-right:0px;
}
} }
@media (max-width:900px) { @media (max-width:900px) {
.own-lang{ .own-lang{
@ -471,6 +474,7 @@ body {
.own-menuButtons-small{ .own-menuButtons-small{
margin-top: 0px!important; margin-top: 0px!important;
} }
@media (min-width:555px) { @media (min-width:555px) {
.own-menuButtons{ .own-menuButtons{
float: right; float: right;
@ -479,7 +483,11 @@ body {
-webkit-transition: all 0.5s; /* Safari */ -webkit-transition: all 0.5s; /* Safari */
transition: all 0.5s; transition: all 0.5s;
margin-top: 20px; margin-top: 20px;
margin-right: 80px;
} }
.own-menuButtons_Index{
margin-right: 0px;
}
.own-menuButtons a:link{ .own-menuButtons a:link{
text-decoration: none; text-decoration: none;
color: #000000; color: #000000;

+ 30
- 32
es/projecte.html

@ -23,17 +23,16 @@
<body onload='OnLoadDefault();'> <body onload='OnLoadDefault();'>
<div id='HTMLmenu'> <div id='HTMLmenu'>
<div class='own-lang'> <div class='own-lang'>
<a href="#" class='own-bold'>CAT</a>
<a href='#'>CAST</a>
<a href='#'>ENG</a>
<a href="http://www.ivardia.org">CAT</a>
<a href='http://www.ivardia.org/es' class='own-bold'>CAST</a>
</div> </div>
<div id='menu' class='own-menu'> <div id='menu' class='own-menu'>
<a href='index.html'><img id='logoIvardia' class='own-overImage-logo' src='imatges/ivardialogo_invert_transparent.png' /></a> <a href='index.html'><img id='logoIvardia' class='own-overImage-logo' src='imatges/ivardialogo_invert_transparent.png' /></a>
<div class='own-showMenuButton' onclick='ShowMenuButtons()'>Menu</div> <div class='own-showMenuButton' onclick='ShowMenuButtons()'>Menu</div>
<div id='menuButtons' class='own-menuButtons'> <div id='menuButtons' class='own-menuButtons'>
<a href="index.html">Inici</a>
<a href='nosaltres.html'>Nosaltres</a>
<a href='contacte.html'>Contacte</a>
<a href="index.html">Inicio</a>
<a href='nosaltres.html'>Nosotras</a>
<a href='contacte.html'>Contacto</a>
</div> </div>
</div> </div>
</div> </div>
@ -46,7 +45,7 @@
<tbody> <tbody>
<tr> <tr>
<td> <td>
<a class='own-orange' href="projecte.html">PROJECTE</a>
<a class='own-orange' href="projecte.html">PROYECTO</a>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -63,66 +62,65 @@
</table> </table>
</div> </div>
<div class='own-projecteText'> <div class='own-projecteText'>
<h3>El nostre projecte, un viatge a Bakur</h3>
<h3>Nuestro proyecto, un viaje a Bakur</h3>
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.
El 19 de octubre de 2015 decidimos viajar a Kurdistán. Llevábamos las mochilas llenas de cámaras, libretas, miedos y esperanzas. La idea se gestaba desde hacía meses. Desde que descubrimos el movimiento kurdo seguíamos con interés y admiración tanto su proceso de resistencia como su propuesta política: un sistema basado en el municipalismo, la ecología social y la liberación de la mujer. Todo ello alimentado por un pueblo luchador, crítico y solidario.
<br><br> <br><br>
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.
Decidimos comenzar el viaje en Turquía con la intención de llegar a Rojava, Siria, lugar en el que centran la mirada movimientos revolucionarios de todo el mundo. Nuestra primera parada en Kurdistán fue en Diyarbakir, todavía dentro de las fronteras del Estado turco. Su nombre en kurdo es Amed, y es la capital del Kurdistán. Es allí donde se inició el desarrollo de este documental, ya que encontramos personas con ganas de explicarnos que en Bakur también estaban viviendo un proceso revolucionario y que, además, estaban sufriendo la represión del Estado turco que vigila, castiga, detiene y mata con el objetivo de parar el proyecto kurdo. Sin embargo, y pese a las últimas matanzas perpetradas, no lo ha conseguido.
<br><br> <br><br>
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.
Bakur nos atrapó durante dos meses frenéticos de encuentros, reflexiones y descubrimientos que pudimos grabar con nuestra cámara. Los habitantes de Bakur, la mayoría kurdos, pero también turcos, nos abrieron las puertas de sus casas, nos cedieron su tiempo y nos transmitieron su amor, llenándonos de esperanza y sentimiento de lucha. Por eso, al volver de nuestro viaje, sentimos la responsabilidad de haceros llegar sus voces para así poder entender y aprender de su revolución. Este documental es eso. Un paréntesis en nuestras vidas. Un regalo del pueblo kurdo. Un grito de rabia, lucha y belleza revolucionaria.
<br><br> <br><br>
<!--<img style="max-width: 600px;" src='imatges/fitxaTecnica.png' />--> <!--<img style="max-width: 600px;" src='imatges/fitxaTecnica.png' />-->
<h3>Fitxa Tècnica</h3>
<h3>Ficha Técnica</h3>
<table class="table table-condensed"> <table class="table table-condensed">
<tbody> <tbody>
<tr class="own-tableRed"> <tr class="own-tableRed">
<td>Títol original</td>
<td>Título original</td>
<td><b>El Sol del Nord. Construint l'autonomia a Bakur</b></td> <td><b>El Sol del Nord. Construint l'autonomia a Bakur</b></td>
</tr> </tr>
<tr> <tr>
<td>Durada</td>
<td>Duración</td>
<td>45 min.</td> <td>45 min.</td>
</tr> </tr>
<tr class="own-tableRed"> <tr class="own-tableRed">
<td>Direcció</td>
<td>Dirección</td>
<td>Paula Rubio Ainsa, Adrià Olivares</td> <td>Paula Rubio Ainsa, Adrià Olivares</td>
</tr> </tr>
<tr> <tr>
<td>Ajudants de direcció</td>
<td>Ayudantes de dirección</td>
<td>Yago Pasinato, Fabio Schneider</td> <td>Yago Pasinato, Fabio Schneider</td>
</tr> </tr>
<tr class="own-tableRed"> <tr class="own-tableRed">
<td>Càmera</td>
<td>Cámara</td>
<td>Adrià Olivares, Sara A. de Ceano-Vivas</td> <td>Adrià Olivares, Sara A. de Ceano-Vivas</td>
</tr> </tr>
<tr> <tr>
<td>Guió</td>
<td>Guión</td>
<td>Paula Rubio Ainsa</td> <td>Paula Rubio Ainsa</td>
</tr> </tr>
<tr class="own-tableRed"> <tr class="own-tableRed">
<td>Producció</td>
<td>Producción</td>
<td>IVARDIA Produccions</td> <td>IVARDIA Produccions</td>
</tr> </tr>
<tr> <tr>
<td>Gènere</td>
<td>Género</td>
<td>Documental</td> <td>Documental</td>
</tr> </tr>
<tr class="own-tableRed"> <tr class="own-tableRed">
<td>Idioma Original</td> <td>Idioma Original</td>
<td>Kurmanjí,Turc, Anglès, Català</td>
<td>Kurmanji, Turco, Inglés, Catalán</td>
</tr> </tr>
<tr> <tr>
<td>Subtítols</td>
<td>Català, Castellà, Anglès</td>
<td>Subtítulos</td>
<td>Catalán, Castellano, Inglés</td>
</tr> </tr>
<tr class="own-tableRed"> <tr class="own-tableRed">
<td>Any</td>
<td>Octubre/Desembre 2015</td>
<td>Año</td>
<td>Octubre/Diciembre 2015</td>
</tr> </tr>
<tr> <tr>
<td>Estrena</td>
<td>Novembre/Desembre 2016</td>
<td>Estreno</td>
<td>Noviembre/Diciembre 2016</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
@ -133,10 +131,10 @@
<img class='own-socialNetwork' src='icones/i_vk.png'/>Verkami <img class='own-socialNetwork' src='icones/i_vk.png'/>Verkami
</a> </a>
<a href='#' onmouseover="this.childNodes[1].src='icones/i_teaser_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_teaser.png'"> <a href='#' onmouseover="this.childNodes[1].src='icones/i_teaser_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_teaser.png'">
<img class='own-socialNetwork' src='icones/i_teaser.png' />Tràiler
<a href="https://vimeo.com/ivardiaproduccions" target="_blank"><img class='own-socialNetwork' src='icones/i_teaser.png' />Tráiler</a>
</a> </a>
<a class='own-invisible' href="javascript:OnClickCampanyesDeSuport();"> <a class='own-invisible' href="javascript:OnClickCampanyesDeSuport();">
<img class='own-socialNetwork' src='icones/i_campanyessuport.png' /> Campanyes de suport
<img class='own-socialNetwork' src='icones/i_campanyessuport.png' /> Campañas de soporte
</a> </a>
</div> </div>
</div> </div>
@ -144,7 +142,7 @@
<div id='HTMLfooter'> <div id='HTMLfooter'>
<div class='own-footer'> <div class='own-footer'>
<div class='own-caixaFooter'> <div class='own-caixaFooter'>
<h4>Contacte</h4><br>
<h4>Contacto</h4><br>
<a href="javascript: alert('Ens trobaràs a: contacta@ivardia.org');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_mail_taronja.png' /> <a href="javascript: alert('Ens trobaràs a: contacta@ivardia.org');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_mail_taronja.png' />
contacte@ivardia.org</a> contacte@ivardia.org</a>
<a href="javascript: alert('661150764');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_telefon.png' />661150764</a> <a href="javascript: alert('661150764');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_telefon.png' />661150764</a>
@ -155,7 +153,7 @@
</div> </div>
<div class='own-caixaFooter'> <div class='own-caixaFooter'>
<h4>Enllaços</h4><br>
<h4>Enlaces</h4><br>
<a href="https://azadiplataforma.wordpress.com/" target="_blank">Azadî Plataforma</a> <a href="https://azadiplataforma.wordpress.com/" target="_blank">Azadî Plataforma</a>
<a href="https://rojavaazadimadrid.wordpress.com/" target="_blank">Rojava Azadî Madrid</a> <a href="https://rojavaazadimadrid.wordpress.com/" target="_blank">Rojava Azadî Madrid</a>
<a href="http://kurdishquestion.com/" target="_blank">Kurdish Question</a> <a href="http://kurdishquestion.com/" target="_blank">Kurdish Question</a>

BIN
imatges/background/background1.jpg

Before After
Width: 1920  |  Height: 1080  |  Size: 1.0 MiB Width: 1920  |  Height: 1080  |  Size: 1.2 MiB

BIN
imatges/background/background4.jpg

Before After
Width: 1920  |  Height: 1080  |  Size: 1.1 MiB Width: 1279  |  Height: 721  |  Size: 639 KiB

BIN
imatges/background/background8.jpg

Before After
Width: 1920  |  Height: 1080  |  Size: 1.8 MiB Width: 1920  |  Height: 1080  |  Size: 1.2 MiB

BIN
imatges/background/background9.jpg

Before After
Width: 1920  |  Height: 1080  |  Size: 1.2 MiB Width: 1920  |  Height: 1080  |  Size: 1.8 MiB

+ 7
- 8
index.html

@ -23,19 +23,18 @@
<body onload='OnLoadIndex();'> <body onload='OnLoadIndex();'>
<div class='own-container'> <div class='own-container'>
<div id='telgris' class='own-telgris'></div> <div id='telgris' class='own-telgris'></div>
<img id='backgroundImage0' class='own-indexBackgroundImage opacity0' src='imatges/background/background1.jpg' />
<img id='backgroundImage1' class='own-indexBackgroundImage' src='imatges/background/background0.jpg' />
<div class='own-lang own-whiteText'>
<a href="#">CAT</a>
<a href='#'>CAST</a>
<a href='#'>ENG</a>
<img id='backgroundImage1' class='own-indexBackgroundImage opacity0' src='imatges/background/background1.jpg' />
<img id='backgroundImage0' class='own-indexBackgroundImage' src='imatges/background/background0.jpg' />
<div class='own-lang own-whiteText own-lang_marginIndex'>
<a href="http://www.ivardia.org" class='own-bold'>CAT</a>
<a href='http://www.ivardia.org/es'>CAST</a>
</div> </div>
<div id='menu' class='own-menu'> <div id='menu' class='own-menu'>
<!--<a href='index.html'><img class='own-overImage-logo' src='imatges/ivardialogo_transparent.png' /></a> <!--<a href='index.html'><img class='own-overImage-logo' src='imatges/ivardialogo_transparent.png' /></a>
--> -->
<a href='index.html'><img class='own-overImage-logo own-overImage-logo_index' src='imatges/IVARDIA_logo/LOGOTIPO/Logotipo_Blanco_72ppp.png' /></a> <a href='index.html'><img class='own-overImage-logo own-overImage-logo_index' src='imatges/IVARDIA_logo/LOGOTIPO/Logotipo_Blanco_72ppp.png' /></a>
<div class='own-showMenuButton own-whiteText own-whiteRecuadre' onclick='ShowMenuButtonsIndex()'>Menu</div> <div class='own-showMenuButton own-whiteText own-whiteRecuadre' onclick='ShowMenuButtonsIndex()'>Menu</div>
<div id='menuButtons' class='own-menuButtons own-whiteText'>
<div id='menuButtons' class='own-menuButtons own-whiteText own-menuButtons_Index'>
<a href="#">Inici</a> <a href="#">Inici</a>
<a href='nosaltres.html'>Nosaltres</a> <a href='nosaltres.html'>Nosaltres</a>
<a href='#'>Contacte</a> <a href='#'>Contacte</a>
@ -52,7 +51,7 @@
<a href="https://vimeo.com/ivardiaproduccions" target="_blank"><img class='own-socialNetwork' src='icones/i_vimeo.png' /></a> <a href="https://vimeo.com/ivardiaproduccions" target="_blank"><img class='own-socialNetwork' src='icones/i_vimeo.png' /></a>
</div> </div>
<div class='own-teaser'> <div class='own-teaser'>
<img class='own-socialNetwork' src='icones/i_play.png' />TRÀILER
<a href="https://vimeo.com/ivardiaproduccions" target="_blank"><img class='own-socialNetwork' src='icones/i_play.png' />TRÀILER</a>
</div> </div>
</div> </div>
<div class='temp-marge1'>-</div> <div class='temp-marge1'>-</div>

+ 7
- 7
index.js

@ -41,30 +41,30 @@ function OnLoadDefault(){
function OnLoadIndex(){ function OnLoadIndex(){
actualWindow="index"; actualWindow="index";
OnLoadDefault(); OnLoadDefault();
var numImg=3;
var visibleImg=1;
var numImg=1;
var visibleImg=0;
setInterval(function(){ setInterval(function(){
console.log(numImg); console.log(numImg);
console.log("visibleImg: " + visibleImg); console.log("visibleImg: " + visibleImg);
document.getElementById("backgroundImage"+visibleImg).className+=" own-opacity0";
document.getElementById("backgroundImage"+visibleImg).src="imatges/background/background"+numImg+".jpg";
document.getElementById("backgroundImage"+visibleImg).className="own-indexBackgroundImage";
if(visibleImg==0){ if(visibleImg==0){
visibleImg=1; visibleImg=1;
}else{ }else{
visibleImg=0; visibleImg=0;
} }
document.getElementById("backgroundImage"+visibleImg).className="own-indexBackgroundImage";
document.getElementById("backgroundImage"+visibleImg).className+=" own-opacity0";
document.getElementById("backgroundImage"+visibleImg).src="imatges/background/background"+numImg+".jpg";
numImg++; numImg++;
if(numImg>9) if(numImg>9)
{ {
numImg=0; numImg=0;
} }
}, 4000);
}, 10000);
} }
function OnLoadNosaltres(){ function OnLoadNosaltres(){
OnLoadDefault(); OnLoadDefault();
@ -76,7 +76,7 @@ function OnLoadContacte(){
OnLoadDefault(); OnLoadDefault();
setTimeout(function(){ setTimeout(function(){
document.getElementsByClassName("own-menuButtons")[0].childNodes[5].className="own-currentPageMenu"; document.getElementsByClassName("own-menuButtons")[0].childNodes[5].className="own-currentPageMenu";
}, 500);
}, 8000);
} }
function OnClickCampanyesDeSuport(){ function OnClickCampanyesDeSuport(){

+ 3
- 4
nosaltres.html

@ -28,9 +28,8 @@
<body onload='OnLoadNosaltres();'> <body onload='OnLoadNosaltres();'>
<div id='HTMLmenu'> <div id='HTMLmenu'>
<div class='own-lang'> <div class='own-lang'>
<a href="#" class='own-bold'>CAT</a>
<a href='#'>CAST</a>
<a href='#'>ENG</a>
<a href="http://www.ivardia.org" class='own-bold'>CAT</a>
<a href='http://www.ivardia.org/es'>CAST</a>
</div> </div>
<div id='menu' class='own-menu'> <div id='menu' class='own-menu'>
<a href='index.html'><img id='logoIvardia' class='own-overImage-logo' src='imatges/ivardialogo_invert_transparent.png' /></a> <a href='index.html'><img id='logoIvardia' class='own-overImage-logo' src='imatges/ivardialogo_invert_transparent.png' /></a>
@ -81,7 +80,7 @@
<a href='http://www.verkami.com/projects/15106-el-sol-del-nord-construint-lautonomia-a-bakur' target='_blank'><img class='own-socialNetwork' src='icones/i_vk.png'/>Verkami</a> <a href='http://www.verkami.com/projects/15106-el-sol-del-nord-construint-lautonomia-a-bakur' target='_blank'><img class='own-socialNetwork' src='icones/i_vk.png'/>Verkami</a>
</a> </a>
<a href='#' onmouseover="this.childNodes[1].src='icones/i_teaser_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_teaser.png'"> <a href='#' onmouseover="this.childNodes[1].src='icones/i_teaser_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_teaser.png'">
<img class='own-socialNetwork' src='icones/i_teaser.png' />Tràiler
<a href="https://vimeo.com/ivardiaproduccions" target="_blank"><img class='own-socialNetwork' src='icones/i_teaser.png' />Tràiler</a>
</a> </a>
</div> </div>

+ 12
- 4
own.css

@ -174,11 +174,11 @@ body {
.own-overImage-logo{ .own-overImage-logo{
margin-left: 80px; margin-left: 80px;
width: 200px; width: 200px;
transition: all 1s;
transition: all 0.5s;
} }
.own-overImage-logo_index{ .own-overImage-logo_index{
margin-left: -80px;
margin-left: 0px;
} }
} }
@ -192,7 +192,7 @@ body {
} }
.own-overImage-logo-small{ .own-overImage-logo-small{
width: 100px!important; width: 100px!important;
transition: all 1s;
transition: all 0.5s;
} }
.own-whiteRecuadre{ .own-whiteRecuadre{
@ -442,10 +442,13 @@ body {
@media (min-width:900px) { @media (min-width:900px) {
.own-lang{ .own-lang{
text-align: right; text-align: right;
/*margin-right: 50px;*/
margin-right: 80px;
display: block; display: block;
margin-top: 20px; margin-top: 20px;
} }
.own-lang_marginIndex{
margin-right:0px;
}
} }
@media (max-width:900px) { @media (max-width:900px) {
.own-lang{ .own-lang{
@ -471,6 +474,7 @@ body {
.own-menuButtons-small{ .own-menuButtons-small{
margin-top: 0px!important; margin-top: 0px!important;
} }
@media (min-width:555px) { @media (min-width:555px) {
.own-menuButtons{ .own-menuButtons{
float: right; float: right;
@ -479,7 +483,11 @@ body {
-webkit-transition: all 0.5s; /* Safari */ -webkit-transition: all 0.5s; /* Safari */
transition: all 0.5s; transition: all 0.5s;
margin-top: 20px; margin-top: 20px;
margin-right: 80px;
} }
.own-menuButtons_Index{
margin-right: 0px;
}
.own-menuButtons a:link{ .own-menuButtons a:link{
text-decoration: none; text-decoration: none;
color: #000000; color: #000000;

+ 3
- 4
projecte.html

@ -23,9 +23,8 @@
<body onload='OnLoadDefault();'> <body onload='OnLoadDefault();'>
<div id='HTMLmenu'> <div id='HTMLmenu'>
<div class='own-lang'> <div class='own-lang'>
<a href="#" class='own-bold'>CAT</a>
<a href='#'>CAST</a>
<a href='#'>ENG</a>
<a href="http://www.ivardia.org" class='own-bold'>CAT</a>
<a href='http://www.ivardia.org/es'>CAST</a>
</div> </div>
<div id='menu' class='own-menu'> <div id='menu' class='own-menu'>
<a href='index.html'><img id='logoIvardia' class='own-overImage-logo' src='imatges/ivardialogo_invert_transparent.png' /></a> <a href='index.html'><img id='logoIvardia' class='own-overImage-logo' src='imatges/ivardialogo_invert_transparent.png' /></a>
@ -133,7 +132,7 @@
<img class='own-socialNetwork' src='icones/i_vk.png'/>Verkami <img class='own-socialNetwork' src='icones/i_vk.png'/>Verkami
</a> </a>
<a href='#' onmouseover="this.childNodes[1].src='icones/i_teaser_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_teaser.png'"> <a href='#' onmouseover="this.childNodes[1].src='icones/i_teaser_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_teaser.png'">
<img class='own-socialNetwork' src='icones/i_teaser.png' />Tràiler
<a href="https://vimeo.com/ivardiaproduccions" target="_blank"><img class='own-socialNetwork' src='icones/i_teaser.png' />Tràiler</a>
</a> </a>
<a class='own-invisible' href="javascript:OnClickCampanyesDeSuport();"> <a class='own-invisible' href="javascript:OnClickCampanyesDeSuport();">
<img class='own-socialNetwork' src='icones/i_campanyessuport.png' /> Campanyes de suport <img class='own-socialNetwork' src='icones/i_campanyessuport.png' /> Campanyes de suport

Loading…
Cancel
Save