Skip to content

Corrected Errors in both UI and text. #8

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
saiganesh-dev01 wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Corrected Errors in both UI and text. #8

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
86e931b
Website Tweaks.
saiganesh-dev01 Jul 4, 2026
dae0585
Website Tweaks.
saiganesh-dev01 Jul 4, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added assets/stonefish_sim.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
57 changes: 38 additions & 19 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -169,11 +169,11 @@
<div class="project-card" onclick="showPage('projects')">
<div class="project-img-neo">
<img src="assets/MIRA2.jpeg" alt="Project MIRA 2.0 AUV">
<div class="project-img-badge">Flagship · AUV</div>
<div class="project-img-badge">AUV</div>
<div class="project-num">01</div>
</div>
<div class="project-content-inner">
<div class="project-title">Project MIRA 2.0 </div>
<div class="project-title">Project MIRA</div>
<div class="project-desc">Competition-grade Autonomous Underwater Vehicle designed for SAUVC and TAC, featuring 6-DOF motion control, stereo vision perception, and integrated IMU-based navigation for autonomous task execution.</div>
<div class="project-tags"><span class="project-tag">ROS2</span><span class="project-tag">Computer Vision</span><span class="project-tag">SLAM</span></div>
<a class="project-link">View Project &rarr;</a>
Expand All @@ -187,7 +187,7 @@
</div>

<div class="project-content-inner">
<div class="project-title">Project MIRA</div>
<div class="project-title">Project MIRA 2.0</div>

<div class="project-desc">
Our first-generation competition Autonomous Underwater Vehicle developed for underwater robotics challenges.
Expand Down Expand Up @@ -238,7 +238,7 @@
</div>
</div>
<div class="competition-card" onclick="showPage('competitions')">
<div class="competition-header">
<div class="competition-header tac-bg">
<div>
<div class="competition-header-title">TAC Challenge</div>
<div style="font-family:var(--font-mono);font-size:10px;letter-spacing:2px;color:var(--grey-mid);margin-top:6px;text-transform:uppercase;">Norway &middot; International</div>
Expand Down Expand Up @@ -298,8 +298,12 @@
<a href="https://x.com/DNTRobotics" target="_blank" class="footer-social">
<i class="fa-brands fa-x-twitter"></i>
</a>

<a href="https://github.com/Dreadnought-Robotics" target="_blank" class="footer-social">
<i class="fa-brands fa-github"></i>
</a>

<a href="/cdn-cgi/l/email-protection#5236203733363c3d27353a26203d303d263b312112243b2621262736373c267c33317c3b3c" class="footer-social">
<a href="mailto:dreadnoughtrobotics@vit.ac.in" class="footer-social" target="_blank">
<i class="fa-solid fa-envelope"></i>
</a>

Expand All @@ -324,10 +328,10 @@
<div class="footer-col">
<div class="footer-col-title">Location</div>
<ul class="footer-links">
<li><a href="https://maps.app.goo.gl/ZDCPgyi7RSNMpSza7" target="_blank">VIT Chennai</a></li>
<li><a href="https://maps.app.goo.gl/ZDCPgyi7RSNMpSza7" target="_blank">Vandalur&ndash;Kelambakkam Rd</a></li>
<li><a href="https://maps.app.goo.gl/ZDCPgyi7RSNMpSza7" target="_blank">Chennai, TN 600127</a></li>
<li><a href="https://maps.app.goo.gl/ZDCPgyi7RSNMpSza7" target="_blank">India</a></li>
<li><a href="https://maps.app.goo.gl/iwuUFH6w68hECeea9" target="_blank">VIT Chennai</a></li>
<li><a href="https://maps.app.goo.gl/iwuUFH6w68hECeea9" target="_blank">Vandalur&ndash;Kelambakkam Rd</a></li>
<li><a href="https://maps.app.goo.gl/iwuUFH6w68hECeea9" target="_blank">Chennai, TN 600127</a></li>
<li><a href="https://maps.app.goo.gl/iwuUFH6w68hECeea9" target="_blank">India</a></li>
</ul>
</div>
</div>
Expand All @@ -347,7 +351,7 @@
<div class="page-banner">
<div class="page-banner-sub">Engineering Work</div>
<h1 class="page-banner-title">OUR <span class="stroke">PROJECTS</span></h1>
<p class="page-banner-desc">Full AUV builds to specialized subsystem R&amp;D, each project advances our capability.</p>
<p class="page-banner-desc">Full AUV builds to specialized subsystem R&amp;D, each project advances our capability. Can also view <a href="https://github.com/orgs/Dreadnought-Robotics" target="_blank" style="color: white;">GITHUB &rarr;</a></p>
<div class="page-banner-num">02</div>
</div>
<div class="projects-page">
Expand All @@ -362,16 +366,26 @@ <h1 class="page-banner-title">OUR <span class="stroke">PROJECTS</span></h1>
</div>
</div>
<div class="proj-page-card">
<div class="project-img-neo"><div class="project-img-neo-bg">AUV</div><div class="project-img-badge">Flagship</div><div class="project-num">02</div></div>
<div class="project-img-neo1">
<img src="assets/MIRA1.jpeg" alt="Veluza AUV" class="project-image">

