Skip to content

Attempt to embed vid next to text for ball collecting robot #1

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

Closed
nlodder wants to merge 5 commits into from
Closed

Attempt to embed vid next to text for ball collecting robot #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
7f1a4b4
Attempt to embed vid next to text for ball collecting robot
nlodder Aug 27, 2025
490aa4f
Modify text formatting on ball collecting robot page
nlodder Aug 27, 2025
b9959d7
Further modify text formatting on ball collecting robot page
nlodder Aug 27, 2025
ecc1006
Header for ball collecting robot page
nlodder Aug 27, 2025
5c2b2e1
Minor changes
nlodder Aug 30, 2025
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
56 changes: 36 additions & 20 deletions ball-collecting-vexbot.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@

<!-- Header -->
<header id="header">
<a href="index.html" class="title">Nathan Lodder - Portfolio Website</a>
<a href="index.html" class="title">Nathan Lodder - Portfolio</a>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
Expand All @@ -28,34 +28,50 @@

<!-- Wrapper -->
<div id="wrapper">

<!-- Main -->
<section id="main" class="wrapper">
<div class="inner">
<h1 class="major">Project - Ball-Collecting Vexbot</h1>
<video controls width="360" poster="images/vexbot/poster.jpg">
<source src="videos/vexbot_720p_vp9.webm" type="video/webm">
<source src="videos/vexbot_720p_h264.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<p>
<p>
<span class="image left">
<video controls width="360" poster="images/vexbot/poster.jpg">
<source src="videos/vexbot_720p_vp9.webm" type="video/webm">
<source src="videos/vexbot_720p_h264.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</span>
As part of an introduction to engineering course, my team of 3 classmates designed and
built a robot on the VEX EXP robot platform for a set of self-defined goals. Our robot would
(1) launch small 3D-printed balls at coloured targets, (2) scan for and collect four of these
balls using their pink colour signature, and (3) deliver these balls to a designated area marked
by an orange paper pillar.
</p>
<p>
I contributed in a few different ways to this project. I worked with my team to design and build
the robot. I wrote, tested, and made operational the code to seek, identify, approach, and collect
the pink balls. I also implemented large-area scanning that would ensure the robot continually scanned
a large area for a pink ball if none were found nearby. I also integrated all work completed by my teammates
in our parallel development approach into a single control program for the robot that enabled it to execute
the ball launching, collecting, and delivery into a single program.
<br>
<br>
1) launch small 3D-printed balls at coloured targets,
<br>
<br>
2) scan for and collect four of these balls using their pink colour signature, and
<br>
<br>
3) deliver these balls to a designated area marked by an orange paper pillar.
<br>
<br>
<h3>My Contributions</h3>
I contributed in a few different ways to this project including:
<br>
<br>
1) working with my team to design and build the robot
<br>
<br>
2) writing, testing, and making operational the code to seek, identify, approach, and collect
the pink balls.
<br><br>
3) implementing large-area scanning that would ensure the robot continually scanned
a large area for a pink ball if none were found nearby.
<br><br>
4) integrating all work completed by my teammates in our parallel development approach into a single
control program for the robot that enabled it to execute the ball launching, collecting, and delivery
sequentially.
</p>
</div>
</section>

</div>

<!-- Footer -->
Expand Down
2 changes: 1 addition & 1 deletion pet-rescue-bot.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@

<!-- Header -->
<header id="header">
<a href="index.html" class="title">Nathan Lodder - Portfolio Website</a>
<a href="index.html" class="title">Nathan Lodder - Portfolio</a>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
Expand Down