Grid frontpage and google fonts

This commit is contained in:
Luca 2017-01-27 23:17:33 +01:00
parent 5313197625
commit 57f566061f
7 changed files with 145 additions and 16 deletions

View File

@ -28,10 +28,24 @@
</div>
<div class="mlogo">
<div class="sidebar-user2 span2">Asier Gogortza. All right reserved
<div class="sidebar-user2 span2"></div>
</div>
</div>
</div>
<script>
jQuery(document).ready(function() {
jQuery('.head').bind('click',function() { window.location = '/'; });
});
jQuery(document).scroll(function() {
return;
winH = window.screen.height;
posS = window.scrollY;
menH = jQuery('.sidebar-right1').height()
if ( winH+posS < menH ) { jQuery('.sidebar-right1').css('position','relative'); }
else { jQuery('sidebar-right1').css('top',0); jQuery('.sidebar-right1').css('position','fixed');}
});
</script>
</div>
<?php wp_footer(); ?>

17
header.php Normal file
View File

@ -0,0 +1,17 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<title><?php wp_title( '|', true, 'right' ); ?></title>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="viewport" content="width=device-width" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php wp_head(); ?>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,600" rel="stylesheet">
</head>
<body <?php body_class(); ?>>
<div class="main">
<div class="content-main">

View File

@ -8,7 +8,7 @@
<?php get_header(); ?>
<!-- header -->
<div class="row">
<div class="col-md-4">
<div class="col-xs-12 col-sm-6 col-md-4">
<div class="sidebar-right1 span2">
<div class="head">
<?php if ( function_exists( 'jetpack_the_site_logo' ) ) jetpack_the_site_logo(); ?>
@ -18,7 +18,7 @@
<?php dynamic_sidebar( 'sidebar-left' ); ?>
</div>
</div>
<div class="col-md-8">
<div class="col-xs-12 col-sm-6 col-md-8">
<div class=row">
<?php
$args = array( 'posts_per_page' => -1, 'category' => 10 );

View File

@ -8,7 +8,7 @@
<?php get_header(); ?>
<!-- header -->
<div class="row">
<div class="col-md-4">
<div class="col-xs-12 col-sm-6 col-md-4">
<div class="sidebar-right1 span2">
<div class="head">
<?php if ( function_exists( 'jetpack_the_site_logo' ) ) jetpack_the_site_logo(); ?>
@ -18,7 +18,7 @@
<?php dynamic_sidebar( 'sidebar-left' ); ?>
</div>
</div>
<div class="col-md-8">
<div class="col-xs-12 col-sm-6 col-md-8">
<!--content-->
<div class="row">
<div class="content">

View File

@ -1,7 +1,7 @@
<?php get_header(); ?>
<div class="row">
<div class="col-md-4">
<div class="col-xs-12 col-sm-6 col-md-4">
<div class="sidebar-right1 span2">
<div class="head">
<?php if ( function_exists( 'jetpack_the_site_logo' ) ) jetpack_the_site_logo(); ?>
@ -11,12 +11,12 @@
<?php dynamic_sidebar( 'sidebar-left' ); ?>
</div>
</div>
<div class="col-md-8">
<div class="col-xs-12 col-sm-6 col-md-8">
<div class="content">
<?php if(have_posts()) : ?>
<?php while(have_posts()) : the_post(); ?>
<div class="post-main">
<h1><?php the_title(); ?></h1>
<!--h1><?php the_title(); ?></h1-->
<div class="post">
<?php the_content(); ?>

View File

