Skip to content

Commit

Permalink
fix video size
Browse files Browse the repository at this point in the history
  • Loading branch information
@auds2020
auds2020 committed Jan 25, 2025
1 parent 16109e6 commit 19228da
Show file tree
Hide file tree
Showing 8 changed files with 67 additions and 95 deletions.
12 changes: 10 additions & 2 deletions Blogs/Outreach blogs/CambridgeScienceFestival2024.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -148,7 +148,7 @@ <h2 class="entry-title">
<div class="entry-meta">
<ul class="d-block">
<li class="d-block align-items-center">
<a><i class="bi bi-clock" style="color: #c1c8d0"></i>October 1</a>
<a><i class="bi bi-clock" style="color: #c1c8d0"></i>October 1, 2024</a>
</li>
</ul>
</div>
Expand All @@ -158,7 +158,15 @@ <h2 class="entry-title">
<p>About 60 toy boats with propellers were 3D printed and hand-filed in preparation for the event. Both Ultimaker printers in the Sea Grant teaching lab, a few printers in the IDC, and Wells’ personal 3D printer were used for production. Time was the main constraint in this operation because a print of 4-5 boats took a full day when printed in the IDC or Sea Grant.</p>
<p>At CSF, the toy boats were a big success! We ran out of boats after about 1.5 hours. If this were repeated in the future, the hole fitting the rubber band should be widened for easier assembly, given the target audience. Ultimately, a redesign of the toy boat concept is preferable both in terms of manufacturing ease and sustainability. It would have been better to repurpose materials (for example, juice box boats) – next time!</p>
<p>Other team members joined us at CSF and were a great help in teaching visitors about Minerva and Arcturus. Since we were located right next to SeaPerch, some of our volunteers helped children navigate the SeaPerch robot activity.</p>
<p>Our next focus will be developing a lesson plan for Splash 2023.</p>

<div class="row">
<div class="col-lg-6">
<img src="../../Pictures/Blogs/csf24 (1).jpg" alt="" class="img-fluid">
</div>
<div class="col-lg-6">
<img src="../../Pictures/Blogs/csf24 (2).jpg" alt="" class="img-fluid">
</div>
</div>
</div>
</main><!-- End #main -->

Expand Down
88 changes: 14 additions & 74 deletions Blogs/blog-outreach.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -128,10 +128,6 @@ <h1 class="title">

<div class="col-lg-8 entries">
<article class="entry">

<div class="entry-img">
</div>

<h2 class="entry-title">
<a>Cambridge Science Festival 2024</a>
</h2>
Expand All @@ -142,14 +138,15 @@ <h2 class="entry-title">
<a><i class="bi bi-clock" style="color: #c1c8d0"></i>October 1, 2024</a>
</li>
</ul>
</div>
</div>

<div class="entry-content">
<p>Spark is a weekend-long event at MIT where 7th and 8th graders come to MIT’s campus to take classes taught by MIT students! On Saturday, we had around 30 middle school students from around the country work in groups to build their own <a href="https://seaperch.org/">Sea Perches</a>, remotely operated underwater vehicles, in the MIT Sea Grant. We began with a brief lecture on pressure, buoyancy, and Archimedes' principle, so they would understand the physics of how underwater vehicles work.</p>
</div>

</article>
</div>

<div class="container" data-aos="fade-up">
<div class="row">
<div class="col-lg-4">
Expand All @@ -158,11 +155,6 @@ <h2 class="entry-title">

<div class="col-lg-8 entries">
<article class="entry">

<div class="entry-img">
<!-- <img src="../Pictures/Blogs/navigation_11.png" alt="" class="img-fluid"> -->
</div>

<h2 class="entry-title">
<a>Discover Ocean Engineering Program for MIT Freshman</a>
</h2>
Expand All @@ -173,7 +165,7 @@ <h2 class="entry-title">
<a><i class="bi bi-clock" style="color: #c1c8d0"></i>August 22-26, 2023</a>
</li>
</ul>
</div>
</div>

<div class="entry-content">
<p>Spark is a weekend-long event at MIT where 7th and 8th graders come to MIT’s campus to take classes taught by MIT students! On Saturday, we had around 30 middle school students from around the country work in groups to build their own <a href="https://seaperch.org/">Sea Perches</a>, remotely operated underwater vehicles, in the MIT Sea Grant. We began with a brief lecture on pressure, buoyancy, and Archimedes' principle, so they would understand the physics of how underwater vehicles work.</p>
Expand All @@ -189,11 +181,6 @@ <h2 class="entry-title">

