-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
99 lines (98 loc) · 5.44 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="robots" content="index, follow">
<title>RJ Pittman - Software Engineer</title>
<meta name="description" content="RJ Pittman is an experienced software engineer in Washington, D.C. with a proven track record of delivering high quality web applications.">
<meta name="keywords" content="Ruby, Javascript, Software, Freelance, Web Development, Engineer, Programmer">
<meta name="author" content="RJ Pittman">
<meta property="og:url" content="http://adroit.digital" />
<meta property="og:type" content="website" />
<meta property="og:title" content="RJ Pittman | Software Engineer" />
<meta property="og:description" content="RJ Pittman is an experienced Software Engineer in Washington DC" />
<meta property="og:image" content="http://adroit.digital/images/icon.jpg" />
<meta property="og:image:alt" content="RJ Pittman" />
<meta name="viewport" content="width=device-width">
<style>
body{text-align:center;margin:0}
a{text-decoration:underline;}
#rj{background:url(images/rj-3.jpg);background-size:cover;background-repeat:no-repeat;background-position:top left;width:100%;min-height:630px;position:relative;}
h1, h2{font-weight:400;}
h2{font-size:1.8rem;margin:0}
h1 span{display:block;font-weight:100;font-size:1.8rem;}
h1{font-size:2.6rem;margin-bottom:1rem;}
#bio{position:absolute;top:0;right:0;text-align:left;text-shadow:0 0 5px rgba(0,0,0,.5);color:#fff;}
#contact h2{display:none}
.button-black{background-color:black;border-color:black;}
.button-black.button-clear,
.button-black.button-outline{background-color:transparent;color:black;}
.button-black.button-clear{border-color:transparent;}
.button i.fa{margin-right:1em}
.button{margin:0;}
nav ul{list-style:none;}
nav ul li{display:inline;margin-right:0.68em}
nav span{display:none;}
.button-small{font-size:.8rem;height:2.8rem;line-height:2.8rem;padding:0 1.5rem;}
.button-large{font-size:1.6rem;height:4.5rem;line-height:4.5rem;padding:0 2rem;}
section, footer{margin:2em}
@media (orientation:landscape) and (min-width:40.0rem){body{text-align:left}
#rj{width:32.8%;height:100%;position:fixed;transform:translate3d(0,0,0);top:0;background-attachment:scroll;min-height:400px;background-position:top left;}
#bio{position:relative;height:auto;text-shadow:none;color:inherit;}
section, footer{width:68.1%;margin-left:32.8%;position:relative;padding:0 2em;}
}
</style>
</head>
<body>
<header id="rj"></header>
<section id="bio">
<h1>RJ Pittman <span>Software Engineer</span></h1>
<address>Washington, D.C.</address>
</section>
<section id="contact">
<h2>Get in touch</h2>
<p><a class="button" href="mailto:rj@adroit.digital?subject=Consulting%20Needed"><i class="fa fa-bullseye" aria-hidden="true"></i>Book a Consultation</a></p>
</section>
<section id="info">
<h2>Work</h2>
<p>Senior Software Engineering Manager, <a href="https://www.capitalone.com/">Capital One</a></p>
<h2>Interests</h2>
<p>Artificial Intelligence, Distributed Systems, Ruby, Javascript & 🏍</p>
</section>
<footer>
<nav>
<ul>
<li><a title="GitHub" href="https://github.com/rypit"><i class="fa fa-github fa-2x" aria-hidden="true"></i><span>Github</span></a></li>
<li><a title="Drupal" href="https://drupal.org/u/rypit"><i class="fa fa-drupal fa-2x" aria-hidden="true"></i><span>Drupal</span></a></li>
<li><a title="LinkedIn" href="https://linkedin.com/in/rypit"><i class="fa fa-linkedin fa-2x" aria-hidden="true"></i><span>LinkedIn</span></a></li>
<li><a title="Resume" href="https://github.com/rypit/resume"><i class="fa fa-file-text-o fa-2x" aria-hidden="true"></i><span>Resume</span></a></li>
<li><a title="Contact" href="mailto:rj@adroit.digital?subject=Hey!"><i class="fa fa-envelope-o fa-2x" aria-hidden="true"></i><span>Email</span></a></li>
<li><a title="Twitter" href="https://twitter.com/rypitme"><i class="fa fa-twitter fa-2x" aria-hidden="true"></i><span>Twitter</span></a></li>
</ul>
</nav>
</footer>
<script>
(function(e,t,n,i,s,a,c){e[n]=e[n]||function(){(e[n].q=e[n].q||[]).push(arguments)}
;a=t.createElement(i);c=t.getElementsByTagName(i)[0];a.async=true;a.src=s
;c.parentNode.insertBefore(a,c)
})(window,document,"galite","script","https://cdnjs.cloudflare.com/ajax/libs/ga-lite/2.0.1/ga-lite.min.js");
galite('create', 'UA-91825047-1', 'auto');
galite('send', 'pageview');
[
['https://fonts.googleapis.com/css?family=Roboto:100,400'],
['https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css'],
['https://cdnjs.cloudflare.com/ajax/libs/milligram/1.3.0/milligram.min.css', 'sha256-Ro/wP8uUi8LR71kwIdilf78atpu8bTEwrK5ZotZo+Zc='],
['https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css', 'sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=']
].forEach(function(link){
tag = document.createElement('link')
tag.rel = 'stylesheet'
tag.href = link[0]
if(link[1]) {
tag.integrity = link[1]
tag.setAttribute('crossorigin', 'anonymous')
}
document.getElementsByTagName('head')[0].append(tag)
});
</script>
</body>
</html>