counterflows/template-home.php at master · problemmaths/counterflows · 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
116
117
<?php
/**
** template name: home
**/

 get_header(); ?>
			<!-- <div class="">
				<div class="orbit" role="region" aria-label="Favorite Space Pictures" data-orbit>
				  <div class="orbit-wrapper">
				    <div class="orbit-controls">
				      <button class="orbit-previous"><span class="show-for-sr">Previous Slide</span>&#9664;&#xFE0E;</button>
				      <button class="orbit-next"><span class="show-for-sr">Next Slide</span>&#9654;&#xFE0E;</button>
				    </div>
				    <ul class="orbit-container">
				      <li class="is-active orbit-slide">
				        <figure class="orbit-figure">
				          <img class="orbit-image" src="https://placehold.it/1200x600/999?text=Slide-1" alt="Space">
				          <figcaption class="orbit-caption">Space, the final frontier.</figcaption>
				        </figure>
				      </li>
				      <li class="orbit-slide">
				        <figure class="orbit-figure">
				          <img class="orbit-image" src="https://placehold.it/1200x600/888?text=Slide-2" alt="Space">
				          <figcaption class="orbit-caption">Lets Rocket!</figcaption>
				        </figure>
				      </li>
				      <li class="orbit-slide">
				        <figure class="orbit-figure">
				          <img class="orbit-image" src="https://placehold.it/1200x600/777?text=Slide-3" alt="Space">
				          <figcaption class="orbit-caption">Encapsulating</figcaption>
				        </figure>
				      </li>
				      <li class="orbit-slide">
				        <figure class="orbit-figure">
				          <img class="orbit-image" src="https://placehold.it/1200x600/666&text=Slide-4" alt="Space">
				          <figcaption class="orbit-caption">Outta This World</figcaption>
				        </figure>
				      </li>
				    </ul>
				  </div>
				  <nav class="orbit-bullets">
				    <button class="is-active" data-slide="0"><span class="show-for-sr">First slide details.</span><span class="show-for-sr">Current Slide</span></button>
				    <button data-slide="1"><span class="show-for-sr">Second slide details.</span></button>
				    <button data-slide="2"><span class="show-for-sr">Third slide details.</span></button>
				    <button data-slide="3"><span class="show-for-sr">Fourth slide details.</span></button>
				  </nav>
				</div>
			</div>   -->

	<div id="content">

		<div id="inner-content" class="row align-center">

		    <main id="main" class="small-12 medium-10 columns" role="main">

			<?php
			// WP_Query arguments
				$args = array(
					'post_type' => array( 'artist' ),
				);

				// The Query
				$queryartists = new WP_Query( $args );

				// The Loop
				if ( $queryartists->have_posts() ) { ?>
					<section class="row align-center">
				<?php	while ( $queryartists->have_posts() ) {
						$queryartists->the_post();
						?>

						<div class="columns small-12 medium-4">

						<?php

						$image = get_field('artist_lead_image');

						if( !empty($image) ): ?>

							<div class="image-hover-wrapper">

							  <a href="#"><img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" />
								    <span class="image-hover-wrapper-reveal">
								      <p><?php the_title(); ?></p>
								    </span>
								  </a>
							  </div>

						<?php endif; ?>


					</div>


				<?php	} ?>
				</section>

			<?php	} else {
					// no posts found
				}

				// Restore original Post Data
				wp_reset_postdata(); ?>

			</main> <!-- end #main -->


		</div> <!-- end #inner-content -->

	</div> <!-- end #content -->

<?php get_footer(); ?>