-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
177 lines (171 loc) · 7.34 KB
/
index.html
File metadata and controls
177 lines (171 loc) · 7.34 KB
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
<!DOCTYPE html>
<html>
<head>
<title>Simon Poole // Web Developer Portfolio</title>
<meta http-equiv="refresh" content="0; URL=https://www.linkedin.com/in/simon--poole/" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.2/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Fira+Sans|Montserrat" rel="stylesheet">
<link href="/assets/style.css" rel="stylesheet" />
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-cv" viewBox="0 0 32 32">
<title>cv</title>
<path d="M27 0h-24c-1.65 0-3 1.35-3 3v26c0 1.65 1.35 3 3 3h24c1.65 0 3-1.35 3-3v-26c0-1.65-1.35-3-3-3zM26 28h-22v-24h22v24zM8 14h14v2h-14zM8 18h14v2h-14zM8 22h14v2h-14zM8 10h14v2h-14z"></path>
</symbol>
<symbol id="icon-external" viewBox="0 0 32 32">
<title>external</title>
<path d="M6 2v24h24v-24h-24zM28 24h-20v-20h20v20zM4 28v-21l-2-2v25h25l-2-2h-21z"></path>
<path d="M11 8l5 5-6 6 3 3 6-6 5 5v-13z"></path>
</symbol>
<symbol id="icon-github" viewBox="0 0 32 32">
<title>github</title>
<path d="M16 0.395c-8.836 0-16 7.163-16 16 0 7.069 4.585 13.067 10.942 15.182 0.8 0.148 1.094-0.347 1.094-0.77 0-0.381-0.015-1.642-0.022-2.979-4.452 0.968-5.391-1.888-5.391-1.888-0.728-1.849-1.776-2.341-1.776-2.341-1.452-0.993 0.11-0.973 0.11-0.973 1.606 0.113 2.452 1.649 2.452 1.649 1.427 2.446 3.743 1.739 4.656 1.33 0.143-1.034 0.558-1.74 1.016-2.14-3.554-0.404-7.29-1.777-7.29-7.907 0-1.747 0.625-3.174 1.649-4.295-0.166-0.403-0.714-2.030 0.155-4.234 0 0 1.344-0.43 4.401 1.64 1.276-0.355 2.645-0.532 4.005-0.539 1.359 0.006 2.729 0.184 4.008 0.539 3.054-2.070 4.395-1.64 4.395-1.64 0.871 2.204 0.323 3.831 0.157 4.234 1.026 1.12 1.647 2.548 1.647 4.295 0 6.145-3.743 7.498-7.306 7.895 0.574 0.497 1.085 1.47 1.085 2.963 0 2.141-0.019 3.864-0.019 4.391 0 0.426 0.288 0.925 1.099 0.768 6.354-2.118 10.933-8.113 10.933-15.18 0-8.837-7.164-16-16-16z"></path>
</symbol>
<symbol id="icon-linkedin" viewBox="0 0 32 32">
<title>linkedin</title>
<path d="M29 0h-26c-1.65 0-3 1.35-3 3v26c0 1.65 1.35 3 3 3h26c1.65 0 3-1.35 3-3v-26c0-1.65-1.35-3-3-3zM12 26h-4v-14h4v14zM10 10c-1.106 0-2-0.894-2-2s0.894-2 2-2c1.106 0 2 0.894 2 2s-0.894 2-2 2zM26 26h-4v-8c0-1.106-0.894-2-2-2s-2 0.894-2 2v8h-4v-14h4v2.481c0.825-1.131 2.087-2.481 3.5-2.481 2.488 0 4.5 2.238 4.5 5v9z"></path>
</symbol>
</defs>
</svg>
</head>
<body>
<div id="body">
<div class="landing">
<div class="gradient"></div>
<div class="call-out">
<div class="text-center">
<h1>Hi, I'm
<span class="em">Simon Poole.</span>
</h1>
<h2>Currently looking for
<span class="em em-1">full‑stack</span> or
<span class="em em-2">front‑end</span> opportunities.</h2>
</div>
<br />
<div class="action flex-column flex-sm-row">
<a href="https://www.linkedin.com/in/simon-poole-763676103/" target="_blank">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-linkedin"></use>
</svg>
<span>LinkedIn</span>
</a>
<a href="/assets/cv.pdf" target="_blank">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-cv"></use>
</svg>
<span>Resume</span>
</a>
<a href="https://github.com/simon--poole" target="_blank">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-github"></use>
</svg>
<span>Github</span>
</a>
</div>
</div>
<div class="scroll-c2a d-none d-sm-block">
<em>Please scroll down</em>
</div>
</div>
<!-- </div>
<ul class="nav scrolled-nav">
<li class="nav-item">
<a class="nav-link" href="https://www.linkedin.com/in/simon-poole-763676103/" target="_blank">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-linkedin"></use>
</svg>
<span>LinkedIn</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/assets/cv.pdf" target="_blank">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-cv"></use>
</svg>
<span>Resume</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://github.com/simon--poole" target="_blank">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-github"></use>
</svg>
<span>Github</span>
</a>
</li>
</ul> -->
<div class="projects-header">
<div class="container">
<h3 class="display-4 text-center text-md-right text-xl-center">Portfolio Work</h3>
</div>
</div>
<div class="projects">
<div class="container-fluid">
<div class="row">
<div class="col-12 col-md-4 order-2 order-md-1 sample-desc">
<div class="overlay"></div>
<a href="https://eventvods.com" class="h3 icon-link" target="_blank">
<span>Eventvods.com</span>
<svg class="icon"><use xlink:href="#icon-external"></use></svg>
</a>
<p class="lead">
Starting out as a for the community, by the community project in 2012, Eventvods has steadily grown to become a well known
and loved VOD platform within the esports community.
</p>
<p class="lead">5 years later we're visited by over 500,000 unique visitors monthly, have racked up over 150 million total views and
more than 2 billion video minutes watched.
</p>
<p>
<h4>Personal Achievements</h4>
<ul>
<li>Responsible for primary website development, from requirements spec to launch</li>
<li>Converted wireframes and designs into responsive, single-page web application</li>
<li>Designed a highly configurable, multi-tier application architecture using caching, reverse proxy and CDN services, ensuring product can handle large bursts of users at peak times</li>
<li>Designed and created a new commercial API providing access to company data</li>
<li>Successfully upgraded advert monetization, increasing ad revenue 3000%</li>
<li>Created a user account system, including secure one-way hashing and email confirmation</li>
<li>Integrated company database with external services including AWS, Google Analytics and SendGrid</li>
</ul>
</p>
<p>
<h4>Key Technologies</h4>
<div class="row lists-row">
<ul class="col-6">
<li>MongoDB</li>
<li>NodeJS</li>
<li>Redis</li>
<li>Express</li>
<li>PM2</li>
<li>Nginx</li>
</ul>
<ul class="col-6">
<li>AngularJS</li>
<li>AWS</li>
<li>SendGrid</li>
<li>Cloudflare</li>
<li>JIRA</li>
<li>Zeplin</li>
</ul>
</div>
Full stack is available on <a href="https://stackshare.io/eventvods/eventvods-com" target="_blank" class="icon-link">
<span>stackshare.io</span>
<svg class="icon"><use xlink:href="#icon-external"></use></svg>
</a>
</p>
</div>
<div class="col-12 col-md-8 order-1 order-md-2 sample-1">
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container text-center">
<strong>This portfolio is a work in progress.</strong>
<br />
<span></span>I'm currently looking for full-time, entry-level front-end or full-stack openings.</span>
</div>
</footer>
</body>
</html>