Add links

source/layouts/layout.erb

@@ -160,10 +160,10 @@
             <div id="header" class="">
                 <div id="channel_header">
 
-                    <div id="team_menu">
+                    <a id="team_menu" href="/">
                         <span id="team_name" class="overflow_ellipsis right_padding">Slack Themes</span>
                         <i class="fa fa-chevron-down"></i>
-                    </div>
+                    </a>
 
                     <h2 id="active_channel_name" class="overflow_ellipsis" data-original-title="" title="">
                         <span class="name ">
@@ -176,6 +176,14 @@
             </div>
 
             <div id="footer" style="bottom: 0px;">
+                <div id="notification_bar" class="wide really_wide">
+                    <div id="notification_text" class="overflow_ellipsis">
+                        Not affiliated with <a href="https://slack.com/">Slack</a> in any way or form; but it is a great tool, use it.
+                    </div>
+                    <div id="special_formatting_text" class="special_formatting_tips showing">
+                        Made with ♥ in Istanbul by <a href="https://twitter.com/paracycle">Ufuk Kayserilioglu</a>
+                    </div>
+                </div>
             </div>
 
             <div id="client_body">
@@ -272,7 +280,7 @@
                                 </div>
                             </div>
 
-                            <div id="user_menu" style="bottom: 0px;">
+                            <a id="user_menu" style="bottom: 0px;" href="https://github.com/paracycle">
                                 <div id="current_user_avatar">
                                     <span class="member_image thumb_48" style="background-image: url('/images/profile.jpg')"></span>
                                 </div>
@@ -280,7 +288,7 @@
                                 <img id="connection_icon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAABmFBMVEUAAAD////////////////////////////////////2+/LR5bKw1Hmfy1KUxz2VyD2izVKz1nnS5rP////A3JuOw0qKwkCNxD+QxT6Sxj6Txz6SxUnC3Jv1+fGXx2GDvkCGwECIwUCLwj+PxD6PxT+JwUCFwECZyGD2+vGSxWF9vEGAvkGDv0CMwz+Wx2GPw2F4ukJ7u0J+vUGBvkGHwUB8u0KSxGG31pp0uEN3uUJ5u0KFv0CCv0B6u0K415p5uU1yt0N/vUF1uEN8u0zG3bFttURwtkR5ukLH3rGWxnlqtERutUR2uUOZx3l6uVZos0VvtkRxt0Nzt0N8ulVisUVlskVns0VzuENmskVfsEVps0VztlZer0VhsEVjsUVstER1t1aOwXhcrkZdr0VgsEaQwnm/2a9YrUZbrka/2rDz+PFhr09XrEZksE6pzplUq0ZVrEZarUaqzpl0tWJRq0dWrEZ1tmJztWJOqUdSq0dxtGJMqEdNqUdQqkdytWKmzJhXrFBKqEdZrU+716+GvXhjr1dIp0hkr1dYtVOVAAAAFHRSTlMAV8/v/wCH+x/n////////////9kvBHZAAAAG7SURBVHgBvdOxjtNAEIDhGe/MZO3sxVaiIJkiSNdQUPJOeQlqXoCCIg/EU9BQHRKg5CT7ErzrHTa+aBOqaxC/tdLK+2kbj+H/hoWhlCmQr0HeyYxyM8mvkWHKoAfBS6cBWEeYugAzf4QGp1SV8DvU/ZjBdN7iud6hdnOTdl+TuALyrUPEwfdu3nc1ipr9AwdIFZPysJylRDfa6cZL2rfgMd9QjO8R0Y+/u7sa4LHZz4wN/MXEyw1hbK1VZdV7PZ1OyufzktsxXADCW5EkXq06Paan02Uoo3kHmAEzJ8HBN6v5qlkqaxTmCdAzQK8Noi6rXwCrJyutepUMAARnXS++3cvm2xvftR0PzAyQAXtwdNChifvFHppBdR003IDCIg6JDOse4DX8WIdo1TwfpaUgqWC9c4eqqg5HF20QZdAMmDlasdHWkrKR03J0A4iIXRTrpba29laiY8YMyOyMKYkXroyROZZuwVTyztAFJPmZKBGq+FxFVBr5BHr7ubd3GICfAM+88qDHHYe/BmbbIAaGKU/Fz10emDxyHxBhgJTg+DGP3O3QbltMBkd92F2H9sWxB772wo9z2z8FfwDHWbdKLDfq1AAAAABJRU5ErkJggg==" class="" style="opacity: 1;">
                                 <span id="connection_status">online</span>
                                 <i class="fa fa-chevron-up"></i>
-                            </div>
+                            </a>
 
                     </div>
 

source/stylesheets/all.css

@@ -18,3 +18,10 @@
 input#sidebar_theme_custom {
   width: 100% !important;
 }
+#special_formatting_text {
+  font-size: 0.8em !important;
+  opacity: 1 !important;
+}
+#team_menu,#user_menu {
+    text-decoration: none;
+}