obsub/page-work.php at master · ObjectiveSubject/obsub · 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
<?php
/**
 * Front Page
 *
 * @package obsub
 */

get_header(); ?>

<?php the_post(); ?>


	<section id="work-intro" class="work-intro full-height page-section" style="height:85vh">

			<div class="section-content">
				<div class="intro-content section-content">
					<div class="outer-container">
						<div class="inner-container">
							<h1 class="h1 page-title">We partner with ambitious organizations that trust us to look beyond the brief. Together, our work redefines successful outcomes.</h1>
						</div>
					</div>
				</div>
			</div>

	</section>

	<section id="works" class="work__works page-section ">
		<div class="outer-container  mb-3">
			<div class="os-row">
				<?php
                    if (have_rows('work_block')):
                        while (have_rows('work_block')) : the_row();
                        $image = $title = $type = $case_id = $link = "";
						$image = get_sub_field('work_image');
						$title = get_sub_field('work_title');
						$type = get_sub_field('work_type');
						$case_id = get_sub_field('work_case');
						$link = get_permalink($case_id);

                        ?>

						<div class="os-column os-span-12 os-span-6-md os-span-4-lg mb-2">

							<div class="work__block" style="position:relative;">

								<?php if ( $case_id ) : ?>
								<a href="<?php echo $link ?>">
								<?php endif ?>

									<div class="work__block-image">
										<img src="<?php echo $image ?>" alt="<?php echo $title ?>"/>
									</div>

									<div class="work__block-text">
										<p class="work__meta mt-nudge">
											<?php echo $title ?><br/>
											<span class="text-muted inline-block" style="margin-top:0.5em"><?php echo $type ?></span>
										</p>
										<?php if ($case_id): ?>

										<div class="work__link-arrow" style="position:absolute;">
											<span class="line"></span>
											<span class="line"></span>
										</div>

										<?php endif; ?>
									</div>

								<?php if ( $case_id ) : ?>
								</a>
								<?php endif ?>

							</div>

						</div>

				<?php
                        endwhile;
                    endif;
                ?>
			</div>
		</div>
	</section>


<?php get_footer(); ?>