varius canvis (div tarda i diss matí)
nau idoctnef@openmailbox.org
Sat, 18 Jun 2016 11:34:23 +0200
13 files changed,
210 insertions(+),
44 deletions(-)
M
agenda.html
→
agenda.html
@@ -47,9 +47,25 @@ 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 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 @@ </a>
</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>
M
bakur.html
→
bakur.html
@@ -41,15 +41,28 @@ </div>
<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 @@ <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> - <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 -->
M
contacte.html
→
contacte.html
@@ -25,7 +25,7 @@ <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<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>
M
index.html
→
index.html
@@ -33,7 +33,7 @@ </div>
<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>
M
index.js
→
index.js
@@ -17,10 +17,9 @@ {
$(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 @@ setTimeout(function(){
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 @@ }else{
document.getElementById("menuButtons").className+=" own-displayShowBlock"; } } + + +function NoFunction(){ + +}
M
own.css
→
own.css
@@ -40,29 +40,29 @@ */
/* 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 @@ }
.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; +} +@media (min-width:900px) { + .own-overImage-logo{ + margin-left: 80px; + width: 200px; + } + .own-overImage-logo_index{ + margin-left: -80px; + + } } -.own-overImage-logo{ - /*margin-left: 30px;*/ - width: 200px; +@media (max-width:900px) { + .own-overImage-logo{ + /*margin-left: 80px;*/ + width: 200px; + } } .own-whiteRecuadre{@@ -416,11 +434,22 @@
/* 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 @@ font: normal 18px 'got-black', sans-serif;
-webkit-transition: all 0.5s; /* Safari */ transition: all 0.5s; + margin-top: 20px; } .own-menuButtons a:link{ text-decoration: none;@@ -517,7 +547,7 @@ margin-bottom: 30px;
position: absolute; left: 0px; - z-index:0px; + z-index:-1; } .own-nosaltresContent{ width: 100%;@@ -528,7 +558,7 @@ .own-linksLeft{
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;@@ -580,6 +610,10 @@ }
.own-linksLeft a:hover{ color: #C85127; } +} +table, th, td { + border-top: 1px solid black; + border-bottom: 1px solid black; } .own-hr{@@ -681,7 +715,7 @@
.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 @@ max-width: 400px;
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; +}
M
projecte.html
→
projecte.html
@@ -42,10 +42,25 @@ <img class='own-imgHeader' src='imatges/header1.png' />
<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>@@ -111,6 +126,9 @@ <img class='own-socialNetwork' src='icones/i_vk.png'/>Verkami
</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' />Teaser + </a> + <a class='own-invisible' href="javascript:OnClickCampanyesDeSuport();"> + <img class='own-socialNetwork' src='icones/i_campanyessuport.png' /> Campanyes de suport </a> </div> </div>