added readme

README.md

@@ -0,0 +1,37 @@
+<p align="center">
+  <img height="80px" width="80px" src="https://file.strassburger.dev/slime.svg" alt="logo">
+  <h3 align="center"><b>Interactive Tensei Shitara Slime Datta Ken Map</b></h3>
+
+  <p align="center" >This is an interactive map of the world of Tensei Shitara Slime Datta Ken (That Time I Got Reincarnated as a Slime).</p>
+</p>
+
+---
+
+<div style="text-align: center;">
+  <a href="https://tensuramap.j4n.net">
+    <img src="https://cdn.jsdelivr.net/npm/@intergrav/devins-badges@3/assets/compact/documentation/website_vector.svg" alt="website">
+  </a>
+  <a href="https://strassburger.org/discord">
+    <img src="https://cdn.jsdelivr.net/npm/@intergrav/devins-badges@3/assets/compact/social/discord-plural_vector.svg" alt="discord">
+  </a>
+</div>
+
+---
+
+### Where does the data come from?
+
+The data comes from the [Tensei Shitara Slime Datta Ken Wiki](https://tensura.fandom.com/wiki/Home) and [this reddit post](https://www.reddit.com/r/TenseiSlime/comments/jh4w8p/heres_a_map_with_most_of_the_countries_and_some/) by u/Racinator.
+
+If there are any mistakes or missing countries, please refer to the [How can I contribute or correct mistakes?](#how-can-i-contribute-or-correct-mistakes) section.
+
+### How does it work?
+
+I layed out the map using summerstyles's [html image map creator](https://summerstyle.github.io/summer/). I then took the coordinates and created svg polygons for each country with these coordinates. I used an svg rather than image map because it is more flexible and easier to style.
+
+### How is it hosted?
+
+I am using GitHub Pages to host this project. You can view the map [here](https://tensuramap.j4n.net).
+
+### How can I contribute or correct mistakes?
+
+You can create an issue or a pull request on this repository. I will review it as soon as possible. You can also contact me on my [Discord](https://strassburger.org/discord).