-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathresume.html
183 lines (148 loc) · 4.74 KB
/
resume.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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Jonathan Doe | Web Designer, Director | [email protected]</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" type="text/css"
href="http://yui.yahooapis.com/2.7.0/build/reset-fonts-grids/reset-fonts-grids.css" media="all" />
<link rel="stylesheet" type="text/css" href="resume.css" media="all" />
</head>
<body>
<main>
<div id="doc2" class="yui-t7">
<div id="inner">
<div id="hd">
<div class="yui-gc">
<div class="yui-u first">
<h1>Jonathan Doe</h1>
<h2>Web Designer, Director</h2>
</div>
<div class="yui-u">
<div class="contact-info">
<h3><a href="mailto:[email protected]">[email protected]</a></h3>
<h3>(313) - 867-5309</h3>
</div>
<!--// .contact-info -->
</div>
</div>
<!--// .yui-gc -->
</div>
<!--// hd -->
<div id="bd">
<div id="yui-main">
<div class="yui-b">
<div class="yui-gf">
<div class="yui-u first">
<h2>Profile</h2>
</div>
<div class="yui-u">
<p class="enlarge">
Progressively evolve cross-platform ideas before impactful infomediaries. Energistically visualize
tactical initiatives before cross-media catalysts for change.
</p>
</div>
</div>
<!--// .yui-gf -->
<div class="yui-gf">
<div class="yui-u first">
<h2>Skills</h2>
</div>
<div class="yui-u">
<div class="talent">
<h2>Web Design</h2>
<p>Assertively exploit wireless initiatives rather than synergistic core competencies. </p>
</div>
<div class="talent">
<h2>Interface Design</h2>
<p>Credibly streamline mission-critical value with multifunctional functionalities. </p>
</div>
<div class="talent">
<h2>Project Direction</h2>
<p>Proven ability to lead and manage a wide variety of design and development projects in team and
independent situations.</p>
</div>
</div>
</div>
<!--// .yui-gf -->
<div class="yui-gf">
<div class="yui-u first">
<h2>Technical</h2>
</div>
<div class="yui-u">
<ul class="talent">
<li>XHTML</li>
<li>CSS</li>
<li class="last">Javascript</li>
</ul>
<ul class="talent">
<li>Jquery</li>
<li>PHP</li>
<li class="last">CVS / Subversion</li>
</ul>
<ul class="talent">
<li>OS X</li>
<li>Windows XP/Vista</li>
<li class="last">Linux</li>
</ul>
</div>
</div>
<!--// .yui-gf-->
<div class="yui-gf">
<div class="yui-u first">
<h2>Experience</h2>
</div>
<!--// .yui-u -->
<div class="yui-u">
<div class="job last">
<h2>International Business Machines (IBM)</h2>
<h3>Lead Web Designer</h3>
<h4>2001-2004</h4>
<p>Globally re-engineer cross-media schemas through viral methods of empowerment. Proactively grow
long-term high-impact human capital and highly efficient innovation. Intrinsicly iterate excellent
e-tailers with timely e-markets.</p>
</div>
</div>
</div>
<div class="yui-gf last">
<div class="yui-u first">
<h2>Education</h2>
</div>
<div class="yui-u">
<h2>Indiana University - Bloomington, Indiana</h2>
<h3>Dual Major, Economics and English — <strong>4.0 GPA</strong> </h3>
</div>
</div>
</div>
</div>
</div>
<div id="ft">
<p>Jonathan Doe — <a href="mailto:[email protected]">[email protected]</a> — (313) - 867-5309
</p>
</div>
<!--// footer -->
</div><!-- // inner -->
<button onclick="window.print().preventDefault()">Print this page</button>
<button>click</button>
</div>
<!--// doc -->
</main>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></script>
<script>
const main = document.querySelector("main");
const button = document.querySelector("button");
function createPDF() {
var pdf = new jsPDF('p', 'pt', 'a4');
pdf.addHTML(main, function () {
pdf.save('web.pdf');
});
}
button.addEventListener("click", () => {
button.style.display = 'visible';
createPDF();
});
</script>
</html>