Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: gh-pages
Fetching contributors…

Cannot retrieve contributors at this time

64 lines (63 sloc) 3.373 kb
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Adrian Macneil</title>
<style type="text/css">
body { margin: 0; padding: 0; font-size: 100%; font-family: "Rambla", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.4; color: #333; }
.background { position: fixed; z-index: -1; width: 100%; height: 100%; background: url('images/background.jpg') center center; background-size: cover; }
.container { padding: 1em; }
.overlay { max-width: 480px; background: white; background: rgba(255, 255, 255, 0.7); padding: 2em 1em; }
h1 { margin: 0; padding: 0; font-size: 2.5em; font-weight: bold; }
.links { overflow: hidden; }
.links a { display: block; float: left; width: 48px; height: 48px; text-indent: -99em; background: transparent url('images/icons.png') no-repeat left top; background-size: 240px 48px; opacity: 0.8; }
.links a:hover { opacity: 1; }
.links a.github { background-position: -48px 0; }
.links a.twitter { background-position: -96px 0; }
.links a.linkedin { background-position: -144px 0; }
.links a.skype { background-position: -192px 0; }
@media (min-width: 768px) {
.container { padding-left: 10%; }
.overlay { padding: 2em; }
h1 { font-size: 3em; }
.links a { width: 64px; height: 64px; background-size: 320px 64px; }
.links a.github { background-position: -64px 0; }
.links a.twitter { background-position: -128px 0; }
.links a.linkedin { background-position: -192px 0; }
.links a.skype { background-position: -256px 0; }
}
</style>
<link href='http://fonts.googleapis.com/css?family=Rambla:400,700' rel='stylesheet' type='text/css'>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-37601706-1']);
_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>
<div class="background"></div>
<div class="container">
<div class="overlay">
<h1>Adrian Macneil</h1>
<p class="links">
<a href="mailto:adrian@adrianmacneil.com" class="email">Email</a>
<a href="https://github.com/adrianmacneil" class="github">GitHub</a>
<a href="https://twitter.com/adrianmacneil" class="twitter">Twitter</a>
<a href="http://www.linkedin.com/in/adrianmacneil" class="linkedin">LinkedIn</a>
<a href="skype:adrian.macneil" class="skype">Skype</a>
</p>
<p>
Web developer, business enthusiast. Big picture thinker, perfectionist.<br />
International speaker &amp; aspiring author. Looking for the next big thing. You?
</p>
</div>
</div>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.