-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
156 lines (124 loc) · 5.73 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="Put a short description here.">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
#contactbox {
padding: 10px 60px 10px 20px;
float:right;
margin-left: 10px;
font-size: 1.2em;
font-family: 'Inconsolata', monospace;
background-color: #f4f4f4;
border: 1px solid #e8e8e8;
border-radius: 2px;
height: 124px;
line-height: 1;
}
#headshot {
float: right;
padding: 0px;
margin-left: 5px;
}
#headshot img {
border: 1px solid #e8e8e8;
height: 124px;
border-radius: 2px;
}
</style>
<link href="css/bootstrap.min.css" rel="stylesheet" type='text/css'>
<link href="css/bootstrap-theme.min.css" rel="stylesheet" type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lobster|Inconsolata:400,700|Open+Sans:400,300,700,600' rel='stylesheet' type='text/css'>
<link href="css/resume.css" rel='stylesheet' type='text/css'>
<title>John Doe's resumé</title>
</head>
<body style="zoom: 1;">
<div class="container">
<header>
<div id="headshot">
<img src="images/Octocat.png" alt="John Doe's headshot">
</div>
<div id="contactbox">
/**<br/>
* <b>John Doe</b><br/>
<script>
var username = "hireme";
var hostname = "johndoe.com";
var linktext = username + "@" + hostname ;
document.write("* <a href='" + "mail" + "to:" + username + "@" + hostname + "'>" + linktext + "</a><br/>");
</script>
*<br/>
* <a href="http://www.johndoe.com">www.johndoe.com</a><br/>
*/
</div>
</header>
<section>
<h1>Curriculum Vitae</h1>
<div>
<h2>A short summary</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum..</p>
</div>
</section>
<section>
<article>
<h2>Timeline</h2>
<p>You're probably wondering what I've been up to so far in my career. Click for more info.</p>
<div id="timeline"></div>
</article>
<div class="page-break"></div>
<article>
<h2>Some of my skills</h2>
<ul>
<li id="skillset1"><span class="glyphicon glyphicon-transfer" aria-hidden="true"></span> <b>Skill Category 1</b> - Lorem ipsum Reprehenderit occaecat amet voluptate ullamco minim dolore cillum irure quis commodo nostrud sunt.</li>
<li id="skillset2"><span class="glyphicon glyphicon-console" aria-hidden="true"></span> <b>Skill Category 2</b> - Lorem ipsum Laborum nulla aliquip culpa in est qui sed deserunt magna aute.</li>
<li id="skillset3"><span class="glyphicon glyphicon-stats" aria-hidden="true"></span> <b>Skill Category 3</b> - Lorem ipsum Eu non commodo in eiusmod dolore pariatur enim quis in Duis dolor voluptate laboris consequat nostrud.</li>
</ul>
<div id="listofskills"><h3>Some more of my skills</h3></div>
Hire me and I'll show you how long the list of skills <i>really</i> is.
</article>
<div class="page-break"></div><article><div id="experience"><h2>Experience</h2></div></article>
<div class="page-break"></div><article><div id="education"><h2>Education</h2></div></article>
<div class="page-break"></div><article><div id="other"><h2>Other</h2></div></article>
<article>
<div id="onlinepresence">
<h2>Online Presence</h2>
<p>
<img src="images/socicon_github.svg" alt="github" width=24 height=24/>
<img src="images/socicon_linkedin.svg" alt="linkedin" width=24 height=24/>
<img src="images/socicon_flickr.svg" alt="flickr" width=24 height=24/>
<img src="images/socicon_500px.svg" alt="500px" width=24 height=24/>
<img src="images/socicon_android.svg" alt="hexplore" width=24 height=24/>
<img src="images/socicon_twitter.svg" alt="twitter" width=24 height=24/>
<img src="images/socicon_instagram.svg" alt="instagram" width=24 height=24/>
<img src="images/socicon_stackoverflow.svg" alt="stack overflow" width=24 height=24/>
</div>
</article>
</section>
<footer>
<p><a href="https://twitter.com/share" class="twitter-share-button" data-via="martin_isaksson" data-hashtags="resume">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></p>
<p>Copyright 2015 © John Doe, <script>
var username = "john";
var hostname = "johndoe.com";
var linktext = username + "@" + hostname ;
document.write("<a href='" + "mail" + "to:" + username + "@" + hostname + "'>" + linktext + "</a><br/>");
</script></p>
</footer>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js" charset="utf-8"></script>
<script src="js/timeline.js" charset="utf-8"></script>
<script src="js/skills.js" charset="utf-8"></script>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>