-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
105 lines (100 loc) · 6.75 KB
/
index.php
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
<?
// Local config
$localMetaTitle = 'Agile & Visionary Digital Product Designer & Manager in London UK';
$localMetaDesc = 'Digital Product Designer & Manager, with a strong background in digital marketing, User Experience (UX), and Web Development';
$localMetaKeywords = 'Agile and Visionary Product Designer, London UK Digital Product Designer, London UK Digital Product Manager, Digital Design System Designer, Digital Marketing, Figma Designer, London UX Designer, Designer with web development experience, Chris Watterston, There is No Cloud Sticker, Digital Designer';
?>
<!DOCTYPE html>
<html lang="en">
<head>
<? include_once($_SERVER['DOCUMENT_ROOT'] . '/inc/header.global.php'); ?>
<? include_once($_SERVER['DOCUMENT_ROOT'] . '/config/analytics.global.php'); ?>
</head>
<body>
<div class="<?= $globalPrefix; ?>-body-container">
<? include_once($_SERVER['DOCUMENT_ROOT'] . '/inc/nav.global.php'); ?>
<section class="<?= $globalPrefix; ?>-stream-container _listing _max-width__1280 ">
<section class="<?= $globalPrefix; ?>-intro-container _intro _text-align__center">
<h2 class="_green _stacked">Opportune</h2>
<h2 class="_yellow _stacked">Research</h2>
<h2 class="_purple _stacked">Design&Build</h2>
<h2 class="_red _stacked">Launch</h2>
<h2 class="_black _stacked">Test&Learn</h2>
<h1 class="_intro">Providing <a href="https://dripfed.design/?utm_source=chriswatterston&utm_campaign=portfolio" data-cabin-event="Home / Intro Unlimited" title="Offering valuable unlimited design subscriptions, lowering your costs and bureaucracy. Drip Fed are a Design as a Service agency." class="_link-colour__purple">unlimited design</a> & building digital products @ <a href="https://dripfed.design/?utm_source=chriswatterston&utm_campaign=portfolio" data-cabin-event="Home / Intro Drip Fed" title="Unlimited design subscription agency, Design as a Service - Drip Fed" class="_link-colour__purple">Drip Fed Design</a>,</h1>
<h3 class="_intro">Agile & visionary <a href="/about" data-cabin-event="Home / Intro Main" title="Agile and visionary Digital Product Designer & Product Manager in London" class="_link-colour__purple">Digital Product Designer</a> with a strong background in <a href="/about" data-cabin-event="Home / Intro Sec" title="background in Digital Marketing, User Experience (UX), and Web Development." class="_link-colour__purple">Web Development, UX, and Digital Marketing.</a></h3>
</section>
<div class="<?= $globalPrefix; ?>-grid-container _work-latest _listing _work">
<?php
//
// ------------------------------------------------------------
// ------------------------------------------------------------
// ------------------------------------------------------------
// ---------- OUTPUT ALL WORK ----------
// ----------
// ----------
//
$jsonWorkOutput = json_decode(file_get_contents($_SERVER['DOCUMENT_ROOT'] . '/data/contentful.work.json'), true);
$a = 0;
foreach ($jsonWorkOutput as $k => $v) {
$a++;
if ($a >= 3) break;
echo '
<article class="' . $globalPrefix . '-card-container _listing _work">
<div class="__type">
<div class="__thumb" style="background-image:url(' . $v['workHeroImage']['fields']['file']['url'] . ');" data-image-title="' . $v['workHeroImage']['fields']['title'] . '"></div>
</div>
<div class="__client" style="background-image:url(' . $v['workClientLogo']['fields']['file']['url'] . ');" data-image-title="' . $v['workClientLogo']['fields']['title'] . '"></div>
<div class="__group _text-align__right">
<h3>' . $v['workTitle'] . '</h3>
<h4>' . date('Y', strtotime($v['workLiveDate'])) . '</h4>
<p class="_post-date">
';
// foreach ($v['workRoleTags'] as $t) {
// echo '<span class="__role-tag">' . $t . '</span>';
// }
echo '
</p>
</div>
<a href="/work/case-study/' . $v['workUrlSlug'] . '" data-cabin-event="Embed / Home to Work" class="_hidden" title="' . $v['workTitle'] . '"> </a>
</article>
';
}
?>
</div>
<section class="<?= $globalPrefix; ?>-intro-container _title _text-align__center"></section>
<div class="<?= $globalPrefix; ?>-grid-container _column-3 _listing">
<?php
//
// ------------------------------------------------------------
// ------------------------------------------------------------
// ------------------------------------------------------------
// ---------- OUTPUT ALL POSTS ----------
// ----------
// ----------
//
$jsonBlogOutput = json_decode(file_get_contents($_SERVER['DOCUMENT_ROOT'] . '/data/contentful.blog.json'), true);
$b = 0;
foreach ($jsonBlogOutput as $k => $v) {
$b++;
if ($b > 3) break;
echo '
<article class="' . $globalPrefix . '-card-container _listing">
<div class="__type">
<div class="__thumb" style="background-image:url(' . $v['articleHeroImage']['fields']['file']['url'] . ');" data-image-title="' . $v['articleHeroImage']['fields']['title'] . '"></div>
</div>
<div class="__title _text-align__right">
<h3>' . $v['articleTitle'] . '</h3>
<h6>' . $v['articleDescription'] . '</h6>
</div>
<div class="__posted _text-align__right"><p class="_post-date">' . date('jS M Y', strtotime($v['articleLiveDate'])) . '</p></div>
<a href="/article/' . $v['articleUrlSlug'] . '" data-cabin-event="Embed / Home to Article" class="_hidden" title="' . $v['articleTitle'] . '"> </a>
</article>
';
}
?>
</div>
</section>
<? include_once($_SERVER['DOCUMENT_ROOT'] . '/inc/footer.global.php'); ?>
</div>
</body>
</html>