-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
283 lines (283 loc) · 18.4 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
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
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Résumé</title>
<link rel="stylesheet" href="./assets/stylesheets/base.css">
</head>
<body>
<main>
<article>
<div class="page" style="border-color: midnightblue;">
<div class="stackable grid">
<div class="row">
<div class="three wide center aligned column">
<div class="avatar-wrapper">
<object class="avatar" data="./assets/images/avatar.svg" role="img" aria-label="My profile picture"></object>
</div>
</div>
<div class="thirteen wide column">
<div class="stackable grid">
<div class="sixteen wide column">
<h1 class="name">Elon Musk</h1>
<div class="job">Industrial designer, technology entrepreneur, and philanthropist.</div>
<ul class="contacts">
<li>
<a href="https://twitter.com/elonmusk" rel="author" class="twitter">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="328 355 335 276"><path d="M 630, 425 A 195, 195 0 0 1 331, 600 A 142, 142 0 0 0 428, 570 A 70, 70 0 0 1 370, 523 A 70, 70 0 0 0 401, 521 A 70, 70 0 0 1 344, 455 A 70, 70 0 0 0 372, 460 A 70, 70 0 0 1 354, 370 A 195, 195 0 0 0 495, 442 A 67, 67 0 0 1 611, 380 A 117, 117 0 0 0 654, 363 A 65, 65 0 0 1 623, 401 A 117, 117 0 0 0 662, 390 A 65, 65 0 0 1 630, 425Z"/></svg>
<span>elonmusk</span>
</a>
</li>
<li>
<i>Questions about the topic of sales:</i>
<a href="mailto:NAsales@tesla.com" rel="author" class="mail">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"></path></svg>
<span>NAsales@tesla.com</span>
</a>
</li>
<li>
<i>A comment for a news article or an interview:</i>
<a href="mailto:Press@tesla.com" rel="author" class="mail">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"></path></svg>
<span>Press@tesla.com</span>
</a>
</li>
</ul>
</div>
<div class="sixteen wide mobile only column">
<div class="divider"></div>
</div>
<div class="sixteen wide column">
<h2>Introduction</h2>
<p>— The rumor that I'm building a spaceship to get back to my home planet Mars is totally untrue. When the zombie apocalypse happens, you’ll be glad you bought a flamethrower. Works against hordes of the undead or your money back! The rumor that I’m secretly creating a zombie apocalypse to generate demand for flamethrowers is completely false. Apparently, there is this thing called "Dad jokes" and I make them. Don’t want to blow your mind, but I’m pretty weird. It’s time the world knew.</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="sixteen wide column">
<div class="fat divider"></div>
</div>
</div>
<div class="row">
<div class="ten wide column">
<h3>Experience</h3>
<h6>Important events in life</h6>
<ul class="timeline">
<li>
<p><em> 2019 </em></p>
<p><strong>Traveled</strong> to China for the groundbreaking of Tesla's Shanghai Gigafactory.</p>
</li>
<li>
<p><em> 2016 </em></p>
<p><strong>Founded</strong> The Boring Company. Infrastructure and Tunneling Construction Company.</p>
</li>
<li>
<p><em> 2015 </em></p>
<p><strong>Announced</strong> the creation of OpenAI, a not-for-profit artificial intelligence (AI) research company.</p>
</li>
<li>
<p><em> 2014 </em></p>
<p><strong>Announced</strong> Open-Sourcing Tesla Technology. Tesla would allow its technology patents to be used by anyone in good faith in a bid to entice automobile manufacturers to speed up development of electric cars.</p>
</li>
<li>
<p><em> 2013 </em></p>
<p><strong>Introduced </strong> a concept for a high-speed transportation system incorporating reduced-pressure tubes in which pressurized capsules ride on an air cushion driven by linear induction motors and air compressors.</p>
</li>
<li>
<p><em> 2012 </em></p>
<p>SpaceX's vehicle docked with ISS for the first time.</p>
</li>
<li>
<p><em> 2011 </em></p>
<p><strong>Expressed </strong> his hope to send human to Mars.</p>
</li>
<li>
<p><em> 2010 </em></p>
<p><strong>Donated </strong> a 25-kW Solar power system. I foundation collaborated with SolarCity to donate a 25-kW solar power system to the South Bay Community Alliance's hurricane response center in Coden, Alabama.</p>
</li>
<li>
<p><em> 2007 </em></p>
<p><strong>Became </strong> the CEO of Tesla.</p>
</li>
<li>
<p><em> 2006 </em></p>
<p><strong>Became </strong> an investor for SolarCity. The list of basic services of the company includes design, financing and installation of solar power systems.</p>
</li>
<li>
<p><em> 2004 </em></p>
<p><strong>Joined </strong> Tesla</p>
</li>
<li>
<p><em> 2002 </em></p>
<p><strong>Got </strong> an idea to build affordable Rockets.</p>
<p><strong>Founded </strong> SpaceX</p>
</li>
<li>
<p><em> 2001 </em></p>
<p><strong>Was interested </strong> in Space Exploration.</p>
<p><strong>Went </strong> to Moscow to buy ICBMs to send payloads to Mars.</p>
</li>
<li>
<p><em> 1999 </em></p>
<p><strong>Sold </strong> Zip2 to Compaq for US$307 million.</p>
<p><strong>Founded </strong> X.com, a financial service and payment company.</p>
</li>
<li>
<p><em> 1995 </em></p>
<p><strong>Started </strong> Zip2, a Web Software Company.</p>
</li>
</ul>
<h6>Awards and recognition</h6>
<ul class="timeline">
<li>
<p><em> 2019 </em></p>
<p><strong>Was awarded</strong> the Starmus Festival's Stephen Hawking Medal for Science Communication.</p>
<p><strong>Was listed</strong> (co-) first on the Forbes list of the Most Innovative Leaders.</p>
</li>
<li>
<p><em> 2018 </em></p>
<p><strong>Was elected</strong> a Fellow of the Royal Society (FRS).</p>
</li>
<li>
<p><em> 2017 </em></p>
<p><strong>Was awarded</strong> the Oslo Business for Peace Award.</p>
</li>
<li>
<p><em> 2016 </em></p>
<p><strong>Was named</strong> one of the "Top 10 Business Visionaries Creating Value for the World".</p>
<p><strong>Was ranked</strong> 21st on Forbes list of The World's Most Powerful People.</p>
</li>
<li>
<p><em> 2015 </em></p>
<p><strong>Was awarded</strong> IEEE Honorary Membership.</p>
</li>
<li>
<p><em> 2014 </em></p>
<p><strong>Was awarded</strong> the President's award for Exploration and Technology of the Explorers Club at the annual gala.</p>
</li>
<li>
<p><em> 2013 </em></p>
<p><strong>Was named</strong> the Fortune Businessperson of the year for SpaceX, SolarCity, and Tesla.</p>
</li>
<li>
<p><em> 2012 </em></p>
<p><strong>Was awarded</strong> the Royal Aeronautical Society's highest award: a Gold Medal.</p>
</li>
<li>
<p><em> 2011 </em></p>
<p><strong>Was listed</strong> as one of "America's 20 Most Powerful CEOs 40 And Under."</p>
<p><strong>Was awarded</strong> the US$250,000 Heinlein Prize for Advances in Space Commercialization.</p>
</li>
<li>
<p><em> 2010 </em></p>
<p><strong>Was listed</strong> as one of Time's 100 people who most affected the world.</p>
<p><strong>Was awarded</strong> the FAI Gold Space Medal, for designing the first privately developed rocket to reach orbit.</p>
</li>
<li>
<p><em> 2008 </em></p>
<p><strong>Was awarded</strong> for his design of the Falcon 1, the first privately developed liquid-fuel rocket to reach orbit.</p>
</li>
<li>
<p><em> 2007 </em></p>
<p>Inc. magazine Entrepreneur of the Year award for his work on Tesla and SpaceX.</p>
<p>Index Design award for his design of the Tesla Roadster.</p>
</li>
<li>
<p><em> 2006 </em></p>
<p><strong>Was served</strong> as a member of the United States National Academy of Sciences Aeronautics and Space Engineering Board.</p>
</li>
</ul>
</div>
<div class="six wide column">
<section>
<h3>Education</h3>
<ul class="timeline">
<li>
<div><em>1995</em></div>
<div>Commenced a PhD in energy physics/materials science at <span class="tag"><a href="https://www.stanford.edu/" rel="external"><strong>Stanford University</strong></a></span>in California.</div>
</li>
<li>
<div><em>1994</em></div>
<div>Held two internships in Silicon Valley during the summer: at an energy storage start-up called <span class="tag"><a href="https://www.sbir.gov/node/276205" rel="external"><strong>Pinnacle Research Institute</strong></a></span>, which researched electrolytic ultracapacitors for energy storage, and at the Palo Alto-based start-up Rocket Science Games.</div>
</li>
<li>
<div><em>1989</em></div>
<div>Was entered <span class="tag"><a href="https://www.queensu.ca/" rel="external"><strong>Queen's University</strong></a></span> in Canada</div>
</li>
</ul>
</section>
<section>
<h3>Some of my thoughts</h3>
<ul>
<li class="details">
<input type="checkbox" id="project-1">
<label for="project-1" class="summary">Me and childhood</label>
<div class="phrase">
“Maybe I read too many comics in childhood. In the comics, everyone is trying to save the world. And it seemed to me that we should try to make the world a better place, because otherwise what is the meaning of this life?”
</div>
</li>
<li class="details">
<input type="checkbox" id="project-2">
<label for="project-2" class="summary">Me and mistakes</label>
<div class="phrase">
“Making mistakes is not scary. The main thing every time to make a mistake in something new.”
</div>
</li>
<li class="details">
<input type="checkbox" id="project-3">
<label for="project-3" class="summary">Me and my companies</label>
<div class="phrase">
“To create a good company is how to bake a good pie: you just need to take the right ingredients in the right proportions.”
</div>
</li>
</ul>
</section>
<section>
<h3>Character😎</h3>
<p class="tags small">ASSERTIVE, CONFIDENT, CONSISTENT, OUTRAGED, EMPATHETIC, PERSISTENT </p>
</section>
<section>
<h3>Likes😃</h3>
<p class="tags small">LIFE, SPACE, ROCKETS, PLANETS, ATMOSPHERE, PLANNING, OPENING, WORK, HOPE, BELIEVE, ACT, STUDY</p>
</section>
<section>
<h3>Dislikes😞</h3>
<p class="tags small">HARMFUL HABITS, INCOMPETENCE, INSECTS, BAD WORKERS, FAILED DEADLINES</p>
</section>
<section>
<h3>Wants🥺</h3>
<p class="tags small bulleted">TO BE FIT AND HEALTHYTO OWN MY SCHEDULETO READ MORETO OPEN A CAFÉTO BE BRAVETO BECOME A SUPERHEROTO LISTEN AND LEARN</p>
</section>
<section>
<h3>Really Wants😱</h3>
<div>
<button id="meh"><svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M576 256c0 100.586-53.229 189.576-134.123 239.04-7.532 4.606-17.385 2.241-21.997-5.304-4.609-7.539-2.235-17.388 5.304-21.997C496.549 424.101 544 345.467 544 256c0-89.468-47.452-168.101-118.816-211.739-7.539-4.609-9.913-14.458-5.304-21.997 4.608-7.539 14.456-9.914 21.997-5.304C522.77 66.424 576 155.413 576 256zm-96 0c0-66.099-34.976-124.572-88.133-157.079-7.538-4.611-17.388-2.235-21.997 5.302-4.61 7.539-2.236 17.388 5.302 21.998C418.902 152.963 448 201.134 448 256c0 54.872-29.103 103.04-72.828 129.779-7.538 4.61-9.912 14.459-5.302 21.998 4.611 7.541 14.462 9.911 21.997 5.302C445.024 380.572 480 322.099 480 256zm-138.14-75.117c-7.538-4.615-17.388-2.239-21.998 5.297-4.612 7.537-2.241 17.387 5.297 21.998C341.966 218.462 352 236.34 352 256s-10.034 37.538-26.841 47.822c-7.538 4.611-9.909 14.461-5.297 21.998 4.611 7.538 14.463 9.909 21.998 5.297C368.247 314.972 384 286.891 384 256s-15.753-58.972-42.14-75.117zM256 88.017v335.964c0 21.436-25.942 31.999-40.971 16.971L126.059 352H24c-13.255 0-24-10.745-24-24V184c0-13.255 10.745-24 24-24h102.059l88.971-88.954C230.037 56.038 256 66.551 256 88.017zm-32 19.311l-77.659 77.644A24.001 24.001 0 0 1 129.372 192H32v128h97.372a24.001 24.001 0 0 1 16.969 7.028L224 404.67V107.328z"/></svg> HEH
<audio preload="none">
<source src="./assets/sounds/joke.mp3" type="audio/mpeg">
</audio>
</button>
<ul>
<li class="details">
<input type="checkbox" id="project-4">
<label for="project-4" class="summary"></label>
<div class="phrase">
“If i do die on Mars I just dont want it to be on impact”
</div>
</li>
</ul>
</div>
</section>
</div>
</div>
</div>
</div>
</article>
</main>
<script>
document.getElementById("meh").addEventListener("click", function() {
this.childNodes[2].play();
});
</script>
</body>
</html>