add cross-platform compatibility for backdropfilter and some more projects

css/style.css

@@ -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);

index.html

@@ -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>