AppsFromScratchBlog/template-home-video.php at master · CodeAndCake/AppsFromScratchBlog · 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
103
104
105
106
107
108
109
110
111
112
113
114
115
<?php
/**
Template Name: Home Page - Video
 *
 * @package luna
 */

get_header(); ?>


	<?php

		$home_video_mp4 = get_theme_mod( 'luna_banner_mp4' );
		$home_video_webm = get_theme_mod( 'luna_banner_webm' );
		$home_video_ogv = get_theme_mod( 'luna_banner_ogv' );

	?>

	<?php if ( (!empty($home_video_mp4) OR !empty($home_video_webm) OR !empty($home_video_ogv)) AND !wp_is_mobile() ) : 	?>
		<video autoplay loop id="hero-video">

        	<?php if ( !empty($home_video_mp4) ) : ?>
				<source src="<?php echo get_theme_mod( 'luna_banner_mp4' ); ?>" type="video/mp4">
            <?php endif; ?>
			<?php if ( !empty($home_video_webm) ) : ?>
				<source src="<?php echo get_theme_mod( 'luna_banner_webm' ); ?>" type="video/webm">
			<?php endif; ?>
			<?php if ( !empty($home_video_ogv) ) : ?>
				<source src="<?php echo get_theme_mod( 'luna_banner_ogv' ); ?>" type="video/ogg">
			<?php endif; ?>

		</video>
	<?php else : ?>
		<?php the_post_thumbnail('full'); ?>
	<?php endif; ?>


	<section id="home-works">

        <div class="grid grid-pad">
    		<div class="col-1-1">
            	<?php if ( get_theme_mod( 'luna_home_projects_text' ) ) : ?>
        			<h3><?php echo wp_kses_post( get_theme_mod( 'luna_home_projects_text', esc_html__( 'Recently Added', 'luna' ) )); ?></h3>
            	<?php endif; ?>
        	</div>
    	</div>

	<div class="grid grid-pad">

     <?php $home_projects_number = esc_attr( get_theme_mod( 'luna_home_projects_number', '8' )) ?>

     <?php

		// the query
		$the_query = new WP_Query( 'post_type=project', 'posts_per_page='. $home_projects_number ); ?>

		<?php if ( $the_query->have_posts() ) : ?>

				<!-- pagination here -->

				<!-- the loop -->
				<?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>

            		<?php if (has_post_thumbnail( $post->ID ) ): ?>
					<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'luna-home-project' );
				  		  $image = $image[0]; ?>
					<?php endif; ?>

            		<div class="col-1-4">
                		<div class="single-work">
                    		<a href="<?php the_permalink(); ?>"><div class="work-preview" style="background-image: url('<?php echo esc_url( $image );  ?>');"></div></a>

                            <span>
                    		<h6><?php the_category(', ') ?></h6>
                    		<h5><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h5>
                    		<a href="<?php the_permalink(); ?>"><i class="fa fa-long-arrow-right"></i></a>
                    		</span>

                		</div>
            		</div>

					<?php endwhile; ?>
					<!-- end of the loop -->

					<!-- pagination here -->

					<?php wp_reset_postdata(); ?>

				<?php else : ?>
					<p><?php esc_html__( 'Sorry, no Projects have been added yet!', 'luna' ); ?></p>
				<?php endif; ?>

    		</div>
		</section>


        <?php if ( get_theme_mod( 'active_default_home_widget' ) == '' ) : ?>
        	<?php if ( is_active_sidebar('default-home-widget-area') ) : ?>

        		<div class="home-widget home-widget-default shortcodes">
                	<div class="grid grid-pad">
                		<div class="col-1-1">

                    		<?php dynamic_sidebar('default-home-widget-area'); ?>

                        </div><!-- .col -->
                    </div><!-- .grid -->
                </div><!-- .home-widget -->

            <?php endif; ?>
        <?php endif; ?>


<?php get_footer(); ?>