Antikythera/page.php

134 lines
4.5 KiB
PHP
Raw Normal View History

2018-01-30 03:46:03 +00:00
<?php
2018-03-04 03:06:18 +00:00
2018-01-30 03:46:03 +00:00
get_header();
?>
2018-03-04 03:06:18 +00:00
<body class="custom-background">
2018-01-30 03:46:03 +00:00
<div class="site-wrapper">
<div id="loading-bar-wrapper">
<div id="loading-bar"></div>
</div>
<script>
document.getElementById("loading-bar").style.width = "20%"
</script>
<script>
document.getElementById("loading-bar").style.width = "40%"
</script>
<main id="main" class="clearfix">
<article id="" class="article white-box article-type-post" itemscope itemprop="blogPost">
<header class="article-header">
<h1 class="article-title" itemprop="name"><?php the_title(); ?></h1>
2018-03-04 03:06:18 +00:00
<div class="article-meta"><?php echo get_the_date('Y-m-d'); ?></div>
2018-01-30 03:46:03 +00:00
</header>
2018-03-04 03:06:18 +00:00
2018-01-30 03:46:03 +00:00
<?php
2018-03-04 03:06:18 +00:00
$featured_image = get_the_post_thumbnail_url(get_the_ID(), 'featuredImageFull');
2018-01-30 03:46:03 +00:00
?>
<?php if (get_the_tags()) :?>
<div class="article-tags">
<?php
$post_tags = get_the_tags();
if ($post_tags) {
foreach($post_tags as $tag) {
echo '<a href="'; echo bloginfo();
echo '/?tag=' . $tag->slug . '" class="tag-link">' . $tag->name . '</a>';
}
}
?>
</div>
<?php endif; ?>
2018-03-04 03:06:18 +00:00
<div class="featured-image">
<p align="center"><img class="featured-image" src="<?php echo $featured_image; ?>"></p>
</div>
2018-01-30 03:46:03 +00:00
<div class="article-entry" itemprop="articleBody">
<?php
/* Start the Loop */
while ( have_posts() ) : the_post();
get_template_part( 'template-parts/post/content', get_post_format() );
the_content();
// If comments are open or we have at least one comment, load up the comment template.
if ( comments_open() || get_comments_number() ) :
comments_template();
endif;
endwhile; // End of the loop.
?>
2018-03-04 03:06:18 +00:00
<?php
$next_post = get_next_post();
$prev_post = get_previous_post();
if (!empty ($prev_post)): $prev_thumb = get_the_post_thumbnail_url($prev_post->ID);
?>
<div class="prev-next">
<span class="previous">
<ul class="post-list">
<li class="post-item grid-item" style="background-image: url(<?php echo $prev_thumb; ?>);">
<a class="post-link" href="<?php echo esc_url( get_permalink( $prev_post->ID ) ); ?>">
<h3 class="post-title"><?php echo esc_attr( $prev_post->post_title ); ?></h3>
<div class="post-meta"><?php echo esc_attr( $prev_post->post_date ); ?></div>
</a>
</li>
</ul>
</span>
<?php endif; ?>
<?php if (!empty( $next_post )): $next_thumb = get_the_post_thumbnail_url($next_post->ID); ?>
<span class="next">
<ul class="post-list">
<li class="post-item grid-item" style="background-image: url(<?php echo $next_thumb; ?>);">
<a class="post-link" href="<?php echo esc_url( get_permalink( $next_post->ID ) ); ?>">
<h3 class="post-title"><?php echo esc_attr( $next_post->post_title ); ?></h3>
<div class="post-meta"><?php echo esc_attr( $next_post->post_date ); ?></div>
</a>
</li>
</ul>
</span>
<?php endif; ?>
</div>
2018-01-30 03:46:03 +00:00
</div>
2018-03-04 03:06:18 +00:00
2018-01-30 03:46:03 +00:00
</article>
<script>
document.getElementById("loading-bar").style.width = "60%"
</script>
2018-03-04 03:06:18 +00:00
2018-01-30 03:46:03 +00:00
</main>
2018-03-04 03:06:18 +00:00
<?php get_footer(); ?>
2018-01-30 03:46:03 +00:00
<script>
document.getElementById("loading-bar").style.width = "80%"
</script>
2018-03-04 03:06:18 +00:00
2018-01-30 03:46:03 +00:00
<div class="overlay"></div>
</div>
<?php
get_sidebar();
get_template_part( 'loader', get_post_format() );
?>
2018-03-04 03:06:18 +00:00
2018-01-30 03:46:03 +00:00
</body>
</html>