make devtoollist properly center itself

Reviewed-on: SilicaAndPina/psmreborn#1

.gitignore

@@ -14,6 +14,7 @@ psm-psdp/*
 psm-offical-keys/*
 psm-mono-src/*
 psm-games-src/*
+psm-sdk-doc/*
 psm-drivers/*
 psm-docs/*
 psm-dev/*

devtools.php

@@ -324,17 +324,46 @@ function getIcon(string $file)
 		</a>
 	<?php
 	}
+	elseif($type == "psm-sdk-doc")
+	{
+	?>
+		<a href="/psm-sdk-doc/en" class="devtool" id="sdkdocen">
+			<img src="/img/docs.png" width="128" height="128" class="bubble">
+			<span id="textContent">
+				English Docs
+			</span>
+		</a>
+
+		<a href="/psm-sdk-doc/ja" class="devtool" id="sdkdocjp">
+			<img src="/img/docs.png" width="128" height="128" class="bubble">
+			<span id="textContent">
+				Japanese Docs
+			</span>
+		</a>
+	<?php
+	}
 	else
 	{
 		$dirlist = glob($type.'/*');
 		foreach ($dirlist as &$path) { ?>
-			<a href="'.$path.'" class="devtool" title="<?php echo basename($path) ?>">
+			<a href="<?php echo $path ?>" class="devtool" title="<?php echo basename($path) ?>">
 				<img src="<?php echo getIcon($path) ?>" width="128" height="128" class="bubble">
 				<span id="textContent">
 					<?php echo getName(pathinfo(basename($path), PATHINFO_FILENAME)) ?>
 				</span>
 			</a>
 		<?php }
+		
+		if($type == "psm-docs"){ // append psm-sdk-doc to result
+			?>
+			<a href="?type=psm-sdk-doc" class="devtool" id="sdkdoc">
+				<img src="/img/docs.png" width="128" height="128" class="bubble">
+				<span id="textContent">
+					SDK Docs
+				</span>
+			</a>
+			<?php
+		}
 	}
 	?>
 </div>

libary.php

@@ -343,7 +343,7 @@ include("header.php");
 					</tbody>
 				</table>
 				<object>
-					<a class="white" href="<?php echo $website ?>"><?php echo $websitePretty ?></a>
+					<marquee><a class="white" href="<?php echo $website ?>"><?php echo $websitePretty ?></a></marquee>
 				</object>
 			</div>
 		</a>

style.css

@@ -318,7 +318,9 @@
   */
   
   .devtoollist{
-      position: inherit;
+      margin-left: auto;
+      margin-right: auto;
+      position: relative;
       margin-left: 15%; 
       margin-right: 15%;
       text-align:center;