wonder/template-comingsoon.php at master · themebeans/wonder · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<?php
/**
 * Template Name: Coming Soon
 * The template for displaying the coming soon template.
 *
 * @package     Wonder
 * @link        https://themebeans.com/themes/wonder
 */

get_header();

$years  = get_theme_mod( 'comingsoon_year' );
$months = get_theme_mod( 'comingsoon_month' );
$days   = get_theme_mod( 'comingsoon_day' );

if ( ! $years ) {
	$years = '2014'; }
if ( ! $months ) {
	$months = '01';  }
if ( ! $days ) {
	$days = '01';    }
?>

<div id="primary-container" class="fadein">

	<div class="row">

		<div class="twelve columns mobile-four">

			<?php
			$page_title = get_post_meta( $post->ID, '_bean_page_title', true );
			if ( $page_title == 'on' ) {
			?>
				<h1 class="entry-title"><?php the_title( '' ); ?></h1>
			<?php } ?>

			<div class="entry-content">

				<?php
				while ( have_posts() ) :
					the_post();
					the_content();
				endwhile;

				wp_link_pages(
					array(
						'before' => '<div class="page-link"><span>' . __( 'Pages:', 'wonder' ) . '</span>',
						'after'  => '</div>',
					)
				);
				?>

			</div><!-- END .entry-content -->

		</div><!-- END .twelve columns mobile-four -->

		<div class="bean-coming-soon" data-years="<?php echo esc_attr( $years ); ?>" data-months="<?php echo esc_attr( $months ); ?>" data-days="<?php echo esc_attr( $days ); ?>" data-hours="00" data-minutes="00" data-seconds="00">

			<div class="three columns mobile-two fadein days">
				<div class="count-inner">
					<div class="fadein">
						<div class="count"></div>
						<h6><div class="text"><?php esc_html_e( 'Days', 'wonder' ); ?></div></h6>
					</div><!-- END .fadein -->
				</div><!-- END .count-inner -->
			</div><!-- END .days -->

			<div class="three columns mobile-two fadein hours">
				<div class="count-inner">
					<div class="fadein">
						<div class="count"></div>
						<h6><div class="text"><?php esc_html_e( 'Hours', 'wonder' ); ?></div></h6>
					</div><!-- END .fadein -->
				</div><!-- END .count-inner -->
			</div><!-- END .hours -->

			<div class="three columns mobile-two fadein minutes">
				<div class="count-inner">
					<div class="fadein">
						<div class="count"></div>
						<h6><div class="text"><?php esc_html_e( 'Minutes', 'wonder' ); ?></div></h6>
					</div><!-- END .fadein -->
				</div><!-- END .count-inner -->
			</div><!-- END .minutes -->

			<div class="three columns mobile-two fadein seconds">
				<div class="count-inner">
					<div class="fadein">
						<div class="count"></div>
						<h6><div class="text"><?php esc_html_e( 'Seconds', 'wonder' ); ?></div></h6>
					</div><!-- END .fadein -->
				</div><!-- END .count-inner -->
			</div><!-- END .seconds -->

		</div><!-- END bean-coming-soon -->

	</div><!-- END .row -->

</div><!-- END #primary-container -->

<?php
get_footer();