Update README.md

Author: lischilpp

README.md

@@ -1,16 +1,27 @@
-# Math Plotter
-
-### Tool for plotting objects into a parallel perspective 3D coordinate system.
-
+<div align="center">
+  <!--<img src="logo.png" alt="Logo" width="100" height="100">-->
+  <h1>Math Plotter</h1>
+  <p>
+    <img src="https://img.shields.io/badge/HTML5-E34F26?logo=html5&logoColor=white" alt="HTML Badge">
+    <img src="https://img.shields.io/badge/CSS3-1572B6?logo=css3&logoColor=white" alt="CSS Badge">
+    <img src="https://img.shields.io/badge/JavaScript-F7DF1E?logo=javascript&logoColor=black" alt="JavaScript Badge">
+  </p>
+  <p>A tool for plotting objects in a 3D coordinate system using parallel perspective</p>
+  <p><a href="https://lischilpp.github.io/unity-voxel-engine-demo/" target="_blank">Live Demo</a></p>
+</div>
+
+## About The Project
 This program can be used to visualize points / objects / vectors like in math schoolbooks.
 
-[Interactive Page](https://lischilpp.github.io/math-plotter)
-
-## 🗺️ Navigation 
-- [<code>🖼️ Screenshots</code>](#-screenshots)
-- [<code>📋 Features</code>](#-features)
-- [<code>📦 Getting started</code>](#-getting-started)
-- [<code>📝 License</code>](#-license)
+<details>
+  <summary>Table of Contents</summary>
+  <ul>
+    <li><a href="#%EF%B8%8F-screenshots">🖼️ Screenshots</a></li>
+    <li><a href="#-features">📋 Features</a></li>
+    <li><a href="#-getting-started">📦 Getting started</a></li>
+    <li><a href="#-license">📝 License</a></li>
+  </ul>
+</details>
 
 ## 🖼️ Screenshots
 <img src="img/screenshot1.png" alt="Screenshot of the tool rendering various geometric shapes" width="500">