Gulum/PageProject
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add cross-platform compatibility for backdropfilter and some more projects

Browse Source
This commit is contained in:
Julian
2020-01-26 22:51:37 +01:00
parent 516b6ca450
commit 8ba874099b
3 changed files with 53 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
css/style.css
View File

@@ -33,6 +33,8 @@ body {
top:10%;
background-color: rgba(255, 255, 255, .15);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
-moz-backdrop-filter: blur(5px);
-webkit-box-shadow: 9px 6px 29px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 9px 6px 29px -3px rgba(0,0,0,0.75);
box-shadow: 9px 6px 29px -3px rgba(0,0,0,0.75);

BIN
images/darkrp.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 52 KiB

54
index.html
View File

@@ -69,7 +69,7 @@
<p class="card-text text-light">Erste Implementation des Ozeans in C während meiner Bachelorarbeit. Für die Wellenbewebung wurde Perlin Noise eingesetzt. In der Frustum Culling-Ansicht.</p>
<i class="fa fa-2x fa-check text-success"></i>
<a href="data/bsc.pdf"><i class="fa fa-2x fa-file-pdf-o float-right"></i></a>
<i class="fa fa-2x fa-git-square float-right" ></i>
<a href="https://git.rismer.de/gulum/c-ocean"><i class="fa fa-2x fa-git-square float-right" ></i></a>
</div>
</div>
</div>
@@ -86,7 +86,7 @@
</div>
<div class="col fixs">
<div class="card">
<img class="card-img-top" src="https://via.placeholder.com/150x80" alt="Card image cap">
<img class="card-img-top" height="200" src="images/darkrp.png" alt="Card image cap">
<div class="card-body">
<h5 class="card-title text-light">DarkRP2D</h5>
<p class="card-text text-light">Ein Hobby-Projekt von mir an dem ich arbeite wenn sonst keine Projekte anstehen.</p>
@@ -96,6 +96,18 @@
</div>
</div>
</div>
<div class="col fixs">
<div class="card">
<img class="card-img-top" src="https://via.placeholder.com/150x80" alt="Card image cap">
<div class="card-body">
<h5 class="card-title text-light">DarkRP2D-Server</h5>
<p class="card-text text-light">Physic over network Box2d</p>
<p class="card-text text-light">#C++, #OpenGL, #Network</p>
<i class="fa fa-2x fa-pause text-warning"></i>
<i class="fa fa-2x fa-git-square float-right"></i>
</div>
</div>
</div>
<div class="col fixs">
<div class="card">
<img class="card-img-top" height="200" src="images/leaflet.png" alt="Card image cap">
@@ -112,13 +124,49 @@
<div class="card">
<img class="card-img-top" src="https://via.placeholder.com/150x80" alt="Card image cap">
<div class="card-body">
<h5 class="card-title text-light">C++-Ocean</h5>
<h5 class="card-title text-light">C++-Ocean-FFT</h5>
<p class="card-text text-light"></p>
<i class="fa fa-2x fa-check text-success"></i>
<i class="fa fa-2x fa-git-square float-right"></i>
</div>
</div>
</div>
<div class="col fixs">
<div class="card">
<img class="card-img-top" src="https://via.placeholder.com/150x80" alt="Card image cap">
<div class="card-body">
<h5 class="card-title text-light">Phong-Shading Studie</h5>
<p class="card-text text-light"></p>
<i class="fa fa-2x fa-check text-success"></i>
<i class="fa fa-2x fa-git-square float-right"></i>
<i class="fa fa-2x fa-file-pdf-o float-right"></i>
</div>
</div>
</div>
<div class="col fixs">
<div class="card">
<img class="card-img-top" src="https://via.placeholder.com/150x80" alt="Card image cap">
<div class="card-body">
<h5 class="card-title text-light">Fraktale-Welt Studie</h5>
<p class="card-text text-light"></p>
<i class="fa fa-2x fa-check text-success"></i>
<i class="fa fa-2x fa-git-square float-right"></i>
<i class="fa fa-2x fa-file-pdf-o float-right"></i>
</div>
</div>
</div>
<div class="col fixs">
<div class="card">
<img class="card-img-top" src="https://via.placeholder.com/150x80" alt="Card image cap">
<div class="card-body">
<h5 class="card-title text-light">Arcade-Shooter</h5>
<p class="card-text text-light">Hausarbeit aus dem 1-Semester</p>
<i class="fa fa-2x fa-check text-success"></i>
<i class="fa fa-2x fa-git-square float-right"></i>
<i class="fa fa-2x fa-file-pdf-o float-right"></i>
</div>
</div>
</div>
</div>
</div>