update docs (#555)

* Update doxygen-gh-pages.yml

* reorganise docs folder add ref and a button to switch between dark and light, optimise doxygen

3 files changed, 2 insertions, 133 deletions

diff --git a/docs/tutorials/audio.md b/docs/tutorials/audio.md
index 0d62da0f4..0c36e56f8 100644
--- a/docs/tutorials/audio.md
+++ b/docs/tutorials/audio.md
@@ -1 +1 @@
-\page tutorialaudio Audio
+@page tutorialaudio Audio
diff --git a/docs/tutorials/paths.md b/docs/tutorials/paths.md
index b9594bb7e..d3200a6dd 100644
--- a/docs/tutorials/paths.md
+++ b/docs/tutorials/paths.md
@@ -1,4 +1,4 @@
-\page paths Paths
+@page paths Paths
 The game uses multiple types of course paths
 
 # Course Paths
diff --git a/docs/tutorials/tutorials.md b/docs/tutorials/tutorials.md
deleted file mode 100644
index 3636bf1f5..000000000
--- a/docs/tutorials/tutorials.md
+++ /dev/null
@@ -1,131 +0,0 @@
-\page tutorials Tutorials
-Topics discussing how to work with certain features.
-
-\htmlonly
-<br>
-<style>
-.pagebutton {
-    display: inline-block;
-    margin-right: 1em;
-    margin-bottom: 1em;
-}
-.pagelink {
-    display: block;
-    background-color: rgb(40, 44, 52);
-    width: 320px;
-    box-shadow: 0 0 0 0;
-    transition: 0.3s ease;
-}
-.pagelink:hover {
-  box-shadow: 0 5px 15px 5px rgba(0,0,0,1);
-
-}
-.pagelink:hover img {
-  transform: scale3d(1.1,1.1,1.1);
-
-}
-.pageimg {
-    display: inline-block;
-    width: 100%;
-    position: relative;
-    overflow: hidden;
-}
-.pageimg img {
-    transition: 0.3s ease;
-}
-.content {
-    color: white;
-    font-size: 1em;
-    padding: 0;
-    margin: 0;
-}
-.pageheading {
-    padding: .5em .5em;
-    font-size: 18px;
-    color: white;
-    font-weight: bold;
-    text-decoration: none;
-}
-.pagedescription {
-    color: #fff;
-    border-color: transparent;
-    opacity: 0.75;
-    height: 84px;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    margin-top: 10px;
-    display: block;
-    padding: 10px;
-    text-decoration: none;
-    line-height: 1.64em;
-    font-size: 1em;
-    font-weight: normal;
-    text-decoration: none;
-}
-.pagea {
-    display: inline-block;
-}
-.pagea:link {
-    text-decoration: none;
-}
-.pagea:visited {
-    text-decoration: none;
-}
-.pagea:hover {
-    text-decoration: none;
-}
-.pagea:active {
-    text-decoration: none;
-}
-p {
-    margin: 0;
-    padding: 0;
-}
-</style>
-<div class="pagebutton">
-<a class="pagea" href="boostramps.html">
-<div class="pagelink">
-  <div class="pageimg"><img width=320 src="buttonimage.png" /></div>
-  <div class="content">
-    <div class="pageheading">Boost Ramps</div>
-    <div class="pagedescription">
-      <p>Steps for creating your own boost ramps</p>
-    </div>
-  </div>
-</div>
-</a>
-</div>
-
-<div class="pagebutton">
-<a class="pagea" href="paths.html">
-<div class="pagelink">
-  <div class="pageimg"><img width=320 src="buttonimage.png" /></div>
-  <div class="content">
-    <div class="pageheading">Paths</div>
-    <div class="pagedescription">
-      <p>Overview of the many types of pathing</p>
-    </div>
-  </div>
-</div>
-</a>
-</div>
-
-<div class="pagebutton">
-<a class="pagea" href="audio.html">
-<div class="pagelink">
-  <div class="pageimg"><img width=320 src="buttonimage.png" /></div>
-  <div class="content">
-    <div class="pageheading">Audio</div>
-    <div class="pagedescription">
-      <p>Basic ways to work with audio</p>
-    </div>
-  </div>
-</div>
-</a>
-</div>
-
-\endhtmlonly
-
-\subpage boostramps
-\subpage paths
-\subpage tutorialaudio