Actualizo algunos parmetros de CSS para las imagenes en portada o de cabecera

This commit is contained in:
Luca 2018-01-15 11:19:35 +01:00
parent 1eb79abdc1
commit a605b9bca6
8 changed files with 31 additions and 17 deletions

View File

@ -10,6 +10,9 @@ jQuery(document).ready(function() {
//console.log('ready'); //console.log('ready');
//var slsh; //var slsh;
//var slsh = new SlideShow('.slideshow', {timeout: 5000}); //var slsh = new SlideShow('.slideshow', {timeout: 5000});
/*jQuery(document)
.ajaxStart(function() {console.log('ajax start')})
.ajaxStop(function() {console.log('ajax stop')});*/
}); });
/* /*

View File

@ -5,7 +5,7 @@
/* Tipografias */ /* Tipografias */
body {font-family:'Montserrat',sans-serif;} body {font-family:'Montserrat',sans-serif;}
h1,h2,h3 {font-family: 'Roboto',sans-serif;} h1 {font-family: 'Roboto',sans-serif;}
h1,h2,h3,a {color:rgba(255,153,51,255);} h1,h2,h3,a {color:rgba(255,153,51,255);}
/* Grid */ /* Grid */

View File

@ -20,8 +20,9 @@
</div> </div>
--> -->
</div> </div>
<div class="container"><p class="text-muted" style="margin:auto;text-align:center;margin-bottom:20px;"><img style="max-height:100px;" src="http://anorgatarrak.eus/wp-content/uploads/2017/12/banner_footer.png"/></p></div>
<div class="container"> <div class="container">
<p class="text-muted">Museum Cemento Rezola - Copyright 2017</p> <p class="text-muted" style="font-size:0.8em;">Museum Cemento Rezola - Copyright 2017 - www.museumcementorezola.org</p>
</div> </div>
</footer> </footer>
</body> </body>

View File

@ -50,7 +50,7 @@ function create_posttype() {
'supports' => array('title','thumbnail'), 'supports' => array('title','thumbnail'),
'show_in_rest' => true, 'show_in_rest' => true,
'public' => true, 'public' => true,
'rewrite' => array('slug' => 'entrevista'), 'rewrite' => array('slug' => 'catalog'),
) )
); );
//Add Persona //Add Persona

View File

@ -59,13 +59,23 @@
<div class="row"> <div class="row">
<?php <?php
$args = array ( $args = array (
'sort_column' => 'menu_order' 'sort_column' => 'menu_order',
'number' => 3,
); );
$pages = get_pages($args); $pages = get_pages($args);
foreach ($pages as $page) : foreach ($pages as $page) :
?> ?>
<?php //print_r($page); ?> <?php //print_r($page); ?>
<div class="col-md-4"><h2><?php echo $page->post_title; ?></h2><?php echo $page->post_excerpt; ?> <br/><a href="<?php echo get_permalink($page->ID); ?>">+info</a><div class="more" style="width:100%;height:50px;background:#ff9933;margin-top:10px;display:none;"></div></div> <div class="col-md-4">
<a href="<?php echo get_permalink($page->ID);?>">
<div class="row" style="margin:0px 2px 20px; background-size:cover;height:200px;background-image:url('<?php echo get_the_post_thumbnail_url($page->ID); ?>');">
<div class="col-md-12" style="background-color:rgba(0,0,0,0.8);">
<h2><?php echo $page->post_title; ?></h2>
</div>
</div>
</a>
<?php echo $page->post_excerpt; ?>
</div>
<!-- <div class="col-md-4"><h2>Entrevistas del proyecto</h2><p>This example is a quick exercise to illustrate how the default, static and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device. To see the difference between static and fixed top navbars, just scroll.</p><p><a class="btn" ng-href="#!/catalog/">Mostrar más</a></p></div> <!-- <div class="col-md-4"><h2>Entrevistas del proyecto</h2><p>This example is a quick exercise to illustrate how the default, static and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device. To see the difference between static and fixed top navbars, just scroll.</p><p><a class="btn" ng-href="#!/catalog/">Mostrar más</a></p></div>
<div class="col-md-4"><h2>Información relevante</h2><p>This example is a quick exercise to illustrate how the default, static and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device. To see the difference between static and fixed top navbars, just scroll.</p><p><a class="btn" ng-href="#!/contact">Mostrar más</a></p></div>--> <div class="col-md-4"><h2>Información relevante</h2><p>This example is a quick exercise to illustrate how the default, static and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device. To see the difference between static and fixed top navbars, just scroll.</p><p><a class="btn" ng-href="#!/contact">Mostrar más</a></p></div>-->
<?php endforeach; ?> <?php endforeach; ?>

View File

@ -1,5 +1,5 @@
<div class="row"> <div class="row">
<div class="post-header" style="background-image:url('{{post.featured_image_thumbnail_url}}');background-size:cover;width:100%;height:90vh;"> <div class="post-header" style="background-image:url('{{post.featured_image_thumbnail_url}}');background-size:cover;width:100%;height:90vh;background-attachment:fixed;">
<div class="row"> <div class="row">
<div class="col-md-offset-1 col-md-5"><h1 style="font-size:72pt;font-weight:800;">{{post.title.rendered}}</h1></div> <div class="col-md-offset-1 col-md-5"><h1 style="font-size:72pt;font-weight:800;">{{post.title.rendered}}</h1></div>
</div> </div>

View File

