Remove twitter link from homepage. Make navbar more visible

Makefile

@@ -142,7 +142,7 @@ dist/converse.js:: node_modules
 dist/converse.css:: node_modules
 	npm run dev
 
-dist/website.css:: node_modules src
+dist/website.css:: node_modules src/shared/styles/website.scss
 	$(SASS) --load-path=$(BOOTSTRAP) src/shared/styles/website.scss $@
 
 dist/website.min.css:: node_modules dist/website.css

index.html

@@ -53,6 +53,9 @@
                 <li class="nav-item page-scroll">
                         <a class="nav-link" href="#hosting">Hosting</a>
                 </li>
+                <li class="nav-item">
+                        <a class="nav-link" href="https://github.com/conversejs/converse.js" target="_blank" rel="noopener">Github&nbsp;<i class="fa fa-external-link-alt"></i></a>
+                </li>
                 <li class="nav-item">
                         <a class="nav-link" href="/docs/html/index.html">Documentation&nbsp;<i class="fa fa-external-link-alt"></i></a>
                 </li>
@@ -103,15 +106,6 @@
                 </div>
             </div>
         </div>
-        <div class="row">
-            <div class="col-md-12 col-md-offset-2 banner-social-buttons">
-                <ul class="list-inline">
-                    <li class="list-inline-item"><a href="https://twitter.com/jcopkode" class="btn btn-circle btn-lg" title="Twitter" target="_blank" rel="noopener"><i class="fab fa-twitter"></i></a></li>
-                    <li class="list-inline-item"><a href="https://mastodon.xyz/@jcbrand" class="btn btn-lg" title="Mastodon" target="_blank" rel="noopener"><img class="mastodon" src="/logo/mastodon.svg"/></a></li>
-                    <li class="list-inline-item"><a href="https://github.com/jcbrand/converse.js" class="btn btn-circle btn-lg" title="GitHub" target="_blank" rel="noopener"><i class="fab fa-github"></i></a></li>
-                </ul>
-            </div>
-        </div>
     </section>
 
     <section id="about" class="container content-section text-center">
@@ -214,8 +208,7 @@
                 <div class="col-lg-12 col-lg-offset-2">
                     <h2>Contact</h2>
                     <ul class="contact">
-                        <li>Follow on <a href="https://twitter.com/jcopkode" target="_blank" rel="noopener">Twitter</a>
-                            or <a href="https://mastodon.xyz/@jcbrand" target="_blank" rel="noopener">Mastodon</a>
+                        <li>Follow on <a href="https://mastodon.xyz/@jcbrand" target="_blank" rel="noopener">the fediverse</a>
                         <li>Chat via XMPP at <a href="xmpp:jc@opkode.com" class="xmpp JSnocheck" title="XMPP/Jabber">jc@opkode.com</a></li>
                         <li>For technical support, you can ask on <a href="https://stackoverflow.com/questions/tagged/converse.js">Stack Overflow</a>
                         <li>The Converse XMPP chatroom: <a href="xmpp:discuss@conference.conversejs.org?join" class="xmpp JSnocheck chatroom-name" title="Converse chat room">discuss@conference.conversejs.org</a></li>

src/shared/styles/website.scss

@@ -109,7 +109,7 @@ a {
 .navbar {
     font-family: 'Muli', sans-serif;
     margin-bottom: 0;
-	background: transparent;
+    background-color: rgba(0, 0, 0, 0.5);
     font-size: 95%;
     font-weight: normal;
 
@@ -165,7 +165,7 @@ a {
     .navbar {
         border-bottom: none;
         letter-spacing: 1px;
-        background: transparent;
+        background-color: rgba(0, 0, 0, 0.5);
         -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
         -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
         transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;