-
Notifications
You must be signed in to change notification settings - Fork 0
/
portfolios.php
300 lines (298 loc) · 18.5 KB
/
portfolios.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
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
<?php include $_SERVER['DOCUMENT_ROOT'].'/scripts/startScript.php';
$title = 'Portfolios';
include $_SERVER['DOCUMENT_ROOT'].'/header.php'; ?>
<div id='clearMain' class='clearBox'>
<div id='contentArea' class='insetBox fullContent'>
<div id='select'>
<h1>Select a Character</h1>
<div id='characterFae' class='characterSelections'>
<div class='characterName'>Fae Daunt</div>
</div>
<div id='characterDividers'> </div>
<div id='characterJodie' class='characterSelections'>
<div class='characterName'>Jodie Peters</div>
</div>
</div>
<div id='faePortfolio' class='portfolio characterFae'>
<h1> Fae Daunt - Web developer & UI/UX designer</h1>
<div class='portfolioGroup'>
<h2>Websites</h2>
<div class='portfolioItem'>
<div class='screenshots'>
<div class='innerShots'>
<img src='img/aromas.jpg' alt='Aromas Screenshot' class='screenshot' />
<img src='img/aromas2.jpg' alt='Aromas Screenshot' class='screenshot' />
</div>
</div>
<div class='portfolioContent'>
<div class='portfolioTitle'>Aromas</div>
<p>Aroma's website was an upgrade to an existing site, as well as a reboot of their image. This also came with a sister site for online ordering.</p>
<p>Languages / techniques used</p>
<table class='portfolioTable'>
<tr><td>
<ul>
<li>PHP</li>
<li>HTML5</li>
<li>CSS3</li>
<li>Responsive</li>
</ul>
</td><td>
<li>Jquery</li>
<li>APIs</li>
<li>CMS</li>
<li>Online shopping</li>
</td></tr>
</table>
<a href='http://www.aromas.com.au'>Click here to visit the site</a>
</div>
</div>
<div class='portfolioItem right'>
<div class='screenshots'>
<div class='innerShots'>
<img src='img/networkEvent.jpg' alt='Network Events Screenshot' class='screenshot' />
<img src='img/networkEvent2.jpg' alt='Network Events Screenshot' class='screenshot' />
</div>
</div>
<div class='portfolioContent'>
<div class='portfolioTitle'>Network Events</div>
<p>Network events shows information to restoration contractors around the country about large natural disasters.</p>
<p>Languages / techniques used</p>
<table class='portfolioTable'>
<tr><td>
<ul>
<li>PHP</li>
<li>HTML5</li>
<li>CSS3</li>
<li>Responsive</li>
</ul>
</td><td>
<li>Jquery</li>
<li>CSS3 Animations</li>
<li>Mobile updating</li>
</td></tr>
</table>
<a href='http://www.networkrestorers.com/networkEvent'>Click here to visit the site</a>
</div>
</div>
<div class='portfolioItem'>
<div class='screenshots'>
<div class='innerShots'>
<img src='img/danielMoore.jpg' alt='Daniel Moore Screenshot' class='screenshot' />
<img src='img/danielMoore2.jpg' alt='Daniel Moore Screenshot' class='screenshot' />
</div>
</div>
<div class='portfolioContent'>
<div class='portfolioTitle'>Daniel Moore</div>
<p>Daniel Moore was the owner of a small dress alterations company and was looking to expand to a Wedding Dress designer based company. This website was both a focal point for this business and essentially a re-branding.</p>
<p>Languages / techniques used</p>
<table class='portfolioTable'>
<tr><td>
<ul>
<li>PHP</li>
<li>HTML5</li>
<li>CSS3</li>
<li>Responsive</li>
</ul>
</td><td>
<li>Jquery</li>
<li>APIs</li>
<li>Online shopping</li>
</td></tr>
</table>
</div>
</div>
</div>
<div class='portfolioGroup'>
<h2>UI/UX Design (and development)</h2>
<div class='portfolioItem right'>
<div class='screenshots'>
<div class='innerShots'>
<img src='img/coffee.jpg' alt='Coffee Screenshot' class='screenshot' />
<img src='img/coffee2.jpg' alt='Coffee Screenshot' class='screenshot' />
</div>
</div>
<div class='portfolioContent'>
<div class='portfolioTitle'>Cafe POS and Ordering system</div>
<p>Aroma's website was an upgrade to an existing site, as well as a reboot of their image. This also came with a sister site for online ordering.</p>
<p>Languages / techniques used</p>
<table class='portfolioTable'>
<tr><td>
<ul>
<li>PHP</li>
<li>HTML5</li>
<li>CSS3</li>
<li>Responsive</li>
</ul>
</td><td>
<li>Jquery</li>
<li>APIs</li>
<li>Online shopping</li>
</td></tr>
</table>
</div>
</div>
<div class='portfolioItem noShots'>
<div class='portfolioContent'>
<div class='portfolioTitle'>Transport tracking and job managing</div>
<p>Aroma's website was an upgrade to an existing site, as well as a reboot of their image. This also came with a sister site for online ordering.</p>
<p>Languages / techniques used</p>
<table class='portfolioTable'>
<tr><td>
<ul>
<li>PHP</li>
<li>HTML5</li>
<li>CSS3</li>
<li>Responsive</li>
</ul>
</td><td>
<li>Jquery</li>
<li>APIs</li>
<li>Online shopping</li>
</td></tr>
</table>
</div>
</div>
<div class='portfolioItem right'>
<div class='screenshots'>
<div class='innerShots'>
<img src='img/items.jpg' alt='iTeMS Screenshot' class='screenshot' />
<img src='img/items2.jpg' alt='iTeMS Screenshot' class='screenshot' />
</div>
</div>
<div class='portfolioContent'>
<div class='portfolioTitle'>iTeMS for Health</div>
<p>Aroma's website was an upgrade to an existing site, as well as a reboot of their image. This also came with a sister site for online ordering.</p>
<p>Languages / techniques used</p>
<table class='portfolioTable'>
<tr><td>
<ul>
<li>PHP</li>
<li>HTML5</li>
<li>CSS3</li>
<li>Responsive</li>
</ul>
</td><td>
<li>Jquery</li>
<li>APIs</li>
<li>Online shopping</li>
</td></tr>
</table>
</div>
</div>
</div>
</div>
<div id='jodiePortfolio' class='portfolio characterJodie'>
<h1> Jodie Peters - QA / Game Tester</h1>
<p><a href='mailto:jodiepeters89@gmail.com'>jodiepeters89@gmail.com</a> - 61488780090</p>
<p>Driven - Efficient - Thorough</p>
<div class='portfolioGroup'>
<h2>Experience</h2>
<table>
<tr>
<td class='yearList'>2011 - 2013</td>
<td colspan='2'>Reel Time Gaming – Design and Compliance Testing</td>
</tr>
<tr><td> </td>
<td><ul>
<li>Extensive game testing</li>
<li>Specification testing</li>
<li>Hardware testing</li>
</td><td><ul>
<li>Bug reports and tracking</li>
<li>Test plans and checklists</li>
<li>Software and end user documentation</li>
</ul></td>
</tr>
<tr><td> </td>
<td colspan='2'>
<p>Reel Time Gaming is my first job straight out of university, an opportunity to gain experience within the industry. Quality assurance with RTG has provided a broad diversity of work tasks including individual projects, teamwork collaboration, foreign external clients and liaison with localisation teams.</p>
</td>
</tr>
<tr>
<td>2010</td>
<td colspan='2'>VR Solutions Internship – Software Design and Development</td>
</tr>
<tr><td> </td>
<td><ul>
<li>Product design from client specifications</li>
<li>Software development</li>
</td><td><ul>
<li>Virtual Reality hardware</li>
<li>Testing, with access to code</li>
</ul></td>
</tr>
<tr><td> </td>
<td colspan='2'>
<p>Internship at VR Solutions was a university run program over two and a half months. Working in a student team we designed and developed a prototype training simulation for a mining industry client using VR Solutions hardware and software.</p>
</td>
</tr>
</table>
</div>
<div class='portfolioGroup'>
<h2>Education</h2>
<table>
<tr>
<td class='yearList'>2008 - 2010</td>
<td colspan='2'>QANTM College – Bachelor of Interactive Entertainment Game Design major</td>
</tr>
<tr><td> </td>
<td><ul>
<li>Fundamental art</li>
<li>Interactive narrative</li>
<li>Fundamental audio</li>
<li>Project lifecycle</li>
</td><td><ul>
<li>Game design</li>
<li>Player psychology</li>
<li>Working for clients</li>
</ul></td>
</tr>
</table>
</div>
<div class='portfolioGroup'>
<h2>Proficiencies</h2>
<table>
<tr><td>
<ul>
<li>Atlassian Jira</li>
<li>Confluence</li>
<li>Microsoft Office</li>
<li>Photoshop</li>
</ul>
</td><td>
<ul>
<li>Tortoise SVN</li>
<li>Batch Files</li>
<li>XML</li>
<li>Python</li>
</ul>
</td><td>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>UDK + Kismet</li>
<li>3DS Max</li>
</ul>
</td></tr>
</table>
</div>
</div>
</div>
</div>
</div>
<?php include 'footer.php'; ?>
<script>
if ($(window).width() > 900) {
parseAndFill('proceduralArea','leftSide','rightSide','middleArea');
} else {
$('#proceduralArea').css('background','url(../img/mobileBg.png) center bottom');
}
$('.characterSelections').on('click touch', function() {
$('.portfolio').hide();
$('.'+$(this).attr('id')).show();
$('.characterSelections').removeClass('selected');
$(this).addClass('selected');
});
</script>
</body>
</html>