diff options
| author | s1n <[email protected]> | 2020-01-28 14:46:42 -0800 |
|---|---|---|
| committer | GitHub <[email protected]> | 2020-01-28 14:46:42 -0800 |
| commit | 12565cca2e43049882691ab6130786fa86e4a9e1 (patch) | |
| tree | 510c1c000ba322e9f16e09e3f5fa37db0e8a1e94 /cs2-tesla-em | |
| parent | Initial commit (diff) | |
| download | cs2-12565cca2e43049882691ab6130786fa86e4a9e1.tar.xz cs2-12565cca2e43049882691ab6130786fa86e4a9e1.zip | |
Add files via upload
Diffstat (limited to 'cs2-tesla-em')
| -rw-r--r-- | cs2-tesla-em/README.md | 7 | ||||
| -rw-r--r-- | cs2-tesla-em/assets/serve.jpg | bin | 0 -> 202051 bytes | |||
| -rw-r--r-- | cs2-tesla-em/index.html | 113 | ||||
| -rw-r--r-- | cs2-tesla-em/main.css | 153 |
4 files changed, 273 insertions, 0 deletions
diff --git a/cs2-tesla-em/README.md b/cs2-tesla-em/README.md new file mode 100644 index 0000000..f3f0ad9 --- /dev/null +++ b/cs2-tesla-em/README.md @@ -0,0 +1,7 @@ +# Recreation + +https://8cy.github.io/cs2-tesla-em/ + +# Old + + diff --git a/cs2-tesla-em/assets/serve.jpg b/cs2-tesla-em/assets/serve.jpg Binary files differnew file mode 100644 index 0000000..463f4ca --- /dev/null +++ b/cs2-tesla-em/assets/serve.jpg diff --git a/cs2-tesla-em/index.html b/cs2-tesla-em/index.html new file mode 100644 index 0000000..ea3a23f --- /dev/null +++ b/cs2-tesla-em/index.html @@ -0,0 +1,113 @@ +<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Elon Musk | Tesla</title>
+ <link rel="shortcut icon" href="https://www.tesla.com/themes/custom/tesla_frontend/assets/favicons/favicon-96x96.png" type="image/x-icon">
+ <link rel="stylesheet" href="main.css">
+ </head>
+ <body>
+ <div class="header">
+ <div class="strip">
+ <a href="https://www.tesla.com/"><img id="header-logo" src="https://i.imgur.com/9Pq94zQ.png" width="100"></a>
+
+ <div class="models">
+ <a href="https://www.tesla.com/models">MODEL S </a>
+ <a href="https://www.tesla.com/model3">MODEL 3 </a>
+ <a href="https://www.tesla.com/modelx">MODEL X </a>
+ <a href="https://www.tesla.com/modely">MODEL Y </a>
+ <a href="https://www.tesla.com/cybertruck">CYBERTRUCK </a>
+ <a href="https://www.tesla.com/roadster">ROADSTER </a>
+ <a href="https://www.tesla.com/energy">ENERGY</a>
+ </div>
+
+ <div class="comms">
+ <a href="https://shop.tesla.com/?tesref=true">SHOP </a>
+ <a href="https://auth.tesla.com/login">SIGN IN </a>
+ <a href="#"><img id="comms-menu" onclick="bError()" src="https://i.imgur.com/rON5amG.png" width="20px" height="20px"></a>
+ <script>
+ function bError() {
+ alert("This is not in because it would've taken too long... -Zoltan");
+ }
+ </script>
+ </div>
+ </div>
+ </div>
+
+ <div class="main">
+ <p style="font-size: 32px;">Elon Musk</p>
+
+ <div class="main-header-links">
+ <a href="https://www.tesla.com/about">About Tesla </a>
+ <a href="https://www.spacex.com/about">About SpaceX </a>
+ <a href="https://openai.com/about/">About OpenAI </a>
+ <a href="https://www.neuralink.com/">About Neuralink </a>
+ <a href="https://www.boringcompany.com/faq/">About The Boring Company</a>
+ </div>
+
+ <div class="divider"></div>
+
+ <div class="para-long" style="width: 627.7px; font-size: 15px; line-height: 21px; color: grey;">
+ <p>
+ Elon Musk is the co-founder and CEO at Tesla, overseeing all product design, engineering and<br>
+ manufacturing of the company's electric vehicles, battery products, and Solar Roofs.<br>
+ <br>
+ Since the company’s inception in 2003, Tesla’s mission has been to accelerate the world’s<br>
+ transition to a sustainable energy future. The first Tesla product, the Roadster sports car,<br>
+ debuted in 2008, followed by the <a id="para-long-a" href="https://www.tesla.com/models">Model S</a> sedan, which was introduced in 2012, and the<br>
+ <a id="para-long-a" href="https://www.tesla.com/modelx">Model X</a> SUV, which launched in 2015. Model S was named Motor Trend 2013 Car of the Year<br>
+ and received Consumer Reports’ Best Overall Car, while Model X was the first SUV ever to<br>
+ earn 5-star safety ratings in every category and sub-category in the National Highway Traffic<br>
+ Safety Administration’s tests. In 2017, Tesla began deliveries of <a id="para-long-a" href="https://www.tesla.com/model3">Model 3</a>, a $35,000 mass-<br>
+ market electric car with over 215 miles of range, and unveiled <a id="para-long-a" href="https://www.tesla.com/semi">Tesla Semi</a>, which is designed<br>
+ to save owners at least $200,000 over a million miles based on fuel costs alone.<br>
+ <br>
+ Tesla also produces two energy storage products, the <a id="para-long-a" href="https://www.tesla.com/powerwall">Powerwall</a> home battery and the<br>
+ <a id="para-long-a" href="https://www.tesla.com/powerpack">Powerpack</a> industrial-scale battery. In 2016, Tesla became the world’s first vertically-integrated<br>
+ sustainable energy company with the acquisition of SolarCity, the leading provider of solar<br>
+ power systems in the United States, and in 2017 released <a id="para-long-a" href="https://www.tesla.com/solarroof">Solar Roof</a> – a beautiful and<br>
+ affordable energy generation product.<br>
+ <br>
+ Elon is also the co-founder, CEO and lead designer of Space Exploration Technologies<br>
+ (<a id="para-long-a" href="https://www.tesla.com/solarroof">SpaceX</a>), where he oversees the development and manufacturing of advanced rockets and<br>
+ spacecraft for missions to and beyond Earth orbit, with the goal of creating a self-sustaining<br>
+ city on Mars. He is also CEO of <a id="para-long-a" href="https://www.neuralink.com/">Neuralink</a>, which is developing ultra-high bandwidth brain-<br>
+ machine interfaces to connect the human brain to computers. Elon also founded and serves<br>
+ as CEO of <a id="para-long-a" href="https://www.boringcompany.com/">The Boring Company</a>, which combines fast, affordable tunneling technology with an<br>
+ all-electric public transportation system in order to alleviate soul-crushing urban congestion<br>
+ and enable high-speed long-distance travel.<br>
+ <br>
+ Previously, Elon co-founded and sold PayPal, the world's leading Internet payment system,<br>
+ and Zip2, one of the first internet maps and directions services, which helped bring major<br>
+ publishers like the New York Times and Hearst online.<br>
+ </p>
+ </div>
+
+ <div class="press">
+ <p style="font-weight: 600;">Press</p>
+
+ <p>
+ Worldwide inquiries<br>
+ <a href="mailto:[email protected]">[email protected]</a>
+ </p>
+ </div>
+
+ <div class="footer" style="font-size: 13.5px;">
+ <a href="https://www.tesla.com/about">Tesla © <script>
+ var d = new Date()
+ document.write(d.getFullYear())
+ </script></a> <span id="footer-divider">|</span>
+ <a href="https://www.tesla.com/about/legal">Privacy & Legal</a> <span id="footer-divider">|</span>
+ <a href="https://www.tesla.com/contact">Contact</a> <span id="footer-divider">|</span>
+ <a href="https://www.tesla.com/careers">Careers</a> <span id="footer-divider">|</span>
+ <a href="https://www.tesla.com/updates">Get Newsletter</a> <span id="footer-divider">|</span>
+ <a href="https://forums.tesla.com/">Forums</a> <span id="footer-divider">|</span>
+ <a href="https://www.tesla.com/findus/list">Locations</a>
+ </div>
+ </div>
+
+
+ </body>
+</html>
\ No newline at end of file diff --git a/cs2-tesla-em/main.css b/cs2-tesla-em/main.css new file mode 100644 index 0000000..316a2c2 --- /dev/null +++ b/cs2-tesla-em/main.css @@ -0,0 +1,153 @@ +html, body {
+ overflow: hidden;
+}
+
+.strip {
+ background: #222222;
+ width: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 52px;
+}
+
+#header-logo {
+ position: relative;
+ top: 18px;
+ left: 20px;
+}
+
+.models, .models a {
+ font-family: Gotham Medium,
+ "M Hei PRC W45",
+ "M Hei HK W42",
+ "M Hei HK W40",
+ "HelveticaNeue-Regular",
+ "Helvetica Neue Regular",
+ "Helvetica Neue",
+ Helvetica,
+ Arial,
+ sans-serif;
+ font-weight: 750;
+ font-size: 13px;
+
+
+ color: white;
+ transition: 255ms;
+ text-decoration-line: none;
+
+ position: relative;
+ left: 17%;
+}
+
+.models a:hover {
+ color: grey;
+ transition: 255ms;
+}
+
+.comms, .comms a {
+ font-family: Gotham Medium,
+ "M Hei PRC W45",
+ "M Hei HK W42",
+ "M Hei HK W40",
+ "HelveticaNeue-Regular",
+ "Helvetica Neue Regular",
+ "Helvetica Neue",
+ Helvetica,
+ Arial,
+ sans-serif;
+ font-weight: 750;
+ font-size: 13px;
+
+ color: white;
+ transition: 255ms;
+ text-decoration-line: none;
+
+ position: relative;
+ top: -29%;
+ left: 45.5%;
+}
+
+#comms-menu {
+ position: absolute;
+ top: -12%;
+ right: -24px;
+}
+
+.main {
+ font-family: Gotham Light,
+ "M Hei PRC W45",
+ "M Hei HK W42",
+ "M Hei HK W40",
+ "HelveticaNeue-Regular",
+ "Helvetica Neue Regular",
+ "Helvetica Neue",
+ Helvetica,
+ Arial,
+ sans-serif;
+
+ position: absolute;
+ top: 7%;
+ left: 23.5%;
+}
+
+.main-header-links {
+ position: absolute;
+ top: -5%;
+ left: 13%;
+
+ color: black;
+ text-decoration-line: none;
+}
+
+.main-header-links, .main-header-links a {
+ font-size: 13px;
+
+ color: black;
+ transition: 255ms;
+ text-decoration-line: none;
+
+ position: relative;
+ top: -30px;
+ left: 32%;
+}
+
+.divider {
+ position: absolute;
+ background: lightgray;
+ top: 11.7%;
+ height: 1px;
+ width: 1000px;
+}
+
+.press {
+ position: absolute;
+ top: 17%;
+ left: 109%;
+ width: 200px;
+ font-size: 14px;
+}
+
+.press a, #para-long-a {
+ color: #c43c21;
+ text-decoration-line: none;
+}
+
+.press a:hover, #para-long-a:hover {
+ color: red
+}
+
+.footer, .footer a {
+ color: grey;
+ text-decoration-line: none;
+
+ position: relative;
+ top: 24px;
+}
+
+#footer-divider {
+ color: lightgray;
+
+ position: relative;
+ top: 24px;
+}
|
