Browse Source

varius canvis (div tarda i diss matí)

pull/1/head
nau 8 years ago
parent
commit
3dad7467a3
13 changed files with 210 additions and 44 deletions
  1. +20
    -4
      agenda.html
  2. +81
    -10
      bakur.html
  3. +1
    -1
      contacte.html
  4. +1
    -1
      index.html
  5. +18
    -4
      index.js
  6. +67
    -20
      own.css
  7. +22
    -4
      projecte.html
  8. BIN
      tipos/got/GothaBla.otf
  9. BIN
      tipos/got/GothaBol.otf
  10. BIN
      tipos/got/GothaMed.otf
  11. BIN
      tipos/got/GothaUlt.otf
  12. BIN
      tipos/got/GothaXLig.otf
  13. BIN
      tipos/got/GothaXLigIta.otf

+ 20
- 4
agenda.html

@ -47,9 +47,25 @@
</div> </div>
<div class='own-projecteContent'> <div class='own-projecteContent'>
<div class='own-linksLeft'> <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>
<div class='own-projecteText'> <div class='own-projecteText'>
@ -64,7 +80,7 @@
</div> </div>
</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'"> <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' /> Campanyes de suport
</a> </a>

+ 81
- 10
bakur.html

@ -41,15 +41,28 @@
<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'>
<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>
<div class='own-projecteText'> <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. 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> <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'>
<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 <img class='own-socialNetwork' src='icones/i_campanyessuport.png' /> Campanyes de suport
</a> </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'"> <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ícles
</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' /> 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> </div>
</div><!-- /container --> </div><!-- /container -->

+ 1
- 1
contacte.html

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

+ 1
- 1
index.html

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

+ 18
- 4
index.js

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

+ 67
- 20
own.css

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

+ 22
- 4
projecte.html

@ -42,10 +42,25 @@
<div class='own-projecteContent'> <div class='own-projecteContent'>
<div class='own-linksLeft'> <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>
<div class='own-projecteText'> <div class='own-projecteText'>
<h3>El nostre projecte, un viatge a Bakur</h3> <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'"> <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 <img class='own-socialNetwork' src='icones/i_teaser.png' />Teaser
</a> </a>
<a class='own-invisible' href="javascript:OnClickCampanyesDeSuport();">
<img class='own-socialNetwork' src='icones/i_campanyessuport.png' /> Campanyes de suport
</a>
</div> </div>
</div> </div>
</div><!-- /container --> </div><!-- /container -->

BIN
tipos/got/GothaBla.otf


BIN
tipos/got/GothaBol.otf


BIN
tipos/got/GothaMed.otf


BIN
tipos/got/GothaUlt.otf


BIN
tipos/got/GothaXLig.otf


BIN
tipos/got/GothaXLigIta.otf


Loading…
Cancel
Save