-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
356 lines (312 loc) · 14.8 KB
/
index.html
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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
<!DOCTYPE HTML>
<html>
<head>
<title>Bartley Taylor</title>
<link rel="stylesheet" type="text/css" href="static/css/style.css"/>
<link rel="stylesheet" type="text/css" href="static/css/lib/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" media="screen" href="static/css/lib/jquery.fancybox.css?v=2.1.4"/>
<script type="text/javascript" src="static/js/lib/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="static/js/lib/bootstrap.js"></script>
<script type="text/javascript" src="static/js/lib/jquery.fancybox.js?v=2.1.4"></script>
<script src="static/js/lib/jquery.smooth-scroll.js"></script>
<script src="static/js/lib/jquery.fittext.js"></script>
<script src="static/js/lib/respond.min.js"></script>
<script type="text/javascript" src="static/js/lib/jquery.fancybox-media.js?v=1.0.5"></script>
<script src="static/js/lib/jqBootstrapValidation.js"></script>
<script type="text/javascript" src="static/js/app.js"></script>
</head>
<body data-spy="scroll" data-target=".navbar">
<script type="text/javascript">
var _gas = _gas || [];
_gas.push(['_setAccount', 'UA-20917644-1']);
_gas.push(['_setDomainName', 'bartleytaylor.com']);
_gas.push(['_trackPageview']);
_gas.push(['_gasTrackForms']);
_gas.push(['_gasTrackOutboundLinks']);
_gas.push(['_gasTrackMaxScroll']);
_gas.push(['_gasTrackDownloads']);
_gas.push(['_gasTrackYoutube', {force: true}]);
_gas.push(['_gasTrackVimeo', {force: true}]);
_gas.push(['_gasTrackMailto']);
(function() {
var ga = document.createElement('script');
ga.type = 'text/javascript';
ga.async = true;
ga.src = '//cdnjs.cloudflare.com/ajax/libs/gas/1.10.1/gas.min.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s);
})();
$(document).ready(function() {
var windowHeight = $(window).height();
var pages = ['#home-page', '#reel-page', '#works-page', '#contact-page' ]
for (page in pages) {
if ($(page).height() < windowHeight) {
$(page).height(windowHeight);
}
}
$("#home-page").alert()
$('#nav a').smoothScroll({ easing: 'linear'});
//logging inpage nav clicks
$("#nav a").click(function() {
console.log($(this).attr("data-name"));
_gas.push(['_trackPageview',$(this).attr("data-name") ]);
})
//validation of form fields
$(function () { $("input,select,textarea").not("[type=submit]").jqBootstrapValidation(); } );
//submit email from form
$(".contact-form").on("submit", function(event) {
event.preventDefault()
console.log("garthering email resources")
console.log($('form').serialize())
//gather data
data = {
'email': $('.email-field').val(),
'name': $('.name-field').val(),
'text': $('.text-area-field').val()
}
//send to server
$.ajax({
type: "POST",
url: "http://54.215.131.148:5000/email",
data: data,
success: function(result) {
console.log(result)
//$('#myModal').modal(options)
_gas.push(['_trackEvent', 'Email', 'Send', 'send email']);
}
});
});
//fancybox opening of images
$('.fancybox-media').fancybox({
openEffect : 'fade',
closeEffect : 'none',
helpers : {
media : {},
title : { type : 'inside'}
}
});
});
</script>
<div id="nav" class="navbar navbar-fixed-top navbar-inverse">
<div class="navbar-inner">
<div class="container">
<div class="nav-collapse">
<ul class="nav">
<li >
<a data-name="home-page" href="#home-page">Home</a>
</li>
<li>
<a data-name="reel-page" href="#reel-page">Reel</a>
</li>
<li>
<a data-name="works-page" href="#works-page">Selected Work</a>
</li>
<li>
<a data-name="contact-page" href="#contact-page">Contact</a>
</li>
</ul>
</div><!-- /.nav-collapse -->
</div>
</div><!-- /navbar-inner -->
</div>
<!-- page 1: header page -->
<div id="home-page" class="art-header row">
<div class="div-inner-holder">
<h1 class="main-title art-header-inner"> BARTLEY TAYLOR</h1>
</div>
</div>
<!-- page 3: reel page -->
<div id="reel-page" class="row">
<div class="div-inner-holder">
<div class="container">
<div class="span12">
<h1 class="main-title">REEL</h1>
<div class="reel-intro">
<iframe src="http://player.vimeo.com/video/64334125" width="900" height="506" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> <p class="reel-video"><a href="http://vimeo.com/64334125">Directing Reel | 2013</a> from <a href="http://vimeo.com/bartleytaylor">Bartley Taylor</a> on <a href="http://vimeo.com">Vimeo</a></p>
</div>
</div>
</div>
</div>
</div>
<!-- page 4: works page -->
<div id="works-page" class="row">
<div class="div-inner-holder">
<div class="container">
<!--<div class="span12"> -->
<h1 class="main-title"> SELECTED WORK</h1>
<ul class="thumbnails span14">
<!-- thunmbnail type 2 -->
<li class="span4">
<div class="thumbnail">
<img src="static/img/m83-2.png" alt="M83">
<div class="caption">
<h3>M83: Intro</h3>
<p>1st Assistant Director</p>
</div>
<div class="action-buttons">
<a href="https://vimeo.com/75809748" class="btn fancybox-media" title="M83: Intro" type="button"> Play </a>
<a href="https://vimeo.com/75809748" class="btn" type="button"> Info</a>
</div>
</div>
</li>
<li class="span4">
<div class="thumbnail">
<img src="static/img/Helen.png" alt="Helen: A Great Old Broad">
<div class="caption">
<h3>Helen: A Great Old Broad</h3>
<p>Writer | Director | Producer</p>
<p>Best Short Film Nominee Lake Arrowhead Film Festival</p>
</div>
<div class="action-buttons">
<a href="https://vimeo.com/64046284" class="btn fancybox-media" title="Helen: A Great Old Broad" type="button"> Play </a>
<a href="https://vimeo.com/64046284" class="btn" type="button"> Info</a>
</div>
</div>
</li>
<li class="span4">
<div class="thumbnail">
<img src="static/img/WalkTheMoon.png" alt="Walk The Moon">
<div class="caption">
<h3>Walk The Moon | Next In Line</h3>
<p>Director | Producer</p>
</div>
<div class="action-buttons">
<a href="http://vimeo.com/64045082" class="btn fancybox-media" title="Walk The Moon" type="button"> Play </a>
<a href="https://vimeo.com/64045082" class="btn" type="button"> Info</a>
</div>
</div>
</li>
<li class="span4">
<div class="thumbnail">
<img src="static/img/RockyRoad.png" alt="Rocky Road">
<div class="caption">
<h3>Rocky Road</h3>
<p>Writer | Director | Producer</p>
<p>16mm Short Film | Official Selection Lake Arrowhead Film Festival</p>
</div>
<div class="action-buttons">
<a href="https://vimeo.com/64336984" class="btn fancybox-media" title="Rocky Road" type="button"> Play </a>
<a href="https://vimeo.com/64336984" class="btn" type="button"> Info</a>
</div>
</div>
</li>
<li class="span4">
<div class="thumbnail">
<img src="static/img/SmellyProof.png" alt="Smelly Proof">
<div class="caption">
<h3>Smelly Proof</h3>
<p>Director | Producer</p>
<p>Official Product Commercial</p>
</div>
<div class="action-buttons">
<a href="http://player.vimeo.com/video/18764160" class="btn fancybox-media" title="Smelly Proof" type="button"> Play </a>
<a href="https://vimeo.com/18764160" class="btn" type="button"> Info</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- page 2: about page -->
<!--
<div id="about-page" class="row-fluid ">
<div class="div-inner-holder">
<div class="span10 offset1">
<h1 class="main-title "> ABOUT</h1>
<div class="about-text span6">
<p class="first-line">
Instead of writing some 3rd person biography about myself, I'll just simply tell you a few things about me and what I love to do.
</p>
<p>
I was born and raised in Los Angeles and from a young age I knew I wanted to tell stories for a living. I've been fascinated by tall tales and characters ever since I was a little boy and my parents would read me R.L. Stein's 'Goosebumps' before bed. That naturally evolved into a love of film and actors. In fact, I thought I wanted to be an actor so I studied professionally for 2 years, but that quickly morphed into a desire to be behind the camera and working WITH actors. I began writing and shooting my own stories at the age of 13 and a few years later starting a company called C-41 Productions. Under that label I wrote, produced, and directed short films, commercials, music videos, and internet content for creative clients. Now operating as a freelance director, I am constantly looking to work with new people and expand my horizons as a creative force with in the industry.
</p>
<p>
When I'm not wracking my brain with how to stay relevant and getting the next gig, I'm usually outside with my dogs, hiking with my friends on the weekends, snowboarding, traveling, and of course always watching the latest cinematic creations of others.
</p>
<p>
Life begins at the end of your comfort zone.
</div>
</div>
</div>
</div>
-->
<!-- page 5: contact page -->
<div id="contact-page" class="row">
<div class="div-inner-holder">
<div class="container">
<div class="span12">
<h1 class="main-title"> CONTACT</h1>
<div class="span6 offset6 contact-list">
<li class="span12">
<a href="http://www.facebook.com/bartley.taylor1">
<img src="static/img/icon-facebook.png" />
</a>
</li>
<li class="span12 imdb">
<a href="http://www.imdb.com/name/nm3513287/">
<img src="static/img/icon-imdb.jpeg" />
</a>
</li>
<li class="span12">
<a href="https://twitter.com/BartleyTaylor">
<img src="static/img/icon-twitter.gif" />
</a>
</li>
<li class="span12 instagram">
<a href="http://instagram.com/bartleytaylor">
<img src="static/img/icon-instagram.png" />
</a>
</li>
</div>
<div class="span6 offset6">
<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">Thank You</h3>
</div>
<div class="modal-body">
<p>thank you for talking to us</p>
</div>
<div class="modal-footer">
<button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">Close</button>
</div>
</div>
<form class="contact-form">
<fieldset>
<legend>Email Me</legend>
<div class="control-group">
<label class="control-label">Your Email *</label>
<div class="controls">
<input type="email" value="[email protected]" placeholder="[email protected]" class="email-field" required>
<p class="help-block"></p>
</div>
</div>
<div class="control-group">
<label class="control-label">Your Name *</label>
<div class="controls">
<input type="text" value="John Doe" placeholder="John Doe" class="name-field" required>
<p class="help-block"></p>
</div>
</div>
<div class="control-group">
<label class="control-label">Message *</label>
<div class="controls">
<textarea rows="3" placeholder="To Bart: " class="text-area-field" required>Bart, </textarea>
<p class="help-block"></p>
</div>
</div>
<label class="checkbox">
We promise not to send you any crap
</label>
<button type="submit" class="emailsubmit btn">Submit</button>
</fieldset>
</form>
</div>
</div>
</div>
</div>
</div>
</body>
</html>