mirror of
https://github.com/danpros/htmly.git
synced 2026-04-18 19:46:21 +05:30
Improvements
Styling, performance tweak, and bugs fixes.
This commit is contained in:
parent
f646e5f4f2
commit
db786347c6
17 changed files with 197 additions and 107 deletions
|
|
@ -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
|
||||
-----------------------------*/
|
||||
|
|
|
|||
|
|
@ -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) ?>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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
|
||||
-----------------------------*/
|
||||
|
|
|
|||
|
|
@ -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]>
|
||||
|
|
|
|||
|
|
@ -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) ?>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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
|
||||
-----------------------------*/
|
||||
|
|
|
|||
|
|
@ -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]>
|
||||
|
|
|
|||
|
|
@ -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) ?>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue