More website updates.

docs/index.html

@@ -27,6 +27,10 @@
 		</span>
 	</h1>
 	<div class="paragraph">
+		<span>
+			<a class="btnMedium" href="#config">Config</a>
+			<a class="btnMedium" href="#screenshots">Screens</a>
+		</span>
 		<span>
 			OpenDiablo2 is an ARPG game engine in the same vein of the 2000's games, and supports playing Diablo 2. The engine is written in golang and is cross platform. However, please note that this project does not ship with the assets or content required to play Diablo 2. You must have a legally purchased copy of Diablo 2 and its expansion Lord of Destruction installed on your computer in order to run that game on this engine. If you have an original copy of the disks, those files should work fine as well.
 		</span>
@@ -47,7 +51,7 @@
 		</span>
 	</div>
 	<hr />
-	<h2>Configuration</h2>
+	<h2 id="config">Configuration</h2>
 	<div class="paragraph">
 	<span>There is a configuration file (config.json) that should be located in the root folder. The following table describes the different options and what they mean.</span>
 		<table>
@@ -113,7 +117,7 @@
 		</table>
 	</div>
 	<hr />
-	<h2>Screenshots</h2>
+	<h2 id="screenshots">Screenshots</h2>
 	<img class="imgFrame" src="MainMenuSS.png" alt="Main Menu"/>
 	<img class="imgFrame" src="SelectHeroSS.png" alt="Select Hero"/>
 </body>

docs/style.css

@@ -116,3 +116,23 @@ table tbody tr td {
 	border-bottom: dashed 1px #444;
 	padding: 6px 0;
 }
+
+a.btnMedium {
+	background-image: url("ButtonMedium.png");
+	min-width: 128px;
+	min-height:3px;
+	display:inline-block;
+	padding: 9px 0 10px 0;
+	margin: 0;
+	border: none;
+	font-family:'Diablo Heavy';
+	color: #000;
+	text-align: center;
+	vertical-align: middle;
+	font-size: 0.8em;
+	text-shadow: #fff 0 0 5px;
+}
+a.btnMedium:hover{
+	text-decoration: none;
+	cursor:pointer;
+}