diff options
| -rw-r--r-- | cs2-pdxhub/README.md | 1 | ||||
| -rw-r--r-- | cs2-pdxhub/index.html | 201 | ||||
| -rw-r--r-- | cs2-rhs-hp/README.md | 7 | ||||
| -rw-r--r-- | cs2-rhs-hp/assets/serve.jpg | bin | 0 -> 285893 bytes | |||
| -rw-r--r-- | cs2-rhs-hp/index.html | 219 | ||||
| -rw-r--r-- | cs2-simple-website/404.html | 13 | ||||
| -rw-r--r-- | cs2-simple-website/README.md | 3 | ||||
| -rw-r--r-- | cs2-simple-website/about/index.html | 26 | ||||
| -rw-r--r-- | cs2-simple-website/about/js/main.js | 14 | ||||
| -rw-r--r-- | cs2-simple-website/guestbook.html | 31 | ||||
| -rw-r--r-- | cs2-simple-website/home/css/main.css | 73 | ||||
| -rw-r--r-- | cs2-simple-website/home/css/main.scss | 72 | ||||
| -rw-r--r-- | cs2-simple-website/home/index.html | 62 | ||||
| -rw-r--r-- | cs2-simple-website/index.html | 14 | ||||
| -rw-r--r-- | cs2-simple-website/js/main.js | 14 | ||||
| -rw-r--r-- | cs2-simple-website/js/redirect-to-home.js | 1 | ||||
| -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 |
20 files changed, 1024 insertions, 0 deletions
diff --git a/cs2-pdxhub/README.md b/cs2-pdxhub/README.md new file mode 100644 index 0000000..a2442ba --- /dev/null +++ b/cs2-pdxhub/README.md @@ -0,0 +1 @@ +OG Branch. diff --git a/cs2-pdxhub/index.html b/cs2-pdxhub/index.html new file mode 100644 index 0000000..cb8864f --- /dev/null +++ b/cs2-pdxhub/index.html @@ -0,0 +1,201 @@ +<!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>PDXHub</title>
+ </head>
+
+ <body>
+ <style>
+ html, body {
+ background: #1a1a1a;
+ }
+
+ h1 {
+ display: inline;
+ font-family: Arial;
+ font-weight: bold;
+ }
+
+ .header {
+ background-color: #333333;
+ height: 70px;
+ position: fixed;
+ left: 0;
+ top: 0;
+ width: 100%;
+ text-align: left;
+
+ }
+
+ .footer {
+ background-color: #333333;
+ height: 50px;
+ position: fixed;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ text-align: center;
+ }
+
+ .top-places {
+ background-color: #262626;
+ height: 100%;
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 15%;
+ text-align: center;
+ z-index: -1;
+ }
+
+ .logo {
+ position: relative;
+ top: 6px;
+ left: 6px;
+ }
+
+ #ph-white {
+ color: #fff;
+ }
+
+ #ph-orange {
+ background: orange;
+ border-radius: 5px;
+ }
+
+ a, a::after {
+ color: #fff;
+ text-decoration-style: none;
+ text-decoration-line: none;
+ }
+
+ a:hover {
+ color: #8c8c8c;
+ }
+
+ .top-m {
+ background-color: black;
+ height: 20px;
+ }
+
+ .thumbs {
+ position: absolute;
+ top: 10%;
+ left: 16.5%;
+ }
+
+ .board {
+ position: absolute;
+ left: 8%;
+ }
+
+ .search-bar {
+ position: absolute;
+ left: 12%;
+ top: 50%;
+ }
+
+
+ </style>
+
+ <script>
+
+ </script>
+
+ <div class="main">
+ <div class="header">
+ <div class="top-m">
+ <marquee style="color: #fff; font-family: Arial; text-align: center; font-weight: 600;" behavior="" direction="left">Highest Visited Place Today: Troutdale</marquee>
+ </div>
+ <div class="logo">
+ <h1 id="ph-white">Pdx</h1>
+ <h1 id="ph-orange">Hub</h1>
+ </div>
+
+ <p style="color: lightgrey; font-size: 10px; position: absolute; top: 15%; left: 12.3%;">(This is a Google search.)</p>
+ <form class="search-bar" method="get" action="https://www.google.com/search">
+ <input placeholder="Search" type="text" name="q" size="31" value="">
+ </form>
+ </div>
+ <!--
+ Twitter @9inny
+ -->
+ <div class="content">
+ <div class="links top-places" style="color: #fff; font-family: Arial; text-align: center; font-weight: 600;">
+ <br>
+ <br>
+ <br>
+ <br>
+ <h1>Top Places</h1>
+ <ol>
+ <li><a href="https://www.google.com/destination?q=top+places+in+oregon&safe=strict&rlz=1C1GCEA_enUS865US865&output=search&dest_mid=/m/01vhn1&sa=X&ved=2ahUKEwjNnp2uorjlAhVPuZ4KHeDaDvkQ69EBKAMwAHoECAoQBg#dest_mid=/m/01vhn1&tcfs=EjYKCS9tLzAxdmhuMRIpQ29sdW1iaWEgUml2ZXIgR29yZ2UgTmF0aW9uYWwgU2NlbmljIEFyZWE">Troutdale</a></li>
+ <li><a href="https://www.google.com/destination?q=top+places+in+oregon&safe=strict&rlz=1C1GCEA_enUS865US865&output=search&dest_mid=/m/02frhbc&sa=X&ved=2ahUKEwjNnp2uorjlAhVPuZ4KHeDaDvkQ69EBKAEwAHoECAoQBA#dest_mid=/m/02frhbc&tcfs=EhYKCi9tLzAyZnJoYmMSCFBvcnRsYW5k">Columbia George</a></li>
+ <li><a href="https://www.google.com/destination?q=top+places+in+oregon&safe=strict&rlz=1C1GCEA_enUS865US865&output=search&dest_mid=/m/017yy4&sa=X&ved=2ahUKEwjNnp2uorjlAhVPuZ4KHeDaDvkQ69EBKAIwAHoECAoQBQ#dest_mid=/m/017yy4&tcfs=EiYKCS9tLzAxN3l5NBIZQ3JhdGVyIExha2UgTmF0aW9uYWwgUGFyaw">Crater Lake</a></li>
+ <li><a href="https://www.google.com/destination?q=top+places+in+oregon&safe=strict&rlz=1C1GCEA_enUS865US865&output=search&dest_mid=/m/01913_&sa=X&ved=2ahUKEwjNnp2uorjlAhVPuZ4KHeDaDvkQ69EBKAQwAHoECAoQBw#dest_mid=/m/01913_&tcfs=EhcKCS9tLzAxOTEzXxIKTW91bnQgSG9vZA">Mount Hood</a></li>
+ </ol>
+
+ <div class="recommended-places">
+ <h1 style="font-size: 25px;">Recommended Places</h1>
+ <ul>
+ <li><a href="#">Crown Point</a></li>
+ <li><a href="#">Womens Forum</a></li>
+ <li><a href="#">Rose Garden</a></li>
+ <li><a href="#">Washington</a></li>
+ </ul>
+ </div>
+
+ <div class="pre-done-tic-tac-toe">
+ <h1 style="font-size: 25px;">Today's Votes</h1>
+ <br>
+ <br>
+ <div class="board">
+ <table style="text-align: left;" border="1px">
+ <tbody>
+ <tr>
+ <td>Top</td>
+ <td>Roseburg</td>
+ <td>6/10</td>
+ </tr>
+ <tr>
+ <td>Nice</td>
+ <td>Gresham</td>
+ <td>7/10</td>
+ </tr>
+ <tr>
+ <td>Cool</td>
+ <td>Troutdale</td>
+ <td>9/10</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+
+ <div class="thumbs">
+ <a href="https://www.google.com/imgres?imgurl=https%3A%2F%2Fwww.gannett-cdn.com%2Fpresto%2F2018%2F08%2F22%2FPSAL%2F954e1676-93a8-4c87-97d8-244412929279-SJ1_1677.JPG%3Fwidth%3D640&imgrefurl=https%3A%2F%2Fwww.statesmanjournal.com%2Fstory%2Fnews%2F2018%2F08%2F22%2Fsalem-oregon-air-quality-remains-unhealthy-clear%2F1060796002%2F&docid=TyXWxBLsonMofM&tbnid=N7Fhmh5tsZH41M%3A&vet=10ahUKEwjLyf7RpbjlAhUiNX0KHdwTDbEQMwhWKAcwBw..i&w=640&h=425&safe=active&bih=881&biw=1280&q=oregon%20but%20cool&ved=0ahUKEwjLyf7RpbjlAhUiNX0KHdwTDbEQMwhWKAcwBw&iact=mrc&uact=8">
+ <img src="https://www.gannett-cdn.com/presto/2018/08/22/PSAL/954e1676-93a8-4c87-97d8-244412929279-SJ1_1677.JPG?width=640" alt="" width="300px">
+ <br>
+ <h6 style="display: inline; color: #fff; font-family: Arial; text-align: center; font-size: 15px;">Salem [Category: Home-made]</h6>
+ </a>
+ <br>
+ <br>
+ <a href="https://www.lazenbyphoto.com/2014/09/cool-oregon/">
+ <img src="https://www.lazenbyphoto.com/wp-content/uploads/2014/09/DSC_3218copyWSH.jpg" alt="" width="300px">
+ <br>
+ <h6 style="display: inline; color: #fff; font-family: Arial; text-align: center; font-size: 15px;">Pacific Coast Range [Category: Amateur]</h6>
+ </a>
+ </div>
+ </div>
+ <div class="footer">
+ <!-- Using CSS for bold and italics would've been more effective but I wanted to get the requirments done haha. -->
+ <p style="color: #fff; font-family: Arial; text-align: center; font-size: 15px;"><strong>Designed with ❤️ in</strong> <em>Oregon</em><strong>.</strong></p>
+ </div>
+ </div>
+ </body>
+
+</html>
\ No newline at end of file diff --git a/cs2-rhs-hp/README.md b/cs2-rhs-hp/README.md new file mode 100644 index 0000000..cf8e748 --- /dev/null +++ b/cs2-rhs-hp/README.md @@ -0,0 +1,7 @@ +# Recreation + +https://8cy.github.io/cs2-rhs-hp/ + +# Original + + diff --git a/cs2-rhs-hp/assets/serve.jpg b/cs2-rhs-hp/assets/serve.jpg Binary files differnew file mode 100644 index 0000000..a974964 --- /dev/null +++ b/cs2-rhs-hp/assets/serve.jpg diff --git a/cs2-rhs-hp/index.html b/cs2-rhs-hp/index.html new file mode 100644 index 0000000..6a889a4 --- /dev/null +++ b/cs2-rhs-hp/index.html @@ -0,0 +1,219 @@ +<!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>RHS | Reynolds High School</title>
+ <link rel="shortcut icon" href="https://www.reynolds.k12.or.us/favicon.ico" type="image/x-icon">
+ <!-- CSS -->
+ <style>
+ html, body {
+ background: #ffffff;
+ }
+
+ .background-img {
+ position: absolute;
+ top: 0;
+ left: 0;
+ }
+
+ #text-1 {
+ position: absolute;
+ top: 10px;
+ left: 58px;
+ font-family: Tahoma, Arial, sans-serif;
+ font-size: 14px;
+ }
+ #text-2 {
+ position: absolute;
+ top: 10px;
+ left: 138px;
+ font-family: Tahoma, Arial, sans-serif;
+ font-size: 14px;
+ }
+
+ #s-a-s {
+ position: absolute;
+ top: -6px;
+ left: 188px;
+ font-family: Tahoma, Arial, sans-serif;
+ font-size: 16px;
+ background: #ffffff;
+ }
+
+ #s-a-l {
+ position: absolute;
+ top: -6px;
+ right: 8px;
+ font-family: Tahoma, Arial, sans-serif;
+ font-size: 16px;
+ background: #ffffff;
+ }
+
+ #google {
+ background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
+ -webkit-background-clip: text;
+ font-family: Arial;
+ font-weight: bolder;
+ }
+
+ a {
+
+ }
+ </style>
+ </head>
+ <body>
+ <div class="background-img">
+ <img src="https://www.reynolds.k12.or.us/sites/all/themes/aha_compass_highschool/images/bgOuterWrapper.jpg">
+ </div>
+
+ <div class="header">
+ <img src="https://www.reynolds.k12.or.us/sites/all/themes/aha_compass_highschool/images/rhs-home-icon.png" style="position: absolute; top: 5px; left: 10px;">
+ <!-- I got this exactly correct for the positioning on the second try lol -->
+
+ <div class="text">
+ <a id="text-1" style="color: #ffffff; text-decoration-line: none;" href="#">Staff Login</a>
+ <a id="text-2" style="color: #ffffff; text-decoration-line: none;" href="#">District</a>
+
+ <p id="s-a-s">Select a School ↓</p>
+ <p id="s-a-l"><span id="google">G</span> Select Language | ↓</p>
+ </div>
+ </div>
+
+ <div class="main" style="background: white; position: absolute; top: 6%; left: 26%; font-family: Arial; font-size: 20px;">
+ <div class="drop-downs" style="background: rgb(243, 243, 243);">
+ <a href="#" style="color: black; font-weight: 600; text-decoration-line: none;"> About Us |</a>
+ <a href="#" style="color: black; font-weight: 600; text-decoration-line: none;"> Academics |</a>
+ <a href="#" style="color: black; font-weight: 600; text-decoration-line: none;"> Activities |</a>
+ <a href="#" style="color: black; font-weight: 600; text-decoration-line: none;"> Athletics |</a>
+ <a href="#" style="color: black; font-weight: 600; text-decoration-line: none;"> Community |</a>
+ <a href="#" style="color: black; font-weight: 600; text-decoration-line: none;"> Parents/Students |</a>
+ <a href="#" style="color: black; font-weight: 600; text-decoration-line: none;"> Contact Us</a>
+ </div>
+
+ <img src="https://www.reynolds.k12.or.us/sites/default/files/styles/banner_highschool_theme/public/imageattachments/banner/20971/20191203_jrotc_and_football.jpg?itok=hNwxtOXe">
+ <img src="https://www.reynolds.k12.or.us/sites/all/themes/aha_compass_highschool/images/rhs-logo.png" width="125px" style="position: absolute; left: -15px; top: 190px;">
+
+ <div class="divider" style="height: 10px; background: #1B433C;"></div>
+
+ <br>
+ <img src="https://www.reynolds.k12.or.us/sites/all/themes/aha_compass_highschool/images/h2_background.png">
+ <p style="color: white; position: absolute; top: 21.5%; left: 10%; font-size: 30px;">Reynolds High School</p>
+ <div class="divider-2" style="height: 1px; background: lightgrey; width: 616px;"></div>
+ <br>
+
+ <div class="articles">
+ <div class="first-a">
+ <style>
+ .articles a {
+ color: #0645AD;
+ text-decoration: none;
+ }
+
+ .articles p {
+ font-size: 13px;
+ }
+ </style>
+ <img src="https://www.reynolds.k12.or.us/sites/default/files/styles/headline/public/imageattachments/rhs/page/2056/megaphone_icon.jpg?itok=8oPionk3">
+ <a href="#">Daily Announcements</a>
+ <p>Check back every school day for our daily announcements to stay updated on what's happening at RHS!</p>
+ <a href="#" style="font-size: 13px; position: absolute; left: 55%;">Read more</a>
+ </div>
+
+ <br>
+ <div class="divider-a" style="height: 2px; background: lightgray; width: 616px;"></div>
+ <br>
+
+ <div class="first-a">
+ <img src="https://www.reynolds.k12.or.us/sites/default/files/styles/headline/public/imageattachments/rhs/page/7441/holiday_concert_season.png?itok=CUnsaDud">
+ <a href="#">Upcoming Performances</a>
+ <p>Join us for outstanding performances!</p>
+ <a href="#" style="font-size: 13px; position: absolute; left: 55%;">Read more</a>
+ </div>
+
+ <br>
+ <div class="divider-a" style="height: 2px; background: lightgray; width: 616px;"></div>
+ <br>
+
+ <div class="first-a">
+ <img
+ src="https://www.reynolds.k12.or.us/sites/default/files/styles/headline/public/imageattachments/rhs/page/20941/kaitlyn_kruse_and_xavier_glenn_october.jpg?itok=ejuAQPf0">
+ <a href="#">October 2019 Athlete of the Month</a>
+ <p>Congratulations to Kaitlyn Kruse and Xavier Glenn, our Jeff Wiens Athletes of the Month for October 2019!</p>
+ <a href="#" style="font-size: 13px; position: absolute; left: 55%;">Read more</a>
+ </div>
+
+ <br>
+ <div class="divider-a" style="height: 2px; background: lightgray; width: 616px;"></div>
+ <br>
+
+ <div class="first-a">
+ <img
+ src="https://www.reynolds.k12.or.us/sites/default/files/styles/headline/public/imageattachments/district/page/20161/back_to_school_sm.jpg?itok=RyLUki-g">
+ <a href="#">Back to School 2019-20</a>
+ <p>Get all of the information you need for the start of the 2019-20 school year!</p>
+ <a href="#" style="font-size: 13px; position: absolute; left: 55%;">Read more</a>
+ </div>
+ </div>
+
+ <br>
+ <div class="divider-a" style="height: 2px; background: lightgray; width: 616px;"></div>
+ <br>
+
+ <div class="docs">
+ <p style="color: white; background: #1B433C; width: 210px;">Supporting Documents</p>
+ <a href="#" style="font-size: 15px;">Bell Schedules, 2019-2020</a>
+ </div>
+ <br>
+
+ <div class="footer" style="background: #1B433C; color: white; width: 716px;">
+ <br>
+ <p style="text-align: center;">
+ Address: 1698 SW Cherry Park Rd., Troutdale, OR 97060 (map)<br>
+ Tel: (503) 667-3186 - For Attendance press 2 – Para Espanol presione 2<br>
+ <br>
+ Para asistencia en Español, presione 6 (x1052)<br>
+ <br>
+ For the counseling office press 3 (x1057) – Counseling Fax (503) 667-3096<br>
+ Additional Contact: Office/Administration and Attendance Hours: Bell schedule<br>
+ RHS Staff Links
+ <br>
+ <br>
+ </p>
+ </div>
+
+ <div class="main-2" style="position: absolute; top: 22%; left: 70%;">
+ <p style="font-size: 18px; background: lightgray; width: 190px;">Search<span style="position: absolute; left: 65%; background: black; height: 21px;">🔍</span></p>
+
+ <img src="https://www.reynolds.k12.or.us/sites/all/themes/aha_compass_highschool/images/calendar/RHS_calendar.png" alt="">
+
+ <p>Upcoming Events</p>
+ <p style="font-size: 15px; line-height: 22px;">
+ Wed 12.4 All Day<br>
+ Advisory Schedule<br>
+ Fri 12.6 3:30pm<br>
+ No After-school activity buses<br>
+ Fri 12.6 4:00pm<br>
+ Kirk Morey Wrestling Tournament<br>
+ Mon 12.9 All Day<br>
+ Late Start Schedule<br>
+ Mon 12.9 All Day<br>
+ Adopt-A-Family<br>
+ Tue 12.10 8:30am<br>
+ MHC ASB Winter Meeting<br>@ Clackamas HS<br>
+ Wed 12.11 8:00am<br>
+ NHS Blood Drive
+ </p>
+
+ <br>
+ <br>
+ <img src="https://www.reynolds.k12.or.us/sites/all/themes/aha_compass_highschool/images/store/store.png" alt="">
+ <br>
+ <br>
+ <br>
+ <img src="https://www.reynolds.k12.or.us/sites/all/themes/aha_compass_elem/images/peachjar_logo.jpg" alt="">
+ </div>
+ </div>
+ </body>
+</html>
\ No newline at end of file diff --git a/cs2-simple-website/404.html b/cs2-simple-website/404.html new file mode 100644 index 0000000..0311b5c --- /dev/null +++ b/cs2-simple-website/404.html @@ -0,0 +1,13 @@ +<!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>404</title>
+ <link href="https://www.favicon.cc/favicon/130/914/favicon.png" rel="icon" type="image/x-icon" />
+</head>
+<body>
+ <a href="/cs2-simple-website/index.html">woops</a>
+</body>
+</html>
diff --git a/cs2-simple-website/README.md b/cs2-simple-website/README.md new file mode 100644 index 0000000..1b4162f --- /dev/null +++ b/cs2-simple-website/README.md @@ -0,0 +1,3 @@ +This is the dev branch, here I just make changes to the site so it doesn't effect my original project. + +In reality, this is the master branch and I am only even working here because that's the only way I can deploy the site using GitHub pages. diff --git a/cs2-simple-website/about/index.html b/cs2-simple-website/about/index.html new file mode 100644 index 0000000..bdb7ee7 --- /dev/null +++ b/cs2-simple-website/about/index.html @@ -0,0 +1,26 @@ +<!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>About</title>
+ <link href="https://www.favicon.cc/favicon/130/914/favicon.png" rel="icon" type="image/x-icon" />
+ <link rel="stylesheet" href="/cs2-simple-website/home/css/main.css">
+</head>
+<body>
+ <script src="/cs2-simple-website/about/js/main.js"></script>
+
+ <div class="nav">
+ <nav class="bar">
+ <a href="/cs2-simple-website/home/">Home</a>
+ <a href="#">About</a>
+ <a href="https://s1n.pw/">S1N</a>
+ </nav>
+ </div>
+
+ <center>
+ <p>Proof of concept. Not setup :/</p>
+ </center>
+</body>
+</html>
diff --git a/cs2-simple-website/about/js/main.js b/cs2-simple-website/about/js/main.js new file mode 100644 index 0000000..8800346 --- /dev/null +++ b/cs2-simple-website/about/js/main.js @@ -0,0 +1,14 @@ +var space = " ";
+var speed = "60";
+var pos = 0;
+var msg = "// Abo.ut "; /*Enter the scrolling title as the msg variable's value.*/
+
+function Scroll() {
+ document.title = msg.substring(pos, msg.length) + space + msg.substring(0, pos);
+ pos++;
+ if (pos > msg.length) pos = 0;
+ window.setTimeout("Scroll()", speed);
+}
+Scroll();
+
+// Copyied from my GitHub repo: https://github.com/8cy/scrolling-html-title/blob/master/docs/js/main.js
\ No newline at end of file diff --git a/cs2-simple-website/guestbook.html b/cs2-simple-website/guestbook.html new file mode 100644 index 0000000..27300d3 --- /dev/null +++ b/cs2-simple-website/guestbook.html @@ -0,0 +1,31 @@ +<!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>About</title>
+ <link href="https://www.favicon.cc/favicon/130/914/favicon.png" rel="icon" type="image/x-icon" />
+ <link rel="stylesheet" href="/cs2-simple-website/home/css/main.css">
+ </head>
+
+ <body>
+ <script src="/cs2-simple-website/about/js/main.js"></script>
+
+ <div class="nav">
+ <nav class="bar">
+ <a href="/cs2-simple-website/home/">Home</a>
+ <a href="#">About</a>
+ <a href="https://s1n.pw/">S1N</a>
+ </nav>
+ </div>
+ <p class="important">* Not really working, just a proof of concept.</p>
+ <br>
+ <br>
+ <center>
+ <textarea style="resize: none" class="form" name="" id="" cols="30" rows="1" placeholder="Sign your name here!"></textarea>
+ </center>
+ </body>
+
+</html>
diff --git a/cs2-simple-website/home/css/main.css b/cs2-simple-website/home/css/main.css new file mode 100644 index 0000000..6838224 --- /dev/null +++ b/cs2-simple-website/home/css/main.css @@ -0,0 +1,73 @@ +html, +body { + background: url(http://art.teleportacia.org/observation/vernacular/stars/pusk.jpg); +} + +.nav { + background-image: -webkit-gradient(linear, left top, right bottom, from(blue), color-stop(50%, yellow)); + background-image: linear-gradient(to bottom right, blue 0% 10%, yellow 50% 100%); + background-position: center; + background-attachment: fixed; +} + +.bar { + text-align: center; + font-size: 30px; + word-spacing: 10px; +} + +a { + color: black; + text-decoration: none; +} + +a:hover { + color: red; +} + +p { + font-size: 20px; + color: yellow; +} + +marquee { + font-size: 60px; + color: orange; +} + +h1 { + color: red; +} + +.important { + color: green; +} + +.imgs { + display: block; + position: absolute; + right: 800px; + bottom: 0px; +} + +.update { + text-align: right; + margin: 10px; + padding: 10px; + color: orange; +} + +.welcome { + display: block; + position: absolute; + top: 140px; + right: 25px; +} + +.norm { + color: brown; +} + +.guest { + color: burlywood; +} diff --git a/cs2-simple-website/home/css/main.scss b/cs2-simple-website/home/css/main.scss new file mode 100644 index 0000000..dafff38 --- /dev/null +++ b/cs2-simple-website/home/css/main.scss @@ -0,0 +1,72 @@ +html,
+body {
+ background: url(http://art.teleportacia.org/observation/vernacular/stars/pusk.jpg);
+}
+
+.nav {
+ background-image: linear-gradient(to bottom right, blue 0% 10%, yellow 50% 100%);
+ background-position: center;
+ background-attachment: fixed;
+}
+
+.bar {
+ text-align: center;
+ font-size: 30px;
+ word-spacing: 10px;
+}
+
+a {
+ color: black;
+ text-decoration: none;
+}
+
+a:hover {
+ color: red;
+}
+
+p {
+ font-size: 20px;
+ color: yellow;
+}
+
+marquee {
+ font-size: 60px;
+ color: orange;
+}
+
+h1 {
+ color: red;
+}
+
+.important {
+ color: green;
+}
+
+.imgs {
+ display: block;
+ position: absolute;
+ right: 800px;
+ bottom: 0px;
+}
+
+.update {
+ text-align: right;
+ margin: 10px;
+ padding: 10px;
+ color: orange;
+}
+
+.welcome {
+ display: block;
+ position: absolute;
+ top: 140px;
+ right: 25px;
+}
+
+.norm {
+ color: brown;
+}
+
+.guest {
+ color: burlywood;
+}
\ No newline at end of file diff --git a/cs2-simple-website/home/index.html b/cs2-simple-website/home/index.html new file mode 100644 index 0000000..a5cf4cf --- /dev/null +++ b/cs2-simple-website/home/index.html @@ -0,0 +1,62 @@ +<!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>Simple Website</title>
+ <link href="https://www.favicon.cc/favicon/130/914/favicon.png" rel="icon" type="image/x-icon" />
+ <link rel="stylesheet" href="/cs2-simple-website/home/css/main.css">
+ </head>
+
+ <body>
+ <script src="/cs2-simple-website/js/main.js"></script>
+
+ <div class="nav">
+ <nav class="bar">
+ <center>
+ <a href="#">Home</a>
+ <a href="/cs2-simple-website/about/">About</a>
+ <a href="https://s1n.pw/">S1N</a>
+ </center>
+ </nav>
+ </div>
+
+ <p class="important">* Sorry, but I had to do it, 90s web design at its finest.</p>
+ <p class="update">Last Updated: 06/12/1996</p>
+ <a href="/cs2-simple-website/404.html"><img class="welcome" src="http://stryvemarketing.com/wp-content/uploads/2016/04/welcome.gif" alt=""
+ width="200px"></a>
+
+ <div class="main">
+ <div class="intro">
+ <center>
+ <br>
+ <br>
+ <h1>Introduction:</h1>
+
+ <p>This is a simple website, my name is s1nical and this was made on 9/17/2019</p>
+
+ <p>My name is s1nical, I am taking both CS1 and CS2. I am really into electronics.<br>
+ I have been a freelance web-developer for almost three years. I also like to make things with<br>
+ C++ such as CS:GO cheats and stuff.</p>
+ <br>
+ <br>
+ <br>
+ <br>
+ <br>
+ <br>
+
+ <marquee behavior="" direction="left">Sign my <a class="guest" href="/cs2-simple-website/guestbook.html">guestbook!</a></marquee>
+ </center>
+
+ <div class="imgs">
+ <a href="https://s1n.pw/konami/">
+ <img src="https://files.steempeak.com/file/steempeak/mirkojax/26DKWaHM-hiE5vMs.gif" alt="">
+ </a>
+ </div>
+ </div>
+ </div>
+ </body>
+
+</html>
diff --git a/cs2-simple-website/index.html b/cs2-simple-website/index.html new file mode 100644 index 0000000..58dc984 --- /dev/null +++ b/cs2-simple-website/index.html @@ -0,0 +1,14 @@ +<!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>Loading...</title>
+ <link href="https://www.favicon.cc/favicon/130/914/favicon.png" rel="icon" type="image/x-icon" />
+ <script src="/cs2-simple-website/js/redirect-to-home.js"></script>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/cs2-simple-website/js/main.js b/cs2-simple-website/js/main.js new file mode 100644 index 0000000..0150af1 --- /dev/null +++ b/cs2-simple-website/js/main.js @@ -0,0 +1,14 @@ +var space = " ";
+var speed = "60";
+var pos = 0;
+var msg = "// Hom.e "; /*Enter the scrolling title as the msg variable's value.*/
+
+function Scroll() {
+ document.title = msg.substring(pos, msg.length) + space + msg.substring(0, pos);
+ pos++;
+ if (pos > msg.length) pos = 0;
+ window.setTimeout("Scroll()", speed);
+}
+Scroll();
+
+// Copyied from my GitHub repo: https://github.com/8cy/scrolling-html-title/blob/master/docs/js/main.js
\ No newline at end of file diff --git a/cs2-simple-website/js/redirect-to-home.js b/cs2-simple-website/js/redirect-to-home.js new file mode 100644 index 0000000..70666e8 --- /dev/null +++ b/cs2-simple-website/js/redirect-to-home.js @@ -0,0 +1 @@ +document.location = "/cs2-simple-website/home/" 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;
+}
|
