-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy patharchive.php
159 lines (151 loc) · 8.39 KB
/
archive.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
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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="description" content="Aspiring to create beautiful, exciting, and fun experiences by collaborating and working with inspired and driven companies, teams, and people.">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Holden Hardcastle">
<meta http-equiv="Cache-Control" content="max-age=200" />
<meta name="pinterest" content="nopin" />
<meta name="theme-color" content="#ffffff">
<title>Holden Hardcastle</title>
<!--script>!function(a,b,c,d,e){function g(a,c,d,e){var f=b.getElementsByTagName("script")[0];a.src=e,a.id=c,a.setAttribute("class",d),f.parentNode.insertBefore(a,f)}a.Mobify={points:[+new Date]};var f=/((; )|#|&|^)mobify=(\d)/.exec(location.hash+"; "+b.cookie);if(f&&f[3]){if(!+f[3])return}else if(!c())return;b.write('<plaintext style="display:none">'),setTimeout(function(){var c=a.Mobify=a.Mobify||{};c.capturing=!0;var f=b.createElement("script"),h="mobify",i=function(){var c=new Date;c.setTime(c.getTime()+3e5),b.cookie="mobify=0; expires="+c.toGMTString()+"; path=/",a.location=a.location.href};f.onload=function(){if(e)if("string"==typeof e){var c=b.createElement("script");c.onerror=i,g(c,"main-executable",h,mainUrl)}else a.Mobify.mainExecutable=e.toString(),e()},f.onerror=i,g(f,"mobify-js",h,d)})}(window,document,function(){a=/webkit|(firefox)[\/\s](\d+)|(opera)[\s\S]*version[\/\s](\d+)|(trident)[\/\s](\d+)/i.exec(navigator.userAgent);return!a||a[1]&&4>+a[2]||a[3]&&11>+a[4]||a[5]&&6>+a[6]?!1:!0},
// path to mobify.js
"//cdn.mobify.com/mobifyjs/build/mobify-2.0.16.min.js",
// calls to APIs go here (or path to a main.js)
function() {
var capturing = window.Mobify && window.Mobify.capturing || false;
if (capturing) {
Mobify.Capture.init(function(capture){
var capturedDoc = capture.capturedDoc;
var images = capturedDoc.querySelectorAll("img, picture");
Mobify.ResizeImages.resize(images);
// Render source DOM to document
capture.renderCapturedDoc();
});
}
});</script-->
<link href="https://fonts.googleapis.com/css?family=Abhaya+Libre" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="bootstrap-3.3.6-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="css/glyphicons-social.css">
<link rel="stylesheet" href="css/glyphicons-filetypes.css">
<link rel="stylesheet" type="text/css" href="css/golden-ratio.css">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
</head>
<body>
<h1 style="display:none;">Holden Hardcastle</h1>
<header>
<div class="jumbotron" id="holden-hardcastle">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<h1>Holden Hardcastle</h1>
<h2>Aspiring to create beautiful, exciting, and fun experiences by working with inspired and driven people.</h2>
<p>Throughout my professional career I have collaborated with teams at Apple, Amazon, Sony, HBO, and Lucasfilm. I've worked with authors, editors, and artists to push creative boundaries. I thrive on generously sharing ideas, resources, and information with my peers. Whether it's bringing people together through an application or developing a dynamic brand to change the world, I believe that inspired teams yield inspirational results.</p>
</div>
</div>
</div>
</div>
</header>
<main>
<section>
<h2>Chronicle Books</h2>
<article>
<div class="jumbotron" id="chronicle-blue">
<div class="container-fluid">
<div class="row">
<img src="images/e-mergency.png" class="img-responsive">
</div>
</div>
</div>
<div class="container">
<div class="row">
<img src="images/chevron-up.png" alt="E-mergency! ebook" class="img-responsive">
<div class="col-md-6 col-md-offset-3" id="description">
<h3>E-mergency!</h3>
<p>Collaborated with outside vendors to storyboard, animate, and develop an interactive fixed layout ebook. In E-Mergency! letter E took a tumble and the only way to get her back on her foot is for people to stop using her. But who can take her place? The other letters have to make a decision ASAP. Z is too sleepy and Y asks way too many questions. Thankfully, O rolls in to try and save the day. Now E can rost up and got bottor . . . as long as ovorybody follows the rulos. Chock-full of verbal and visual puns, this zany book is sure to tickle both the brain and the funny bone.</p>
<h6><small>(src. <a href="http://www.chroniclebooks.com/titles/e-mergency.html" target="_blank">Chronicle Books</a>)</small></h6>
</div>
</div>
</div>
</article>
<article>
<div class="jumbotron" id="chronicle-blue">
<div class="container-fluid">
<div class="row">
<img src="images/goodnight-construction-site.png" class="img-responsive">
</div>
</div>
</div>
<div class="container">
<div class="row">
<img src="images/chevron-up.png" alt="Goodnight, Goodnight Construction Site ebook" class="img-responsive">
<div class="col-md-6 col-md-offset-3" id="description">
<h3>Goodnight, Goodnight Construction Site</h3>
<p>As the sun sets behind the big construction site, all the hardworking trucks get ready to say goodnight. One by one, Crane Truck, Cement Mixer, Dump Truck, Bulldozer, and Excavator finish their work and lie down to rest—so they'll be ready for another day of rough and tough construction play! With irresistible artwork by best-selling illustrator Tom Lichtenheld and sweet, rhyming text, this book will have truck lovers of all ages begging for more.</p>
<h6><small>(src. <a href="http://www.chroniclebooks.com/titles/goodnight-goodnight-construction-site.html" target="_blank">Chronicle Books</a>)</small></h6>
</div>
</div>
</div>
</article>
</section>
<section>
<h2>Loud Dog | Brocade</h2>
<article>
<div class="jumbotron">
<div class="container">
<div class="col-md-6" id="loud-dog-red">
<img src="images/brocade-concepts.png" class="img-responsive">
</div>
<div class="col-md-5 col-md-offset-1">
<h3>Brocade World Wide Sales Leadership Logo Concepts</h3>
</div>
</div>
</div>
</article>
</section>
<section>
<h2>Griffith University | Queensland College of Art</h2>
<article>
<div class="jumbotron">
<div class="container">
<div class="col-md-6" id="griffith-red">
<img src="images/hurry-kiki-hurry.png" class="img-responsive">
</div>
<div class="col-md-5 col-md-offset-1">
<h3>Films, posters, and artwork from post-graduate work</h3>
</div>
</div>
</div>
</article>
</section>
<section>
<h2>Four Eleven Productions</h2>
<article>
<div class="jumbotron">
<div class="container">
<div class="col-md-6" id="websites-04">
<img src="images/websites-2004.png" class="img-responsive">
</div>
<div class="col-md-5 col-md-offset-1">
<h3>Websites and landing pages from the turn of the millennium</h3>
</div>
</div>
</div>
</article>
</section>
<?php include 'includes/footer.php';?>
</main>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="bootstrap/js/jquery-1.11.3.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<!-- script src="js/bootstrap.min.js"></script-->
</body>
</html>