moved login images in javaScript function

I made this change, because if you load the page you will see for a moment on the bottom the two login images

templates/home.html

@@ -62,8 +62,6 @@
       <div id="dialog" title="login">
             <div class="box box-a">
                   <ul id="noDot">
-                     <li><a class="btn-si btn-si-a btn-github" style="color: white;" href="/user/login?service=github">Sign in with GitHub </a></li>
-                     <li><a class="btn-si btn-si-a btn-google" style="color: white;"href="/user/login?service=google">Sign in with Google</a></li>
                   </ul>
                </div>
       </div>
@@ -93,6 +91,8 @@
             function showLogin(){
                $( "#dialog" ).dialog( "open" );     
             }
+
+            document.getElementById("noDot").innerHTML = '<li><a class="btn-si btn-si-a btn-github" style="color: white;" href="/user/login?service=github">Sign in with GitHub </a></li>\n<li><a class="btn-si btn-si-a btn-google" style="color: white;"href="/user/login?service=google">Sign in with Google</a></li>'
          </script>
    </body>
 </html>
\ No newline at end of file