Website Update #8!

Been over a year since FTC Team #6460 RoboWarriors updated the website! Here are the new changes on the website * All Pages * -Top Bar: Changed the text “Niskayuna RoboWarriors!” to just “RoboWarriors!” Because on some smaller resolution screens making the sign into 2 lines instead of it being 1 -Changed the FaviCon (the image on the tab bar) from the 2022-2023 logo to the 2023-2024 logo. * Home Page * -Changed the text on the home page, “NISKAYUNA ROBOTICS to “NISKAYUNA ROBOWARRIORS” to resemble more of our team name -Changed the image from the robot from 2022-2023 to the robot from 2023-2024 (Currently a CAD image right now, but will be updated sometime later on to the actual robot.) -Updated the “Our GitHub” page from the 2022-2023 repo, to the 2023-2024 repo -Changed the text “Our GitHub Repository, and Information on our Unbearable Robot!” to “Our GitHub Repository, and Information on our Robot!” -Changed the text for “About our Robot” to “The inner-workings of our robot fromCenterstage, and other previous years!” to align it more with it just being the robot only, and not like an “Who we are” as a club. -“About our Robot” link has been changed from the PowerPlay page to the Centerstage. * Centerstage * -Created a new page for Centerstage for the 2023 - 2024 season -Updated the dropdown menu for our past robots to include this years (this applies to all the other past robot pages as well) -Added the official current 2023-2024 crab logo to the page for now, until that page is fully complete. (this years team logo is a crab!) * PowerPlay * Removed the Notebook section since that never got worked on at all during 2022-2023 season * File Changes * -Added 2 new images to the imgs folder -Updated about.js to add a new header for it to work with light mode/dark mode with the website
Niskayuna-RoboWarriors · Jan 22, 2024 · b103e28 · b103e28
1 parent ef9b536
commit b103e28
Show file tree

Hide file tree

Showing 13 changed files with 78 additions and 19 deletions.
diff --git a/Centerstage.html b/Centerstage.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html style="scroll-behavior: smooth;">
+    <head>
+        <title>RoboWarriors</title>
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
+        <link rel="stylesheet" href="css/about.css">
+        <link href="./imgs/Nisky RoboWarriors Logo (2023-2024).png" rel="icon">
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
+        <meta property="og:type" content="website"/>
+        <meta property="og:url" content="https://niskayuna-robowarriors.github.io/website/"/>
+        <meta property="og:title" content="Niskayuna RoboWarriors"/>
+        <meta property="og:description" content="The soon-to-be best robotics team on the globe, the Niskayuna RoboWarriors."/>
+        <meta property="og:image" content="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fwww.classcreator.com%2F000%2Ftemplate_media%2F375A6E24-ECF4-BBD7-B9606A1EAD405F79.png&f=1&nofb=1"/>
+        <meta property="og:image:width" content="1200"/>
+        <meta property="og:image:height" content="1200"/>
+        <meta name="theme-color" content="#2B2D42"/>
+    </head>
+
+   <!-- Heading setup. Done in a .js file -->
+   <script src="./header.js"></script>
+   <script>
+       window.onload=function(){
+           setPageHeader('Centerstage (2023-2024)')//the text here is what determinas the text at the top center of the page 
+       }
+   </script>
+
+    <div class="row nav">
+        <span class="headBlock"></span>
+    </div>
+
+
+<section class="text">
+    <h2 class="about-us"></h2>
+<p>
+    &emsp;This page is currently being worked on! Check back later :)
+</p>
+<center><img class="img-responsive-powah" src="./imgs/Nisky RoboWarriors Logo (2023-2024).png"></center><br><br>
+
+</section>
+
+
+<section>
+    <div class="footer">
+        <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="5">
+            <line class="footer-line" x1="5%" y1="0" x2="95%" y2="0" style="stroke:#2B2D42; stroke-width: 2;"></line>
+        </svg>
+        <div class="row">
+            <svg xmlns="http://www.w3.org/2000/svg" onclick="lightClick();" width="32" height="32" class="mode-light col-lg-6" viewBox="0 0 16 16">
+                <path d="M7 8a3.5 3.5 0 0 1 3.5 3.555.5.5 0 0 0 .625.492A1.503 1.503 0 0 1 13 13.5a1.5 1.5 0 0 1-1.5 1.5H3a2 2 0 1 1 .1-3.998.5.5 0 0 0 .509-.375A3.502 3.502 0 0 1 7 8zm4.473 3a4.5 4.5 0 0 0-8.72-.99A3 3 0 0 0 3 16h8.5a2.5 2.5 0 0 0 0-5h-.027z"/>
+                <path d="M11.286 1.778a.5.5 0 0 0-.565-.755 4.595 4.595 0 0 0-3.18 5.003 5.46 5.46 0 0 1 1.055.209A3.603 3.603 0 0 1 9.83 2.617a4.593 4.593 0 0 0 4.31 5.744 3.576 3.576 0 0 1-2.241.634c.162.317.295.652.394 1a4.59 4.59 0 0 0 3.624-2.04.5.5 0 0 0-.565-.755 3.593 3.593 0 0 1-4.065-5.422z"/>
+            </svg>
+            <p id="copyright" class="col-lg-6">&copy; Niskayuna Robotics</p>
+        </div>
+    </div>
+</section>
+<script src="scripts/about.js"></script>
+
+</html>
diff --git a/Freight_Frenzy.html b/Freight_Frenzy.html
@@ -28,7 +28,6 @@
     <div class="row nav">
         <span class="headBlock"></span>
     </div>