<div class="col-lg-8 entries">
<article class="entry">

<div class="entry-img">
<!-- <img src="../Pictures/Blogs/navigation_11.png" alt="" class="img-fluid"> -->
</div>

<h2 class="entry-title">
<a>MIT-Portugal Marine Robotics Summer School in the Azores</a>
</h2>
Expand All @@ -204,7 +191,7 @@ <h2 class="entry-title">
<a><i class="bi bi-clock" style="color: #c1c8d0"></i>July 10-21, 2023</a>
</li>
</ul>
</div>
</div>

<div class="entry-content">
<p>Spark is a weekend-long event at MIT where 7th and 8th graders come to MIT’s campus to take classes taught by MIT students! On Saturday, we had around 30 middle school students from around the country work in groups to build their own <a href="https://seaperch.org/">Sea Perches</a>, remotely operated underwater vehicles, in the MIT Sea Grant. We began with a brief lecture on pressure, buoyancy, and Archimedes' principle, so they would understand the physics of how underwater vehicles work.</p>
Expand All @@ -220,11 +207,6 @@ <h2 class="entry-title">

<div class="col-lg-8 entries">
<article class="entry">

<div class="entry-img">
<!-- <img src="../Pictures/Blogs/navigation_11.png" alt="" class="img-fluid"> -->
</div>

<h2 class="entry-title">
<a>OCEANS 2023</a>
</h2>
Expand All @@ -235,7 +217,7 @@ <h2 class="entry-title">
<a><i class="bi bi-clock" style="color: #c1c8d0"></i>June 6-8, 2023</a>
</li>
</ul>
</div>
</div>

<div class="entry-content">
<p>Spark is a weekend-long event at MIT where 7th and 8th graders come to MIT’s campus to take classes taught by MIT students! On Saturday, we had around 30 middle school students from around the country work in groups to build their own <a href="https://seaperch.org/">Sea Perches</a>, remotely operated underwater vehicles, in the MIT Sea Grant. We began with a brief lecture on pressure, buoyancy, and Archimedes' principle, so they would understand the physics of how underwater vehicles work.</p>
Expand All @@ -251,11 +233,6 @@ <h2 class="entry-title">

<div class="col-lg-8 entries">
<article class="entry">

<div class="entry-img">
<!-- <img src="../Pictures/Blogs/navigation_11.png" alt="" class="img-fluid"> -->
</div>

<h2 class="entry-title">
<a>MIT MechE Health of the Planet Showcase</a>
</h2>
Expand All @@ -266,7 +243,7 @@ <h2 class="entry-title">
<a><i class="bi bi-clock" style="color: #c1c8d0"></i>April 19, 2023</a>
</li>
</ul>
</div>
</div>

<div class="entry-content">
<p>Spark is a weekend-long event at MIT where 7th and 8th graders come to MIT’s campus to take classes taught by MIT students! On Saturday, we had around 30 middle school students from around the country work in groups to build their own <a href="https://seaperch.org/">Sea Perches</a>, remotely operated underwater vehicles, in the MIT Sea Grant. We began with a brief lecture on pressure, buoyancy, and Archimedes' principle, so they would understand the physics of how underwater vehicles work.</p>
Expand All @@ -283,10 +260,6 @@ <h2 class="entry-title">
<div class="col-lg-8 entries">
<article class="entry">

<div class="entry-img">
<!-- <img src="../Pictures/Blogs/navigation_11.png" alt="" class="img-fluid"> -->
</div>

<h2 class="entry-title">
<a>Campus Preview Weekend (CPW)</a>
</h2>
Expand All @@ -297,7 +270,7 @@ <h2 class="entry-title">
<a><i class="bi bi-clock" style="color: #c1c8d0"></i>April 15, 2023</a>
</li>
</ul>
</div>
</div>

<div class="entry-content">
<p>Spark is a weekend-long event at MIT where 7th and 8th graders come to MIT’s campus to take classes taught by MIT students! On Saturday, we had around 30 middle school students from around the country work in groups to build their own <a href="https://seaperch.org/">Sea Perches</a>, remotely operated underwater vehicles, in the MIT Sea Grant. We began with a brief lecture on pressure, buoyancy, and Archimedes' principle, so they would understand the physics of how underwater vehicles work.</p>
Expand All @@ -316,11 +289,6 @@ <h2 class="entry-title">

<div class="col-lg-8 entries">
<article class="entry">

