Shiny Icons 😊

index.htm

@@ -4,7 +4,7 @@
     <title>Minecraft Armor Stand</title>
     <meta charset="utf-8">
     <link rel="stylesheet" href="style.css">
-    <link rel="icon" type="image/png" href="icon.png">
+    <link rel="icon" type="image/png" href="ic/icon.png">
     <link href='http://fonts.googleapis.com/css?family=Oswald:700' rel='stylesheet' type='text/css'>
     <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:700' rel='stylesheet' type='text/css'>
     <script src="three.js"></script>
@@ -20,11 +20,17 @@
     	<h1>MINECRAFT ARMOR STAND</h1>
         <div class="padding">
             <center>
-                <a href="https://github.com/haselkern/Minecraft-ArmorStand" target="_blank">Check it on GitHub</a>
-                <a href="http://redd.it/2dyzfc">Or on Reddit</a>
+                <a href="https://github.com/haselkern/Minecraft-ArmorStand" target="_blank"><img src="ic/github.png" alt="GitHub" title="GitHub" /></a>
+                <a href="http://redd.it/2dyzfc" target="_blank"><img src="ic/reddit.png" alt="Reddit" title="Reddit" /></a>
+                <a href="http://www.twitter.com/haselcode" target="_blank"><img src="ic/twitter.png" alt="Twitter" title="Twitter" /></a>
             </center>
                 <br>
-                <b>This thing uses WebGL!</b> If you don't see anything on the left enable WebGL in your browser or visit the <a href="http://get.webgl.org/">official WebGL website</a> to troubleshoot problems.
+                <span class="padding" style="cursor: pointer;" onclick="javascript:$('#troubleshooting').slideToggle();">
+                + Troubleshooting
+                </span>
+                <div id="troubleshooting">
+                      <b>This thing uses WebGL!</b> If you don't see anything on the left enable WebGL in your browser or visit the <a href="http://get.webgl.org/">official WebGL website</a> to troubleshoot problems.
+                </div>
         </div>
 
     	<div id="inputsection" class="padding">

main.js

@@ -92,8 +92,9 @@ $(document).ready(function(){
 		mouseDownY = null;
 	});
 
-	//Tips and tricks
+	//Hide elements
 	$("#tipsntricks").hide();
+	$("#troubleshooting").hide();
 });
 
 function setup(){