Add files via upload

FRC5113 · Oct 23, 2024 · f66840c · f66840c
1 parent 3fb4b06
commit f66840c
Show file tree

Hide file tree

Showing 8 changed files with 294 additions and 0 deletions.
diff --git a/about.html b/about.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>About Us - Combustible Lemons Robotics</title>
+
+    <link rel="stylesheet" type="text/css" href="stylesheet.css">
+</head>
+<body>
+
+    <header>
+        <div class="parent">
+        <div class="child"><h1>Combustible Lemons Robotics</h1></div>
+        <!--Someone figure out how to align this image to the right, it is not working-->
+        <div class="child"><a href="index.html"><div class="image"><img style="float:right" src="home.jpg" height="100px" width="100px"></div></a></div>
+        </div>
+    </header>
+
+    <section>
+        <div class="about-content">
+            <h2>About Us</h2>
+            <!--Somone please fix the text, this is just placeholder actualy write it please-->
+            <p>
+                Hi!! We are the Combustible Lemons. We are a Roboitcs (FRC) team based out of Morestown High School. We meet most days from 2 to 3:45. We hope you will join us in D108!!
+            </p>
+
+        </div>
+    </section>
+
+    <footer>
+        <p>&copy; 2024 Combustible Lemons Robotics Team. All rights reserved.</p>
+    </footer>
+
+</body>
+</html>
diff --git a/docs.html b/docs.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <link rel="stylesheet" type="text/css" href="stylesheet.css">
+        <title>Documentation Page</title>
+    </head>
+    <body class="doc-body">
+        <div class="parent">
+        <div class="child">
+        <header class="doc-header">
+            <h1>Documentation for Our Projects</h1>
+        </header>
+        </div>
+        <div class="child">
+            <a href="index.html"><img src="home.jpg" height="100px" weight="100px"></a>
+        </div>
+        </div>
+
+        <section class="doc-about-content">
+            <h2>Scouting Application</h2>
+            <p>
+                Access the scouting application <a href="https://github.com/FRC5113/scouting">here</a>.
+            </p>
+            <embed class="doc-section" src="docs/scouting.html" height="250px"width="100%"/>
+
+        </section>
+
+        <footer class="doc-footer">
+            <p>&copy; 2024 Our Projects</p>
+        </footer>
+    </body>
+</html>
diff --git a/docs/scouting.html b/docs/scouting.html
@@ -0,0 +1,15 @@
+<link rel="stylesheet" type="text/css" href="../stylesheet.css">
+<p class="doc-section">
+	1. Get into a GitHub account (preferably the team one)<br>
+	2. Click on where it says code<br>
+	3. Then click on code spaces<br>
+	4. Click on the existing code space<br>
+	5. In the terminal type npm install<br>
+	6. Then type npm audit<br>
+	7. Type cd “scouting/backend”<br>
+	8. Type node server.js<br>
+	9. Click the green button labeled open in browser, that is the link<br>
+	10. REMEMBER TO TURN OFF THE SERVER BY TYPING CONTROL C IN THE TERMINAL IR DELETING THE TERMINAL WHEN YOU ARE DONE<br>
+	11. THIS WILL PREVENT IS FROM RUNNING OUT OF FREE TEIR<br>
+	12. you can also clear the database if you want<br>
+</p>
diff --git a/home.jpg b/home.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html>
+<head>
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+<style>
+* {box-sizing: border-box;}
+
+body {
+  margin: 0;
+  font-family: Arial, Helvetica, sans-serif;
+}
+
+.topnav {
+  overflow: hidden;
+  background-color: #ffcc00;
+}
+
+.topnav a {
+  float: left;
+  display: block;
+  color: black;
+  text-align: center;
+  padding: 14px 16px;
+  text-decoration: none;
+  font-size: 17px;
+}
+
+.topnav a:hover {
+  background-color: #f0c154;
+  color: black;
+}
+
+.topnav a.active {
+  background-color:#ffcc00;
+  color: white;
+}
+
+.topnav .search-container {
+  float: right;
+}
+
+.topnav input[type=text] {
+  padding: 6px;
+  margin-top: 8px;
+  font-size: 17px;
+  border: none;
+}
+
+.topnav .search-container button {
+  float: right;
+  padding: 6px 10px;
+  margin-top: 8px;
+  margin-right: 16px;
+  background: #ddd;
+  font-size: 17px;
+  border: none;
+  cursor: pointer;
+}
+
+.topnav .search-container button:hover {
+  background: #ccc;
+}
+
+@media screen and (max-width: 600px) {
+  .topnav .search-container {
+    float: none;
+  }
+  .topnav a, .topnav input[type=text], .topnav .search-container button {
+    float: none;
+    display: block;
+    text-align: left;
+    width: 100%;
+    margin: 0;
+    padding: 14px;
+  }
+  .topnav input[type=text] {
+    border: 1px solid #ccc;  
+  }
+}
+
+</style>
+<link rel="stylesheet" type="text/css" href="stylesheet.css">
+
+</head>
+<body>
+
+<div class="topnav">
+  <a class="active" href="index.html">Home</a>
+  <a href="about.html">About</a>
+  <a href="docs.html">Docs</a>
+  <div class="search-container">
+    <form action="script.js">
+      <input type="text" placeholder="Search.." name="search">
+      <button type="submit"><i class="fa fa-search"></i></button>
+    </form>
+  </div>
+</div>
+
+
+</body>
+</html>
diff --git a/lemons.png b/lemons.png
diff --git a/script.js b/script.js
diff --git a/stylesheet.css b/stylesheet.css
@@ -0,0 +1,110 @@
+body {
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: #f4f4f4;
+    color: #333;
+}
+header {
+    background-color: #ffcc00;
+    color: #333;
+    padding: 20px;
+    text-align: center;
+}
+.image a:hover{
+    background-color: #ffcc00;
+    color: #333;
+    padding: 20px;
+    text-align: center;
+    background-color: #f0c154;
+}
+header h1 {
+    margin: 0;
+    font-size: 2.5rem;
+}
+nav {
+    margin-top: 10px;
+}
+nav a {
+    text-decoration: none;
+    color: #333;
+    margin: 0 15px;
+    font-weight: bold;
+}
+section {
+    padding: 50px;
+    background-color: #fff;
+}
+.about-content {
+    max-width: 900px;
+    margin: 0 auto;
+    text-align: center;
+}
+.about-content h2 {
+    font-size: 2rem;
+    color: #ffcc00;
+    margin-bottom: 20px;
+}
+.about-content p {
+    line-height: 1.6;
+    font-size: 1.1rem;
+}
+footer {
+    background-color: #333;
+    color: #fff;
+    text-align: center;
+    padding: 10px;
+    position: relative;
+    bottom: 0;
+    width: 100%;
+}
+footer p {
+    margin: 0;
+}
+.parent {
+text-align: center;
+background-color: #ffcc00;
+}
+.child {
+display: inline-block;
+padding: 1rem 1em;
+vertical-align: middle;
+}
+.doc-container {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 20px;
+    background-color: #fff;
+}
+
+.doc-title {
+    font-size: 2.5rem;
+    color: #ffcc00;
+    margin-bottom: 20px;
+}
+
+.doc-section {
+    margin-bottom: 30px;
+    background-color: #fff;  /* This ensures the entire section has the same background color */
+    padding-bottom: 2px;  /* You can adjust this value as needed */
+    padding-top: 20px;     /* Add padding on top for consistency */
+}
+
+
+.doc-section h3 {
+    font-size: 1.5rem;
+    color: #333;
+}
+
+.doc-section p {
+    font-size: 1.1rem;
+    line-height: 1.8;
+    color: #666;
+}
+
+.doc-section code {
+    background-color: #f4f4f4;
+    padding: 5px;
+    border-radius: 5px;
+    color: #333;
+}