<div class="entry-img">
<!-- <img src="../Pictures/Blogs/navigation_11.png" alt="" class="img-fluid"> -->
</div>

<h2 class="entry-title">
<a>Edgerton Center Showcase</a>
</h2>
Expand All @@ -331,7 +299,7 @@ <h2 class="entry-title">
<a><i class="bi bi-clock" style="color: #c1c8d0"></i>April 11, 2023</a>
</li>
</ul>
</div>
</div>

<div class="entry-content">
<p>Spark is a weekend-long event at MIT where 7th and 8th graders come to MIT’s campus to take classes taught by MIT students! On Saturday, we had around 30 middle school students from around the country work in groups to build their own <a href="https://seaperch.org/">Sea Perches</a>, remotely operated underwater vehicles, in the MIT Sea Grant. We began with a brief lecture on pressure, buoyancy, and Archimedes' principle, so they would understand the physics of how underwater vehicles work.</p>
Expand All @@ -350,11 +318,6 @@ <h2 class="entry-title">

<div class="col-lg-8 entries">
<article class="entry">

<div class="entry-img">
<!-- <img src="../Pictures/Blogs/navigation_11.png" alt="" class="img-fluid"> -->
</div>

<h2 class="entry-title">
<a>Spark</a>
</h2>
Expand All @@ -365,7 +328,7 @@ <h2 class="entry-title">
<a><i class="bi bi-clock" style="color: #c1c8d0"></i>March 18, 2023</a>
</li>
</ul>
</div>
</div>

<div class="entry-content">
<p>Spark is a weekend-long event at MIT where 7th and 8th graders come to MIT’s campus to take classes taught by MIT students! On Saturday, we had around 30 middle school students from around the country work in groups to build their own <a href="https://seaperch.org/">Sea Perches</a>, remotely operated underwater vehicles, in the MIT Sea Grant. We began with a brief lecture on pressure, buoyancy, and Archimedes' principle, so they would understand the physics of how underwater vehicles work.</p>
Expand All @@ -385,10 +348,6 @@ <h2 class="entry-title">
<div class="col-lg-8 entries">
<article class="entry">

<div class="entry-img">
<!-- <img src="../Pictures/Blogs/navigation_11.png" alt="" class="img-fluid"> -->
</div>

<h2 class="entry-title">
<a>WeCode Harvard Conference</a>
</h2>
Expand All @@ -399,7 +358,7 @@ <h2 class="entry-title">
<a><i class="bi bi-clock" style="color: #c1c8d0"></i>February 18-19, 2023</a>
</li>
</ul>
</div>
</div>

<div class="entry-content">
<p>Spark is a weekend-long event at MIT where 7th and 8th graders come to MIT’s campus to take classes taught by MIT students! On Saturday, we had around 30 middle school students from around the country work in groups to build their own <a href="https://seaperch.org/">Sea Perches</a>, remotely operated underwater vehicles, in the MIT Sea Grant. We began with a brief lecture on pressure, buoyancy, and Archimedes' principle, so they would understand the physics of how underwater vehicles work.</p>
Expand All @@ -418,11 +377,6 @@ <h2 class="entry-title">

<div class="col-lg-8 entries">
<article class="entry">

<div class="entry-img">
<!-- <img src="../Pictures/Blogs/navigation_11.png" alt="" class="img-fluid"> -->
</div>

<h2 class="entry-title">
<a>Blue Innovations Symposium</a>
</h2>
Expand All @@ -433,7 +387,7 @@ <h2 class="entry-title">
<a><i class="bi bi-clock" style="color: #c1c8d0"></i>January 24, 2023</a>
</li>
</ul>
</div>
</div>

<div class="entry-content">
<p>Spark is a weekend-long event at MIT where 7th and 8th graders come to MIT’s campus to take classes taught by MIT students! On Saturday, we had around 30 middle school students from around the country work in groups to build their own <a href="https://seaperch.org/">Sea Perches</a>, remotely operated underwater vehicles, in the MIT Sea Grant. We began with a brief lecture on pressure, buoyancy, and Archimedes' principle, so they would understand the physics of how underwater vehicles work.</p>
Expand All @@ -452,11 +406,6 @@ <h2 class="entry-title">

<div class="col-lg-8 entries">
<article class="entry">

<div class="entry-img">
<!-- <img src="../Pictures/Blogs/navigation_11.png" alt="" class="img-fluid"> -->
</div>

