Skip to content

Commit

Permalink
videos
Browse files Browse the repository at this point in the history
  • Loading branch information
SagarJoshi73249 committed Nov 8, 2024
1 parent 2a32bf9 commit dd9ab34
Show file tree
Hide file tree
Showing 11 changed files with 14 additions and 13 deletions.
14 changes: 7 additions & 7 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -87,25 +87,25 @@ <h1 class="subtitle">Battery recycle</h1>
<div class="video-row">
<div class="video-case">
<video controls playsinline>
<source src="videos/4aaa pry success.mp4" type="video/mp4">
<source src="videos/4aaa_pry_success.mp4" type="video/mp4">
</video>
<p class="caption">Demo 1</p>
</div>
<div class="video-case">
<video controls playsinline>
<source src="videos/2aa pry success.mp4" type="video/mp4">
<source src="videos/2aa_pry_success.mp4" type="video/mp4">
</video>
<p class="caption">Demo 2</p>
</div>
<div class="video-case">
<video controls playsinline>
<source src="videos/2c pry success.mp4" type="video/mp4">
<source src="videos/2c_pry_success.mp4" type="video/mp4">
</video>
<p class="caption">Demo 3</p>
</div>
<div class="video-case">
<video controls playsinline>
<source src="videos/2d pry success.mp4" type="video/mp4">
<source src="videos/2d_pry_success.mp4" type="video/mp4">
</video>
<p class="caption">Demo 4</p>
</div>
Expand Down Expand Up @@ -376,13 +376,13 @@ <h2 class="sectitle">Images of Battery Products</h2>
<div class="failure-grid">
<div class="video-case">
<video controls playsinline>
<source src="videos/fail1.mp4" type="video/mp4">
<source src="videos/fail1-converted.mp4" type="video/mp4">
</video>
<p class="caption">Failure Mode 1</p>
</div>
<div class="video-case">
<video controls playsinline>
<source src="videos/fail2.mp4" type="video/mp4">
<source src="videos/fail2-converted.mp4" type="video/mp4">
</video>
<p class="caption">Failure Mode 2</p>
</div>
Expand All @@ -394,7 +394,7 @@ <h2 class="sectitle">Images of Battery Products</h2>
</div>
<div class="video-case">
<video controls playsinline>
<source src="videos/fail4.mp4" type="video/mp4">
<source src="videos/fail4-converted.mp4" type="video/mp4">
</video>
<p class="caption">Failure Mode 4</p>
</div>
Expand Down
13 changes: 7 additions & 6 deletions style.css
Original file line number Diff line number Diff line change
Expand Up @@ -136,7 +136,6 @@ button.on {
}

video {
display: none;
width: 100%;
}

Expand Down Expand Up @@ -318,14 +317,16 @@ a:hover {

/* Styling for Demo Videos Row (Four Side by Side) */
.demo-videos .video-row {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
display: grid;
grid-template-columns: 1fr 1fr; /* Creates two columns */
gap: 20px; /* Adjusts the space between videos */
}

/* Remove or comment out any Flexbox properties for .demo-videos .video-case */
.demo-videos .video-case {
flex: 1 1 calc(25% - 20px); /* Each video takes up 25% of row, with space between */
/* Remove the flex properties */
/* flex: 1 1 calc(25% - 20px); */
margin: 10px;
}

/* Styling for Failure Cases 2x2 Grid */
Expand Down
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
Binary file added videos/fail1-converted.mp4
Binary file not shown.
Binary file added videos/fail2-converted.mp4
Binary file not shown.
Binary file modified videos/fail3.mp4
Binary file not shown.
Binary file added videos/fail4-converted.mp4
Binary file not shown.
Binary file removed videos/fail4.mp4
Binary file not shown.

0 comments on commit dd9ab34

Please sign in to comment.