Improvements

Styling, performance tweak, and bugs fixes.
This commit is contained in:
Danang Probo Sayekti 2015-07-05 21:29:02 +07:00
commit db786347c6
17 changed files with 197 additions and 107 deletions

View file

@ -866,6 +866,26 @@ aside .copyright p {
}
@media all and (max-width: 560px) {
.featured-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.featured-video iframe, .featured-video object, .featured-video embed {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
}
/*----------------------------
Archive
-----------------------------*/

View file

@ -19,18 +19,6 @@ $len = count($posts); ?>
<h2 class="title-index" itemprop="name"><a href="<?php echo $p->url ?>"><?php echo $p->title ?></a></h2>
<div class="date">
<?php if (!empty($p->feature)) { ?>
<div class="featured-image">
<a href="<?php echo $p->url ?>"><img src="<?php echo $p->feature; ?>"
alt="<?php echo $p->title ?>"/></a>
</div>
<?php } ?>
<?php if (!empty($p->video)) { ?>
<div class="featured-video">
<iframe src="https://www.youtube.com/embed/<?php echo $p->video; ?>" width="560" height="315"
frameborder="0" allowfullscreen></iframe>
</div>
<?php } ?>
<span itemprop="datePublished"><?php echo date('d F Y', $p->date) ?></span> - Posted in
<span itemprop="articleSection"><?php echo $p->tag ?></span> by
<span itemprop="author"><a href="<?php echo $p->authorurl ?>"><?php echo $p->author ?></a></span>
@ -41,6 +29,16 @@ $len = count($posts); ?>
href=<?php echo $p->url ?>></fb:comments-count> Comments</span></a>
<?php } ?>
</div>
<?php if (!empty($p->image)) { ?>
<div class="featured-image">
<a href="<?php echo $p->url ?>"><img src="<?php echo $p->image; ?>" alt="<?php echo $p->title ?>"/></a>
</div>
<?php } ?>
<?php if (!empty($p->video)) { ?>
<div class="featured-video">
<iframe src="https://www.youtube.com/embed/<?php echo $p->video; ?>" width="560" height="315" frameborder="0" allowfullscreen></iframe>
</div>
<?php } ?>
<div class="teaser-body" itemprop="articleBody">
<?php echo get_thumbnail($p->body) ?>
<?php echo get_teaser($p->body, $p->url) ?>

View file

@ -10,18 +10,6 @@
<h1 class="title-post" itemprop="name"><?php echo $p->title ?></h1>
<div class="date">
<?php if (!empty($p->feature)) { ?>
<div class="featured-image">
<a href="<?php echo $p->url ?>"><img src="<?php echo $p->feature; ?>"
alt="<?php echo $p->title ?>"/></a>
</div>
<?php } ?>
<?php if (!empty($p->video)) { ?>
<div class="featured-video">
<iframe src="https://www.youtube.com/embed/<?php echo $p->video; ?>" width="560" height="315"
frameborder="0" allowfullscreen></iframe>
</div>
<?php } ?>
<span itemprop="datePublished"><a href="<?php echo $p->archive ?>"
title="Show all posts made on this day"><?php echo date('d F Y', $p->date) ?></a></span>
- Posted in
@ -29,6 +17,16 @@
<span itemprop="author"><a href="<?php echo $p->authorurl ?>"><?php echo $p->author ?></a></span> -
<span><a href="<?php echo $p->url ?>" rel="permalink">Permalink</a></span>
</div>
<?php if (!empty($p->image)) { ?>
<div class="featured-image">
<a href="<?php echo $p->url ?>"><img src="<?php echo $p->image; ?>" alt="<?php echo $p->title ?>"/></a>
</div>
<?php } ?>
<?php if (!empty($p->video)) { ?>
<div class="featured-video">
<iframe src="https://www.youtube.com/embed/<?php echo $p->video; ?>" width="560" height="315" frameborder="0" allowfullscreen></iframe>
</div>
<?php } ?>
<div class="post-body" itemprop="articleBody">
<?php echo $p->body; ?>
</div>

View file

