add fork button

dhanyn10 · dhanyn10 · commit 48e45eb31e2a · 2017-02-12T12:16:46.000+07:00
diff --git a/index.html b/index.html
@@ -1,13 +1,15 @@
 <html>
     <head>
+        <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet"/>
         <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"/>
         <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
         <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>
         <title>Realtime Chat</title>
     </head>
     <body>
-        <nav class="navbar navbar-toggleable-md navbar-light bg-faded">
+        <nav class="navbar sticky-top navbar-toggleable-md navbar-light bg-faded">
             <h1 class="navbar-brand mb-0">Realtime Chat</h1>
+            <a class="btn btn-secondary ml-auto" href="https://github.com/dhanyn10/simple-chat-socketio" target="_blank">Fork <i class="fa fa-code-fork" aria-hidden="true"></i></a>
         </nav>
         <div class="container">
             <div class="row">
@@ -18,7 +20,7 @@ <h1 class="navbar-brand mb-0">Realtime Chat</h1>
                     <div class="container">
                         <div class="row">
                             <textarea id="ms" class="form-control"></textarea>
-                            <button class="btn btn-outline-danger">Send</button>
+                            <button class="btn btn-outline-danger" id="send">Send</button>
                         </div>
                     </div>
                 </div>
@@ -28,7 +30,7 @@ <h1 class="navbar-brand mb-0">Realtime Chat</h1>
         <script>
             var socket      = io();
             
-            $('.btn').click(function(){
+            $('#send').click(function(){
                 socket.emit('chat message', $('#ms').val());
                 $('#ms').val('');
                 return false;
