Transform more buttons to links and fix style when hovering

downloads.php

@@ -4,13 +4,17 @@
 	<div class = "paragraph-heading">Most up-to-date version from GitHub</div>
 	<div class = "text">
 	<a href="https://github.com/Jeija/minetest-mod-mesecons" target="_blank">Project page</a><br/><br/>
-	<input type="button" class = "button" value = "Download as .zip" onclick="window.open('https://github.com/Jeija/minetest-mod-mesecons/zipball/master')">
-	<input type="button" class = "button" value = "Download as .tar.gz" onclick="window.open('https://github.com/Jeija/minetest-mod-mesecons/tarball/master')">
+	<a href="https://github.com/Jeija/minetest-mod-mesecons/zipball/master" class="button">Download as .zip</a>
+	<a href="https://github.com/Jeija/minetest-mod-mesecons/tarball/master" class="button">Download as .tar.gz</a>
 	</div>
 
 	<br/><br/>
+
 	<div class = "paragraph-heading">Stables</div>
-	<input type="button" class = "button" value = "Open stables" onclick="document.location.href = 'stables.php'">
+	<br/>
+	<a href="stables.php" class="button">Show stables (old)</a>
+	<br/>
+	<br/>
 	</div>
 </div>
 

extensions.php

@@ -3,31 +3,32 @@
 	<div class = "article-heading">Extensions</div>
 	<div class = "text">
 
-	<div class = "paragraph-heading">Microcontroller Programming Tutorial</div>
-	This tutorial shows you how to program the Microcontroller in the Programming language &mu;CScript: Ports, EEPROM, sbi, after(), ...<br/> It's the perfect introduction to advanced mesecon computing.<br/><br/>
-	<input type="button" class = "button" value = "Download &mu;CScript Tutorial" onclick="window.open('https://github.com/Jeija/minetest-mod-mesecons/blob/master/mesecons_microcontroller/MeseconMicro.pdf?raw=true')"><br/><br/>
+	<div class = "paragraph-heading">Microcontroller Programming Tutorial (Deprecated)</div>
+	This tutorial shows you how to program the Microcontroller in the Programming language &mu;CScript: Ports, EEPROM, sbi, after(), ...<br/> It's the perfect introduction to advanced mesecon computing. Deprecated as LuaControllers are now available.<br/><br/>
+	<a href="https://github.com/Jeija/minetest-mod-mesecons/blob/master/mesecons_microcontroller/MeseconMicro.pdf?raw=true" class="button">Download &mu;CScript Tutorial</a><br/><br/>
 
 <div class = "paragraph-heading">[Mod] 2x2 Microcontroller</div>
 	This extension adds a larger Microcontroller by Novatux.<br/><br/>
-	<input type="button" class = "button" value = "Download 2x2 Microcontroller Extension" onclick="window.open('https://github.com/Jeija/mesecons-extension-22microcontroller/zipball/master')"><br/><br/>
+	<a href="https://github.com/Jeija/mesecons-extension-22microcontroller/zipball/master" class="button">Download 2x2 Microcontroller Extension</a><br/><br />
 
 	<div class = "paragraph-heading">[Mod] Digicode</div>
 	This extension adds support for a code lock, that emits energy if the right code was entered.<br/><br/>
-	<input type="button" class = "button" value = "Download Digicode Extension" onclick="window.open('downloads/digicode.zip')"><br/><br/>
-	<img src="http://ompldr.org/vZzRvNw.png" style="width:600px;height:400px;">
+	<a href="downloads/digicode.zip" class="button">Download Digicode Extension</a><br/><br/>
 
 	<div class = "paragraph-heading">&mu;CPaste</div>
 	&mu;CPaste is a pasting service hosted by sfan5 that allows you to share Mesecon Microcontroller Code with others.<br/><br/>
-	<input type="button" class = "button" value = "Open &mu;CPaste" onclick="window.open('http://sfan.sf.funpic.de/ycpaste/')"><br/><br/>
+	<a href="http://sfan.sf.funpic.de/ycpaste/" class="button">Open &mu;CPaste</a><br/><br/>
+	<br />
 
+	The following items may also be replaced by Microcontrollers / Luacontrollers or Gates:
 	<div class = "paragraph-heading">[Mod] Temperest's Plugs and Sockets</div>
-	This extension adds "Plugs", "Sockets" and Inverters to minetest. It works without delay!<br/>
+	This extension adds "Plugs", "Sockets" and Inverters to minetest, they have no delay.<br/>
 	Extension because: Could be raplaced by Microcontroller, can make the game crash<br/><br/>
-	<input type="button" class = "button" value = "Download Temperest Extension" onclick="window.open('https://github.com/Jeija/mesecons-extension-temperest/zipball/master')"><br/><br/>
+	<a href="https://github.com/Jeija/mesecons-extension-temperest/zipball/master" class="button">Download Temperest Extension</a><br/><br/>
 
 	<div class = "paragraph-heading">OGAM (An Opinionated Guide to Advanced Mesecons)</div>
 	The OGAM is a tutorial that teaches you about curcuit design for advanced structures like adders or segment displays using Plugs and Sockets. Author: Temperest (Relies on the Temperest extension)<br/><br/>
-	<input type="button" class = "button" value = "Download OGAM" onclick="window.open('http://goo.gl/hFZLK')"><br/><br/>
+	<a href="http://dl.dropboxusercontent.com/u/8097754/Mesecons%20Tutorial.pdf" class="button">Download OGAM</a><br/><br/>
 
 	</div>
 </div>

stables.php

@@ -2,7 +2,8 @@
 <div id = "article">
 	<div class = "article-heading">Stables</div>
 	<div class = "paragraph-heading">Only use these if the latest GitHub does not work!</div>
-	<input type="button" class = "button" value = "Download 2012-08-16" onclick="window.open('stables/2012-08-16.zip')">
+	<br />
+	<a href="stables/2012-08-16.zip" class="button">Download 2012-08-16</a>
 	<br /> <br />
 	<div class = "paragraph-heading">Very old Versions</div>
 	Ask Jeija on the minetest forum for them.

styles.css

@@ -183,6 +183,7 @@ margin: 0 0;}
 }
 
 #article .button:hover{
+	color:#000000;
 	border:7px solid #cccc00;
 	-webkit-transition:border-color 0.3s ease;
 	-moz-transition:border-color 0.3s ease;