<div class="project-img-badge">Flagship</div>
<div class="project-num">01</div>
</div>
<div class="project-content-inner">
<div class="project-title">Project MIRA 2.0</div>
<div class="project-desc">7-DOF underwater manipulator with compliant force feedback. Custom servo controllers integrated with MIRA for competition manipulation challenges.</div>
<div class="project-desc">6-DOF underwater manipulator with compliant force feedback. Custom servo controllers integrated with MIRA for competition manipulation challenges.</div>
<div class="project-tags"><span class="project-tag">ROS</span><span class="project-tag">Force Sensing</span><span class="project-tag">MoveIt2</span></div>
<a class="project-link" href="#">GitHub &rarr;</a>
</div>
</div>
<div class="proj-page-card">
<div class="project-img-neo"><div class="project-img-neo-bg">AUV</div><div class="project-img-badge">Flagship</div><div class="project-num">03</div></div>
<div class="project-img-neo1">
<img src="assets/MIRA2.jpeg" alt="Veluza AUV" class="project-image">

<div class="project-img-badge">Flagship</div>
<div class="project-num">01</div>
</div>
<div class="project-content-inner">
<div class="project-title">Project MIRA</div>
<div class="project-desc">Real-time underwater detection and segmentation. Custom YOLOv8 models trained for gates, buoys, and markers in variable visibility conditions.</div>
Expand All @@ -380,7 +394,7 @@ <h1 class="page-banner-title">OUR <span class="stroke">PROJECTS</span></h1>
</div>
</div>
<div class="proj-page-card">
<div class="project-img-neo"><div class="project-img-neo-bg">AUV</div><div class="project-img-badge">Flagship</div><div class="project-num">04</div></div>
<div class="project-img-neo"><div class="project-img-neo-bg">AUV</div><div class="project-img-badge">Flagship</div><div class="project-num">01</div></div>
<div class="project-content-inner">
<div class="project-title">Calypso</div>
<div class="project-desc">Sensor fusion combining DVL velocity, IMU orientation, pressure depth. Extended Kalman Filter with &lt;5cm position accuracy.</div>
Expand All @@ -398,12 +412,17 @@ <h1 class="page-banner-title">OUR <span class="stroke">PROJECTS</span></h1>
</div>
</div>
<div class="proj-page-card">
<div class="project-img-neo"><div class="project-img-neo-bg">SIM</div><div class="project-img-badge">Simulation</div><div class="project-num">06</div></div>
<div class="project-img-neo1">
<img src="assets/stonefish_sim.png" alt="Stonefish Simulator" class="project-image">

<div class="project-img-badge">Flagship</div>
<div class="project-num">01</div>
</div>
<div class="project-content-inner">
<div class="project-title">Gazebo Simulation</div>
<div class="project-desc">High-fidelity Gazebo environment for MIRA testing. Hydrodynamic modeling, underwater rendering, and full sensor simulation for pre-pool validation.</div>
<div class="project-tags"><span class="project-tag">Gazebo</span><span class="project-tag">ROS2</span><span class="project-tag">URDF</span><span class="project-tag">Hydrodynamics</span></div>
<a class="project-link" href="#">GitHub &rarr;</a>
<div class="project-title">Stonefish Simulation</div>
<div class="project-desc">High-fidelity Stonefish environment for MIRA testing. Hydrodynamic modeling, underwater rendering, and full sensor simulation for pre-pool validation.</div>
<div class="project-tags"><span class="project-tag">Stonefish</span><span class="project-tag">ROS2</span><span class="project-tag">URDF</span><span class="project-tag">Hydrodynamics</span></div>
<a class="project-link" href="https://github.com/Dreadnought-Robotics/mira_sim" target="_blank">GitHub &rarr;</a>
</div>
</div>
</div>
Expand Down
31 changes: 28 additions & 3 deletions styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -560,7 +560,6 @@ footer { background: var(--black); border-top: var(--border-thick); padding: 60p
position: relative;
height: 220px;
overflow: hidden;
border-radius: 12px;
filter: grayscale(100%);
}

Expand Down Expand Up @@ -602,7 +601,7 @@ footer { background: var(--black); border-top: var(--border-thick); padding: 60p
}

.tac-bg{
background-image:url("assets/tac.jpg");
background-image:url("assets/hero-bg.jpg");
}

.competition-header{
Expand Down Expand Up @@ -630,4 +629,30 @@ footer { background: var(--black); border-top: var(--border-thick); padding: 60p
.gallery-item:hover img {
filter: grayscale(0%);
transform: scale(1.05);
}
}

.project-img-neo1 {
position: relative;
height: 220px;
overflow: hidden;
border-bottom: var(--border-thick);
}

.project-img-neo1 img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;

filter: grayscale(100%);
-webkit-filter: grayscale(100%);

transition: filter 0.4s ease,
-webkit-filter 0.4s ease,
transform 0.4s ease;
}

.proj-page-card:hover .project-img-neo1 img {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
}