varius canvis (div tarda i diss matí)

agenda.html

@@ -47,9 +47,25 @@
       </div>
       <div class='own-projecteContent'>
         <div class='own-linksLeft'>
-          <a href="projecte.html">PROJECTE</a>
-          <a href='bakur.html'>BAKUR</a>
-          <a class='own-orange' href='agenda.html'>AGENDA</a>
+          <table>
+            <tbody>
+              <tr>
+                <td>
+                  <a href="projecte.html">PROJECTE</a>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  <a href='bakur.html'>BAKUR</a>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  <a class='own-orange' href='agenda.html'>AGENDA</a>
+                </td>
+              </tr>
+            </tbody>
+          </table>
         </div>
 
         <div class='own-projecteText'>
@@ -64,7 +80,7 @@
           </div>
 
           </div>
-        <div class='own-rightBox'>
+        <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'">
             <img class='own-socialNetwork' src='icones/i_campanyessuport.png' />   Campanyes de suport
           </a>

bakur.html

@@ -41,15 +41,28 @@
       <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-linksLeft'>
-          <a href="projecte.html">PROJECTE</a>
-          <a class='own-orange' href='bakur.html'>BAKUR</a>
-          <a href='agenda.html'>AGENDA</a>
+          <table>
+            <tbody>
+              <tr>
+                <td>
+                  <a href="projecte.html">PROJECTE</a>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  <a class='own-orange' href='bakur.html'>BAKUR</a>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  <a href='agenda.html'>AGENDA</a>
+                </td>
+              </tr>
+            </tbody>
+          </table>
         </div>
 
         <div class='own-projecteText'>
@@ -63,18 +76,76 @@
           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>
-          <img style="max-width: 600px;" src='imatges/mapaKurdistan.png' />
+          <!--<img style="max-width: 600px;" src='imatges/mapaKurdistan.png' />-->
           </div>
         <div class='own-rightBox'>
-          <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:NoFunction();" data-toggle="collapse" data-target="#demo" 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
           </a>
+          <div id="demo" class="collapse own-collapse">
+            <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>
           <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
           </a>
           <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
