diff --git a/src/_data/i18n/de.json b/src/_data/i18n/de.json
index e572d57..1076ac1 100644
--- a/src/_data/i18n/de.json
+++ b/src/_data/i18n/de.json
@@ -118,10 +118,10 @@
         "url": "https://sp-codes.de"
       },
       {
-        "icon": "sp-codes.svg",
-        "name": "Samuel's Blog",
-        "description": "Wenn ich Zeit finde schreibe ich gelegentlich den ein oder anderen Artikel für meinen Blog.",
-        "url": "https://samuels-blog.de"
+        "icon": "samuel.png",
+        "name": "Open Source",
+        "description": "Wenn ich Zeit finde beteilige ich mich an Open Source Projekten oder schreibe gelegentlich den ein oder anderen Artikel dazu.",
+        "url": ""
       },
       {
         "icon": "op.png",
@@ -177,17 +177,21 @@
         "percent": 40
       },
       {
-        "name": "Elasticsearch",
-        "percent": 40
+        "name": "Git",
+        "percent": 90
+      },
+      {
+        "name": "Intellij IDEA",
+        "percent": 90
+      },
+      {
+        "name": "CI/CD",
+        "percent": 90
       },
       {
         "name": "Spring Framework",
         "percent": 85
       },
-      {
-        "name": "Git",
-        "percent": 90
-      },
       {
         "name": "Angular",
         "percent": 80
@@ -197,12 +201,8 @@
         "percent": 75
       },
       {
-        "name": "Intellij IDEA",
-        "percent": 90
-      },
-      {
-        "name": "CI/CD",
-        "percent": 90
+        "name": "Elasticsearch",
+        "percent": 40
       },
       {
         "name": "Node.js",
@@ -214,27 +214,23 @@
     "title": "Interessen",
     "list": [
       {
-        "image": "",
+        "image": "softwerke",
         "name": "Softwerke Magdeburg e.V.",
-        "description": "Mitglied",
-        "url": ""
+        "url": "https://softwerke.md/"
       },
       {
-        "image": "",
+        "image": "magic",
         "name": "Zauberkunst",
-        "description": "",
         "url": "https://sp-magic.de"
       },
       {
-        "image": "",
-        "name": "Kraftsport",
-        "description": "",
+        "image": "sports",
+        "name": "Kraftsport & Bouldern",
         "url": ""
       },
       {
-        "image": "",
-        "name": "Bouldern",
-        "description": "",
+        "image": "photography",
+        "name": "Fotografie",
         "url": ""
       }
     ]
diff --git a/src/img/dumbbell.jpg b/src/img/dumbbell.jpg
new file mode 100644
index 0000000..f709b6d
Binary files /dev/null and b/src/img/dumbbell.jpg differ
diff --git a/src/img/photography.jpg b/src/img/photography.jpg
new file mode 100644
index 0000000..e654780
Binary files /dev/null and b/src/img/photography.jpg differ
diff --git a/src/index.html b/src/index.html
index f71de39..80be95e 100644
--- a/src/index.html
+++ b/src/index.html
@@ -48,12 +48,14 @@ title: {{site.title}}
                     <h1>{{site.title}}</h1>
                     <h3>{{site.subtitle}}</h3>
                     <ul class="social-icons my-4">
-                        <li><a href="#"><i class="i-envelope i-2x i-fw"></i></a></li>
-                        <li><a href="#"><i class="i-matrix i-2x i-fw"></i></a></li>
-                        <li><a href="#"><i class="i-mastodon i-2x i-fw"></i></a></li>
-                        <li><a href="#"><i class="i-stackoverflow i-2x i-fw"></i></a></li>
-                        <li><a href="#"><i class="i-gitea i-2x i-fw"></i></a></li>
-                        <li><a href="#"><i class="i-github i-2x i-fw"></i></a></li>
+                        <li><a href="mailto:mail@samuel-philipp.de"><i class="i-envelope i-2x i-fw"></i></a></li>
+                        <li><a href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de"><i class="i-matrix i-2x i-fw"></i></a></li>
+                        <li><a href="https://social.sp-codes.de/@samuel_p"><i class="i-mastodon i-2x i-fw"></i></a></li>
+                        <li><a href="https://www.xing.com/profile/Samuel_Philipp"><i class="i-xing i-2x i-fw"></i></a></li>
+                        <li><a href="https://www.linkedin.com/in/samuel-philipp"><i class="i-linkedin i-2x i-fw"></i></a></li>
+                        <li><a href="https://git.sp-codes.de/samuel-p"><i class="i-gitea i-2x i-fw"></i></a></li>
+                        <li><a href="https://github.com/samuel-p"><i class="i-github i-2x i-fw"></i></a></li>
+                        <li><a href="https://stackoverflow.com/users/9662601/samuel-philipp"><i class="i-stackoverflow i-2x i-fw"></i></a></li>
                     </ul>
                 </div>
             </div>
@@ -86,13 +88,15 @@ title: {{site.title}}
             <div class="col-md-8">
                 <h2>{{site.strings.about.hello}}</h2>
                 <p>{{site.strings.about.text}}</p>
-                <ul class="social-icons mt-4">
-                    <li><a href="#"><i class="i-envelope i-2x i-fw"></i></a></li>
-                    <li><a href="#"><i class="i-matrix i-2x i-fw"></i></a></li>
-                    <li><a href="#"><i class="i-mastodon i-2x i-fw"></i></a></li>
-                    <li><a href="#"><i class="i-stackoverflow i-2x i-fw"></i></a></li>
-                    <li><a href="#"><i class="i-gitea i-2x i-fw"></i></a></li>
-                    <li><a href="#"><i class="i-github i-2x i-fw"></i></a></li>
+                <ul class="social-icons my-4">
+                    <li><a href="mailto:mail@samuel-philipp.de"><i class="i-envelope i-2x i-fw"></i></a></li>
+                    <li><a href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de"><i class="i-matrix i-2x i-fw"></i></a></li>
+                    <li><a href="https://social.sp-codes.de/@samuel_p"><i class="i-mastodon i-2x i-fw"></i></a></li>
+                    <li><a href="https://www.xing.com/profile/Samuel_Philipp"><i class="i-xing i-2x i-fw"></i></a></li>
+                    <li><a href="https://www.linkedin.com/in/samuel-philipp"><i class="i-linkedin i-2x i-fw"></i></a></li>
+                    <li><a href="https://git.sp-codes.de/samuel-p"><i class="i-gitea i-2x i-fw"></i></a></li>
+                    <li><a href="https://github.com/samuel-p"><i class="i-github i-2x i-fw"></i></a></li>
+                    <li><a href="https://stackoverflow.com/users/9662601/samuel-philipp"><i class="i-stackoverflow i-2x i-fw"></i></a></li>
                 </ul>
             </div>
         </div>
@@ -231,10 +235,9 @@ title: {{site.title}}
         <div class="row">
             {%- for item in site.strings.interests.list %}
             <div class="col-md-3 text-center p-3">
-                <a href="{{item.url}}" target="_blank" class="work" style="background-image: url(images/portfolio-1.jpg);">
+                <a href="{{item.url}}" target="_blank" class="interest interest-{{item.image}}">
                     <div class="desc">
                         <h3>{{item.name}}</h3>
-                        <span>{{item.description}}</span>
                     </div>
                 </a>
             </div>
@@ -242,40 +245,37 @@ title: {{site.title}}
         </div>
     </div>
 </section>
-<section id="contact" class="p-0 d-flex">
-    <div class="video" style="background-image: url(img/sp-magic.png);">
-        <div class="overlay"></div>
-    </div>
-    <div class="choose">
-        <h2 class="mb-5">{{site.strings.contact.title}}</h2>
-        <form action="#">
-            <div class="row mb-4">
-                <div class="col-md-12">
-                    <input type="text" id="name" class="form-control" placeholder="Your name">
-                </div>
-            </div>
-
-            <div class="row mb-4">
-                <div class="col-md-12">
-                    <input type="text" id="email" class="form-control" placeholder="Your email address">
-                </div>
-            </div>
-
-            <div class="row mb-4">
-                <div class="col-md-12">
-                    <textarea name="message" id="message" cols="30" rows="5" class="form-control h-auto"
-                              placeholder="Say something about us"></textarea>
-                </div>
-            </div>
-            <div class="row mb-4">
-                <div class="col-md-12">
-                    <input type="submit" value="Send Message" class="btn btn-primary">
-                </div>
-            </div>
-
-        </form>
-    </div>
-</section>
+<!--<section id="contact" class="p-0 d-flex">-->
+<!--    <div class="video" style="background-image: url(img/sp-magic.png);">-->
+<!--        <div class="overlay"></div>-->
+<!--    </div>-->
+<!--    <div class="choose">-->
+<!--        <h2 class="mb-5">{{site.strings.contact.title}}</h2>-->
+<!--        <form action="#">-->
+<!--            <div class="row mb-4">-->
+<!--                <div class="col-md-12">-->
+<!--                    <input type="text" id="name" class="form-control" placeholder="Your name">-->
+<!--                </div>-->
+<!--            </div>-->
+<!--            <div class="row mb-4">-->
+<!--                <div class="col-md-12">-->
+<!--                    <input type="text" id="email" class="form-control" placeholder="Your email address">-->
+<!--                </div>-->
+<!--            </div>-->
+<!--            <div class="row mb-4">-->
+<!--                <div class="col-md-12">-->
+<!--                    <textarea name="message" id="message" cols="30" rows="5" class="form-control h-auto"-->
+<!--                              placeholder="Say something about us"></textarea>-->
+<!--                </div>-->
+<!--            </div>-->
+<!--            <div class="row mb-4">-->
+<!--                <div class="col-md-12">-->
+<!--                    <input type="submit" value="Send Message" class="btn btn-primary">-->
+<!--                </div>-->
+<!--            </div>-->
+<!--        </form>-->
+<!--    </div>-->
+<!--</section>-->
 <footer id="footer">
     <div class="container">
         <div class="row">
diff --git a/src/scss/main.scss b/src/scss/main.scss
index 47f8aa3..38449fb 100644
--- a/src/scss/main.scss
+++ b/src/scss/main.scss
@@ -1,4 +1,4 @@
-$primary: #fea500;
+$primary: #843809;
 @import "bootstrap/scss/bootstrap";
 $icomoon-font-path: "../font";
 @import "icons/style";
@@ -26,7 +26,7 @@ header {
     bottom: 0;
     left: 0;
     right: 0;
-    background: rgba(254, 165, 0, 0.9);
+    background: rgba(132, 56, 9, 0.9);
   }
 
   .profile-thumb {
@@ -392,7 +392,7 @@ section {
   }
 }
 
-.work {
+.interest {
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
@@ -405,48 +405,59 @@ section {
   text-decoration: none !important;
   color: #000;
 
+  &:hover {
+    color: #000;
+  }
+
   .desc {
     display: table-cell;
-    vertical-align: middle;
     height: 270px;
-    background: #fff;
-    opacity: 0;
-    -webkit-transition: 0.3s;
-    -o-transition: 0.3s;
-    transition: 0.3s;
+    padding: 20px;
 
     h3 {
       font-size: 20px;
-      -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-      transition: transform 0.3s, opacity 0.3s;
-      -webkit-transform: translate3d(0, -15px, 0);
-      transform: translate3d(0, -15px, 0);
     }
 
     span {
       display: block;
       color: lighten(#000, 60%);
       font-size: 14px;
-      -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-      transition: transform 0.3s, opacity 0.3s;
-      -webkit-transform: translate3d(0, 15px, 0);
-      transform: translate3d(0, 15px, 0);
     }
   }
 
-  &:hover {
+  &.interest-softwerke {
+    background-image: url(../img/sp-codes.png);
+
     .desc {
-      opacity: 1;
+      vertical-align: top;
+      color: #fff;
+    }
+  }
 
-      h3 {
-        -webkit-transform: translate3d(0, 0, 0);
-        transform: translate3d(0, 0, 0);
-      }
+  &.interest-magic {
+    background-image: url(../img/sp-magic.png);
 
-      span {
-        -webkit-transform: translate3d(0, 0, 0);
-        transform: translate3d(0, 0, 0);
-      }
+    .desc {
+      vertical-align: bottom;
+      color: #000;
+    }
+  }
+
+  &.interest-sports {
+    background-image: url(../img/dumbbell.jpg);
+
+    .desc {
+      vertical-align: middle;
+      color: #fff;
+    }
+  }
+
+  &.interest-photography {
+    background-image: url(../img/photography.jpg);
+
+    .desc {
+      vertical-align: top;
+      color: #000;
     }
   }
 }