Skip to content

Commit

Permalink
test video for image in portfolio projects
Browse files Browse the repository at this point in the history
  • Loading branch information
@banchan86
banchan86 committed May 7, 2024
1 parent 2f91ac6 commit 4d606db
Show file tree
Hide file tree
Showing 4 changed files with 16 additions and 123 deletions.
Binary file added assets/images/deeplabcut-face.mp4
View file
Binary file not shown.
Binary file added assets/images/deeplabcut-face.webm
View file
Binary file not shown.
Binary file added assets/images/deeplabcut-face.webp
View file
Binary file not shown.
139 changes: 16 additions & 123 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -836,15 +836,15 @@ <h2 class="h2 article-title">Portfolio</h2>
</li>

<li class="filter-item">
<button data-filter-btn>Behaviour Setup</button>
<button data-filter-btn>Behaviour Setups</button>
</li>

<li class="filter-item">
<button data-filter-btn>Applications</button>
<button data-filter-btn>Data Analysis</button>
</li>

<li class="filter-item">
<button data-filter-btn>Web development</button>
<button data-filter-btn>Side Projects</button>
</li>

</ul>
Expand All @@ -868,15 +868,15 @@ <h2 class="h2 article-title">Portfolio</h2>
</li>

<li class="select-item">
<button data-select-item>Behaviour Setup</button>
<button data-select-item>Behaviour Setups</button>
</li>

<li class="select-item">
<button data-select-item>Applications</button>
<button data-select-item>Data Analysis</button>
</li>

<li class="select-item">
<button data-select-item>Web development</button>
<button data-select-item>Side Projects</button>
</li>

</ul>
Expand All @@ -885,7 +885,7 @@ <h2 class="h2 article-title">Portfolio</h2>

<ul class="project-list">

<li class="project-item active" data-filter-item data-category="web development">
<li class="project-item active" data-filter-item data-category="behaviour setups">
<a href="#">

<figure class="project-img">
Expand All @@ -898,30 +898,31 @@ <h2 class="h2 article-title">Portfolio</h2>

<h3 class="project-title">Finance</h3>

<p class="project-category">Web development</p>
<p class="project-category">Behaviour Setups</p>

</a>
</li>

<li class="project-item active" data-filter-item data-category="web development">
<li class="project-item active" data-filter-item data-category="data analysis">
<a href="#">

<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>

<img src="./assets/images/project-2.png" alt="orizon" loading="lazy">
<video autoplay muted></video>
<source src = "./assets/images/deeplabcut-face.webm" type="video/webm">
</video>
</figure>

<h3 class="project-title">Orizon</h3>
<h3 class="project-title">DeepLabCut</h3>

<p class="project-category">Web development</p>
<p class="project-category">Data Analysis</p>

</a>
</li>

<li class="project-item active" data-filter-item data-category="behaviour setup">
<li class="project-item active" data-filter-item data-category="side projects">
<a href="#">

<figure class="project-img">
Expand All @@ -934,115 +935,7 @@ <h3 class="project-title">Orizon</h3>

<h3 class="project-title">Fundo</h3>

<p class="project-category">Behaviour Setup</p>

</a>
</li>

<li class="project-item active" data-filter-item data-category="applications">
<a href="#">

<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>

<img src="./assets/images/project-4.png" alt="brawlhalla" loading="lazy">
</figure>

<h3 class="project-title">Brawlhalla</h3>

<p class="project-category">Applications</p>

</a>
</li>

<li class="project-item active" data-filter-item data-category="behaviour setup">
<a href="#">

<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>

<img src="./assets/images/project-5.png" alt="dsm." loading="lazy">
</figure>

<h3 class="project-title">DSM.</h3>

<p class="project-category">Behaviour Setup</p>

</a>
</li>

<li class="project-item active" data-filter-item data-category="behaviour setup">
<a href="#">

<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>

<img src="./assets/images/project-6.png" alt="metaspark" loading="lazy">
</figure>

<h3 class="project-title">MetaSpark</h3>

<p class="project-category">Behaviour Setup</p>

</a>
</li>

<li class="project-item active" data-filter-item data-category="web development">
<a href="#">

<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>

<img src="./assets/images/project-7.png" alt="summary" loading="lazy">
</figure>

<h3 class="project-title">Summary</h3>

<p class="project-category">Web development</p>

</a>
</li>

<li class="project-item active" data-filter-item data-category="applications">
<a href="#">

<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>

<img src="./assets/images/project-8.jpg" alt="task manager" loading="lazy">
</figure>

<h3 class="project-title">Task Manager</h3>

<p class="project-category">Applications</p>

</a>
</li>

<li class="project-item active" data-filter-item data-category="web development">
<a href="#">

<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>

<img src="./assets/images/project-9.png" alt="arrival" loading="lazy">
</figure>

<h3 class="project-title">Arrival</h3>

<p class="project-category">Web development</p>
<p class="project-category">Side Projects</p>

</a>
</li>
Expand Down

0 comments on commit 4d606db

Please sign in to comment.