-          </a>
+          </a>-->
+
+
+          <div class="panel-group own-maxWidth250px" id="accordion">
+            <div class="panel panel-default own-anulaPanel">
+              <div class="">
+                  <a data-toggle="collapse" data-parent="#accordion" href="#collapse1"><img class='own-socialNetwork' src='icones/i_campanyessuport.png' />   Campanyes de suport</a>
+              </div>
+              <div id="collapse1" class="panel-collapse collapse">
+                <div class="panel-body own-maxWidth250px">
+                  <a href='https://azadiplataforma.wordpress.com/crida-a-la-solidaritat-amb-kurdistan/' target='_blank'>Crida a la solidaritat amb el Kurdistan, campanya de suport engegada per Azadï Plataforma</a>
+
+                  <a href='https://coopfunding.net/en/campaigns/feed-the-revolution/' target='_blank'>Rojava autosuficient, campanya d’ajut engegada per Comité Alternatiu de Rojava</a>
+
+                  <a href='http://www.migranodearena.org/es/reto/7852/la-vuelta-al-cole-en-kobane/' target='_blank'>Campanya “Vuelta al cole en Kobane”, engegada per Kurdiscat</a>
+
+                  <a href='https://coopfunding.net/es/campaigns/apoyo-a-kobane/' target='_blank'>Campanya “Apoyo a Kobane”, engegada per Heyva Sor</a>
+
+                  <a href='http://delistthepkk.com' target='_blank'>Campanya per retirar el PKK del llistat d’organitzacions terroristes, engegada per diversos col·lectius</a>
+
+                </div>
+              </div>
+            </div>
+            <div class="panel panel-default own-anulaPanel">
+              <div class="">
+                  <a data-toggle="collapse" data-parent="#accordion" href="#collapse2"><img class='own-socialNetwork' src='icones/i_articles.png' />   Artícles</a>
+              </div>
+              <div id="collapse2" class="panel-collapse collapse">
+                <div class="panel-body own-maxWidth250px">
+                  <a href='http://anarkismo.net/article/28963' target='_blank'> Resum de l’actual situació a Bakur, per Erdal Balsak i Jean Robert i publicat a Anarkismo.net</a>
+                  <a href='https://azadiplataforma.wordpress.com/2016/04/02/construint-democracia-sense-estat/' target='_blank'>Confederalisme Democràtic. Democràcia sense Estat, per Dilar Dirik a ROAR Magazine i traduït per Azadï Plataforma</a>
+                  <a href='https://rojavaazadimadrid.wordpress.com/2016/03/19/una-revolucion-femenina-en-marcha-en-kurdistan-del-destierro-de-los-matrimonios-forzados-a-la-copresidencia-en-todas-las-organizaciones-de-la-sociedad-civil-y-politica/' target='_blank'>Les dones kurdes a Bakur, per André Métayer i traduït per Rojava Azadï Madrid</a>
+                  <a href='https://rojavaazadimadrid.wordpress.com/2015/10/28/cronica-las-cooperativas-de-van-un-modelo-en-desarrollo-17-10-15/' target='_blank'>Cooperativsme a Bakur, per Sara A. de Rojava Azadï Madrid</a>
+                  <a href='https://newrozeuskalkurduelkartea.wordpress.com/2015/12/28/dtk-publico-su-resolucion-respecto-al-autogobierno/' target='_blank'>La DTK. Què és i què fa, per Firat News i Traduït per Newroz Euskal Kurdu Elkartea</a>
+                  <a href='https://rojavaazadimadrid.wordpress.com/2015/12/21/los-kurdos-resisten-ante-los-toques-de-queda-impuestos-por-el-estado-turco/' target='_blank'>Turquia assetjant Bakur, per Joris Leverink, de ROAR Magazine, i traduït per Rojava Azadî Madrid</a>
+                  <a href='https://rojavaazadimadrid.wordpress.com/2016/01/06/represion-y-resistencia-en-amed/' target='_blank'>Amed. Repressió i resistència, per Rojava Azadî Madrid</a>
+                  <a href='https://rojavaazadimadrid.wordpress.com/2016/02/15/ministro-de-interior-de-turquia-la-operacion-de-cizre-ha-terminado-satisfactoriamente/' target='_blank'>Cizîr. Una massacre silenciada, per Kurdish Question i traduït per Rojava Azadî Madrid</a>
+                  <a href='https://rojavaazadimadrid.wordpress.com/2015/12/12/fotos-la-destruccion-de-un-barrio-kurdo-bajo-el-toque-de-queda/' target='_blank'> Surici. Una imatge val més que mil paraules, per ROAR Magazine i traduït per Rojava Azadï Madrid</a>
+
+                </div>
+              </div>
+            </div>
+            <div class="panel panel-default own-anulaPanel">
+              <div class="">
+                  <a data-toggle="collapse" data-parent="#accordion" href="#collapse3"><img class='own-socialNetwork' src='icones/i_teaser.png' />   Vídeos</a>
+              </div>
+              <div id="collapse3" class="panel-collapse collapse">
+                <div class="panel-body own-maxWidth250px">
+                  <a href='https://www.youtube.com/watch?v=uWaFDT3Qcqo' target='_blank'>Apropa’t a Bakur, per Azadî Plataforma</a>
+
+                </div>
+              </div>
+            </div>
+          </div>
         </div>
       </div>
 </div><!-- /container -->

contacte.html

@@ -25,7 +25,7 @@
       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
     <![endif]-->
   </head>
-  <body onload='OnLoadNosaltres();'>
+  <body onload='OnLoadContacte();'>
       <div id='HTMLmenu'>
         <div class='own-lang'>
           <a href="#" class='own-bold'>CAT</a>

