Skip to content

Commit b5e59b0

Browse files
steph1111steph1111
committed
Lazershark page template
1 parent 6056827 commit b5e59b0

File tree

7 files changed

+166
-77
lines changed

7 files changed

+166
-77
lines changed

‎_includes/lazershark-ee.html‎

Lines changed: 15 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -3,21 +3,28 @@
33
<h2 class="title has-text-left has-text-white-ter is-size-2 has-text-weight-bold mgb-medium">
44
Electrical Box
55
</h2>
6+
<p>
7+
The electrical box houses the complete LazerShark electrical stack. It is constructed from machined MIC 6 aluminum plates that were TIG welded together. The enclosure was designed to provide easy access to all components. It includes two polycarbonate windows: a top window to view the stack and a front window for the ZED 2i camera. These windows are secured with bolts and sealed using O-rings to provide a reliable watertight seal. The box is pressure-tested before each deployment to ensure minimal risk of failure.
8+
<br>
9+
</p>
10+
11+
<figure>
12+
<img src="https://raw.githubusercontent.com/CabrilloRoboticsClub/cabrillorobotics.github.io/14d24d1b212df580f18441c23426d07a719ebab4/assets/images/seahawk-II/seahawk-II-info-graphic.webp" alt="LazerShark electrical enclosure with labeled components">
13+
</figure>
14+
615
<div class="features">
716
<div class="column">
817
<ul>
9-
<li><span class="feature">1</span> </li>
10-
<li><span class="feature">2</span> </li>
11-
<li><span class="feature">3</span> </li>
12-
<li><span class="feature">4</span> </li>
18+
<li><span class="feature">1</span> Jetson dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</li>
19+
<li><span class="feature">2</span> BMS ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</li>
20+
<li><span class="feature">3</span> PiHat ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</li>
1321
</ul>
1422
</div>
1523
<div class="column">
1624
<ul>
17-
<li><span class="feature">5</span> </li>
18-
<li><span class="feature">6</span> </li>
19-
<li><span class="feature">7</span> </li>
20-
<li><span class="feature">8</span> </li>
25+
<li><span class="feature">4</span> Zed 2i Camera Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt</li>
26+
<li><span class="feature">5</span> Waterlinked DVL A50 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, </li>
27+
<li><span class="feature">6</span> PNI Naviguider andTargetPoint-TCM IMUs ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat n</li>
2128
</ul>
2229
</div>
2330
</div>

‎_includes/lazershark-me.html‎

Lines changed: 24 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,24 @@
1-
HI
1+
<section class="section" id="lazershark-me">
2+
<div class="container">
3+
<h2 class="title has-text-left has-text-white-ter is-size-2 has-text-weight-bold mgb-medium">
4+
Chassis
5+
</h2>
6+
<div class="columns">
7+
<div
8+
class="column has-text-justified-desktop has-justified-tablet has-justified-fullhd has-text-justified-widescreen">
9+
<p>
10+
The mechanical design prioritizes modularity and expandability. These qualities, along with rapid development cycles, were favored over producing a polished final product due to the limited team size and time constraints.
11+
<br>
12+
The vehicle chassis consists of two main components: the electrical and thruster extrusions. The thruster extrusions are secured to the electrical enclosure using four FDM-printed mounting brackets. The chassis provides mounting points for the thrusters, tooling, and a protected location for the DVL.
13+
<br>
14+
LazerShark’s weight is balanced by the buoyancy of the electrical box's volume. For fine buoyancy tuning, FDM-printed cartridges filled with lead shot can be added to or removed from unused interior spaces in the electrical box.
15+
</p>
16+
</div>
17+
<div class="column is-one-quarter-desktop is-one-quarter-tablet is-one-quarter-fullhd">
18+
<figure class="image">
19+
<img src="https://raw.githubusercontent.com/CabrilloRoboticsClub/cabrillorobotics.github.io/345da333ecd4013257b73888caf448cef262f7ab/assets/images/posts/march-25-update/bms-board.webp"
20+
alt="Battery management board">
21+
</figure>
22+
</div>
23+
</div>
24+
</section>

‎_includes/lazershark-se.html‎

Lines changed: 17 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,17 @@
1-
HI
1+
<section class="section" id="lazershark-se">
2+
<div class="container">
3+
<h2 class="title has-text-left has-text-white-ter is-size-2 has-text-weight-bold mgb-medium">
4+
Open Source Software
5+
</h2>
6+
<p class="description">
7+
ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
8+
</p>
9+
10+
<br>
11+
<div class="{{page.handle}}">
12+
<div style="display: flex; justify-content: center;">
13+
<a href="https://github.com/CabrilloRoboticsClub/robosub_ros" target="_blank"
14+
class="button is-rounded has-text-weight-normal is-outlined">GitHub</a>
15+
</div>
16+
</div>
17+
</section>