@ -10,12 +10,20 @@
Text Domain: asierg
*/
@font-face {
}
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');
body {
font-family:roboto,Helvetica,Arial,sans-serif;
font-family:'Open Sans',roboto,Helvetica,Arial,sans-serif;
font-size:12pt;
}
a { text-decoration:none;}
.content-main { margin-top:0; }
/* footer */
@ -26,29 +34,57 @@ a { text-decoration:none;}
/*sidebar-right1*/
.sidebar-right1 { position:fixed; }
@media (max-device-width: 767px) {
.sidebar-right1 {position:relative !important; }
}
.sidebar-right1 .site-title {
font-family: old-standard, serif;
display:none;
font-family: 'Lato',old-standard, serif;
margin-top:0;
width:100%;
height:100px;
}
.sidebar-right1 .widgettitle {
margin-bottom:0 !important;
}
.sidebar-user2 {
font-size:0.7em;
}
.sidebar-right1 .head:hover {cursor:pointer; }
.sidebar-right1 .head {
padding-bottom:20px;
margin-bottom:20px;
border-bottom:1px dashed #000;
margin-bottom:0px;
/*border-bottom:1px dashed #000;*/
background-image:url('http://asierg.audio-lab.org/wp-content/uploads/2017/01/logo2.png');
background-size:contain;
background-repeat:no-repeat;
}
.head h1 a {font-size:1.0em;}
.head h1 a:hover {font-size:1.0em;}
.sidebar-right1 a {font-size:0.9em;}
.sidebar-right1 a:hover,
.sidebar-right1 .head h1 a:hover { color:#333;}
h2 {font-weight:800 !important;}
.current-menu-item { text-decoration:underline !important; }
#menu-item-110 a,
h2 {font-size:0.8em !important; font-weight:600 !important; font:'Open sans';}
input { border: 1px solid #ccc; }
textarea { border: 1px solid #ccc; }
.sidebar-right1 .widgettitle { border:0; font-size:1.2em; }
.sidebar-right1 .widget { margin: 8px 0 0 0; }
.sidebar-right1 .widgettitle { border:0; font-size:0.9em; }
.sidebar-right1 .menu > li a {font-size:0.8em;}
.sidebar-righ1 .menu > li a:hover,
.sidebar-right1 .widget_nav_menu a:hover,
@ -64,11 +100,16 @@ textarea { border: 1px solid #ccc; }
.sidebar-right1 .widget_nav_menu li { padding:0; }
/*portada*/
.projects { margin-top: 6px; }
/*post content*/
.post p {font-size:0.7em;margin:0 0 0px;}
.content { margin-top:0px; }
#gallery-1 img {
border:0 !important;
}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail { padding:0 !important;}
dt {padding:0 !important;}
dt {margin-bottom:20px;padding:0 !important;}

57
template-portada.php Normal file
View File

@ -0,0 +1,57 @@
<?php
/**
* Template Name: Portada Asier Gogortza
*
*/
?>
<?php get_header(); ?>
<!-- header -->
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="sidebar-right1 span2">
<div class="head">
<?php if ( function_exists( 'jetpack_the_site_logo' ) ) jetpack_the_site_logo(); ?>
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?></a></h1>
<h4 class="site-description"><?php bloginfo( 'description' ); ?></h4>
</div>
<?php dynamic_sidebar( 'sidebar-left' ); ?>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-7">
<!-- get projets -->
<div class="row projects">
<?php
$projects = get_posts(array('category'=> '10', 'nopaging' => 'true','orderby'=>'date','order'=>'DESC' ));
foreach ($projects as $p) :
$id = $p->ID; ?>
<div class="col-md-4" style="padding:10px;">
<a href="<?php echo get_the_permalink($id); ?>"><div class="thumb" style="background-image:url('<?php echo get_the_post_thumbnail_url($id,'medium'); ?>'); background-size:cover;width:100%; padding-bottom:100%; background-position: center center;"><?php //echo get_the_title($id); ?></div></a>
</div>
<?php
endforeach;
?>
</div>
<!-- end projects -->
<!--content-->
<div class="row">
<div class="content" style="min-height:0;">
<?php if(have_posts()) : ?>
<?php while(have_posts()) : the_post(); ?>
<div class="post-main">
<div class="post">
<?php the_content(); ?>
<?php wp_link_pages( $args ); ?>
</div>
</div>
<?php endwhile; ?>
<?php endif; ?>
</div>
</div>
</div>
</div>
<?php get_footer(); ?>