-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.html
125 lines (125 loc) · 8.06 KB
/
main.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
<!doctype html>
<html>
<head>
<style type="text/css">html{background-color:#322d3e;background-image:url(img/background.jpg);}.hresume{display:none;}</style>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Mikol Graves | UX ⇢ Design · Development</title>
<meta name="description" content="Designing and developing human-centered software since 1995.">
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto">
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700italic">
<link rel="stylesheet" type="text/css" href="style/min.css">
</head>
<body>
<div class="hresume">
<header class="vcard">
<h1 class="fn" id="mikol-graves">
<span class="given-name">Mikol</span> <span class="family-name">Graves</span>
<span class="AHD enPR"><span class="punctuation pronunciation begin">/</span>mē<span class="stress-primary">′</span>kəl grāvz<span class="punctuation pronunciation end">/</span></span>
</h1>
<p class="role">UX ⇢ Design · Development</p>
</header>
<section class="summary">
<svg class="icn"><use xlink:href="#icn-accessibility"/></svg>
<h2>Introduction</h2>
<p>The most effective products are gratifying to use because each one serves its purpose beautifully, efficiently, and intentionally.</p>
<p>But forging a great user experience is rarely effortless; all projects require diligence, a healthy blend of talent, and the integrity to make difficult decisions with equanimity.</p>
<p>While everyone contributes their own skills and experience, the best teams develop a keen, shared interest in who their users are, what their users value, and what their users need.</p>
</section>
<section class="skills">
<svg class="icn"><use xlink:href="#icn-play"/></svg>
<h2>Expertise</h2>
<p>I’ve been designing and developing human-centered software since <span class="onum">1995</span>. I can help you…</p>
<ul>
<li class="skill">Hire the right team</li>
<li class="skill">Cultivate a human-centered mindset</li>
<li class="skill">Discover untapped opportunities</li>
<li class="skill">Make tough trade-offs confidently</li>
<li class="skill">Illustrate concepts and specifications</li>
<li class="skill">Prototype and validate solutions</li>
<li class="skill">Systematize design and development</li>
<li class="skill">Realize virtuous product cycles</li>
</ul>
</section>
<section class="contact">
<svg class="icn"><use xlink:href="#icn-smart-phone"/></svg>
<h2>Contact Information</h2>
<address class="vcard">
<a class="tel"></a>
<a class="email"></a>
</address>
</section>
<section class="experience">
<svg class="icn"><use xlink:href="#icn-clip-badge"/></svg>
<h2>Experience</h2>
<ol class="vcalendar">
<li class="experience vcard vevent">
<span class="location"><span class="org">Styra</span></span>
<span class="summary"><span class="title">Senior Front-End Engineer / Designer</span></span>
<span class="dtrange"><time class="dtstart" datetime="2016-06">Jun <span class="onum">2016</span></time> – <time datetime="">Present</time></span>
</li>
<li class="experience vcard vevent">
<span class="location"><span class="org">bebop.co</span></span>
<span class="summary"><span class="title">Front-End Engineer / Designer</span></span>
<span class="dtrange"><time class="dtstart" datetime="2013-11">Nov <span class="onum">2013</span></time> – <time class="dtend" datetime="2015-07">Jul <span class="onum">2015</span></time></span>
</li>
<li class="experience vcard vevent">
<span class="location"><span class="org">Google</span></span>
<span class="summary"><span class="title">UX Designer / UI Developer</span></span>
<span class="dtrange"><time class="dtstart" datetime="2010-04">Apr <span class="onum">2010</span></time> – <time class="dtend" datetime="2013-10">Oct <span class="onum">2013</span></time></span>
</li>
<li class="experience vcard vevent">
<span class="location"><span class="org">VMware</span></span>
<span class="summary"><span class="title">Senior Staff Engineer</span></span>
<span class="dtrange"><time class="dtstart" datetime="2000-05">May <span class="onum">2000</span></time> – <time class="dtend" datetime="2010-03">Mar <span class="onum">2010</span></time></span>
</li>
<li class="experience vcard vevent">
<span class="location">
<span class="org">Netscape</span>,
<span class="org">Lucent</span>,
<span class="org">Apple</span>,
<span class="org">Georgia Institute <span class="pos-article">of</span> Technology</span>
</span>
<span class="summary"><span class="title">Designer / Prototyper / Developer</span></span>
<span class="dtrange"><time class="dtstart" datetime="1995"><span class="onum">1995</span></time> – <time class="dtend" datetime="2000-04">Apr <span class="onum">2000</span></time></span>
</li>
</ol>
</section>
<section class="education">
<svg class="icn"><use xlink:href="#icn-book"/></svg>
<h2>Education</h2>
<ol class="vcalendar">
<li class="education vcard vevent">
<span class="location"><span class="org">Georgia Institute <span class="pos-article">of</span> Technology</span></span>
<span class="summary"><span class="title"><abbr title="Master of Science">MS</abbr> Information Design <span class="pos-article">and</span> Technology</span></span>
<span class="dtrange"><time class="dtend" datetime="1997"><span class="onum">1997</span></time></span>
</li>
<li class="education vcard vevent">
<span class="location"><span class="org">University <span class="pos-article">of</span> New Mexico</span></span>
<span class="summary"><span class="title"><abbr title="Bachelor of University Studies">BUS</abbr> University Studies</span></span>
<span class="description">magna cum laude</span>
<span class="dtrange"><time class="dtend" datetime="1995"><span class="onum">1995</span></time></span>
</li>
</ol>
</section>
</div>
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
<symbol id="icn-accessibility" viewBox="0 0 24 24">
<path d="M0 0h24v24H0z" fill="none"/><path d="M12 2c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm9 7h-6v13h-2v-6h-2v6H9V9H3V7h18v2z"/>
</symbol>
<symbol id="icn-play" viewBox="0 0 24 24">
<path d="M0 0h24v24H0z" fill="none"/><path d="M10 16.5l6-4.5-6-4.5v9zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>
</symbol>
<symbol id="icn-smart-phone" viewBox="0 0 24 24">
<path d="M0 0h24v24H0z" fill="none"/><path d="M16 1H8C6.34 1 5 2.34 5 4v16c0 1.66 1.34 3 3 3h8c1.66 0 3-1.34 3-3V4c0-1.66-1.34-3-3-3zm-2 20h-4v-1h4v1zm3.25-3H6.75V4h10.5v14z"/>
</symbol>
<symbol id="icn-clip-badge" viewBox="0 0 24 24">
<path d="M0 0h24v24H0z" fill="none"/><path d="M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm0 4c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H6v-1.4c0-2 4-3.1 6-3.1s6 1.1 6 3.1V19z"/>
</symbol>
<symbol id="icn-book" viewBox="0 0 24 24">
<path d="M0 0h24v24H0z" fill="none"/><path d="M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 4h5v8l-2.5-1.5L6 12V4z"/>
</symbol>
</svg>
<script src="script/min.js"></script>
</body>
</html>