updated build using gulpjs

removed xing and linkedin
added mastodon

src/scss/main.scss

@@ -0,0 +1,79 @@
+@import "~bootstrap/scss/bootstrap-grid";
+@import "~bootstrap/scss/bootstrap-reboot";
+@import "~bootstrap/scss/utilities/align";
+@import "~bootstrap/scss/utilities/spacing";
+@import "~bootstrap/scss/utilities/display";
+@import "~@fortawesome/fontawesome-free/scss/fontawesome";
+@import "~@fortawesome/fontawesome-free/scss/solid";
+@import "~@fortawesome/fontawesome-free/scss/brands";
+@import "~@fortawesome/fontawesome-free/scss/regular";
+
+@font-face {
+  font-family: 'Minotaur';
+  src: local('Minotaur Phatte'), url(../font/minotaur.ttf) format('truetype');
+}
+
+body {
+  background: url('../img/bg.png') no-repeat center center fixed;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  background-size: cover;
+  min-height: 100vh;
+  color: #000;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+.logo {
+  display: block;
+  margin: 0 auto;
+  max-width: 256px;
+  max-height: 256px;
+  background-color: #ffffff;
+  border-radius: 50%;
+  border: 2px solid #000000;
+}
+
+.menu {
+  border-top: 1px solid #000000;
+}
+
+.border-top-bottom {
+  border-top: 1px solid #000000;
+  border-bottom: 1px solid #000000;
+}
+
+a {
+  color: #000000;
+}
+
+a:hover {
+  color: #222222;
+}
+
+.sp-codes {
+  font-family: "Minotaur", monospace;
+  font-size: 5rem;
+  text-align: center;
+}
+
+.row {
+  margin: 0;
+}
+
+.flex-grow {
+  flex: 1;
+}
+
+@media (max-width: 767.98px) {
+  .sp-codes {
+    font-size: 3rem;
+  }
+  .logo {
+    max-width: 128px;
+    max-height: 128px;
+  }
+  .fa-4x {
+    font-size: 2em;
+  }
+}