@ -953,6 +953,26 @@ h1.title-post a:hover, h2.title-index a:hover {
}
@media all and (max-width: 560px) {
.featured-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.featured-video iframe, .featured-video object, .featured-video embed {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
}
/*----------------------------
Archive
-----------------------------*/

View file

@ -3,7 +3,7 @@
<head>
<?php echo $head_contents ?>
<link href="<?php echo site_url() ?>themes/default/css/style.css" rel="stylesheet"/>
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet" type="text/css">
<?php if (publisher()): ?>
<link href="<?php echo publisher() ?>" rel="publisher" /><?php endif; ?>
<!--[if lt IE 9]>

View file

@ -19,18 +19,6 @@ $len = count($posts); ?>
<h2 class="title-index" itemprop="name"><a href="<?php echo $p->url ?>"><?php echo $p->title ?></a></h2>
<div class="date">
<?php if (!empty($p->feature)) { ?>
<div class="featured-image">
<a href="<?php echo $p->url ?>"><img src="<?php echo $p->feature; ?>"
alt="<?php echo $p->title ?>"/></a>
</div>
<?php } ?>
<?php if (!empty($p->video)) { ?>
<div class="featured-video">
<iframe src="https://www.youtube.com/embed/<?php echo $p->video; ?>" width="560" height="315"
frameborder="0" allowfullscreen></iframe>
</div>
<?php } ?>
<span itemprop="datePublished"><?php echo date('d F Y', $p->date) ?></span> - Posted in
<span itemprop="articleSection"><?php echo $p->tag ?></span> by
<span itemprop="author"><a href="<?php echo $p->authorurl ?>"><?php echo $p->author ?></a></span>
@ -41,6 +29,16 @@ $len = count($posts); ?>
href=<?php echo $p->url ?>></fb:comments-count> Comments</span></a>
<?php } ?>
</div>
<?php if (!empty($p->image)) { ?>
<div class="featured-image">
<a href="<?php echo $p->url ?>"><img src="<?php echo $p->image; ?>" alt="<?php echo $p->title ?>"/></a>
</div>
<?php } ?>
<?php if (!empty($p->video)) { ?>
<div class="featured-video">
<iframe src="https://www.youtube.com/embed/<?php echo $p->video; ?>" width="560" height="315" frameborder="0" allowfullscreen></iframe>
</div>
<?php } ?>
<div class="teaser-body" itemprop="articleBody">
<?php echo get_thumbnail($p->body) ?>
<?php echo get_teaser($p->body, $p->url) ?>

View file

@ -10,18 +10,6 @@
<h1 class="title-post" itemprop="name"><?php echo $p->title ?></h1>
<div class="date">
<?php if (!empty($p->feature)) { ?>
<div class="featured-image">
<a href="<?php echo $p->url ?>"><img src="<?php echo $p->feature; ?>"
alt="<?php echo $p->title ?>"/></a>
</div>
<?php } ?>
<?php if (!empty($p->video)) { ?>
<div class="featured-video">
<iframe src="https://www.youtube.com/embed/<?php echo $p->video; ?>" width="560" height="315"
frameborder="0" allowfullscreen></iframe>
</div>
<?php } ?>
<span itemprop="datePublished"><a href="<?php echo $p->archive ?>"
title="Show all posts made on this day"><?php echo date('d F Y', $p->date) ?></a></span>
- Posted in
@ -29,6 +17,16 @@
<span itemprop="author"><a href="<?php echo $p->authorurl ?>"><?php echo $p->author ?></a></span> -
<span><a href="<?php echo $p->url ?>" rel="permalink">Permalink</a></span>
</div>
<?php if (!empty($p->image)) { ?>
<div class="featured-image">
<a href="<?php echo $p->url ?>"><img src="<?php echo $p->image; ?>" alt="<?php echo $p->title ?>"/></a>
</div>
<?php } ?>
<?php if (!empty($p->video)) { ?>
<div class="featured-video">
<iframe src="https://www.youtube.com/embed/<?php echo $p->video; ?>" width="560" height="315" frameborder="0" allowfullscreen></iframe>
</div>
<?php } ?>
<div class="post-body" itemprop="articleBody">
<?php echo $p->body; ?>
</div>

View file

