-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
48 lines (48 loc) · 11.2 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
<!DOCTYPE html><!--[if lt IE 7]><html lang="en" class="no-js lt-ie9 lt-ie8 lt-ie7"></html><![endif]--><!--[if IE 7]><html lang="en" class="no-js lt-ie9 lt-ie8"></html><![endif]--><!--[if IE 8]><html lang="en" class="no-js lt-ie9"></html><![endif]--><!--[if gt IE 8]><html lang="en" class="no-js"></html><![endif]--><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>I'm Jhey Tompkins</title><meta rel="author" content="https://plus.google.com/117254872800566192455"><meta name="description" content="The thoughts and goings on of Jhey Tompkins."><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, maximum-scale=1.0"><!--Place favicon.ico and apple-touch-icon.png in the root directory--><meta name="generator" content="DocPad v6.63.6" /><link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" /><link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" /><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Cabin" /><link rel="stylesheet" href="/css/vendor/normalize.css" /><link rel="stylesheet" href="/css/vendor/main.css" /><link rel="stylesheet" href="/css/vendor/flat-ui.css" /><link rel="stylesheet" href="/css/vendor/highlight.css" /><link rel="stylesheet" href="/css/style.css" /><script src="//code.jquery.com/jquery-2.1.0.min.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.7.1/modernizr.min.js"></script></head><body><!--[if lt IE 7]><p class="browsehappy">You are using an <strong>outdated browser</strong>. Please <a href="http://browsehappy.com/">upgrade your browser</a>to improve your experience.</p><![endif]--><header id="header" style="background-image: url(" images/tokyoairport.jpg ")"><h2 class="pageTitle text-center"><a href="/">Jhey Tompkins</a></h2><div class="icon-holder text-center"><a href="#menu" class="entry-icon"><i class="fa fa-chevron-down text-center"></i></a></div></header><div class="page-content"><div class="menu-container"><nav id="menu" class="nav menu text-center"><ul class="sm-nav"><li><a class="nav-link menu-link hidden-md hidden-lg link-btn"><i class="fa fa-bars"></i></a></li></ul><ul class="md-nav"><li><a href="#about" class="nav-link link-btn">about</a></li><li><a href="#thoughts" class="nav-link link-btn">thoughts</a></li><li class="hidden-sm hidden-xs"><a href="#header" class="nav-link link-btn">J<i class="fa fa-terminal"></i></a></li><li><a href="#projects" class="nav-link link-btn">projects</a></li><li><a href="#contact" class="nav-link link-btn">contact</a></li></ul><script>$('.nav-link, .md-nav').on('click', function (event) {
$('nav').toggleClass('open');
})
$('.md-nav .nav-link, .entry-icon').on('click', function (event) {
var hash = this.hash;
event.preventDefault();
$('html, body').stop(true, true).animate({
scrollTop: $(hash).offset().top
}, 500);
});
$(window).on('scroll', function () {
var height = $('header').outerHeight();
$('nav.open').removeClass('open');
if ($(window).scrollTop() > height) {
$('body, #menu').addClass('fixed');
} else {
$('body, #menu').removeClass('fixed');
}
});</script></nav></div><section id="about"><div class="container"><div class="row"><div class="col-md-10 col-md-offset-1"><h3 class="text-center">Hi there!</h3><img src="images/me_at_the_zoo.jpg" class="img-responsive img-circle"/><p class="columned text-justify">My name is Jhey Tompkins and I am a front end developer residing in the UK.
I have a huge passion for all things front end and web. I love learning, problem solving and big challenges.
I have worked with some great names such as Barclaycard, Bank of America Merrill Lynch and iDirect.
I am an open source advocate with many repositories on github. I am also the creator of tyto and progre(c)ss.
I graduated from UCL with a MSc in Financial Systems Engineering and from KCL with a BSc in Computer Science.
Outside of development, I have many interests. I like to play sport, see friends and hit the gym. I also want to learn latin.</p></div></div><div class="row"><div class="col-md-10 col-md-offset-1"><div class="quote-holder center-text"><i class="fa fa-quote-left quote-left"></i><h5 id="personal-quote" class="text-center">the <span class="text-highlight secondary">web</span> is my <span class="text-highlight tertiary">playground</span>.</h5><i class="fa fa-quote-right quote-right"></i><div class="toggle text-center"><i id="toggler" class="fa fa-bolt toggler"></i></div><script>var index = 0,
personalQuote = document.getElementById('personal-quote'),
quotes = [
'the <span class="text-highlight secondary">web</span> is my <span class="text-highlight tertiary">playground</span>.',
'I like <span class="text-highlight">wolverines</span>.',
'I am all about things <span class="text-highlight">HTML</span>, <span class="secondary text-highlight">CSS</span> and <span class="tertiary text-highlight">Javascript</span>.',
'I <span class="text-highlight quaternary"><3</span> solving problems',
'I like <span class="text-highlight">cycling</span>, in particular doing tricks on my <span class="secondary text-highlight">BMX</span>.',
'I created <span class="text-highlight">progre(c)ss</span>.',
'I <span class="text-highlight quaternary"><3</span> mexican food!',
'I created <span class="text-highlight">tyto</span>.',
'Follow me on github <a href="https://github.com/jh3y" target="_blank"><i class="fa fa-2x fa-github"></i></a>.'
]
document.getElementById('toggler').addEventListener('click', function (event) {
index ++;
if (index + 1 > quotes.length)
index = 0;
personalQuote.innerHTML = quotes[index];
});</script></div></div></div><div class="row"><div class="col-md-10 col-md-offset-1"><p class="text-justify columned">I love mexican food and I like to eat chicken. I am not a huge fan of hot drinks. But I will not turn down a Starbucks or Costa. I love the wolverine, an animal that many people are unaware of. I also take care of a Venus Fly Trap named Nigel.
Please do not hesitate to contact me if you have a project you would like to talk about. Or maybe you would like to discuss an opportunity, or just want to chat about something.</p></div></div></div></section><section id="thoughts" class="invert"><div class="container"><div class="row"><div class="col-md-10 col-md-offset-1"><h3 class="text-center">Recent Thoughts</h3></div></div><div class="row"><div class="col-md-10 col-md-offset-1"><div class="recent-thoughts-container text-center"><script async="async" src="https://static.medium.com/embed.js"></script><a href="https://medium.com/@_jh3y" data-width="100%" class="m-profile">Jhey Tompkins</a></div><div class="more-thoughts text-center"><a href="https://medium.com/@_jh3y" target="_blank" class="link-btn">see more</a></div></div></div></div></section><section id="projects"><div class="container"><div class="row"><div class="col-md-10 col-md-offset-1"><h3 class="text-center">Projects</h3></div></div><div class="row"><div class="col-md-10 col-md-offset-1"><div class="projects-container text-center"><div class="project"><i class="fa fa-star project-star"></i><a href="http://jh3y.github.io/tyto" target="_blank" class="link-btn project-link">tyto</a><i class="fa fa-star project-star"></i><p>manage and organise things</p></div><div class="project"><i class="fa fa-star project-star"></i><a href="http://jh3y.github.io/-cs-spinner" target="_blank" class="link-btn project-link">(cs)spinner</a><i class="fa fa-star project-star"></i><p>pure CSS loading animation with minimal effort!</p></div><div class="project"><i class="fa fa-star project-star"></i><a href="http://jh3y.github.io/progre-c-ss" target="_blank" class="link-btn project-link">progre(c)ss</a><i class="fa fa-star project-star"></i><p>pure CSS progress bars with minimal effort!</p></div><div class="project"><a href="http://jh3y.github.io/doormat" target="_blank" class="link-btn project-link">doormat</a><p>alternative site navigation</p></div><div class="project"><a href="https://github.com/jh3y/single-page-app-boilerplate" target="_blank" class="link-btn project-link">single page app boilerplate</a><p>get up and running with a backbone SPA in minutes</p></div><a href="https://github.com/jh3y" target="_blank" class="more-projects link-btn">see more projects</a></div></div></div></div></section><section id="contact" class="invert"><div class="container"><div class="row"><div class="col-md-10 col-md-offset-1"><h3 class="text-center">Get in touch</h3><img src="images/me_wallride.jpg" class="img-responsive img-circle"/></div></div><div class="row"><div class="col-md-10 col-md-offset-1 text-center"> <div class="row contact-item"><div class="col-md-6">me</div><div class="col-md-6">Jhey Tompkins</div></div><div class="row contact-item"><div class="col-md-6">email</div><div class="col-md-6"><a href="mailto:[email protected]?subject=Hey!">jh3y at live.co.uk</a></div></div><div class="row contact-item"><div class="col-md-6">skype</div><div class="col-md-6"><a href="skype:jheytompkins?add">jheytompkins</a></div></div><div class="row contact-item"><div class="col-md-6">twitter</div><div class="col-md-6"><a href="https://twitter.com/_jh3y" target="_blank">_jh3y</a></div></div><div class="row contact-item"><div class="col-md-6">google+</div><div class="col-md-6"><a href="https://plus.google.com/117254872800566192455?rel=author" target="_blank">click here</a></div></div><div class="row contact-item"><div class="col-md-6">github</div><div class="col-md-6">follow me at <a href="https://github.com/jh3y" target="_blank">github.com/jh3y</a></div></div><div class="row contact-item"><div class="col-md-6">resumé</div><div class="col-md-6">available on request</div></div><div class="row contact-item"><div class="col-md-6">career timeline</div><div class="col-md-6">in development</div></div><div class="row contact-item"><div class="col-md-6">open source report card</div><div class="col-md-6"><a href="http://osrc.dfm.io/jh3y" target="_blank">here</a></div></div><div class="row contact-item"><div class="col-md-6">github resumé</div><div class="col-md-6"><a href="http://resume.github.io/?jh3y" target="_blank">resume.github.io jh3y</a></div></div></div></div></div></section><footer class="container"><div class="row"><div class="col-md-10 col-md-offset-1"><div class="row"><div class="col-md-12 text-center"><a href="mailto:[email protected]?subject=Hey"><i class="fa fa-2x fa-envelope-o"></i></a><a href="https://github.com/jh3y" target="_blank"><i class="fa fa-2x fa-github"></i></a><a href="https://twitter.com/_jh3y" target="_blank"><i class="fa fa-2x fa-twitter"></i></a><a href="skype:jheytompkins?add"><i class="fa fa-2x fa-skype"></i></a><a href="https://plus.google.com/117254872800566192455?rel=author" target="_blank"><i class="fa fa-2x fa-google-plus"></i></a></div></div><div class="row"><div class="col-md-12 text-center"><p>© jhey tompkins 2014</p></div></div></div></div></footer></div><!-- Google Analytics: change UA-XXXXX-X to be your sites ID.--><script>(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='//www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-XXXXX-X');ga('send','pageview');</script></body>