karma/website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

made videos better

Browse Source
This commit is contained in:
Karma Riuk 2025-02-20 14:27:07 +01:00
parent bbeaf46b27
commit ef84eec124
4 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/css/style.css
View File

@ -1011,6 +1011,10 @@ section {
margin-bottom: 20px; margin-bottom: 20px;
} }
.portfolio video, .portfolio img{
max-width: 100%;
}
.portfolio #portfolio-flters li { .portfolio #portfolio-flters li {
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;

BIN
assets/img/portfolio/maze-solver.mp4
View File

Binary file not shown.

BIN
assets/img/portfolio/stickfosh.mp4
View File

Binary file not shown.

8
index.html
View File

@ -195,7 +195,7 @@
<div class="row portfolio-container" data-aos="fade-up"> <div class="row portfolio-container" data-aos="fade-up">
<div class="col-lg-4 col-md-6 portfolio-item filter-card"> <div class="col-lg-4 col-md-6 portfolio-item filter-card">
<div class="portfolio-img"><video autoplay loop width="100%" muted="true" src="assets/img/portfolio/maze-solver.mp4"></div> <div class="portfolio-img"><video autoplay loop muted="true" src="assets/img/portfolio/maze-solver.mp4"></div>
<div class="portfolio-info"> <div class="portfolio-info">
<h4><a href="https://github.com/karma-riuk/maze-solver-go">Maze Solver</a></h4> <h4><a href="https://github.com/karma-riuk/maze-solver-go">Maze Solver</a></h4>
<div> <div>
@ -211,7 +211,7 @@
</div> </div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app"> <div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-img"><video autoplay loop width="100%" muted="true" src="assets/img/portfolio/stickfosh.mp4"> <div class="portfolio-img"><video autoplay loop muted="true" src="assets/img/portfolio/stickfosh.mp4">
</div> </div>
<div class="portfolio-info"> <div class="portfolio-info">
<h4><a href="https://github.com/karma-riuk/stickfosh">Stickfosh</a></h4> <h4><a href="https://github.com/karma-riuk/stickfosh">Stickfosh</a></h4>
@ -246,7 +246,7 @@
</div> </div>
<div class="col-lg-4 col-md-6 portfolio-item filter-card"> <div class="col-lg-4 col-md-6 portfolio-item filter-card">
<div class="portfolio-img"><video autoplay loop width="100%" muted="true" src="assets/img/portfolio/paper-mosaik.mp4"></div> <div class="portfolio-img"><video autoplay loop muted="true" src="assets/img/portfolio/paper-mosaik.mp4"></div>
<div class="portfolio-info"> <div class="portfolio-info">
<h4><a href="https://github.com/karma-riuk/PaperMosaik">PaperMosaik</a></h4> <h4><a href="https://github.com/karma-riuk/PaperMosaik">PaperMosaik</a></h4>
<!-- TODO: makea good readme fo this project --> <!-- TODO: makea good readme fo this project -->
@ -281,7 +281,7 @@
<div class="col-lg-4 col-md-6 portfolio-item filter-app"> <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-img"><video autoplay loop muted="true"><source src="assets/img/portfolio/flyingballs.mp4"/></video></div>
<div class="portfolio-info"> <div class="portfolio-info">
<h4><a href="https://github.com/karma-riuk/flying-balls">From Flying Balls to Colliding Polygons</a></h4> <h4><a href="https://github.com/karma-riuk/flying-balls">From Flying Balls to Colliding Polygons</a></h4>
<div> <div>