-
         <section class="text">
             <h2 class="about-us">About Us</h2>
             <p> 

diff --git a/PowerPlay.html b/PowerPlay.html
@@ -72,8 +72,6 @@ <h4><b>Linear Slides & Claw</b></h4>
         tangled string which had gotten unstrung multiple times in previous competitions with tight, organized string that we have had no issues with. We also improved the
         claw by 3-D printing a claw tested to pick up the cones as efficient as possible with wheels laced inside to grab cones without them sliding away.
          </p>
-    <div class="infosub"><h2 class="text-background"><b>Notebook</b></h2></div>
-    <p>This section is currently being worked on. Check back later :)</p>>
     <div id="scroll"></div>
     <br>
 </section>

diff --git a/Relic_Recovery.html b/Relic_Recovery.html
@@ -5,7 +5,7 @@
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
         <link rel="stylesheet" href="css/about.css">
-        <link href="./imgs/Nisky RoboWarriors Logo (2022-2023).png" rel="icon">
+        <link href="./imgs/Nisky RoboWarriors Logo (2023-2024).png" rel="icon">
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
         <meta property="og:type" content="website"/>
         <meta property="og:url" content="https://niskayuna-robowarriors.github.io/website/"/>

diff --git a/Rover_Ruckus.html b/Rover_Ruckus.html
@@ -5,7 +5,7 @@
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
         <link rel="stylesheet" href="css/about.css">
-        <link href="./imgs/Nisky RoboWarriors Logo (2022-2023).png" rel="icon">
+        <link href="./imgs/Nisky RoboWarriors Logo (2023-2024).png" rel="icon">
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
         <meta property="og:type" content="website"/>
         <meta property="og:url" content="https://niskayuna-robowarriors.github.io/website/"/>

diff --git a/Skytone.html b/Skytone.html
@@ -5,7 +5,7 @@
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
         <link rel="stylesheet" href="css/about.css">
-        <link href="./imgs/Nisky RoboWarriors Logo (2022-2023).png" rel="icon">
+        <link href="./imgs/Nisky RoboWarriors Logo (2023-2024).png" rel="icon">
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
         <meta property="og:type" content="website"/>
         <meta property="og:url" content="https://niskayuna-robowarriors.github.io/website/"/>

