diff options
| author | s1n <[email protected]> | 2019-10-28 14:02:45 -0700 |
|---|---|---|
| committer | GitHub <[email protected]> | 2019-10-28 14:02:45 -0700 |
| commit | 329ac57b8e1d10615a2cea2f142d5f8b7569d4f9 (patch) | |
| tree | a37e7be2268aa78029bb3cb39ef8fc9fb544ad6c | |
| download | cs2-pdxhub-329ac57b8e1d10615a2cea2f142d5f8b7569d4f9.tar.xz cs2-pdxhub-329ac57b8e1d10615a2cea2f142d5f8b7569d4f9.zip | |
add pdxh
| -rw-r--r-- | index.html | 201 |
1 files changed, 201 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..cb8864f --- /dev/null +++ b/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 |