carta als reis part 1
nau idoctnef@openmailbox.org
Thu, 16 Jun 2016 20:26:07 +0200
66 files changed,
243 insertions(+),
79 deletions(-)
jump to
M
agenda.html
→
agenda.html
@@ -39,8 +39,14 @@ </div>
<div class='own-projecteText'> <h3>Agenda</h3> - 18 Juny:<br> - Presentació del projecte i estrena del teaser a la Mostra de cinema documental sobre el Kurdistan. + <div class='own-agendaData'>18 Juny:</div> + <div class='own-agendaTitol'>Presentació del projecte i estrena del teaser</div> + <div class='own-agendaContent'> + Presentació del projecte i estrena del teaser a la Mostra de cinema documental sobre el Kurdistan.<br> + <a href='https://www.facebook.com/events/1150811931635590/' target='_blank'> + Esdeveniment + </a> + </div> </div> <div class='own-rightBox'>
M
index.html
→
index.html
@@ -22,6 +22,7 @@ <![endif]-->
</head> <body onload='OnLoadIndex();'> <div class='own-container'> + <div id='telgris' class='own-telgris'><br>a<br> </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'>@@ -30,7 +31,10 @@ <a href='#'>CAST</a>
<a href='#'>ENG</a> </div> <div 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> + <div class='own-menuButtons own-whiteText'> <a href="#">Inici</a> <a href='nosaltres.html'>Nosaltres</a>
M
index.js
→
index.js
@@ -12,7 +12,15 @@ //
}); }); } - +/* +- La señora haciendo el saludo de la victoria (_013) +- Paisaje Sol (_008) +- Paisaje Sol niñxs (004) +- Señora en balcón (la que se vea bien, he visto que no está bien pillado el frame)) (_036) +- Barricadas (020, 026, 028, 001) +- Paisajes (057, 059, 058, 045) +- Gente (014, 074, 068, 071, 012) +*/ function OnLoadIndex(){ OnLoadDefault(); var numImg=3;@@ -55,3 +63,23 @@ }else{
document.getElementById("desplegable").className="own-desplegable"; } } + +$(window).bind('scroll', function () { + console.log($(window).scrollTop()); + if ($(window).scrollTop() > 25) { + //$('.menu').addClass('own-menuFixed'); + document.getElementById("menu").className="own-menuFixed"; + } else { + //$('.menu').removeClass('own-menuFixed'); + document.getElementById("menu").className="own-menu"; + } +}); + +function ShowMenuButtons(){ + if(document.getElementById("menuButtons").className.indexOf("own-displayShowBlock") > -1) + { + document.getElementById("menuButtons").className="own-menuButtons"; + }else{ + document.getElementById("menuButtons").className+=" own-displayShowBlock"; + } +}
M
nosaltres.html
→
nosaltres.html
@@ -26,8 +26,8 @@ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--> </head> <body onload='OnLoadNosaltres();'> - <div class='container'> <div id='HTMLmenu'></div> + <div class='container'> <br> <div class='own-nosaltresContent'> <div class='own-nosaltresTitle'>Nosaltres</div>
M
own.css
→
own.css
@@ -1,5 +1,5 @@
-/* + a:link { color: #C85127; text-decoration: none;@@ -12,7 +12,7 @@ color: #dd7955;
} a:active { color: #C85127; -}*/ +} @font-face { font-family: 'jauria-bold';@@ -66,11 +66,14 @@ url('tipos/got/got_medium.ttf')
format('opentype'); } body { - font: normal 18px 'got-light', sans-serif; + + font: normal 16px 'got-light', sans-serif; + margin: 0; + padding: 0; } -@media (min-width:900px) { +/*@media (min-width:900px) { .own-container{ padding-left: 80px; padding-right: 80px;@@ -81,7 +84,7 @@ .own-container{
padding-left: 10px; padding-right: 10px; } -} +}*/ /* index */@@ -89,33 +92,46 @@ @media (min-width:900px) {
.own-indexBackgroundImage{ width: 100%; /*height: 100%;*/ - z-index: -1; + z-index: -2; position: fixed; left: 0px; top: 0px; - /*-webkit-transition: opacity 0.5s ease-in-out; - -moz-transition: opacity 0.5s ease-in-out; - -o-transition: opacity 0.5s ease-in-out; - transition: opacity 0.5s ease-in-out;*/ } + .own-telgris{ + height: 100%; + width: 100%; + z-index: -1; + position: fixed; + left: 0px; + top: 0px; + + background: rgba(0, 0, 0, 0.5); + } } @media (max-width:900px) { .own-indexBackgroundImage{ /*width: 100%;*/ height: 100%; - z-index: -1; + z-index: -2; position: fixed; left: 0px; top: 0px; - /*-webkit-transition: opacity 0.5s ease-in-out; - -moz-transition: opacity 0.5s ease-in-out; - -o-transition: opacity 0.5s ease-in-out; - transition: opacity 0.5s ease-in-out;*/ } + .own-telgris{ + height: 100%; + width: 100%; + z-index: -1; + position: fixed; + left: 0px; + top: 0px; + + background: rgba(0, 0, 0, 0.5); + } } + .own-opacity0{ opacity: 0; }@@ -137,8 +153,15 @@ }
.own-menu{ display: block; - /*padding-left: 50px; - padding-right: 50px;*/ +} +.own-menuFixed{ + /*display: block;*/ + position: fixed; + background: #ffffff; + /*border-bottom: 1px solid #010101;*/ + width: 100%; + top: 0px; + } .own-overImage-logo{ /*margin-left: 30px;*/@@ -185,16 +208,17 @@ }
.own-mainTitle{ color: #ffffff; background: #C85127; - font-size: 45px; - width: 400px; + font-size: 70px; + max-width: 500px; margin-left: auto; /*temporal*/ margin-right: auto; font-family: 'jauria-bold', sans-serif; } .own-subTitle{ color: #ffffff; - font-size: 24px; + font-size: 30px; font-family: 'jauria-cursiva', sans-serif; + margin-top: 8px; } .own-verkami{ /*border: 1px solid #000000;*/@@ -239,11 +263,13 @@ .own-caixaDescripcioIndex{
margin-top: 50px; margin-left:auto; margin-right:auto; - max-width: calc(100% - 300px); + max-width: calc(100% - 100px); min-width: 320px; background: #ffffff; - font-size: 18px; + font-size: 120%; font: normal 18px 'got-medium', sans-serif; + text-align: center; + line-height: 125%; } } @media (min-width:1080px) {@@ -251,11 +277,13 @@ .own-caixaDescripcioIndex{
margin-top: 50px; margin-left:auto; margin-right:auto; - max-width: calc(100% - 700px); + max-width: calc(100% - 600px); min-width: 320px; background: #ffffff; - font-size: 18px; + font-size: 120%; font: normal 18px 'got-medium', sans-serif; + text-align: center; + line-height: 125%; } }@@ -352,7 +380,7 @@ padding: 2%;
height: auto; font: normal 16px 'got-medium', sans-serif; } -.own-footer h3{ +.own-footer h4{ color: #ffffff; } .own-footer a:link {@@ -397,26 +425,72 @@ }
.own-bold{ font-weight: bold; } +@media (min-width:555px) { + .own-menuButtons{ + float: right; + font: normal 18px 'got-black', sans-serif; -.own-menuButtons{ - float: right; - /*margin-right: 50px;*/ - font: normal 18px 'got-black', sans-serif; -} -.own-menuButtons a:link{ - text-decoration: none; - color: #000000; - font-weight: bold; - display: inline-block; - margin: 10px; - font-size: 20px; + -webkit-transition: all 0.5s; /* Safari */ + transition: all 0.5s; + } + .own-menuButtons a:link{ + text-decoration: none; + color: #000000; + font-weight: bold; + display: inline-block; + margin: 10px; + font-size: 20px; + padding-bottom: 5px; + } + .own-menuButtons a:visited{ + color: #000000; + } + .own-menuButtons a:hover{ + color: #C85127; + } + + .own-showMenuButton{ + display: none; + } } -.own-menuButtons a:visited{ - color: #000000; +@media (max-width:555px) { + .own-menuButtons{ + /*float: right;*/ + text-align: center; + font: normal 18px 'got-black', sans-serif; + display: none; + + -webkit-transition: all 0.5s; /* Safari */ + transition: all 0.5s; + } + .own-menuButtons a:link{ + text-decoration: none; + color: #000000; + font-weight: bold; + display: block; + margin: 10px; + font-size: 20px; + padding-bottom: 5px; + } + .own-menuButtons a:visited{ + color: #000000; + } + .own-menuButtons a:hover{ + color: #C85127; + } + + .own-showMenuButton{ + display: inline-block; + cursor: pointer; + float: right; + margin-right: 60px; + margin-top: 20px; + } } -.own-menuButtons a:hover{ - color: #C85127; +.own-displayShowBlock{ + display: block!important; } + .own-currentPageMenu{ color: #C85127!important; border-bottom: 3px solid #C85127;@@ -432,33 +506,65 @@ .own-nosaltresContent{
width: 100%; text-align: center; } -.own-linksLeft{ - display: inline-block; - vertical-align: top; - margin-top: 20px; - margin-right: 40px; - margin-bottom: 40px; - max-width: 100px; - font: normal 18px 'got-medium', sans-serif; -} -.own-linksLeft a:link{ - text-decoration: none; - color: #000000; - font-weight: bold; - display: block; - margin: 10px; - margin-bottom: 30px; - text-align: center; - border-top: 1px solid #000000; - padding-top: 20px; - width: 120px; -} -.own-linksLeft a:visited{ - color: #000000; +@media (min-width:990px) { + .own-linksLeft{ + display: inline-block; + vertical-align: top; + margin-top: 20px; + margin-right: 40px; + margin-bottom: 40px; + max-width: 100px; + font: normal 18px 'got-medium', sans-serif; + } + .own-linksLeft a:link{ + text-decoration: none; + color: #000000; + font-weight: bold; + display: block; + margin: 10px; + margin-bottom: 30px; + text-align: center; + border-top: 1px solid #000000; + padding-top: 20px; + width: 120px; + } + .own-linksLeft a:visited{ + color: #000000; + } + .own-linksLeft a:hover{ + color: #C85127; + } } -.own-linksLeft a:hover{ - color: #C85127; +@media (max-width:990px) { + .own-linksLeft{ + display: inline-block; + vertical-align: top; + margin-top: 20px; + margin-right: 40px; + margin-bottom: 40px; + /*max-width: 100px;*/ + font: normal 18px 'got-medium', sans-serif; + } + .own-linksLeft a:link{ + text-decoration: none; + color: #000000; + font-weight: bold; + display: inline-block; + margin: 10px; + margin-bottom: 30px; + text-align: center; + border-top: 1px solid #000000; + padding-top: 20px; + width: 120px; + } + .own-linksLeft a:visited{ + color: #000000; + } + .own-linksLeft a:hover{ + color: #C85127; + } } + .own-orange{ color: #C85127!important; }@@ -469,6 +575,7 @@ text-align: left;
vertical-align: top; padding: 10px; padding-bottom: 40px; + line-height: 120%; } .own-projecteText h3{ font: normal 25px 'got-medium', sans-serif;@@ -520,7 +627,8 @@ margin-bottom: 40px;
max-width: 600px; text-align: left; font-weight: bold; - font: normal 22px 'got-medium', sans-serif; + font: normal 18px 'got-medium', sans-serif; + line-height: 115%; } } @media (min-width:1200px) {@@ -534,6 +642,7 @@ text-align: left;
font-weight: bold; font-size: 22px; font: normal 22px 'got-medium', sans-serif; + line-height: 115%; } }@@ -563,8 +672,21 @@ max-width: 600px;
text-align: left; vertical-align: top; padding-bottom: 40px; + line-height: 120%; } .own-inlineBlock{ display: inline-block!important; } + + +.own-agendaData{ + font-weight: bold; + color: #C85127; +} +.own-agendaTitol{ + font-weight: bold; +} +.own-agendaContent{ + font-style: italic; +}