From f7415d297d2813f3d455a970711d308bcbb8c89d Mon Sep 17 00:00:00 2001
From: Jordan Dalton <jordan.8474@gmail.com>
Date: Tue, 27 Jul 2021 10:09:29 +0100
Subject: [PATCH] docs(readme): add images to readme

---
 docs/README.md               | 27 ++++++++++++++++++---------
 docs/images/LiveMap logo.svg |  1 +
 2 files changed, 19 insertions(+), 9 deletions(-)
 create mode 100644 docs/images/LiveMap logo.svg

diff --git a/docs/README.md b/docs/README.md
index 6c5dce85..b8f6e38c 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -10,13 +10,20 @@ permalink: /livemap-interface
 [![All Contributors](https://img.shields.io/badge/all_contributors-12-orange.svg?style=flat-square)](#contributors-)
 <!-- ALL-CONTRIBUTORS-BADGE:END -->
 
+<p align="center">
+  <img alt="LiveMap" src="./images/LiveMap%20logo.svg" width="300" />
+</p>
+<p align="center">
+  <img alt="LiveMap" src="./images/d0d5d365dd98f837327849811cd115a06e7b46b94f2a5c17ca1675835f92.gif" />
+</p>
+
 This is the Web Interface for the FiveM addon [live_map](https://github.com/TGRHavoc/live_map).
 
 - [Prerequisites](#prerequisites)
 - [How to install](#how-to-install)
-- [Frequently Asked Questions](#frequently-asked-questions)
-- [Adding custom maps](#adding-custom-maps)
-- [Developers Information](#developers-information)
+- [Frequently Asked Questions ❓](#frequently-asked-questions-)
+- [Adding custom maps 🗺️](#adding-custom-maps-️)
+- [Developers Information 🧑‍💻](#developers-information-)
 - [Contributors ✨](#contributors-)
 
 ## Prerequisites
@@ -24,13 +31,13 @@ This is the Web Interface for the FiveM addon [live_map](https://github.com/TGRH
 In order to have this working, it is advised that you already have a webserver running and correctly configured.
 You will also need to install [live_map](https://github.com/TGRHavoc/live_map) on your FiveM server and have it configured.
 
-## How to install
+## How to install 
 
 Download the [latest version](https://github.com/TGRHavoc/live_map-interface/archive/master.zip).
 
 This should be enough to get the interface up and running on your website. If you want to change stuff like the images, look in the [configuration](config.md) section.
 
-## Frequently Asked Questions
+## Frequently Asked Questions ❓ 
 
 If you run into any issues, consult the [F.A.Q.](FAQ.md) first. Amongst other things, this document contains information about common issues involving:
 - server not connecting/showing up
@@ -38,10 +45,10 @@ If you run into any issues, consult the [F.A.Q.](FAQ.md) first. Amongst other th
 - errors getting blips
 - issues with localhost
 
-## Adding custom maps
+## Adding custom maps 🗺️
 Information on how to add custom maps from GTA or alternative into livemap. See [Custom Maps](custom_maps.md).
 
-## Developers Information
+## Developers Information 🧑‍💻 
 
 Useful information for developers on dependencies and files locations for development. See [Developers Information](developers.md).
 
@@ -58,12 +65,14 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
     <td align="center"><a href="https://tomgrobbe.nl/"><img src="https://avatars.githubusercontent.com/u/31419184?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Tom</b></sub></a><br /><a href="https://github.com/TGRHavoc/live_map-interface/issues?q=author%3ATomGrobbe" title="Bug reports">🐛</a> <a href="https://github.com/TGRHavoc/live_map-interface/commits?author=TomGrobbe" title="Code">💻</a></td>
     <td align="center"><a href="https://xlxacidxlx.com/"><img src="https://avatars.githubusercontent.com/u/7502881?v=4?s=100" width="100px;" alt=""/><br /><sub><b>AciD</b></sub></a><br /><a href="https://github.com/TGRHavoc/live_map-interface/issues?q=author%3AxlxAciDxlx" title="Bug reports">🐛</a> <a href="https://github.com/TGRHavoc/live_map-interface/commits?author=xlxAciDxlx" title="Code">💻</a></td>
     <td align="center"><a href="https://github.com/jiynn"><img src="https://avatars.githubusercontent.com/u/33206565?v=4?s=100" width="100px;" alt=""/><br /><sub><b>jiynn</b></sub></a><br /><a href="https://github.com/TGRHavoc/live_map-interface/issues?q=author%3Ajiynn" title="Bug reports">🐛</a></td>
-    <td align="center"><a href="https://github.com/Local9"><img src="https://avatars.githubusercontent.com/u/6077794?v=4?s=100" width="100px;" alt=""/><br /><sub><b>127.0.0.1</b></sub></a><br /><a href="https://github.com/TGRHavoc/live_map-interface/issues?q=author%3ALocal9" title="Bug reports">🐛</a> <a href="https://github.com/TGRHavoc/live_map-interface/commits?author=Local9" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/davwheat"><img src="https://avatars.githubusercontent.com/u/7406822?v=4?s=100" width="100px;" alt=""/><br /><sub><b>David Wheatley</b></sub></a><br /><a href="https://github.com/TGRHavoc/live_map-interface/commits?author=davwheat" title="Code">💻</a> <a href="https://github.com/TGRHavoc/live_map-interface/issues?q=author%3Adavwheat" title="Bug reports">🐛</a></td>
   </tr>
   <tr>
+    <td align="center"><a href="https://github.com/Local9"><img src="https://avatars.githubusercontent.com/u/6077794?v=4?s=100" width="100px;" alt=""/><br /><sub><b>127.0.0.1</b></sub></a><br /><a href="https://github.com/TGRHavoc/live_map-interface/issues?q=author%3ALocal9" title="Bug reports">🐛</a> <a href="https://github.com/TGRHavoc/live_map-interface/commits?author=Local9" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/davwheat"><img src="https://avatars.githubusercontent.com/u/7406822?v=4?s=100" width="100px;" alt=""/><br /><sub><b>David Wheatley</b></sub></a><br /><a href="https://github.com/TGRHavoc/live_map-interface/commits?author=davwheat" title="Code">💻</a> <a href="https://github.com/TGRHavoc/live_map-interface/issues?q=author%3Adavwheat" title="Bug reports">🐛</a></td>
     <td align="center"><a href="https://github.com/DaveOkpare"><img src="https://avatars.githubusercontent.com/u/19241431?v=4?s=100" width="100px;" alt=""/><br /><sub><b>David Okpare</b></sub></a><br /><a href="https://github.com/TGRHavoc/live_map-interface/commits?author=DaveOkpare" title="Documentation">📖</a></td>
     <td align="center"><a href="https://github.com/matsn0w"><img src="https://avatars.githubusercontent.com/u/15019582?v=4?s=100" width="100px;" alt=""/><br /><sub><b>matsn0w</b></sub></a><br /><a href="https://github.com/TGRHavoc/live_map-interface/commits?author=matsn0w" title="Code">💻</a></td>
+  </tr>
+  <tr>
     <td align="center"><a href="https://github.com/JasonO99"><img src="https://avatars.githubusercontent.com/u/2074263?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Jason Olsen</b></sub></a><br /><a href="https://github.com/TGRHavoc/live_map-interface/issues?q=author%3AJasonO99" title="Bug reports">🐛</a></td>
     <td align="center"><a href="https://github.com/Aaron-Downham"><img src="https://avatars.githubusercontent.com/u/32743520?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Aaron-Downham</b></sub></a><br /><a href="https://github.com/TGRHavoc/live_map-interface/issues?q=author%3AAaron-Downham" title="Bug reports">🐛</a></td>
     <td align="center"><a href="https://github.com/Annihilator4423"><img src="https://avatars.githubusercontent.com/u/61148120?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Annihilator4423</b></sub></a><br /><a href="https://github.com/TGRHavoc/live_map-interface/commits?author=Annihilator4423" title="Documentation">📖</a></td>
diff --git a/docs/images/LiveMap logo.svg b/docs/images/LiveMap logo.svg
new file mode 100644
index 00000000..801e98de
--- /dev/null
+++ b/docs/images/LiveMap logo.svg	
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1371.5 547.58"><defs><style>.a8cb550d-a8f8-4b07-bc31-a6eb9517e06d{font-size:200px;fill:#f7931e;stroke-width:3px;font-family:CooperBlack, Cooper Black;}.a32b586d-67d2-404d-8c9f-b195d69ac9ce,.a8cb550d-a8f8-4b07-bc31-a6eb9517e06d{stroke:#000;stroke-miterlimit:10;}.a32afaff-78d3-4618-a60c-061409354e5c{letter-spacing:-0.03em;}.a32b586d-67d2-404d-8c9f-b195d69ac9ce{fill:#00aeef;stroke-width:2px;}</style></defs><title>LiveMap logo</title><g id="fdbd7801-e55d-4edf-8cb8-56f56d60d51a" data-name="LiveMap"><text class="a8cb550d-a8f8-4b07-bc31-a6eb9517e06d" transform="translate(380.25 316.34)">Li<tspan class="a32afaff-78d3-4618-a60c-061409354e5c" x="197.85" y="0">v</tspan><tspan x="316.99" y="0">e Map</tspan></text></g><g id="be4cbcbd-04c4-49d1-9fe2-9267c423b4bf" data-name="Marker"><path class="a32b586d-67d2-404d-8c9f-b195d69ac9ce" d="M195.9,562.7c0,.1.2.3.2.3S371.3,294,371.3,205.6c0-130.1-88.8-186.7-175.4-186.9-86.6.2-175.4,56.8-175.4,186.9C20.5,294,195.8,563,195.8,563ZM135.2,198.2A60.8,60.8,0,1,1,195.9,259,60.77,60.77,0,0,1,135.2,198.2Z" transform="translate(-19.5 -17.7)"/></g></svg>
\ No newline at end of file