moved from gifs to mp4 because gifs were heavy as fuck

This commit is contained in:
Karma Riuk 2025-02-20 14:09:29 +01:00
parent 598193d364
commit 1462461d70
12 changed files with 21 additions and 24 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.3 MiB

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 MiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.3 MiB

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.8 MiB

Binary file not shown.

View File

@ -195,8 +195,7 @@
<div class="row portfolio-container" data-aos="fade-up">
<div class="col-lg-4 col-md-6 portfolio-item filter-card">
<div class="portfolio-img"><img loading="lazy" src="assets/img/portfolio/maze-solver.gif" class="img-fluid"
alt=""></div>
<div class="portfolio-img"><video autoplay loop width="100%" muted="true" src="assets/img/portfolio/maze-solver.mp4"></div>
<div class="portfolio-info">
<h4><a href="https://github.com/karma-riuk/maze-solver-go">Maze Solver</a></h4>
<div>
@ -212,7 +211,7 @@
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-img"><img loading="lazy" style="align-self: center;" src="assets/img/portfolio/stickfosh.gif" class="img-fluid" alt="">
<div class="portfolio-img"><video autoplay loop width="100%" muted="true" src="assets/img/portfolio/stickfosh.mp4">
</div>
<div class="portfolio-info">
<h4><a href="https://github.com/karma-riuk/stickfosh">Stickfosh</a></h4>
@ -247,9 +246,7 @@
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-card">
<div class="portfolio-img"><img loading="lazy"
src="assets/img/portfolio/papermosaik.gif" class="img-fluid"
alt=""></div>
<div class="portfolio-img"><video autoplay loop width="100%" muted="true" src="assets/img/portfolio/paper-mosaik.mp4"></div>
<div class="portfolio-info">
<h4><a href="https://github.com/karma-riuk/PaperMosaik">PaperMosaik</a></h4>
<!-- TODO: makea good readme fo this project -->
@ -267,7 +264,24 @@
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-img"><img loading="lazy" src="assets/img/portfolio/flyingballs.gif" class="img-fluid" alt=""></div>
<div class="portfolio-img"><img src="assets/img/portfolio/aoc.jpeg" class="img-fluid" alt="">
</div>
<div class="portfolio-info">
<h4><a href="https://github.com/karma-riuk/advent-of-code">Advent of Code</a></h4>
<div>
<p>
Fun coding challenges during christmas.<span class="br"></span>
Languages: C++, Go, Python
</p>
<a href="https://github.com/karma-riuk/advent-of-code" class="details-link"
title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-img"><video autoplay loop width="100%" muted="true"><source src="assets/img/portfolio/flyingballs.mp4"/></video></div>
<div class="portfolio-info">
<h4><a href="https://github.com/karma-riuk/flying-balls">From Flying Balls to Colliding Polygons</a></h4>
<div>
@ -284,23 +298,6 @@
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-img"><img loading="lazy" src="assets/img/portfolio/aoc.jpeg" class="img-fluid" alt="">
</div>
<div class="portfolio-info">
<h4><a href="https://github.com/karma-riuk/advent-of-code">Advent of Code</a></h4>
<div>
<p>
Fun coding challenges during christmas.<span class="br"></span>
Languages: C++, Go, Python
</p>
<a href="https://github.com/karma-riuk/advent-of-code" class="details-link"
title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
</div>