‎_layouts/lazershark.html‎

Lines changed: 0 additions & 51 deletions
This file was deleted.

‎assets/css/style.scss‎

Lines changed: 79 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -187,6 +187,7 @@ p {
187187
.lazer-shark .subtitle {
188188
color: var(--primary);
189189
}
190+
190191
.scroll-down {
191192
position: absolute;
192193
bottom: 50px;
@@ -356,6 +357,17 @@ p {
356357
border-color: var(--seahawk-II);
357358
}
358359

360+
.lazer-shark .button {
361+
background-color: var(--primary-bkg);
362+
border-color: var(--primary);
363+
color: var(--header);
364+
}
365+
366+
.lazer-shark .button:hover {
367+
background-color: var(--primary);
368+
border-color: var(--primary);
369+
}
370+
359371
.seahawk-II a {
360372
color: var(--seahawk-II);
361373
}
@@ -458,6 +470,73 @@ p {
458470
}
459471
}
460472

473+
#lazershark-ee {
474+
display: grid;
475+
.features {
476+
display: flex;
477+
flex-wrap: wrap;
478+
gap: 1rem;
479+
color: var(--text);
480+
font-size: var(--paragraph-size);
481+
text-align: justify;
482+
}
483+
484+
.column {
485+
flex: 1;
486+
min-width: auto;
487+
}
488+
489+
ul {
490+
list-style-type: none;
491+
padding: 0;
492+
margin: 0;
493+
}
494+
495+
li {
496+
display: flex;
497+
align-items: center;
498+
line-height: 1.5;
499+
position: relative;
500+
padding-left: 50px;
501+
margin-bottom: 1rem;
502+
}
503+
504+
.feature {
505+
display: flex;
506+
align-items: center;
507+
justify-content: center;
508+
width: 30px;
509+
height: 30px;
510+
background-color: var(--primary);
511+
color: var(--header);
512+
font-weight: bold;
513+
border-radius: 50%;
514+
font-size: 1.1em;
515+
position: absolute;
516+
top: 50%;
517+
left: 0;
518+
transform: translateY(-50%);
519+
}
520+
}
521+
522+
#lazershark-se {
523+
.lazer-shark .button {
524+
background-color: var(--primary-bkg);
525+
border-color: var(--primary);
526+
color: var(--header);
527+
}
528+
529+
.lazer-shark .button:hover {
530+
background-color: var(--primary);
531+
border-color: var(--primary);
532+
}
533+
534+
.seahawk-II a {
535+
color: var(--seahawk-II);
536+
}
537+
}
538+
539+
461540
#about {
462541
// three buttons in a line, flexible sizes
463542
.buttons {

‎assets/images/lazer-shark/gallery-lazershark/lazershark-me-cad.PNG‎

219 KB
Loading

‎lazershark.md‎

Lines changed: 31 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,38 @@
11
---
2-
layout: lazershark
2+
layout: project-page
33
comp: RoboSub 2025
44
title: LazerShark
55
subtitle: Coming soon...
66
hero-image: https://raw.githubusercontent.com/CabrilloRoboticsClub/cabrillorobotics.github.io/what-a-theme-test/assets/images/lazer-shark/lazer-shark.webp
77
handle: lazer-shark
8-
description: "
9-
Cabrillo College’s Robotics Club recently announced their participation in the upcoming RoboSub competition, following their <a href='https://cabrillorobotics.org/updates/cabrillo-robotics-wins-international-robotics-competition'>victory</a> at the Marine Advanced Technology Education (MATE) World Championship. In June, the team secured First Place in the most advanced category of the MATE competition, outperforming 29 teams from 9 countries. MATE tasks teams worldwide to design and construct a Remotely Operated Vehicle (ROV), a tethered underwater robot, capable of performing simulated industry tasks. After three consecutive years of participation in the MATE competition, and three first place victories in their respective division, Cabrillo Robotics is ready to embark on a new challenge.
10-
<br>
11-
“We are incredibly grateful for our time participating in the MATE competition,” said Stephanie L’Heureux, Cabrillo Robotics President. “The experience has been invaluable, providing us with numerous technical and interpersonal skills we will carry forward into our careers as engineers. Over the years, we’ve learned to tackle complex engineering challenges by devising unique and innovative solutions, and work well as a team. Our participation in MATE has inspired us to push our limits and continuously seek new challenges and learning opportunities–-which is why we have decided to take on a new challenge this year. MATE has provided us with a solid foundation for underwater robotics, and with that knowledge, the RoboSub competition appears to be a logical next step for us.”
12-
<br>
13-
<a href='https://cabrillorobotics.org/robosub'>RoboSub</a> is an international robotics competition in which student teams design and build Autonomous Underwater Vehicles (AUVs). These AUVs complete various tasks during a live competition. The tasks mirror real-world AUV missions, such as seafloor mapping and sonar localization. Hosted by the U.S. Navy's Office of Naval Research, RoboSub currently takes place at the Woollett Aquatics Center in Irvine, California. The competition challenges teams to address current marine issues with technological innovations, bringing together top universities from around the world.
14-
<br>
15-
Cabrillo Robotics' upcoming participation in RoboSub marks a significant step forward, as the team will now focus on developing Autonomous Underwater Vehicles (AUVs). Unlike ROVs, which rely on surface control, AUVs operate independently, navigating the underwater environment without human intervention. The transition to building an AUV presents unique hardware and software challenges. The absence of a tether means the robot will require a far more complex electrical stackup. Various sensor systems including a Doppler Velocity Logger (DVL), Inertial Measurement Unit (IMU), hydrophones, and stereo cameras must be integrated to support autonomous navigation. The software team has a daunting challenge ahead of them: utilizing the collected sensor data to autonomously navigate an underwater obstacle course.
16-
<br>
17-
Advancing to RoboSub introduces new engineering challenges, but it also significantly increases project costs. Cabrillo Robotics Treasurer, Liam Gilligan, estimates that building the AUV could require anywhere from $15,000 to $50,000. Cabrillo Robotics Club is eager to participate in next year’s RoboSub competition and is actively seeking donations and sponsors for support. To support Cabrillo Robotics Club visit the <a href='https://cabrillorobotics.org/support-us'>Support Us</a> page.
18-
"
19-
gallery_file: ""
20-
documentation:
21-
github:
8+
description: "LazerShark is our first Autonomous Underwater Vehicle (AUV) and was designed engineered for the 2025 <a href='https://cabrillorobotics.org/robosub'> RoboSub</a> Competition. [Write stuff] <br>
9+
10+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
11+
12+
pdf: technical-report-2025.pdf
13+
showcase: "lazershark.html"
14+
gallery:
15+
- image: https://raw.githubusercontent.com/CabrilloRoboticsClub/cabrillorobotics.github.io/refs/heads/what-a-theme-test/assets/images/lazer-shark/gallery-lazershark/chassis.webp
16+
text: LazerShark chassis
17+
credit: Stephanie L'Heureux
18+
19+
- image: https://raw.githubusercontent.com/CabrilloRoboticsClub/cabrillorobotics.github.io/refs/heads/what-a-theme-test/assets/images/lazer-shark/gallery-lazershark/first-pool-test-submerge.webp
20+
text: Liam submerges the LazerShark for a leak and boyancy test.
21+
credit: Stephanie L'Heureux
22+
23+
- image: https://raw.githubusercontent.com/CabrilloRoboticsClub/cabrillorobotics.github.io/refs/heads/what-a-theme-test/assets/images/lazer-shark/gallery-lazershark/isaac-and-james-assemble-chassis.webp
24+
text: Isaac Wax and James Truong assemble LazerShark chassis.
25+
credit: Stephanie L'Heureux
26+
27+
- image: https://raw.githubusercontent.com/CabrilloRoboticsClub/cabrillorobotics.github.io/refs/heads/what-a-theme-test/assets/images/lazer-shark/gallery-lazershark/team-at-first-pool-test.webp
28+
text: LazerShark first pool test.
29+
credit: Stephanie L'Heureux
30+
31+
- image: https://raw.githubusercontent.com/CabrilloRoboticsClub/cabrillorobotics.github.io/refs/heads/what-a-theme-test/assets/images/lazer-shark/gallery-lazershark/lazershark-in-pool.webp
32+
text: Lazershark floats on the surface of a pool.
33+
credit: Stephanie L'Heureux
34+
35+
- image: https://raw.githubusercontent.com/CabrilloRoboticsClub/cabrillorobotics.github.io/refs/heads/what-a-theme-test/assets/images/lazer-shark/gallery-lazershark/zed-window.webp
36+
text: Close-up of the Zed camera window.
37+
credit: Stephanie L'Heureux
2238
---
23-
<!-- {% include about.html %} -->

0 commit comments

Comments
 (0)