diff --git a/README.md b/README.md
index ef0d72b..3cfcad8 100644
--- a/README.md
+++ b/README.md
@@ -11,7 +11,7 @@ Do you want to discuss about it ? Go on the [Facepunch thread](http://facepunch.
Do you want to do a donation ? [It's here](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=WAAU3DKXJXFR6)
---
-## Current version: 1.0.7.1
+## Current version: 1.0.8
## [Download Latest](https://github.com/Multigaming-community/GoulpLoader/releases/latest)
## [Demonstration](http://iklem.livehost.fr/goulploader-demo/)
@@ -25,9 +25,10 @@ Do you want to do a donation ? [It's here](https://www.paypal.com/cgi-bin/webscr
* Custom background and colors.
* Loading bar.
* Animated.
-* __NEW__ Slideshow !
-* __NEW__ Music Player !
-* __NEW__ New easy way to configure the loader - With JSON !
+* Slideshow !
+* Music Player !
+* Easy way to configure the loader - With JSON !
+* __NEW__ All images are SVG (See Image modification Wiki to modify colors of the svgs)
* Use of [JQuery](http://jquery.com/), [Jquery UI](http://jqueryui.com/), [Jquery Color](https://github.com/jquery/jquery-color) and [ResponsiveSlides](http://responsiveslides.com/) plugins
diff --git a/img/bg.jpg b/img/bg.jpg
deleted file mode 100644
index c756157..0000000
Binary files a/img/bg.jpg and /dev/null differ
diff --git a/img/bg.png b/img/bg.png
new file mode 100644
index 0000000..6a1ab30
Binary files /dev/null and b/img/bg.png differ
diff --git a/img/dl.png b/img/dl.png
deleted file mode 100644
index f71f064..0000000
Binary files a/img/dl.png and /dev/null differ
diff --git a/img/dl.svg b/img/dl.svg
new file mode 100644
index 0000000..0d340e4
--- /dev/null
+++ b/img/dl.svg
@@ -0,0 +1,13 @@
+
+
diff --git a/img/gear.png b/img/gear.png
deleted file mode 100644
index ac66c3e..0000000
Binary files a/img/gear.png and /dev/null differ
diff --git a/img/gear.svg b/img/gear.svg
new file mode 100644
index 0000000..8da9b04
--- /dev/null
+++ b/img/gear.svg
@@ -0,0 +1,19 @@
+
+
diff --git a/img/gmod.png b/img/gmod.png
deleted file mode 100644
index c8b63f2..0000000
Binary files a/img/gmod.png and /dev/null differ
diff --git a/img/gmod.svg b/img/gmod.svg
new file mode 100644
index 0000000..61131b6
--- /dev/null
+++ b/img/gmod.svg
@@ -0,0 +1,18 @@
+
+
diff --git a/img/map.png b/img/map.png
deleted file mode 100644
index 2968889..0000000
Binary files a/img/map.png and /dev/null differ
diff --git a/img/map.svg b/img/map.svg
new file mode 100644
index 0000000..70b91cb
--- /dev/null
+++ b/img/map.svg
@@ -0,0 +1,52 @@
+
+
diff --git a/index.html b/index.html
index d609766..2f7bd6e 100644
--- a/index.html
+++ b/index.html
@@ -24,13 +24,11 @@
ServerName
-
Gamemode
-
Mapname
+
+
Gamemode
+
Mapname
-
+
Connexion...
@@ -40,7 +38,7 @@
Connexion...
- - -
- - -
-
v1.0.7.1
+
v1.0.8
diff --git a/js/script.js b/js/script.js
index 789bd2d..41ba529 100644
--- a/js/script.js
+++ b/js/script.js
@@ -3,7 +3,7 @@
* This file is important for the script to work.
*
* @author: iKlem
-* @version: 1.1
+* @version: 1.1.1
*/
//Number of files to download
@@ -26,7 +26,8 @@ var isAnimate = false;
/* IMAGE SVG */
-var dlFile = ""
+var dlFile = "./img/dl.svg"
+var theGear = "./img/gear.svg"
/* DEBUG VALUES */
/* --- */
@@ -77,7 +78,7 @@ function DownloadingFile(fileName) {
$("#loadBar-width").css({"visibility": "visible"});
isDownload = true;
$("#stateLoad").html("Downloading " + fileName);
- $("#imgLoad").html(dlFile);
+ $("#noBorder").attr("src", dlFile);
$("#noBorder").attr("class", "NOPE");
var splitSTR = fileName.split(" ");
for (var i = 0; i
-* @version: 1.0
+* @version: 1.1
*/
/* Change the background image and color. */
body {
- background: #CCCCCC url("img/bg.jpg");
+ background: #CCCCCC url("img/bg.png");
}
/* Change the background color of the left panel */
@@ -19,35 +19,6 @@ h1, #player {
background-color: #045FB4;
}
-/* SVG COLORATION - dl.svg */
-#dlSVG {
- fill: #176BAA;
- stroke: black;
- stroke-width: 1px;
-}
-
-/* SVG COLORATION - Gmod logo
- * Uncomment what you need and don't forget to comment the other one
- */
-/* With stroke */
-/*#square {
- fill: #045FB4;
- stroke: black;
- stroke-width: 1px;
-}*/
-/* Without stroke */
-#square {
- fill: #045FB4;
- stroke: none;
- stroke-width: 0px;
-}
-
-#G {
- fill: white;
- stroke: black;
- stroke-width: 1px;
-}
-
/* Change the background color of the back bar */
#loadBar {
background-color: #939393;
+ 
+ 