-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathfront-page.php
More file actions
139 lines (106 loc) · 5.21 KB
/
Copy pathfront-page.php
File metadata and controls
139 lines (106 loc) · 5.21 KB
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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<?php
/**
* Front Page
*
* @package obsub
*/
get_header();
the_post();
$case_studies = get_case_studies('featured'); ?>
<section id="home-intro" class="home-intro full-height page-section active" style="height:85vh" >
<div class="section-container">
<div class="intro-content section-content">
<div class="outer-container">
<div class="inner-container">
<h1 class="page-title">Objective Subject is a strategy and design firm.</h1>
<p class="h1">We are creating a more informed and engaged society by rethinking how companies, institutions, and governments are framed and experienced.</p>
<p><a href="/about" class="button">about us ›</a></p>
</div>
</div>
</div>
</div>
</section>
<section id="case-studies" class="page-section use-ui-light-theme mt-2">
<?php
foreach ($case_studies as $study) :
$color = get_field('case_study_color', $study->ID); ?>
<div class="case-study-container js-case-study-container" data-id="<?php echo $study->ID; ?>" data-color="<?php echo $color; ?>"></div>
<?php endforeach; ?>
<!-- <div class="bg-color"></div> -->
<div class="bg-image">
<?php foreach ($case_studies as $key => $study) {
echo get_the_post_thumbnail($study, 'full', array( 'id' => 'image-' . $study->ID ));
} ?>
</div>
<div class="mask">
<ul class="mask__list list-unstyled">
<?php foreach ($case_studies as $study) : ?>
<li id="<?php echo "li-case-study-{$study->ID}"; ?>" class="case-study">
<div class="outer-container">
<div class="case-study__text clearfix">
<h2 class="case-study__title h1 "><a href="<?php echo get_permalink($study); ?>" title="View case study"><?php echo get_the_title($study); ?></a></h2>
<div class="case-study__desc">
<p class="">
<?php echo get_the_excerpt($study); ?><br/>
<a href="<?php echo get_permalink($study); ?>" class="button-ghost" style="margin-top:0.5em">view case study ›</a>
</p>
</div>
</div>
</div>
</li>
<?php endforeach; ?>
</ul>
</div>
</section>
<section id="our-views" class="page-section" style="padding-top: 3rem; background-color: #e6e6e6;">
<div class="outer-container">
<div class="inner-container mt-5">
<h3 class="h1">Some areas where we think design can make an impact.</h3>
</div>
<div class="os-row mt-5" >
<?php
$views = array(
array(
'title' => 'Design thinking to reinvent the policymaking process',
'content' => 'Governments need a new approach to creating public policy that reduces risks, unknowns, and variables while improving impact, quality, and accuracy.',
'url' => get_template_directory_uri() . '/documents/OS%20Concept%20Brief%20Policy%20Design%2020171113.pdf',
'image' => '<img src="' . get_template_directory_uri() . '/images/policydesign.png" width="1000" height="700" alt="policy design" style="display:block"/>'
),
array(
'title' => 'On the design of public transit experiences that delight and deliver',
'content' => 'Using human-centered design principles to help transit agencies provide care to their users.',
'url' => get_template_directory_uri() . '/documents/OS%20Concept%20Brief%20Transit%20UX%2020180215.pdf',
'image' => '<img src="' . get_template_directory_uri() . '/images/transitexperience.jpg" width="1000" height="700" alt="transit experience" style="display:block"/>'
),
array(
'title' => 'What visual identity can do for government communications',
'content' => 'Inconsistent, unclear and cluttered communication from Government does not allow citizens to see what Government is doing for them.',
'url' => get_template_directory_uri() . '/documents/OS%20Concept%20Brief%20Visual%20Identity%2020161013.pdf',
'image' => '<img src="' . get_template_directory_uri() . '/images/visualidentity.jpg" width="1000" height="700" alt="visual identity" style="display:block"/>'
)
);
foreach ($views as $view) {
?>
<article class="os-column os-span-12 os-span-6-md os-span-4-lg mb-3">
<?php echo $view['image']; ?>
<h4 class="h2 mt-nudge"><?php echo $view['title']; ?></h4>
<p class="mt-nudge"><?php echo $view['content']; ?></p>
<p class="mt-nudge"><a href="<?php echo $view['url']; ?>" target="_blank" class="button">read ›</a></p>
</article>
<?php
} ?>
</div>
</div>
</section>
<section id="address" class="page-section mt-6">
<div class="outer-container">
<div class="inner-container">
<address class="h1">
400 Third Avenue, Suite 3<br/>Brooklyn, NY 11215<br/>
<a href="tel:+12128639194">+1 212 863 9194</a><br/>
<a href="mailto:info@objectivesubject.com" class="muted-link">info@objectivesubject.com</a>
</address>
</div>
</div>
</section>
<?php get_footer(); ?>