updated icons and many other things

src/scss/icons/style.scss

@@ -2,12 +2,12 @@
 
 @font-face {
   font-family: '#{$icomoon-font-family}';
-  src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?9r0igb');
-  src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?9r0igb#iefix') format('embedded-opentype'),
-  url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff2?9r0igb') format('woff2'),
-  url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?9r0igb') format('woff'),
-  url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?9r0igb') format('truetype'),
-  url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?9r0igb##{$icomoon-font-family}') format('svg');
+  src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?4egyec');
+  src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?4egyec#iefix') format('embedded-opentype'),
+  url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff2?4egyec') format('woff2'),
+  url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?4egyec') format('truetype'),
+  url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?4egyec') format('woff'),
+  url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?4egyec##{$icomoon-font-family}') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -48,183 +48,231 @@
   font-size: 4em;
 }
 
+.i-linkedin {
+  &:before {
+    content: $i-linkedin;
+  }
+}
+
+.i-xing {
+  &:before {
+    content: $i-xing;
+  }
+}
+
 .i-peertube {
   &:before {
     content: $i-peertube;
   }
 }
+
 .i-network-wired {
   &:before {
     content: $i-network-wired;
   }
 }
+
 .i-money-bill {
   &:before {
     content: $i-money-bill;
   }
 }
+
 .i-chart-line {
   &:before {
     content: $i-chart-line;
   }
 }
+
 .i-info-circle {
   &:before {
     content: $i-info-circle;
   }
 }
+
 .i-code {
   &:before {
     content: $i-code;
   }
 }
+
 .i-xmpp {
   &:before {
     content: $i-xmpp;
   }
 }
+
 .i-wifi {
   &:before {
     content: $i-wifi;
   }
 }
+
 .i-youtube {
   &:before {
     content: $i-youtube;
   }
 }
+
 .i-twitter {
   &:before {
     content: $i-twitter;
   }
 }
+
 .i-threema {
   &:before {
     content: $i-threema;
   }
 }
+
 .i-stackoverflow {
   &:before {
     content: $i-stackoverflow;
   }
 }
+
 .i-search {
   &:before {
     content: $i-search;
   }
 }
-.i-opencollective {
-  &:before {
-    content: $i-opencollective;
-  }
-}
+
 .i-mastodon {
   &:before {
     content: $i-mastodon;
   }
 }
+
 .i-hand-holding-heart {
   &:before {
     content: $i-hand-holding-heart;
   }
 }
+
 .i-github {
   &:before {
     content: $i-github;
   }
 }
+
 .i-gitea {
   &:before {
     content: $i-gitea;
   }
 }
+
 .i-firefox {
   &:before {
     content: $i-firefox;
   }
 }
+
 .i-copyright {
   &:before {
     content: $i-copyright;
   }
 }
+
 .i-book {
   &:before {
     content: $i-book;
   }
 }
+
 .i-matrix {
   &:before {
     content: $i-matrix;
   }
 }
+
+.i-pixelfed {
+  &:before {
+    content: $i-pixelfed;
+  }
+}
+
 .i-server {
   &:before {
     content: $i-server;
   }
 }
+
 .i-credit-card {
   &:before {
     content: $i-credit-card;
   }
 }
+
 .i-external-link {
   &:before {
     content: $i-external-link;
   }
 }
+
 .i-heart {
   &:before {
     content: $i-heart;
   }
 }
+
 .i-home {
   &:before {
     content: $i-home;
   }
 }
+
 .i-tags {
   &:before {
     content: $i-tags;
   }
 }
+
 .i-comments {
   &:before {
     content: $i-comments;
   }
 }
+
 .i-users {
   &:before {
     content: $i-users;
   }
 }
+
 .i-bars {
   &:before {
     content: $i-bars;
   }
 }
+
 .i-envelope {
   &:before {
     content: $i-envelope;
   }
 }
+
 .i-language {
   &:before {
     content: $i-language;
   }
 }
+
 .i-user-secret {
   &:before {
     content: $i-user-secret;
   }
 }
+
 .i-heartbeat {
   &:before {
     content: $i-heartbeat;
   }
 }
+
 .i-commenting {
   &:before {
     content: $i-commenting;
   }
 }
+

src/scss/icons/variables.scss

@@ -1,6 +1,8 @@
 $icomoon-font-family: "icomoon" !default;
 $icomoon-font-path: "fonts" !default;
 
+$i-linkedin: "\e919";
+$i-xing: "\e91a";
 $i-peertube: "\e918";
 $i-network-wired: "\e903";
 $i-money-bill: "\e904";
@@ -14,7 +16,6 @@ $i-twitter: "\e90b";
 $i-threema: "\e90c";
 $i-stackoverflow: "\e90d";
 $i-search: "\e90e";
-$i-opencollective: "\e90f";
 $i-mastodon: "\e910";
 $i-hand-holding-heart: "\e911";
 $i-github: "\e912";
@@ -23,6 +24,7 @@ $i-firefox: "\e914";
 $i-copyright: "\e915";
 $i-book: "\e916";
 $i-matrix: "\e900";
+$i-pixelfed: "\e90f";
 $i-server: "\e901";
 $i-credit-card: "\e902";
 $i-external-link: "\e917";

src/scss/main.scss

@@ -1,4 +1,4 @@
-$primary: #843809;
+$primary: #490e0a;
 @import "bootstrap/scss/bootstrap";
 $icomoon-font-path: "../font";
 @import "icons/style";
@@ -19,6 +19,7 @@ header {
   background-size: cover;
   background-attachment: fixed;
   background-position: 0 0;
+  color: #fff;
 
   .overlay {
     position: absolute;
@@ -26,16 +27,21 @@ header {
     bottom: 0;
     left: 0;
     right: 0;
-    background: rgba(132, 56, 9, 0.9);
+    background: rgba(73, 14, 10, 0.9);
   }
 
   .profile-thumb {
     height: 300px;
     width: 300px;
     margin: 0 auto;
+    border: 2px solid #fff;
     border-radius: 50%;
     background-color: #fff;
   }
+
+  a {
+    color: #fff !important;
+  }
 }
 
 ul.social-icons {
@@ -209,7 +215,7 @@ section {
 }
 
 .feature-left {
-  color: #000 !important;
+  color: #fff !important;
   text-decoration: none !important;
 }
 
@@ -392,6 +398,10 @@ section {
   }
 }
 
+#services, #interests {
+  color: #fff;
+}
+
 .interest {
   background-size: cover;
   background-position: center center;