From 3dc6d6a50b0743e195b915421babaec290946322 Mon Sep 17 00:00:00 2001 From: zander37 Date: Sun, 19 Oct 2025 21:27:08 -0400 Subject: [PATCH] Subjugator 3 Page Created --- src/App.jsx | 2 + src/Pages/VehiclePages/Subjugator3.jsx | 113 ++++++++++++++++ src/assets/SubjuGator3.jpg | Bin 0 -> 25193 bytes src/styles/Subjugator3.css | 170 +++++++++++++++++++++++++ 4 files changed, 285 insertions(+) create mode 100644 src/Pages/VehiclePages/Subjugator3.jsx create mode 100644 src/assets/SubjuGator3.jpg create mode 100644 src/styles/Subjugator3.css diff --git a/src/App.jsx b/src/App.jsx index fee585b..5f6dd15 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -9,6 +9,7 @@ import RoboSub from "./Pages/RoboSub"; import AUVTechnology from "./Pages/AUVTechnology"; import Sponsors from "./Pages/Sponsors"; import OurTeam from "./Pages/OurTeam"; +import Subjugator3 from "./Pages/VehiclePages/Subjugator3"; import "./App.css"; function App() { @@ -24,6 +25,7 @@ function App() { } /> } /> } /> + }/> {/* We'll add a footer component later */} diff --git a/src/Pages/VehiclePages/Subjugator3.jsx b/src/Pages/VehiclePages/Subjugator3.jsx new file mode 100644 index 0000000..fff7a3e --- /dev/null +++ b/src/Pages/VehiclePages/Subjugator3.jsx @@ -0,0 +1,113 @@ +import React, {useState, useEffect, useRef} from "react"; +import { Link } from "react-router-dom"; +import "../../styles/Subjugator3.css" +import Image from "../../assets/SubjuGator3.jpg" + +function Subjugator3() { + + const pageRef = useRef(null); + const infoRef = useRef(null); + const visualRef = useRef(null); + const resultsRef = useRef(null); + + useEffect(() => { + const page = pageRef.current; + const info = infoRef.current; + const visual = visualRef.current; + const results = resultsRef.current; + + const tids = []; + tids.push(setTimeout(() => page?.classList.add("animate-fadeIn"), 100)); + tids.push(setTimeout(() => info?.classList.add("animate-slideUp"), 200)); + tids.push(setTimeout(() => visual?.classList.add("animate-slideUp"), 300)); + tids.push(setTimeout(() => results?.classList.add("animate-slideUp"), 400)); + + return () => tids.forEach(clearTimeout); + }, []); + + return ( +
+
+
+

Subjugator3

+ + + + + + + + + + + + + + + + + + + + + + + + + +
Dry Weight:185 IbsDimensions:67"x27"x27"
Max Depth:20 feetMax Speed:unknown
Battery Life:unknownThrusters:6 Trolling Motors
Navigation:IMU/CompassCameras:unknown
+
+

Publication

+

Photos

+

Team

+
+
+
+ Vehicle Image +
+
+
+

The 3th generation SubjuGator vehicle has participated in 4 year of operation at the University of Florida from 1999 to 2003.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
VersionYearCompetitionPlacement
3.42003RoboSub 78th
3.32002RoboSub 63rd
3.22001RoboSub 53rd
3.12000RoboSub 47th
+
+
+ ); +} + + +export default Subjugator3; \ No newline at end of file diff --git a/src/assets/SubjuGator3.jpg b/src/assets/SubjuGator3.jpg new file mode 100644 index 0000000000000000000000000000000000000000..f93d06b0ae9e44075e4d56496f71e3cf97949ec0 GIT binary patch literal 25193 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 literal 0 HcmV?d00001 diff --git a/src/styles/Subjugator3.css b/src/styles/Subjugator3.css new file mode 100644 index 0000000..4bd041a --- /dev/null +++ b/src/styles/Subjugator3.css @@ -0,0 +1,170 @@ +.big-background { + display: flex; + flex-direction: column; + justify-content: center; + justify-items: center; + margin: 0 auto; + gap: 12px; + padding: 12px; +} + +.background { + display: flex; + width: 100%; + justify-content: center; + align-items: stretch; + gap: 12px; + max-width: 1200px; + margin: 0 auto; + padding: 12px; +} + +.info-box, .visual-box { + flex: 1; + box-sizing: border-box; + width: 600px; +} + +.info-box, .visual-box, .vehicle-page { + opacity: 0; + transform: translateY(8px); +} +.animate-fadeIn, .animate-slideUp { + opacity: 1; + transform: none; + transition: opacity .5s ease, transform .5s ease; +} + +.info-box { + padding: 28px; + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + border-radius: 16px; + border: 2px solid #FA4616; + box-shadow: -4px 8px 40px #003087; +} + +.info-box h2 { + margin-bottom: 24px; + color: #003087; + font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; + font-weight: bold; + font-size: 2.2rem; + letter-spacing: 1px; +} + +table { + width: 100%; + border-collapse: collapse; + font-family: "Poppins", Arial, sans-serif; + color: white; + font-size: 1rem; + letter-spacing: 0.5px; + border: 2px solid #FA4616; + margin-bottom: 20px; +} + +td { + border: 2px solid #FA4616; + padding: 10px 12px; + text-align: left; + white-space: nowrap; +} + +td:first-child, td:nth-child(3) { + font-weight: 600; +} + +td:nth-child(2), td:nth-child(4) { + text-align: center; +} + +.visual-box { + display: flex; + align-items: center; + justify-content: center; + border-radius: 16px; + overflow: hidden; +} + +.visual-box img { + display: block; + width: 100%; + height: 100%; + object-fit: contain; + border-radius: 8px; +} + +.vehicle-links { + display: flex; + justify-content: center; + align-items: center; + gap: 24px; + margin-top: 20px; +} + +.vehicle-links a { + text-decoration: none; + color: #003087; +} + +.vehicle-links a h4 { + font-size: 1.5rem; + margin: 0; + transition: color 0.3s ease; +} + +.vehicle-links a:hover h4 { + color: #FA4616; + transform: translateY(-2px); +} + +@media (max-width: 1200px) { + .background { + flex-direction: column; + } + + .info-box, .visual-box { + width: 100%; + max-width: 600px; + } +} + +.results { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin: 10px auto; +} + +.results p { + font-weight: bold; + margin-top: 12px; + color: white; +} + +.results-table { + width: 100%; + border-collapse: collapse; + font-family: "Poppins", Arial, sans-serif; + font-size: 1rem; + text-align: left; + color: white; + margin-top: 0 auto; + border: 1px solid #FA4616; +} + +.results-table th { + font-weight: 600; + padding: 12px 16px; + border: 1px solid #FA4616; + color: white; +} + +.results-table td { + padding: 12px 16px; + border: 1px solid #FA4616; +}