-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
156 lines (138 loc) · 6.44 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="I'm a 23-year old web developer, designer and photographer from Rotterdam, The Netherlands. Check out some of my recent work!">
<meta name="keywords" content="paul, huisman, rotterdam, photography, portfolio, fotografie, travel, photoshop, hoppinger, drupal, wordpress, design, web, development, online, internet, html, css">
<meta name="author" content="Paul Huisman">
<title>Paul Huisman Online - Web Development, Photography and Design</title>
<link rel="stylesheet" type="text/css" href="css/colorbox.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap-1.1.0.css" />
<link rel="stylesheet" type="text/css" href="css/paul.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/hover_intent.js"></script>
<script type="text/javascript" src="js/jquery.colorbox-min.js"></script>
<script type="text/javascript" src="js/Dinot.font.js"></script>
<script type="text/javascript" src="js/Whitney.font.js"></script>
<script type="text/javascript" src="js/jcycle.js"></script>
<script type="text/javascript" src="js/paul.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-7746100-4']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body class="flickr">
<div id="wrapper">
<div id="container">
<header>
<div class="topbar">
<div class="fill">
<div class="container">
<h3 class="home-link"><a href="#home" onclick='javascript:goToByScroll("container");'>Paul Huisman</a></h3>
<ul>
<li><a href="#photography" onclick='javascript:goToByScroll("photography");'>Photography</a></li>
<li><a href="#web" onclick='javascript:goToByScroll("web");'>Webdevelopment</a></li>
<li><a href="flickr-field/">Flickr Field for ACF</a></li>
</ul>
<ul class="nav secondary-nav">
<li><a id="email_me" href="javascript:;">Contact me</a></li>
</ul>
</div>
</div>
</div>
</header>
<section id="content">
<div class="content">
<div class="intro-image">Paul Huisman - Webdeveloper en fotografie in Rotterdam</div>
<h1 class="dinot-font bigintro">Hi, I'm Paul. Nice to meet you!</h1>
<h2 class="dinot-font introtext" id="photography">I'm a 24-year old web developer, designer and photographer from Rotterdam, The Netherlands.</h2>
<?php
$photos_array = array(
'church-tekapo-yeah' => 'Church, New Zealand',
'sunset-aus' => 'Sunset, Denham - Australia',
'komodohdr' => 'Komodo Island, Indonesia',
'blenheim-tree' => 'Blenheim, New Zealand',
'melb' => 'Melbourne, Australia',
'volkswagen' => 'Old Volkswagen, Chiang Mai - Thailand',
'greenp' => 'The Green Pools, Western Australia',
'dalai' => 'Buddha Statue, Chiang Mai - Thailand',
'sugarloaf' => 'Sugarloaf Rock, Western Australia',
'rb' => 'Routeburn, New Zealand',
'wanaka-lake' => 'Lake Wanaka, New Zealand',
'gili3' => 'Gili Air, Indonesia',
'duns' => 'Dunsborough, Western Australia',
'rb2' => 'Routeburn Track, New Zealand',
'fremantle' => 'Fremantle, Australia',
'laosrocks' => 'Limestone cliffs, Laos',
'tekapo' => 'Lake Tekapo, New Zealand',
'thai-falls' => 'Chiang Mai, Thailand',
);
?>
<?php $count = 0; ?>
<div id="carousel_wrapper">
<div id="main_carousel">
<?php foreach ($photos_array as $item_file => $item_descr) : ?>
<?php if ($count % 6 == 0 ) echo '<div class="carousel_row">'; ?>
<div class="recentwork-item">
<a class="lightbox" href="images/photos/big/<?php print $item_file; ?>.jpg" title="<?php print $item_descr; ?>" rel="group1">
<div class="item-image-bg"></div>
<img class="item-image" src="images/photos/thumbs/<?php print $item_file; ?>.jpg" alt="<?php print $item_descr; ?>" />
<div class="item-layover"></div>
<div class="item-description web"><?php print $item_descr; ?></div>
</a>
</div>
<?php if ($count % 6 == 5 ) echo '</div>'; ?>
<?php $count++; ?>
<?php endforeach; ?>
</div>
<div id="c_nav"></div>
<div id="prev_s">prev</div>
<div id="next_s">next</div>
</div>
<h2 class="dinot-font web-intro">Be sure to check out some of the internet projects I've been involved in below!</h2>
<div class="web-section" id="web">
<div class="web-item">
<a href="http://www.dewillem.nl">
<div class="web-image">
<img class="item-image" src="images/web/dewillem.jpg" alt="De Willem" />
<div class="web-item-layover"></div>
</div>
</a>
<h3><a href="http://www.dewillem.nl">De Willem</a></h3>
<div class="web-item-description">
<strong>Client:</strong> De Willem (middle school)<br />
<div class="live"><strong>Live:</strong> 25-08-2012</div>
</div>
</div>
<div class="web-item second">
<a href="flickr-field">
<div class="web-image">
<img class="item-image" src="images/web/flickr.png" alt="Flickr Field" />
<div class="web-item-layover"></div>
</div>
</a>
<h3><a href="flickr-field">Flickr Field</a></h3>
<div class="web-item-description">
I made a flickr field add-on for the popular Wordpress plugin <a href="http://advancedcustomfields.com/" target="_blank">Advanced Custom Fields</a>.<br />
<div class="live"><strong>Live:</strong> 06-05-2012</div>
</div>
</div>
</div>
<div style="clear:both"></div>
<h2 class="dinot-font web-intro special">My specialties are HTML, CSS, jQuery, Drupal and Wordpress!</h2>
</div>
</section>
<section id="footer">
<div class="optimalized">© Paul Huisman 2012 | This website has been optimalized for <a href="http://www.findmebyip.com/litmus/">CSS3-valid</a> browsers.</div>
</section>
</div>
</div>
</body>
</html>