@ -883,6 +883,26 @@ table.post-list td a {
}
@media all and (max-width: 560px) {
.featured-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.featured-video iframe, .featured-video object, .featured-video embed {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
}
/*----------------------------
Archive
-----------------------------*/

View file

@ -3,9 +3,7 @@
<head>
<?php echo $head_contents ?>
<link href="<?php echo site_url() ?>themes/logs/css/style.css" rel="stylesheet"/>
<link
href='//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic'
rel='stylesheet' type='text/css'>
<link href="//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic" rel="stylesheet" type="text/css">
<?php if (publisher()): ?>
<link href="<?php echo publisher() ?>" rel="publisher" /><?php endif; ?>
<!--[if lt IE 9]>

View file

@ -19,18 +19,6 @@ $len = count($posts); ?>
<h2 class="title-index" itemprop="name"><a href="<?php echo $p->url ?>"><?php echo $p->title ?></a></h2>
<div class="date">
<?php if (!empty($p->feature)) { ?>
<div class="featured-image">
<a href="<?php echo $p->url ?>"><img src="<?php echo $p->feature; ?>"
alt="<?php echo $p->title ?>"/></a>
</div>
<?php } ?>
<?php if (!empty($p->video)) { ?>
<div class="featured-video">
<iframe src="https://www.youtube.com/embed/<?php echo $p->video; ?>" width="560" height="315"
frameborder="0" allowfullscreen></iframe>
</div>
<?php } ?>
<span itemprop="datePublished"><?php echo date('d F Y', $p->date) ?></span> - Posted in
<span itemprop="articleSection"><?php echo $p->tag ?></span> by
<span itemprop="author"><a href="<?php echo $p->authorurl ?>"><?php echo $p->author ?></a></span>
@ -41,6 +29,16 @@ $len = count($posts); ?>
href=<?php echo $p->url ?>></fb:comments-count> Comments</span></a>
<?php } ?>
</div>
<?php if (!empty($p->image)) { ?>
<div class="featured-image">
<a href="<?php echo $p->url ?>"><img src="<?php echo $p->image; ?>" alt="<?php echo $p->title ?>"/></a>
</div>
<?php } ?>
<?php if (!empty($p->video)) { ?>
<div class="featured-video">
<iframe src="https://www.youtube.com/embed/<?php echo $p->video; ?>" width="560" height="315" frameborder="0" allowfullscreen></iframe>
</div>
<?php } ?>
<div class="teaser-body" itemprop="articleBody">
<?php echo get_thumbnail($p->body) ?>
<?php echo get_teaser($p->body, $p->url) ?>

View file

@ -10,18 +10,6 @@
<h1 class="title-post" itemprop="name"><?php echo $p->title ?></h1>
<div class="date">
<?php if (!empty($p->feature)) { ?>
<div class="featured-image">
<a href="<?php echo $p->url ?>"><img src="<?php echo $p->feature; ?>"
alt="<?php echo $p->title ?>"/></a>
</div>
<?php } ?>
<?php if (!empty($p->video)) { ?>
<div class="featured-video">
<iframe src="https://www.youtube.com/embed/<?php echo $p->video; ?>" width="560" height="315"
frameborder="0" allowfullscreen></iframe>
</div>
<?php } ?>
<span itemprop="datePublished"><a href="<?php echo $p->archive ?>"
title="Show all posts made on this day"><?php echo date('d F Y', $p->date) ?></a></span>
- Posted in
@ -29,6 +17,16 @@
<span itemprop="author"><a href="<?php echo $p->authorurl ?>"><?php echo $p->author ?></a></span> -
<span><a href="<?php echo $p->url ?>" rel="permalink">Permalink</a></span>
</div>
<?php if (!empty($p->image)) { ?>
<div class="featured-image">
<a href="<?php echo $p->url ?>"><img src="<?php echo $p->image; ?>" alt="<?php echo $p->title ?>"/></a>
</div>
<?php } ?>
<?php if (!empty($p->video)) { ?>
<div class="featured-video">
<iframe src="https://www.youtube.com/embed/<?php echo $p->video; ?>" width="560" height="315" frameborder="0" allowfullscreen></iframe>
</div>
<?php } ?>
<div class="post-body" itemprop="articleBody">
<?php echo $p->body; ?>
</div>