Compare commits
8 Commits
9f3e554624
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| 9ed9135208 | |||
| fafd7139e4 | |||
| 0cab633f03 | |||
| ef84eec124 | |||
| bbeaf46b27 | |||
| 1462461d70 | |||
| 598193d364 | |||
| 0a3332c9fe |
@ -1011,6 +1011,15 @@ section {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.portfolio video, .portfolio img{
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.portfolio video {
|
||||
display: block; /* html video tags have a phantom bottom margin, this is the only way to remove it */
|
||||
margin: auto; /* to center the video inside the container */
|
||||
}
|
||||
|
||||
.portfolio #portfolio-flters li {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
|
||||
|
Before Width: | Height: | Size: 2.4 MiB After Width: | Height: | Size: 154 KiB |
BIN
assets/img/hero-bg-2k.jpg
Normal file
|
After Width: | Height: | Size: 1.3 MiB |
|
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 509 KiB |
|
Before Width: | Height: | Size: 37 KiB |
|
Before Width: | Height: | Size: 25 KiB |
|
Before Width: | Height: | Size: 6.3 MiB |
BIN
assets/img/portfolio/flyingballs.mp4
Normal file
|
Before Width: | Height: | Size: 11 MiB |
BIN
assets/img/portfolio/maze-solver.mp4
Normal file
BIN
assets/img/portfolio/paper-mosaik.mp4
Normal file
|
Before Width: | Height: | Size: 3.3 MiB |
BIN
assets/img/portfolio/stickfosh-og.mp4
Normal file
|
Before Width: | Height: | Size: 3.8 MiB |
BIN
assets/img/portfolio/stickfosh.mp4
Normal file
47
index.html
@ -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 src="assets/img/portfolio/maze-solver.gif" class="img-fluid"
|
||||
alt=""></div>
|
||||
<div class="portfolio-img"><video autoplay loop 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 style="align-self: center;" src="assets/img/portfolio/stickfosh.gif" class="img-fluid" alt="">
|
||||
<div class="portfolio-img"><video autoplay loop 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>
|
||||
@ -233,7 +232,7 @@
|
||||
<div class="portfolio-img"><img src="assets/img/portfolio/esim.jpg" class="img-fluid" alt="">
|
||||
</div>
|
||||
<div class="portfolio-info">
|
||||
<h4><a href="https://github.com/karma-riuk/flying-balls">HDR ESIM</a></h4>
|
||||
<h4><a href="https://github.com/karma-riuk/hdr_esim">HDR ESIM</a></h4>
|
||||
<div>
|
||||
<p>
|
||||
Extended a the simulation of an event camera in order to generate HDR
|
||||
@ -247,9 +246,7 @@
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-6 portfolio-item filter-card">
|
||||
<div class="portfolio-img"><img
|
||||
src="assets/img/portfolio/papermosaik.gif" class="img-fluid"
|
||||
alt=""></div>
|
||||
<div class="portfolio-img"><video autoplay loop 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 -->
|
||||
@ -266,24 +263,6 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
|
||||
<div class="portfolio-img"><img src="assets/img/portfolio/flyingballs.gif" class="img-fluid" alt=""></div>
|
||||
<div class="portfolio-info">
|
||||
<h4><a href="https://github.com/karma-riuk/flying-balls">From Flying Balls to Colliding Polygons</a></h4>
|
||||
<div>
|
||||
<p>
|
||||
An extension of a physics engine to simulate polygons,
|
||||
focusing on collision detection and effects in
|
||||
real-time, ensuring smooth
|
||||
animations.<span class="br"></span>
|
||||
Language: C++
|
||||
</p>
|
||||
<a href="https://github.com/karma-riuk/flying-balls" 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"><img src="assets/img/portfolio/aoc.jpeg" class="img-fluid" alt="">
|
||||
</div>
|
||||
@ -301,6 +280,24 @@
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
|
||||
<div class="portfolio-img"><video autoplay loop 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>
|
||||
<p>
|
||||
An extension of a physics engine to simulate polygons,
|
||||
focusing on collision detection and effects in
|
||||
real-time, ensuring smooth
|
||||
animations.<span class="br"></span>
|
||||
Language: C++
|
||||
</p>
|
||||
<a href="https://github.com/karma-riuk/flying-balls" class="details-link"
|
||||
title="More Details"><i class="bx bx-link"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||