index.html

@@ -33,7 +33,7 @@
         <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/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 id='menuButtons' class='own-menuButtons own-whiteText'>
             <a href="#">Inici</a>

index.js

@@ -17,10 +17,9 @@ function OnLoadDefault(){
       $(window).bind('scroll', function () {
         console.log($(window).scrollTop());
           if ($(window).scrollTop() > 25) {
-              //$('.menu').addClass('own-menuFixed');
+              //document.getElementById("menu").className="own-menuFixed";
               document.getElementById("menu").className="own-menuFixed";
           } else {
-              //$('.menu').removeClass('own-menuFixed');
               document.getElementById("menu").className="own-menu";
           }
       });
@@ -69,16 +68,26 @@ function OnLoadNosaltres(){
     document.getElementsByClassName("own-menuButtons")[0].childNodes[3].className="own-currentPageMenu";
   }, 500);
 }
+function OnLoadContacte(){
+  OnLoadDefault();
+  setTimeout(function(){
+    document.getElementsByClassName("own-menuButtons")[0].childNodes[5].className="own-currentPageMenu";
+  }, 500);
+}
 
 function OnClickCampanyesDeSuport(){
-  /*
+
   if(document.getElementById("desplegable").className=="own-desplegable")
   {
     document.getElementById("desplegable").className="own-desplegableAmagat";
   }else{
+    var auxhtml="";
+    auxhtml+="<h3>El nostre projecte, un viatge a Bakur</h3>";
+    auxhtml+="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.";
+    document.getElementById("desplegable").innerHTML=auxhtml;
     document.getElementById("desplegable").className="own-desplegable";
   }
-  */
+
 }
 
 
@@ -99,3 +108,8 @@ function ShowMenuButtonsIndex(){
     document.getElementById("menuButtons").className+=" own-displayShowBlock";
   }
 }
+
+
+function NoFunction(){
+  
+}

own.css

