Update

cornellev · May 10, 2024 · 78e4a53 · 78e4a53
1 parent a2638bb
commit 78e4a53
Show file tree

Hide file tree

Showing 12 changed files with 144 additions and 20 deletions.
diff --git a/site/secret.html b/site/secret.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<html id="secret">
+<script src="/src/js/page.js"></script>
+
+</html>
diff --git a/src/css/style.css b/src/css/style.css
@@ -5,6 +5,8 @@ html {
   top: 0;
   margin-top: 0;
   font-family: sans-serif;
+  background-color: black;
+  color: red;
 }
 h1 {
   margin-top: 1em;
@@ -35,17 +37,81 @@ nav {
   max-width: 100%;
   width: 100%;
 }
+.ButtonStyle {
+  text-decoration: none;
+  color: magenta;
+  display: inline;
+  padding: 0.25em;
+  border: 1px solid magenta;
+  background-color: transparent;
+  border-radius: 0.1em;
+}
+.ButtonStyle:visited {
+  color: magenta;
+  border: 1px solid magenta;
+}
+.ButtonStyle:hover {
+  background-color: #440044;
+}
+.ButtonStyle:active {
+  background-color: #770077;
+}
+button {
+  font-size: medium;
+  text-decoration: none;
+  color: magenta;
+  display: inline;
+  padding: 0.25em;
+  border: 1px solid magenta;
+  background-color: transparent;
+  border-radius: 0.1em;
+}
+button:visited {
+  color: magenta;
+  border: 1px solid magenta;
+}
+button:hover {
+  background-color: #440044;
+}
+button:active {
+  background-color: #770077;
+}
 #nav-list {
   max-width: 100%;
   width: 100%;
   float: left;
-  background-color: #ffcdcd;
   padding: 0.5em;
   border-radius: 0.1em;
+  border-color: red;
+  border: 1px solid;
+  line-height: 2em;
+  margin-bottom: 1em;
+}
+#nav-list #logo {
+  width: 2em;
+  height: 2em;
+  float: right;
 }
 #nav-list a {
+  font-size: 1.2em;
   text-decoration: none;
+  color: magenta;
+  display: inline;
+  padding: 0.25em;
+  border: 1px solid magenta;
+  background-color: transparent;
+  border-radius: 0.1em;
+}
+#nav-list a:visited {
+  color: magenta;
+  border: 1px solid magenta;
+}
+#nav-list a:hover {
+  background-color: #440044;
+}
+#nav-list a:active {
+  background-color: #770077;
 }
-.reset-float {
+#nav-list .reset-float {
   float: none;
 }
diff --git a/src/css/style.less b/src/css/style.less
@@ -5,6 +5,8 @@ html {
     top: 0;
     margin-top: 0;
     font-family: sans-serif;
+    background-color: black;
+    color: red;
 }
 
 h1 {
@@ -43,19 +45,57 @@ nav {
     width: 100%;
 }
 
+.ButtonStyle {
+    text-decoration: none;
+    color: magenta;
+    display: inline;
+    padding: 0.25em;
+    border: 1px solid magenta;
+    background-color: transparent;
+    border-radius: 0.1em;
+
+    &:visited {
+        color: magenta;
+        border: 1px solid magenta;
+    }
+
+    &:hover {
+        background-color: #440044;
+    }
+
+    &:active {
+        background-color: #770077;
+    }
+}
+
+button {
+    font-size: medium;
+    .ButtonStyle();
+}
+
 #nav-list {
     max-width: 100%;
     width: 100%;
     float: left;
-    background-color: rgb(255, 205, 205);
     padding: 0.5em;
     border-radius: 0.1em;
+    border-color: red;
+    border: 1px solid;
+    line-height: 2em;
+    margin-bottom: 1em;
+
+    #logo {
+        width: 2em;
+        height: 2em;
+        float: right;
+    }
 
     a {
-        text-decoration: none;
+        font-size: 1.2em;
+        .ButtonStyle();
     }
-}
 
-.reset-float {
-    float: none;
+    .reset-float {
+        float: none;
+    }
 }
diff --git a/src/html/404.html b/src/html/404.html
@@ -1,2 +1,2 @@
-<h1>Error 404</h1>
+<h2>Error 404</h2>
 <p>Page not found</p>
diff --git a/src/html/home.html b/src/html/home.html
@@ -1,4 +1,7 @@
-<h1>CEV Autonomy</h1>
-<p>I am bored</p>
-<p>Sorry about it</p>
-<button onclick="alert('your third aunt asks you what major')">LOL</button>
+<h2>Home</h2>
+<p>Welcome, internet traveler! CEV autonomy works at the cutting edge of industry, designing and integrating
+    infrastructure and algorithms for self-driving cars.</p>
+<p>Right now, we're working on prototyping with small remote-controlled vehicles; our end goal is to achieve Level 2+
+    autonomy, whence we will tackle an actual car.</p>
+<p>Feel free to check out our <a href="https://github.com/cornellev">GitHub page</a> to see our members and projects
+    we're working on.</p>
diff --git a/src/html/nav.html b/src/html/nav.html
@@ -1,12 +1,11 @@
+<div style="text-align: center;">
+    <h1>CEV Autonomy</h1>
+</div>
 <nav>
     <div id="nav-list">
         <a href="/">Home</a>
-        |
-        <a href="/404.html">404</a>
-        |
-        <a href="/broken1">Broken Link 1</a>
-        |
-        <a href="/broken2">Broken Link 2</a>
+        <a href="/site/secret.html">Don't click here</a>
+        <img id="logo" src="/src/img/logo.webp" alt="CEV logo">
     </div>
     <div class="reset-float"></div>
     <br />

diff --git a/src/html/secret.html b/src/html/secret.html
@@ -0,0 +1,6 @@
+<p>I am bored</p>
+<p>Sorry about it</p>
+<button onclick="alert('your third aunt asks you what major')">LOL</button>
+<button onclick="alert('trivial')">Trivial?</button>
+<button onclick="alert('fuck all of you')">Fuck you?</button>
+<p><b>The baby was born almost immediately</b></p>
diff --git a/src/img/logo.webp b/src/img/logo.webp
diff --git a/src/js/page/index.js b/src/js/page/index.js
@@ -1,4 +1,4 @@
 async function Page(page) {
-    page.title = 'CEV Autonomy';
+    page.title = 'CEV Autonomy Home';
     await include(page.content, 'home.html');
 }
diff --git a/src/js/page/index.min.js b/src/js/page/index.min.js
@@ -1 +1 @@
-async function Page(page){page.title="CEV Autonomy";await include(page.content,"home.html")}
+async function Page(page){page.title="CEV Autonomy Home";await include(page.content,"home.html")}
diff --git a/src/js/page/secret.js b/src/js/page/secret.js
@@ -0,0 +1,4 @@
+async function Page(page) {
+    page.title = 'The Secret Page!';
+    await include(page.content, 'secret.html');
+}
diff --git a/src/js/page/secret.min.js b/src/js/page/secret.min.js
@@ -0,0 +1 @@
+async function Page(page){page.title="The Secret Page!";await include(page.content,"secret.html")}