@ -6,8 +6,8 @@
<!--<li ng-repeat="slide in slides">--> <!--<li ng-repeat="slide in slides">-->
<!--<li>--> <!--<li>-->
<div class="flex-cont" style="display:flex;height:90vh"> <div class="flex-cont" style="display:flex;height:90vh">
<div class="s" style="flex:auto;background-image:url('{{slides[0].featured_image_thumbnail_url}}');background-size:cover;" title="{{slides[0].title.rendered}}" alt="{{slides[0].excerpt_clean}}"> <div class="s" style="flex:auto;background-attachment:fixed;background-image:url('{{slides[0].featured_image_thumbnail_url}}');background-size:cover;" title="{{slides[0].title.rendered}}" alt="{{slides[0].excerpt_clean}}">
<div class="s-content" style="text-align:right;position:absolute;bottom:0;width:100%;background:rgba(0,0,0,0.8);"> <div class="s-content" style="text-align:right;position:absolute;bottom:5%;width:100%;background:rgba(0,0,0,0.8);">
<h1 style="margin-right:30px;font-size:32pt;font-weight:800;color:#fff;">{{slides[0].title.rendered}}</h1> <h1 style="margin-right:30px;font-size:32pt;font-weight:800;color:#fff;">{{slides[0].title.rendered}}</h1>
<h2 style="margin-right:30px;font-size:24pt;font-weight:400;color:#fff;">{{slides[0].excerpt_clean}}</h2> <h2 style="margin-right:30px;font-size:24pt;font-weight:400;color:#fff;">{{slides[0].excerpt_clean}}</h2>
</div> </div>

View File

@ -13,15 +13,15 @@
<div class="col-md-6"> <div class="col-md-6">
<!-- castellano --> <!-- castellano -->
<ul ng-show="lang == 'es'"> <ul ng-show="lang == 'es'">
<li><label>Idioma:</label> {{post.e_idioma}}</li> <li ng-if="post.e_idioma"><label>Idioma:</label> {{post.e_idioma}}</li>
<li><label>Localización:</label> {{post.e_localizacion.address}}</li> <li ng-if="post.e_localizacion"><label>Localización:</label> {{post.e_localizacion.address}}</li>
<li><label>Fecha:</label> {{post.e_fecha_de_entrevista}}</li> <li ng-if="post.e_fecha_de_entrevista"><label>Fecha:</label> {{post.e_fecha_de_entrevista}}</li>
<li><label>Informantes:</label> <li><label>Informantes:</label>
<ul> <ul>
<li ng-repeat="i in post.e_informantes">{{i.post_title}}</li> <li ng-repeat="i in post.e_informantes">{{i.post_title}}</li>
</ul> </ul>
</li> </li>
<li><label>TÃrminos:</label> <li><label>Términos:</label>
<ul> <ul>
<li style="list-style:none;" ng-repeat="t in post.category"><button class="btn btn-secondary btn-sm" type="button">{{t.name}}</button></li> <li style="list-style:none;" ng-repeat="t in post.category"><button class="btn btn-secondary btn-sm" type="button">{{t.name}}</button></li>
</ul> </ul>
@ -31,14 +31,14 @@
<!-- euskera --> <!-- euskera -->
<ul ng-show="lang == 'eus'"> <ul ng-show="lang == 'eus'">
<li><label>Hizkuntza:</label> {{post.e_idioma}}</li> <li><label>Hizkuntza:</label> {{post.e_idioma}}</li>
<li><label>Kokapena:</label> {{post.e_localizacion.address}}</li> <li ng-if="post.e_localizacion"><label>Kokapena:</label> {{post.e_localizacion.address}}</li>
<li><label>Data:</label> {{post.e_fecha_de_entrevista}}</li> <li ng-if="post.e_fecha_de_entrevista"><label>Data:</label> {{post.e_fecha_de_entrevista}}</li>
<li><label>Informatzaile:</label> <li><label>Informatzaile:</label>
<ul> <ul>
<li ng-repeat="i in post.e_informantes">{{i.post_title}}</li> <li ng-repeat="i in post.e_informantes">{{i.post_title}}</li>
</ul> </ul>
</li> </li>
<li><label>Baldintzak:</label> <li ng-if="post.cateogry"><label>Baldintzak:</label>
<ul> <ul>
<li style="list-style:none;" ng-repeat="t in post.category"><button class="btn btn-secondary btn-sm" type="button">{{t.name}}</button></li> <li style="list-style:none;" ng-repeat="t in post.category"><button class="btn btn-secondary btn-sm" type="button">{{t.name}}</button></li>
</ul> </ul>
@ -50,9 +50,9 @@
<video poster="{{post.featured_image_thumbnail_url}}" src="{{post.e_audiovisual}}" controls="" style="width:100%;">URL: {{post.e_audiovisual}} </video> <video poster="{{post.featured_image_thumbnail_url}}" src="{{post.e_audiovisual}}" controls="" style="width:100%;">URL: {{post.e_audiovisual}} </video>
<button class="btn btn-primary btn-sm" type="button" data-toggle="collapse" data-target="#collapse-transcripcion" aria-expanded="false" aria-controls="collapseExample">Transcripcion</button> <button class="btn btn-primary btn-sm" type="button" data-toggle="collapse" data-target="#collapse-transcripcion" aria-expanded="false" aria-controls="collapseExample">Transcripcion</button>
</div> </div>
<div class="row" style=""> <div class="row" style="" >
<div class="col-md-12"> <div class="col-md-12">
<div class="collapse" id="collapse-transcripcion" ng-bind-html="post.e_transcripcion" style="column-count:2;padding-top:20px;"></div> <div ng-if="post.e_transcripcion" class="collapse" id="collapse-transcripcion" ng-bind-html="post.e_transcripcion" style="column-count:2;padding-top:20px;"></div>
</div> </div>
</div> </div>