-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
209 lines (195 loc) · 10.4 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
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Robbie McCorkell - CV</title>
<!-- Bootstrap -->
<link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Custom Fonts -->
<link rel="stylesheet" href="css/fonts/fonts.css" type="text/css" media="screen">
<!-- Custom Styles -->
<link rel="stylesheet" href="css/main.css" type="text/css" media="all">
</head>
<body onload="setupZoom()">
<div class="container">
<div id="header" class="row">
<div class="col-md-9">
<h1>Robbie McCorkell</h1>
<h2>Full-stack web development</h2>
</div>
<div id="navigation" class="col-md-3 clearfix">
<ul class="nav">
<li class="active"><a href="index.html">Portfolio</a></li>
<li><a href="cv.html">CV</a></li>
</ul>
</div>
</div>
</div>
<div class="company-row bloom">
<div class="row-background">
<div class="col-md-6"></div>
<div class="col-md-6"></div>
</div>
<div class="row-content container">
<div class="row">
<div class="col-md-6 col-md-push-6 company-content-container">
<div class="column-content">
<div class="company-logo">
<a href="http://www.bloom.fm">
<img src="images/bloom/bloom.png" />
</a>
</div>
<h4>Bloom.fm</h4>
<p>
Album art manager: <br/>
Tools for reviewing a database of album art, with abilities to replace incorrect artwork from various sources including directly from discogs.
<br/>
<br/>
Image tools: <br/>
Experimental tools for recognising similar images to each other, with the intention of finding duplicate images in a database.
<br/>
Experimental tools for finding pictures of CDs and Vinyls by finding concentric circles in an image.
</p>
</div>
</div>
<div class="col-md-6 col-md-pull-6 company-carousel-container">
<div class="jcarousel bloom-carousel">
<ul>
<li><a href="images/bloom/beta.jpg" title="Beta landing page"><img src="images/bloom/beta.jpg" alt="" /></a></li>
<li><a href="images/bloom/dashboard-old.jpg" title="Bloom web app dashboard"><img src="images/bloom/dashboard-old.jpg" alt="" /></a></li>
<li><a href="images/bloom/edit-playlist.jpg" title="Edit playlist page"><img src="images/bloom/edit-playlist.jpg" alt="" /></a></li>
<li><a href="images/bloom/faq.jpg" title="Expanding faq page"><img src="images/bloom/faq.jpg" alt="" /></a></li>
<li><a href="images/bloom/faq-mobile.jpg" title="Mobile faq page"><img src="images/bloom/faq-mobile.jpg" alt="" /></a></li>
<li><a href="images/bloom/home.jpg" title="Responsive home page large styling"><img src="images/bloom/home.jpg" alt="" /></a></li>
<li><a href="images/bloom/home2.jpg" title="Responsive home page medium styling"><img src="images/bloom/home2.jpg" alt="" /></a></li>
<li><a href="images/bloom/home3.jpg" title="Responsive home page small styling"><img src="images/bloom/home3.jpg" alt="" /></a></li>
<li><a href="images/bloom/login.jpg" title="Web app login page"><img src="images/bloom/login.jpg" alt="" /></a></li>
<li><a href="images/bloom/login-email.jpg" title="Web app login via email page"><img src="images/bloom/login-email.jpg" alt="" /></a></li>
<li><a href="images/bloom/playlists-old.jpg" title="Web app playlists page"><img src="images/bloom/playlists-old.jpg" alt="" /></a></li>
<li><a href="images/bloom/profile-old.jpg" title="Profile page"><img src="images/bloom/profile-old.jpg" alt="" /></a></li>
<li><a href="images/bloom/profile-old-2.jpg" title="Profile page"><img src="images/bloom/profile-old-3.jpg" alt="" /></a></li>
<li><a href="images/bloom/profile-old-3.jpg" title="Profile page"><img src="images/bloom/profile-old-3.jpg" alt="" /></a></li>
<li><a href="images/bloom/radios.jpg" title="Radios page - wrote algorithm to suggest radios to user"><img src="images/bloom/radios.jpg" alt="" /></a></li>
<li><a href="images/bloom/search-results-old.jpg" title="Search results"><img src="images/bloom/search-results-old.jpg" alt="" /></a></li>
<li><a href="images/bloom/sonos-old.jpg" title="Sonos page on old website"><img src="images/bloom/sonos-old.jpg" alt="" /></a></li>
<li><a href="images/bloom/sonos.jpg" title="Sonos page on news website"><img src="images/bloom/sonos.jpg" alt="" /></a></li>
<li><a href="images/bloom/sonos2.jpg" title="Sonos mobile page"><img src="images/bloom/sonos2.jpg" alt="" /></a></li>
<li><a href="images/bloom/sub-old.jpg" title="Subscription page"><img src="images/bloom/sub-old.jpg" alt="" /></a></li>
<li><a href="images/bloom/sub-old-2.jpg" title="Subscription page"><img src="images/bloom/sub-old-2.jpg" alt="" /></a></li>
<li><a href="images/bloom/subscription-mobile.jpg" title="Subscription mobile page"><img src="images/bloom/subscription-mobile.jpg" alt="" /></a></li>
<li><a href="images/bloom/sub-alteration.jpg" title="Subscription alteration mobile page"><img src="images/bloom/sub-alteration.jpg" alt="" /></a></li>
</ul>
<button type="button" class="btn btn-default bloom-carousel-prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</button>
<button type="button" class="btn btn-default bloom-carousel-next">
<span class="glyphicon glyphicon-chevron-right"></span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="company-row decibel">
<div class="row-background">
<div class="col-md-6"></div>
<div class="col-md-6"></div>
</div>
<div class="row-content container">
<div class="row">
<div class="col-md-6 company-content-container">
<div class="column-content">
<div class="company-logo">
<a href="http://www.decibel.net">
<img src="images/decibel/decibel.png" />
</a>
</div>
<h4>Decibel Music Systems Ltd</h4>
<p>
Album art manager: <br/>
Tools for reviewing a database of album art, with abilities to replace incorrect artwork from various sources including directly from discogs.
<br/>
<br/>
Image tools: <br/>
Experimental tools for recognising similar images to each other, with the intention of finding duplicate images in a database.
<br/>
Experimental tools for finding pictures of CDs and Vinyls by finding concentric circles in an image.
<br/>
Libraries used: <a href="http://www.chrisevansdev.com/computer-vision-opensurf.html">OpenSURF</a>, <a href="http://www.phash.org">pHash</a> and <a href="http://www.aforgenet.com">AForge.NET</a>.
</p>
</div>
</div>
<div class="col-md-6 company-carousel-container">
<div class="jcarousel decibel-carousel">
<ul>
<li><a href="images/decibel/artmanager1.jpg" title="Grid view for easy viewing of huge artwork database."><img src="images/decibel/artmanager1.jpg" alt="" /></a></li>
<li><a href="images/decibel/artmanager2.jpg" title="Full size view of single artwork."><img src="images/decibel/artmanager2.jpg" alt="" /></a></li>
<li><a href="images/decibel/artmanager3.jpg" title="Find images from Discogs.com for that album release, or search across multiple releases."><img src="images/decibel/artmanager3.jpg" alt="" /></a></li>
<li><a href="images/decibel/surfScreen.jpg" title="Run analysis on images to determine if they are similar using pHash and openSURF implementations."><img src="images/decibel/surfScreen.jpg" alt="" /></a></li>
<li><a href="images/decibel/circleScreen.jpg" title="Find concentric circles in images to determine if they are cd/vinyl images using AForge.NET libraries."><img src="images/decibel/circleScreen.jpg" alt="" /></a></li>
</ul>
<button type="button" class="btn btn-default decibel-carousel-prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</button>
<button type="button" class="btn btn-default decibel-carousel-next">
<span class="glyphicon glyphicon-chevron-right"></span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="company-row present-thinking">
<div class="row-background">
<div class="col-md-6"></div>
<div class="col-md-6"></div>
</div>
<div class="row-content container">
<div class="row">
<div class="col-md-6 col-md-push-6 company-content-container">
<div class="column-content">
<div class="company-logo">
<a href="http://present-thinking.github.io">
<img src="images/pt/presentthinking.png" />
</a>
</div>
<h4>Present Thinking Ltd</h4>
<p>
Web design projects for Present Thinking Ltd, a web and mobile app development startup with which I am a director.
<br/>
Projects so far include Present Thinking's homepage, and a design for our first web app Stop For Dinner.
</p>
</div>
</div>
<div class="col-md-6 col-md-pull-6 company-carousel-container">
<a href="images/pt/homepage.jpg" title="Present Thinkign home page">
<img src="images/pt/homepage.jpg" alt="" />
<br/>
<a href="http://present-thinking.github.io" type="button" class="btn btn-default">
Visit website
</a>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- FancyZoom Setup -->
<script src="fancyzoom/js-global/FancyZoom.js" type="text/javascript"></script>
<script src="fancyzoom/js-global/FancyZoomHTML.js" type="text/javascript"></script>
<!-- jCarousel -->
<script type="text/javascript" src="bower_components/jcarousel/dist/jquery.jcarousel.js"></script>
<script src="js/portfolio.js"></script>
</body>
</html>