diff --git a/css/main.css b/css/main.css
@@ -71,8 +71,8 @@ h4:hover {
 .hero {
     background-size: cover;
     background-repeat: no-repeat;
-    background-image: url(../imgs/2022-2023\ Robot\(4\).png);
-    background-position: 50% 35%;
+    background-image: url(../imgs/2023-2024\ Robot\ \(CAD\ FILE\)\ \(1\).PNG); 
+    background-position: 80% 30%;
     height: 1000px;
     display: block;
     padding-top: 300px;

diff --git a/downloads.html b/downloads.html
@@ -5,7 +5,7 @@
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
         <link rel="stylesheet" href="css/main.css">
-        <link href="./imgs/Nisky RoboWarriors Logo (2022-2023).png" rel="icon">
+        <link href="./imgs/Nisky RoboWarriors Logo (2023-2024).png" rel="icon">
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
         <meta property="og:type" content="website"/>
         <meta property="og:url" content="https://niskayuna-robowarriors.github.io/website/"/>

diff --git a/header.js b/header.js
@@ -4,7 +4,7 @@ let titleOfPage =""
 
 function teamName (mode){//the team name part of the header
     return '<td width="35%">'+
-    ((mode)? '<center>' : '')+'<h1 class="nav-title"><b><a class="nav-title" href="index.html">Niskayuna RoboWarriors!</a></b></h1>'+((mode)? '</center>' : '')+
+    ((mode)? '<center>' : '')+'<h1 class="nav-title"><b><a class="nav-title" href="index.html">RoboWarriors!</a></b></h1>'+((mode)? '</center>' : '')+
 '</td>'
 }
 
@@ -20,7 +20,8 @@ function dropMenu(mode){//the page selection drop down menu part of the header
 '<div class="dropdown col-lg-4 nav-item" style="float:right; right: 20px; top: 20px;">'+
     '<button class="dropbtn">Robots from Other Years</button>'+
     '<div class="dropdown-content">'+
-        '<a href="PowerPlay.html">PowerPlay (2022 - 2023) (Current)</a>'+
+        '<a href="Centerstage.html">Centerstage (2023 - 2024) (Current)</a>'+
+        '<a href="PowerPlay.html">PowerPlay (2022 - 2023)</a>'+
         '<a href="Freight_Frenzy.html">Freight Frenzy (2021 - 2022)</a>'+
         '<a href="Skytone.html">Skystone (2019 - 2020)</a>'+
         '<a href="Rover_Ruckus.html">Rover Ruckus (2018 - 2019)</a>'+

diff --git a/imgs/2023-2024 Robot (CAD FILE) (1).PNG b/imgs/2023-2024 Robot (CAD FILE) (1).PNG
diff --git a/imgs/Nisky RoboWarriors Logo (2023-2024).png b/imgs/Nisky RoboWarriors Logo (2023-2024).png
diff --git a/index.html b/index.html
@@ -5,7 +5,7 @@
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
         <link rel="stylesheet" href="css/main.css">
-        <link href="./imgs/Nisky RoboWarriors Logo (2022-2023).png" rel="icon">
+        <link href="./imgs/Nisky RoboWarriors Logo (2023-2024).png" rel="icon">
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
         <meta property="og:type" content="website"/>
         <meta property="og:url" content="https://niskayuna-robowarriors.github.io/website/"/>
@@ -20,7 +20,7 @@
         <div class="row nav">
             <div class="col-lg-4">
                 <a class="nav-links" href="#">
-                    <h1 class="nav-title"><b>Niskayuna RoboWarriors!</b></h1>
+                    <h1 class="nav-title"><b>RoboWarriors!</b></h1>
                 </a>
             </div>
             <div class="col-lg-4 nav-item">
@@ -29,14 +29,14 @@ <h4>Links</h4>
                 </a>
             </div>
             <div class="col-lg-4 nav-item">
-                <a class="nav-links" href="PowerPlay.html">
+                <a class="nav-links" href="Centerstage.html">
                     <h4>About our Robot!</h4>
                 </a>
             </div>
         </div>
         <header>
             <div class="hero">
-                <h1 class="hero-text"><b>NISKAYUNA ROBOTICS</b></h1>
+                <h1 class="hero-text"><b>NISKAYUNA ROBOWARRIORS</b></h1>
                 <br>
                 <h2 class="hero-desc">FTC Team 6460</h2>
                 <br>
@@ -46,7 +46,7 @@ <h2 class="hero-slogan"><i>Semper Inspirans!</i></h2>
         <section>
             <div class="row links-main">
                 <div class="link-header col-lg-12" style="text-align: center; font-size: 40px; color: #2B2D42;">USEFUL LINKS</div>
-                <div class="link-header col-lg-12" style="text-align: center; margin-bottom: 80px; color: #2B2D42;"><i>Our GitHub Repository, and Information on our Unbearable Robot!</i></div>
+                <div class="link-header col-lg-12" style="text-align: center; margin-bottom: 80px; color: #2B2D42;"><i>Our GitHub Repository, and Information on our Robot!</i></div>
                 <div class="links-link col-lg-4">
                     <a href="downloads.html">
                         <svg class="links-svg-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#D90429" viewBox="0 0 16 16">
@@ -58,7 +58,7 @@ <h3>Downloadable Files</h3>
                     <p>Access our public downloadable files.</p>
                 </div>
                 <div class="links-link col-lg-4">
-                    <a href="https://github.com/Niskayuna-RoboWarriors/ftc-2022" target="_blank">
+                    <a href="https://github.com/Niskayuna-RoboWarriors/ftc-2023-24" target="_blank">
                         <svg class="links-svg-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#D90429" viewBox="0 0 16 16">
                             <path d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z"/>
                             <path d="M8.646 6.646a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L10.293 9 8.646 7.354a.5.5 0 0 1 0-.708zm-1.292 0a.5.5 0 0 0-.708 0l-2 2a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .708-.708L5.707 9l1.647-1.646a.5.5 0 0 0 0-.708z"/>
@@ -68,14 +68,14 @@ <h3>Our Github</h3>
                     <p>The source code for our robot. <br> All written in Java 1.8!</p>
                 </div>
                 <div class="links-link col-lg-4">
-                    <a href="PowerPlay.html">
+                    <a href="Centerstage.html">
                         <svg class="links-svg-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#D90429" viewBox="0 0 16 16">
                             <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
                             <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
                         </svg>
                     </a>
                     <h3>About Our Robot</h3>
-                    <p>The inner-workings of our robot, <br>and info about our team!</p>
+                    <p>The inner-workings of our robot from<br>Centerstage, and other previous years!</p>
                 </div>
             </div>
         </section>

diff --git a/scripts/about.js b/scripts/about.js
@@ -19,6 +19,7 @@ function darkClick()
     $("h3").css("color", "#2B2D42");
     $("h4").css("color", "#2B2D42");
     $("p").css("color", "#2B2D42");
+    $("font").css("color", "#2B2D42");
     window.localStorage.setItem("theme", "light");
 }
 function lightClick()
@@ -33,6 +34,7 @@ function lightClick()
     $("h3").css("color", "#EDF2F4");
     $("h4").css("color", "#EDF2F4");
     $("p").css("color", "#EDF2F4");
+    $("font").css("color", "#EDF2F4");
     window.localStorage.setItem("theme", "dark");
 }
 document.getElementById("copyright").innerText += ` ${new Date().getFullYear()}`;