Redesign all pages (#15)

* Redesign all pages

* fix session and header include

* improve ui + some fixes

* replace max weight with 'MAX'

* center text

* fix quests list + responsiveness

* edit button margin + fix uppercase update button

* update session and header

* fix title

* fix profile settings form + prepare delete button

* remove vendor + add npm

* fix typo

* fix session.php

* update readme

* remo unused  Readme url's

Author: iampinzao

.gitignore

@@ -3,5 +3,5 @@ config.php
 *.swp
 test*
 subs*
-vendor/*
 composer.lock
+node_modules/

README.md

@@ -1,32 +1,96 @@
 # PoracleWeb
 
+
+[![Contributors][contributors-shield]][contributors-url]
+[![Forks][forks-shield]][forks-url]
+[![Stargazers][stars-shield]][stars-url]
+[![Issues][issues-shield]][issues-url]
+
+---
+
 REQUIRES MYSQL !
 
-This tool is an add-on to PoracleJS (https://github.com/KartulUdus/PoracleJS)
+This tool is an add-on to [PoracleJS](https://github.com/KartulUdus/PoracleJS)
 
 This is a first attempt at creating a Web Inteface to handle alarms configuration in PoracleJS.
 
 Please note that I'm not a professional Web Developer, so the code might look ugly to some people, but it works. I'm of course open to suggestion on improving the code or adding functionalities.
 
-It currently only handle Monsters / Raids / Eggs Alarms. Quests and Invasions are not supported yet by are planned features.
+---
+
+**PoracleWeb handles:** (unchecked are planned features)
+- [x] Monsters
+- [x] Raids & Eggs
+- [x] Quests
+- [ ] Invasions
 
 A few other features that might make their way into the tool :
 
 - Ability to set a Location.
 - Ability to set a Distance globally for all Monsters and/or all Raids/Eggs.
 - A way to visualize distances drawing a radius on the map from current position.
 
-Any other suggestions are welcome, please use GitHub Issues for your suggestions.
+Any other suggestions are welcome, please use [GitHub Issues][issues-url] for your suggestions.
+
+---
+
+### Prerequisites
+
+* [NodeJS & NPM](https://nodejs.org/en/download/)
+* [Composer](https://getcomposer.org/download/)
 
-To get started with it :
-- As always, copy `config_example.php` to config.php and adapt to your needs
-- Have a Web Server pointing to your install directory (This tool doesn't include any standalone WebServer)
+---
 
-You will need to configure your Discord Bot settings in config.php. If you use PMSF, you can reuse the same parameters for `discordBotClientId` and `discordBotClientSecret` or find them on the Discord application Portal. `redirect_url` should point to your PoracleWeb base directory and should be configured as a Redirects in your Discord bot. 
+### Installation
+
+1. Clone the repo
+   ```sh
+   git clone https://github.com/bbdoc/PoracleWeb.git
+   ```
+2. Install NPM packages
+   ```sh
+   npm install
+   ```
+3. Copy `config_example.php` to `config.php` and adapt to your needs
+4. Have a Web Server pointing to your install directory (This tool doesn't include any standalone WebServer)
+
+5. You will need to configure your Discord Bot settings in config.php. If you use PMSF, you can reuse the same parameters for `discordBotClientId` and `discordBotClientSecret` or find them on the [Discord application Portal](https://discord.com/developers/applications). `redirect_url` should point to your PoracleWeb base directory and should be configured as a Redirects in your Discord bot. 
 
 For those parameters go to :
-- https://discord.com/developers/applications
+- [Discord application Portal](https://discord.com/developers/applications)
 - Select your Bot (or create a new one).
 - Go to OAuth2 and add your `http://yourdomain.com/discord_auth.php` (`http://yourdomain.com/`) being your `redirect_url`
 - Client ID can be found under "General Information"
 - Client Secret can be found under "General Information" by clicking the "Click to reveal" link.
+
+---
+
+## Contributing
+
+1. Fork the Project
+2. Clone your forked project
+```sh
+git clone https://github.com/YourUserName/PoracleWeb.git
+```
+3. Create your New Feature branch (`git checkout -b new_feature`)
+4. Create a new remote for the upstream repo with the command:
+```sh
+git remote add upstream https://github.com/bbdoc/PoracleWeb
+```
+3. Commit your Changes
+```sh
+git commit -m 'Add some New Feature'
+```
+4. Push to the Branch
+```sh
+git push origin new_feature
+```
+
+[contributors-shield]: https://img.shields.io/github/contributors/bbdoc/PoracleWeb.svg?style=for-the-badge
+[contributors-url]: https://github.com/bbdoc/PoracleWeb/graphs/contributors
+[forks-shield]: https://img.shields.io/github/forks/bbdoc/PoracleWeb.svg?style=for-the-badge
+[forks-url]: https://github.com/bbdoc/PoracleWeb/network/members
+[stars-shield]: https://img.shields.io/github/stars/bbdoc/PoracleWeb.svg?style=for-the-badge
+[stars-url]: https://github.com/bbdoc/PoracleWeb/stargazers
+[issues-shield]: https://img.shields.io/github/issues/bbdoc/PoracleWeb.svg?style=for-the-badge
+[issues-url]: https://github.com/bbdoc/PoracleWeb/issues