<h2 class="entry-title">
<a>HS Robotics Team, the Aluminum Cobblers, came to visit!</a>
</h2>
Expand All @@ -467,7 +416,7 @@ <h2 class="entry-title">
<a><i class="bi bi-clock" style="color: #c1c8d0"></i>November 6, 2022</a>
</li>
</ul>
</div>
</div>

<div class="entry-content">
<p>Spark is a weekend-long event at MIT where 7th and 8th graders come to MIT’s campus to take classes taught by MIT students! On Saturday, we had around 30 middle school students from around the country work in groups to build their own <a href="https://seaperch.org/">Sea Perches</a>, remotely operated underwater vehicles, in the MIT Sea Grant. We began with a brief lecture on pressure, buoyancy, and Archimedes' principle, so they would understand the physics of how underwater vehicles work.</p>
Expand All @@ -487,10 +436,6 @@ <h2 class="entry-title">
<div class="col-lg-8 entries">
<article class="entry">

<div class="entry-img">
<!-- <img src="../Pictures/Blogs/navigation_11.png" alt="" class="img-fluid"> -->
</div>

<h2 class="entry-title">
<a>Cambridge Science Festival 2022</a>
</h2>
Expand All @@ -501,7 +446,7 @@ <h2 class="entry-title">
<a><i class="bi bi-clock" style="color: #c1c8d0"></i>October 9, 2022</a>
</li>
</ul>
</div>
</div>

<div class="entry-content">
<p>Spark is a weekend-long event at MIT where 7th and 8th graders come to MIT’s campus to take classes taught by MIT students! On Saturday, we had around 30 middle school students from around the country work in groups to build their own <a href="https://seaperch.org/">Sea Perches</a>, remotely operated underwater vehicles, in the MIT Sea Grant. We began with a brief lecture on pressure, buoyancy, and Archimedes' principle, so they would understand the physics of how underwater vehicles work.</p>
Expand All @@ -520,11 +465,6 @@ <h2 class="entry-title">

<div class="col-lg-8 entries">
<article class="entry">

<div class="entry-img">
<!-- <img src="../Pictures/Blogs/navigation_11.png" alt="" class="img-fluid"> -->
</div>

<h2 class="entry-title">
<a>Boat Demo for the MIT Corporation</a>
</h2>
Expand All @@ -535,7 +475,7 @@ <h2 class="entry-title">
<a><i class="bi bi-clock" style="color: #c1c8d0"></i>October 6, 2022</a>
</li>
</ul>
</div>
</div>

<div class="entry-content">
<p>Spark is a weekend-long event at MIT where 7th and 8th graders come to MIT’s campus to take classes taught by MIT students! On Saturday, we had around 30 middle school students from around the country work in groups to build their own <a href="https://seaperch.org/">Sea Perches</a>, remotely operated underwater vehicles, in the MIT Sea Grant. We began with a brief lecture on pressure, buoyancy, and Archimedes' principle, so they would understand the physics of how underwater vehicles work.</p>
Expand Down
2 changes: 1 addition & 1 deletion Blogs/year-22.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -76,7 +76,7 @@
<!-- <h1 class="logo me-auto"><a href="index.html">Arcturus</a></h1> -->
<!-- Uncomment below if you prefer to use an image logo -->
<a href="index.html" class="logo me-auto"
><img src="Pictures/arcturus-logo-crp.png" alt="" class="img-fluid"
><img src="../Pictures/arcturus-logo-crp.png" alt="" class="img-fluid"
/></a>

<nav id="navbar" class="navbar">
Expand Down
2 changes: 1 addition & 1 deletion Blogs/year-23.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@
<!-- <h1 class="logo me-auto"><a href="index.html">Arcturus</a></h1> -->
<!-- Uncomment below if you prefer to use an image logo -->
<a href="index.html" class="logo me-auto"
><img src="Pictures/arcturus-logo-crp.png" alt="" class="img-fluid"
><img src="../Pictures/arcturus-logo-crp.png" alt="" class="img-fluid"
/></a>

<nav id="navbar" class="navbar">
Expand Down
Binary file added Pictures/Blogs/csf24 (1).jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Pictures/Blogs/csf24 (2).jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
16 changes: 16 additions & 0 deletions assets/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,6 +62,22 @@ h6 {
font-family: "Raleway", sans-serif;
}

.video-container {
position: relative;
width: 100%;
padding-bottom: 56.25%; /* Aspect ratio: 16:9 */
height: 0;
overflow: hidden;
}

.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
Expand Down
Loading

0 comments on commit 19228da

Please sign in to comment.