@@ -40,29 +40,29 @@ I medium pel submeni
 /* got */
 @font-face {
 	font-family: 'got-light';
-	src: url('tipos/got/got_light.ttf');
+	src: url('tipos/got/GothaXLig.otf');
 	src:
 		local('got'),
 		local('got'),
-		url('tipos/got/got_light.ttf')
+		url('tipos/got/GothaXLig.otf')
 		format('opentype');
 }
 @font-face {
 	font-family: 'got-black';
-	src: url('tipos/got/got_black.ttf');
+	src: url('tipos/got/GothaBla.otf');
 	src:
 		local('got'),
 		local('got'),
-		url('tipos/got/got_black.ttf')
+		url('tipos/got/GothaBla.otf')
 		format('opentype');
 }
 @font-face {
 	font-family: 'got-medium';
-	src: url('tipos/got/got_medium.ttf');
+	src: url('tipos/got/GothaMed.otf');
 	src:
 		local('got'),
 		local('got'),
-		url('tipos/got/got_medium.ttf')
+		url('tipos/got/GothaMed.otf')
 		format('opentype');
 }
 body {
@@ -150,25 +150,43 @@ body {
 .own-langIndex a:visited{
   color: #ffffff;
 }
-
-.own-menu{
-  display: block;
+@media (min-width:900px) {
+  .own-menu{
+    display: block;
+    margin-top: -25px;
+  }
+}
+@media (max-width:900px) {
+  .own-menu{
+    display: block;
+  }
 }
 .own-menuFixed{
   /*display: block;*/
 	position: fixed;
 	background: #ffffff;
-	/*border-bottom: 1px solid #010101;*/
 	width: 100%;
 	top: 0px;
 	left: 0px;
 	z-index: 10px;
-
 }
-.own-overImage-logo{
-  /*margin-left: 30px;*/
-  width: 200px;
+@media (min-width:900px) {
+  .own-overImage-logo{
+    margin-left: 80px;
+    width: 200px;
 
+  }
+  .own-overImage-logo_index{
+    margin-left: -80px;
+
+  }
+}
+@media (max-width:900px) {
+  .own-overImage-logo{
+    /*margin-left: 80px;*/
+    width: 200px;
+
+  }
 }
 
 .own-whiteRecuadre{
@@ -416,11 +434,22 @@ body {
 
 
 /* projecte, bakur, agenda */
-.own-lang{
-  text-align: right;
-  /*margin-right: 50px;*/
-  display: block;
+@media (min-width:900px) {
+  .own-lang{
+    text-align: right;
+    /*margin-right: 50px;*/
+    display: block;
+    margin-top: 20px;
+  }
 }
+@media (max-width:900px) {
+  .own-lang{
+    text-align: right;
+    /*margin-right: 50px;*/
+    display: block;
+  }
+}
+
 .own-lang a:link{
   text-decoration: none;
   color: #000000;
@@ -441,6 +470,7 @@ body {
 
 		-webkit-transition: all 0.5s; /* Safari */
 		transition: all 0.5s;
+    margin-top: 20px;
 	}
 	.own-menuButtons a:link{
 	  text-decoration: none;
@@ -517,7 +547,7 @@ body {
 
 	position: absolute;
 	left: 0px;
-	z-index:0px;
+	z-index:-1;
 }
 .own-nosaltresContent{
   width: 100%;
@@ -528,7 +558,7 @@ body {
 	  display: inline-block;
 	  vertical-align: top;
 	  margin-top: 20px;
-	  margin-right: 40px;
+	  margin-right: 80px;
 	  margin-bottom: 40px;
 	  max-width: 100px;
 	  font: normal 18px 'got-medium', sans-serif;
@@ -581,6 +611,10 @@ body {
 	  color: #C85127;
 	}
 }
+table, th, td {
+   border-top: 1px solid black;
+   border-bottom: 1px solid black;
+}
 
 .own-hr{
 	border: 1px solid #000000;
@@ -681,7 +715,7 @@ body {
 .own-nosaltresTitle{
   /*font-size: 45px;*/
   font-weight: bold;
-  padding-left: 7%;
+  padding-left: 5.3%;
   text-align: left;
 	margin-top: 30px;
 	margin-bottom: 30px;
@@ -753,3 +787,16 @@ body {
 	margin-right: 40px;
 	margin-bottom: 30px;
 }
+
+.own-maxWidth250px{
+  max-width: 250px;
+}
+
+.own-anulaPanel{
+  border: 0px solid #ffffff!important;
+  font-size: 16px!important;
+  max-width: 250px!important;
+}
+.own-invisible{
+  visibility: hidden;
+}

projecte.html

@@ -42,10 +42,25 @@
 
       <div class='own-projecteContent'>
         <div class='own-linksLeft'>
-          <a class='own-orange' href="projecte.html">PROJECTE</a>
-          <a href='bakur.html'>BAKUR</a>
-          <!--<hr class="own-hr" />-->
-          <a href='agenda.html'>AGENDA</a>
+          <table>
+            <tbody>
+              <tr>
+                <td>
+                  <a class='own-orange' href="projecte.html">PROJECTE</a>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  <a href='bakur.html'>BAKUR</a>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  <a href='agenda.html'>AGENDA</a>
+                </td>
+              </tr>
+            </tbody>
+          </table>
         </div>
         <div class='own-projecteText'>
           <h3>El nostre projecte, un viatge a Bakur</h3>
@@ -112,6 +127,9 @@
           <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' />Teaser
           </a>
+          <a class='own-invisible' href="javascript:OnClickCampanyesDeSuport();">
+            <img class='own-socialNetwork' src='icones/i_campanyessuport.png' />   Campanyes de suport
+          </a>
         </div>
       </div>
 </div><!-- /container -->