noalyss-commit
[Top][All Lists]
Advanced

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

[Noalyss-commit] [noalyss] 161/173: Move CSS and start to integrate Boot


From: Dany De Bontridder
Subject: [Noalyss-commit] [noalyss] 161/173: Move CSS and start to integrate BootStrap
Date: Mon, 22 Mar 2021 12:59:22 -0400 (EDT)

sparkyx pushed a commit to branch master
in repository noalyss.

commit d8d9e235e02bd093bc41ee56305423451e4b3529
Author: sparkyx <danydb@noalyss.eu>
AuthorDate: Tue Mar 16 17:43:29 2021 +0100

    Move CSS and start to integrate BootStrap
---
 html/{ => css}/calendar-blue.css               |   0
 html/css/index.css                             | 110 ++++++
 html/{ => css}/style-classic.css               |   0
 html/{ => css}/style-classic7.css              |  24 +-
 html/{ => css}/style-light.css                 |   0
 html/{ => css}/style-print.css                 |   0
 html/{ => css}/style-test.css                  |   0
 html/do.php                                    |  13 +-
 html/image/OpenSansRegular.eot                 | Bin 217534 -> 0 bytes
 html/image/OpenSansRegular.ttf                 | Bin 217360 -> 0 bytes
 html/image/OpenSansRegular.woff                | Bin 67532 -> 0 bytes
 html/image/SansationLight/SansationLight.eot   | Bin 29192 -> 0 bytes
 html/image/SansationLight/SansationLight.ttf   | Bin 29012 -> 0 bytes
 html/image/SansationLight/SansationLight.woff  | Bin 14344 -> 0 bytes
 html/image/SansationLight/readme.txt           |  26 --
 html/image/fontello/css/animation.css          |  85 -----
 html/image/fontello/css/fontello-codes.css     | 103 ------
 html/image/fontello/css/fontello-embedded.css  | 156 ---------
 html/image/fontello/css/fontello-ie7-codes.css | 103 ------
 html/image/fontello/css/fontello-ie7.css       | 114 ------
 html/image/fontello/css/fontello.css           | 159 ---------
 html/image/fontello/demo.html                  | 457 -------------------------
 html/image/fontello/fontello.eot               | Bin 35304 -> 0 bytes
 html/image/fontello/fontello.svg               | 214 ------------
 html/image/fontello/fontello.ttf               | Bin 35136 -> 0 bytes
 html/image/fontello/fontello.woff              | Bin 21500 -> 0 bytes
 html/image/fontello/fontello.woff2             | Bin 17964 -> 0 bytes
 html/index.css                                 | 319 -----------------
 html/index.php                                 | 250 +++++++-------
 html/install.php                               |   2 +-
 include/constant.php                           |   2 +-
 include/lib/ac_common.php                      |  16 +-
 32 files changed, 277 insertions(+), 1876 deletions(-)

diff --git a/html/calendar-blue.css b/html/css/calendar-blue.css
similarity index 100%
rename from html/calendar-blue.css
rename to html/css/calendar-blue.css
diff --git a/html/css/index.css b/html/css/index.css
new file mode 100644
index 0000000..916d062
--- /dev/null
+++ b/html/css/index.css
@@ -0,0 +1,110 @@
+
+/***
+ * LOGO
+*************************************/
+#logo_id {
+    width:19%;
+    display:none;
+}
+/** small **/
+@media (min-width : 576px) {
+    #logo_id {
+
+        z-index:-1;
+       width: 140px;
+        left: 5px;
+        top: 22px;
+        height: 140px;
+
+        left:0px;
+        display:block;
+
+    }
+}
+/** medium**/
+@media (min-width : 768px) {
+    #logo_id {
+        z-index:-1;
+       width: 140px;
+        left: 5px;
+        top: 22px;
+        height: 140px;
+        display:block;
+    }
+}
+/** large**/
+@media (min-width : 992px) {
+    #logo_id {
+        z-index:-1;
+        width: 140px;
+        left: 5px;
+        top: 22px;
+        height: 140px;
+
+        display:block;
+    }      
+}
+/** XL **/
+@media (min-width : 1200px) {
+    #logo_id {
+        z-index: -1;
+
+        width: 140px;
+        left: 5px;
+        top: 22px;
+        height: 140px;
+        display:block;
+    }
+} 
+
+#login_div {
+
+}
+@media (min-width : 576px) { 
+    #login_div{
+    }
+
+} 
+@media (min-width : 768px) { 
+    #login_div{
+        width:50%;
+    }
+}
+@media (min-width : 991px) {
+    #login_div{
+        width:50%;
+    }
+}
+@media (min-width : 1200px) {
+    #login_div {
+        width:50%;
+    }
+}
+#info_noalyss {
+    position:fixed;
+    bottom:15px;
+    width:100%;
+    display:block ;
+    text-align:center;
+}
+
+.input_text {
+    width:100%;
+}
+#recover_link {
+    position:absolute;
+    margin-bottom:30px;
+    width: 100%;
+}
+
+#recover_box {
+
+    display: none;
+    position: absolute;
+    top: 15%;
+    z-index: 1;
+    border: 2px solid darkblue;
+    margin-left: 1%;
+    background-color: whitesmoke;
+    padding : 15px;
+}
diff --git a/html/style-classic.css b/html/css/style-classic.css
similarity index 100%
rename from html/style-classic.css
rename to html/css/style-classic.css
diff --git a/html/style-classic7.css b/html/css/style-classic7.css
similarity index 98%
rename from html/style-classic7.css
rename to html/css/style-classic7.css
index 8daac5e..b5fa04e 100644
--- a/html/style-classic7.css
+++ b/html/css/style-classic7.css
@@ -4,13 +4,13 @@
   */
 @font-face {
        font-family: 'SansationLight';
-       src: url('image/SansationLight/SansationLight.eot');
-       src: local('SansationLight'), 
url('image/SansationLight/SansationLight.woff') format('woff'), 
url('image/SansationLight/SansationLight.ttf') format('truetype');
+       src: url('font/SansationLight/SansationLight.eot');
+       src: local('SansationLight'), 
url('font/SansationLight/SansationLight.woff') format('woff'), 
url('font/SansationLight/SansationLight.ttf') format('truetype');
 }
 @font-face {
        font-family: 'OpenSansRegular';
-       src: url('image/OpenSansRegular.eot');
-       src: local('OpenSansRegular'), url('image/OpenSansRegular.woff') 
format('woff'), url('image/OpenSansRegular.ttf') format('truetype');
+       src: url('font/OpenSansRegular.eot');
+       src: local('OpenSansRegular'), url('font/OpenSansRegular.woff') 
format('woff'), url('font/OpenSansRegular.ttf') format('truetype');
 }
 /* use this class to attach this font to any element i.e. <p 
class="fontsforweb_fontid_38327">Text with this font applied</p> */
 .fontsforweb_fontid_38327 {
@@ -18,11 +18,11 @@
 }
 @font-face {
       font-family: 'fontello';
-      src: url('image/fontello/fontello.eot?18582275');
-      src: url('image/fontello/fontello.eot?18582275#iefix') 
format('embedded-opentype'),
-           url('image/fontello/fontello.woff?18582275') format('woff'),
-           url('image/fontello/fontello.ttf?18582275') format('truetype'),
-           url('image/fontello/fontello.svg?18582275#fontello') format('svg');
+      src: url('font/fontello/fontello.eot?18582275');
+      src: url('font/fontello/fontello.eot?18582275#iefix') 
format('embedded-opentype'),
+           url('font/fontello/fontello.woff?18582275') format('woff'),
+           url('font/fontello/fontello.ttf?18582275') format('truetype'),
+           url('font/fontello/fontello.svg?18582275#fontello') format('svg');
       font-weight: normal;
       font-style: normal;
     }
@@ -721,7 +721,7 @@ a#anchorbutton, .button, a.button,div.content a.button {
     font-weight: bold;
     text-decoration:none;
     font-family: arial,verdana,sans-serif,helvetica;
-    background-image: url("image/bg-submit2.gif");
+    background-image: url("font/bg-submit2.gif");
     background-repeat: repeat-x;
     background-position: left;
     border-color:  #0000FF;
@@ -757,7 +757,7 @@ a#smallanchorbutton, .smallbutton, 
a.smallbutton,div.content a.smallbutton {
     font-weight: normal;
     text-decoration:none;
     font-family: arial,verdana,sans-serif,helvetica;
-     /*! background-image: url("image/bg-submit2.gif"); */ 
+     /*! background-image: url("font/bg-submit2.gif"); */ 
     /*! background-repeat: repeat-x; */
     /*! background-position: left; */
     font-size:12px;
@@ -1865,7 +1865,7 @@ div.content a.tinybutton,a.tinybutton{
     font-weight: bold;
     text-decoration: none;
     font-family: arial,verdana,sans-serif,helvetica;
-   /* background-image: url("image/bg-submit2.gif");
+   /* background-image: url("font/bg-submit2.gif");
     background-repeat: repeat-x;
     background-position: left; */
     font-size: 8px;
diff --git a/html/style-light.css b/html/css/style-light.css
similarity index 100%
rename from html/style-light.css
rename to html/css/style-light.css
diff --git a/html/style-print.css b/html/css/style-print.css
similarity index 100%
rename from html/style-print.css
rename to html/css/style-print.css
diff --git a/html/style-test.css b/html/css/style-test.css
similarity index 100%
rename from html/style-test.css
rename to html/css/style-test.css
diff --git a/html/do.php b/html/do.php
index bd80cfb..3f187df 100644
--- a/html/do.php
+++ b/html/do.php
@@ -73,6 +73,16 @@ 
$style_user=$http->post("style_user","string",$_SESSION[SESSION_KEY.'g_theme']);
 
 html_page_start($style_user);
 if ( DEBUG ) {
+/**
+ * Debug Design
+ */
+echo <<<EOF
+<div class="d-none d-sm-block d-md-none d-lg-none d-xl-none 
bg-info">Small</div>
+<div class="d-none d-md-block d-lg-none bg-info">Medium</div>
+<div class="d-none d-lg-block d-xl-none bg-info">Large</div>
+<div class="d-none d-xl-block bg-info">X Large</div>
+EOF;
+
     ?>
 <div id="debug_div" style="border:slategray solid 1px;margin-left: 
0px;position:absolute;background:white;display:fixed;top:2px;left:25px;z-index:1000;display:none">
        <h2 style="margin-top:100px"> Memory Usage </h2>
@@ -129,7 +139,8 @@ if ( DEBUG ) {
 <input type="button" class="tinybutton" 
style="position:absolute;display:fixed;top:40px;left:50px;margin-left:50px;z-index:1000"
 value="show request" onclick="show_debug_request()">
 
 <?php
-}
+
+} //<--- if DEBUG 
 $g_parameter=new Noalyss_Parameter_Folder($cn);
 
 $g_user->Check();
diff --git a/html/image/OpenSansRegular.eot b/html/image/OpenSansRegular.eot
deleted file mode 100644
index 055d92f..0000000
Binary files a/html/image/OpenSansRegular.eot and /dev/null differ
diff --git a/html/image/OpenSansRegular.ttf b/html/image/OpenSansRegular.ttf
deleted file mode 100644
index face4ab..0000000
Binary files a/html/image/OpenSansRegular.ttf and /dev/null differ
diff --git a/html/image/OpenSansRegular.woff b/html/image/OpenSansRegular.woff
deleted file mode 100644
index 56906d1..0000000
Binary files a/html/image/OpenSansRegular.woff and /dev/null differ
diff --git a/html/image/SansationLight/SansationLight.eot 
b/html/image/SansationLight/SansationLight.eot
deleted file mode 100644
index 31e30fc..0000000
Binary files a/html/image/SansationLight/SansationLight.eot and /dev/null differ
diff --git a/html/image/SansationLight/SansationLight.ttf 
b/html/image/SansationLight/SansationLight.ttf
deleted file mode 100644
index bf4762c..0000000
Binary files a/html/image/SansationLight/SansationLight.ttf and /dev/null differ
diff --git a/html/image/SansationLight/SansationLight.woff 
b/html/image/SansationLight/SansationLight.woff
deleted file mode 100644
index 3677bf4..0000000
Binary files a/html/image/SansationLight/SansationLight.woff and /dev/null 
differ
diff --git a/html/image/SansationLight/readme.txt 
b/html/image/SansationLight/readme.txt
deleted file mode 100644
index 5ccbd77..0000000
--- a/html/image/SansationLight/readme.txt
+++ /dev/null
@@ -1,26 +0,0 @@
-Sansation - freeware font
-
-Version 1.2
-___________
-
-This font is freeware for personal and commercial use.
-Feel free to distribute this font. 
-You may but this font on CDs, websites,... with the following restrictions:
-
-       -Editing is only allowed for personal use,
-        don�t distribute an edited version of this font!
-       -Do not rename this font!
-       -Do not sell this font!
-       -Do not handle it as your own work!
-       -Do not pass the font without this textfile!
-       -Make sure you have downloaded the latest update from www.dafont.com 
for best optical results.
-
-I hope you enjoy this font.
-If you have further questions, please contact me.
-_________________________________________________
-
-berndmontag@klausmontag.de
-Bernd Montag � 2009 - All Rights Reserved
-_________________________________________
-_________________________________________
-
diff --git a/html/image/fontello/css/animation.css 
b/html/image/fontello/css/animation.css
deleted file mode 100644
index ac5a956..0000000
--- a/html/image/fontello/css/animation.css
+++ /dev/null
@@ -1,85 +0,0 @@
-/*
-   Animation example, for spinners
-*/
-.animate-spin {
-  -moz-animation: spin 2s infinite linear;
-  -o-animation: spin 2s infinite linear;
-  -webkit-animation: spin 2s infinite linear;
-  animation: spin 2s infinite linear;
-  display: inline-block;
-}
-@-moz-keyframes spin {
-  0% {
-    -moz-transform: rotate(0deg);
-    -o-transform: rotate(0deg);
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-
-  100% {
-    -moz-transform: rotate(359deg);
-    -o-transform: rotate(359deg);
-    -webkit-transform: rotate(359deg);
-    transform: rotate(359deg);
-  }
-}
-@-webkit-keyframes spin {
-  0% {
-    -moz-transform: rotate(0deg);
-    -o-transform: rotate(0deg);
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-
-  100% {
-    -moz-transform: rotate(359deg);
-    -o-transform: rotate(359deg);
-    -webkit-transform: rotate(359deg);
-    transform: rotate(359deg);
-  }
-}
-@-o-keyframes spin {
-  0% {
-    -moz-transform: rotate(0deg);
-    -o-transform: rotate(0deg);
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-
-  100% {
-    -moz-transform: rotate(359deg);
-    -o-transform: rotate(359deg);
-    -webkit-transform: rotate(359deg);
-    transform: rotate(359deg);
-  }
-}
-@-ms-keyframes spin {
-  0% {
-    -moz-transform: rotate(0deg);
-    -o-transform: rotate(0deg);
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-
-  100% {
-    -moz-transform: rotate(359deg);
-    -o-transform: rotate(359deg);
-    -webkit-transform: rotate(359deg);
-    transform: rotate(359deg);
-  }
-}
-@keyframes spin {
-  0% {
-    -moz-transform: rotate(0deg);
-    -o-transform: rotate(0deg);
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-
-  100% {
-    -moz-transform: rotate(359deg);
-    -o-transform: rotate(359deg);
-    -webkit-transform: rotate(359deg);
-    transform: rotate(359deg);
-  }
-}
diff --git a/html/image/fontello/css/fontello-codes.css 
b/html/image/fontello/css/fontello-codes.css
deleted file mode 100644
index d5e6171..0000000
--- a/html/image/fontello/css/fontello-codes.css
+++ /dev/null
@@ -1,103 +0,0 @@
-
-.icon-check:before { content: '\e741'; } /* '' */
-.icon-resize-small-1:before { content: '\e746'; } /* '' */
-.icon-logout:before { content: '\e800'; } /* '' */
-.icon-cancel-circled:before { content: '\e801'; } /* '' */
-.icon-cancel-circled2:before { content: '\e802'; } /* '' */
-.icon-eye:before { content: '\e803'; } /* '' */
-.icon-upload:before { content: '\e804'; } /* '' */
-.icon-download:before { content: '\e805'; } /* '' */
-.icon-attention:before { content: '\e806'; } /* '' */
-.icon-search:before { content: '\e807'; } /* '' */
-.icon-mail:before { content: '\e808'; } /* '' */
-.icon-anchor:before { content: '\e809'; } /* '' */
-.icon-resize-full-alt:before { content: '\e80a'; } /* '' */
-.icon-tag:before { content: '\e80b'; } /* '' */
-.icon-cw:before { content: '\e80c'; } /* '' */
-.icon-edit:before { content: '\e80d'; } /* '' */
-.icon-attention-circled:before { content: '\e80e'; } /* '' */
-.icon-trash-empty:before { content: '\e80f'; } /* '' */
-.icon-doc:before { content: '\e810'; } /* '' */
-.icon-calendar:before { content: '\e811'; } /* '' */
-.icon-edit-1:before { content: '\e812'; } /* '' */
-.icon-resize-full:before { content: '\e813'; } /* '' */
-.icon-up-bold:before { content: '\e814'; } /* '' */
-.icon-down-fat:before { content: '\e815'; } /* '' */
-.icon-cancel-circled2-1:before { content: '\e816'; } /* '' */
-.icon-upload-1:before { content: '\e817'; } /* '' */
-.icon-exclamation:before { content: '\e818'; } /* '' */
-.icon-down-open-1:before { content: '\e819'; } /* '' */
-.icon-up-open-1:before { content: '\e81a'; } /* '' */
-.icon-left-open-1:before { content: '\e81b'; } /* '' */
-.icon-right-open-1:before { content: '\e81c'; } /* '' */
-.icon-arrows-cw:before { content: '\e81d'; } /* '' */
-.icon-down-dir:before { content: '\e81e'; } /* '' */
-.icon-up-dir:before { content: '\e81f'; } /* '' */
-.icon-cog:before { content: '\e820'; } /* '' */
-.icon-cog-alt:before { content: '\e821'; } /* '' */
-.icon-down-dir-1:before { content: '\e822'; } /* '' */
-.icon-up-dir-1:before { content: '\e823'; } /* '' */
-.icon-down-open-2:before { content: '\e824'; } /* '' */
-.icon-right-open-2:before { content: '\e825'; } /* '' */
-.icon-left-open-2:before { content: '\e826'; } /* '' */
-.icon-up-open-2:before { content: '\e827'; } /* '' */
-.icon-plus:before { content: '\e828'; } /* '' */
-.icon-compass:before { content: '\e829'; } /* '' */
-.icon-resize-full-alt-1:before { content: '\e82a'; } /* '' */
-.icon-tag-1:before { content: '\e82b'; } /* '' */
-.icon-edit-2:before { content: '\e82c'; } /* '' */
-.icon-compass-1:before { content: '\e82d'; } /* '' */
-.icon-cogs:before { content: '\e82e'; } /* '' */
-.icon-up:before { content: '\e82f'; } /* '' */
-.icon-thumbs-up:before { content: '\e830'; } /* '' */
-.icon-lock:before { content: '\e831'; } /* '' */
-.icon-lock-open:before { content: '\e832'; } /* '' */
-.icon-thumbs-down:before { content: '\e833'; } /* '' */
-.icon-bell:before { content: '\e834'; } /* '' */
-.icon-resize-small:before { content: '\e835'; } /* '' */
-.icon-resize-full-1:before { content: '\e836'; } /* '' */
-.icon-right-hand:before { content: '\e837'; } /* '' */
-.icon-left-hand:before { content: '\e838'; } /* '' */
-.icon-up-hand:before { content: '\e839'; } /* '' */
-.icon-tags-3:before { content: '\e839'; } /* '' */
-.icon-down-hand:before { content: '\e83a'; } /* '' */
-.icon-eye-off:before { content: '\e83b'; } /* '' */
-.icon-arrows-cw-1:before { content: '\e83c'; } /* '' */
-.icon-resize-small-alt:before { content: '\e83d'; } /* '' */
-.icon-tags:before { content: '\e83e'; } /* '' */
-.icon-tags-4:before { content: '\e83f'; } /* '' */
-.icon-down-open:before { content: '\f004'; } /* '' */
-.icon-up-open:before { content: '\f005'; } /* '' */
-.icon-right-open:before { content: '\f006'; } /* '' */
-.icon-left-open:before { content: '\f007'; } /* '' */
-.icon-move:before { content: '\f047'; } /* '' */
-.icon-info-circled-alt:before { content: '\f086'; } /* '' */
-.icon-link-ext:before { content: '\f08e'; } /* '' */
-.icon-check-empty:before { content: '\f096'; } /* '' */
-.icon-comment-empty:before { content: '\f0e5'; } /* '' */
-.icon-doc-text:before { content: '\f0f6'; } /* '' */
-.icon-plus-squared:before { content: '\f0fe'; } /* '' */
-.icon-angle-circled-left:before { content: '\f137'; } /* '' */
-.icon-angle-circled-right:before { content: '\f138'; } /* '' */
-.icon-angle-circled-up:before { content: '\f139'; } /* '' */
-.icon-angle-circled-down:before { content: '\f13a'; } /* '' */
-.icon-lock-open-alt:before { content: '\f13e'; } /* '' */
-.icon-ellipsis-vert:before { content: '\f142'; } /* '' */
-.icon-sort-alt-up:before { content: '\f160'; } /* '' */
-.icon-sort-alt-down:before { content: '\f161'; } /* '' */
-.icon-bitbucket:before { content: '\f171'; } /* '' */
-.icon-linux:before { content: '\f17c'; } /* '' */
-.icon-dot-circled:before { content: '\f192'; } /* '' */
-.icon-plus-squared-alt:before { content: '\f196'; } /* '' */
-.icon-fax:before { content: '\f1ac'; } /* '' */
-.icon-sliders:before { content: '\f1de'; } /* '' */
-.icon-share:before { content: '\f1e0'; } /* '' */
-.icon-calc:before { content: '\f1ec'; } /* '' */
-.icon-bell-off-empty:before { content: '\f1f7'; } /* '' */
-.icon-toggle-off:before { content: '\f204'; } /* '' */
-.icon-toggle-on:before { content: '\f205'; } /* '' */
-.icon-safari:before { content: '\f267'; } /* '' */
-.icon-chrome:before { content: '\f268'; } /* '' */
-.icon-firefox:before { content: '\f269'; } /* '' */
-.icon-calendar-1:before { content: '\f4c5'; } /* '' */
-.icon-search-1:before { content: '\f50d'; } /* '' */
\ No newline at end of file
diff --git a/html/image/fontello/css/fontello-embedded.css 
b/html/image/fontello/css/fontello-embedded.css
deleted file mode 100644
index 70f3ca3..0000000
--- a/html/image/fontello/css/fontello-embedded.css
+++ /dev/null
@@ -1,156 +0,0 @@
-@font-face {
-  font-family: 'fontello';
-  src: url('../font/fontello.eot?99450207');
-  src: url('../font/fontello.eot?99450207#iefix') format('embedded-opentype'),
-       url('../font/fontello.svg?99450207#fontello') format('svg');
-  font-weight: normal;
-  font-style: normal;
-}
-@font-face {
-  font-family: 'fontello';
-  src: 
url('data:application/octet-stream;base64,d09GRgABAAAAAFP8AA8AAAAAiUAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABWAAAADsAAABUIIslek9TLzIAAAGUAAAAQwAAAFY9xFbrY21hcAAAAdgAAAMPAAAHwG4yL9tjdnQgAAAE6AAAAAsAAAAOAAAAAGZwZ20AAAT0AAAG7QAADgxiLvl6Z2FzcAAAC+QAAAAIAAAACAAAABBnbHlmAAAL7AAAQU0AAGZsUp53PmhlYWQAAE08AAAAMwAAADYa8I9VaGhlYQAATXAAAAAgAAAAJAfBBD1obXR4AABNkAAAALsAAAGcYGn/vWxvY2EAAE5MAAAA0AAAANB7DpeebWF4cAAATxwAAAAgAAAAIAIeEG5uYW1lAABPPAAAAXQAAALNzZ0XGHBvc3QAAFCwAAACzQAABPTLzZSPcHJlcAAAU4A
 [...]
-       
url('data:application/octet-stream;base64,AAEAAAAPAIAAAwBwR1NVQiCLJXoAAAD8AAAAVE9TLzI9xFbrAAABUAAAAFZjbWFwbjIv2wAAAagAAAfAY3Z0IAAAAAAAAHqIAAAADmZwZ21iLvl6AAB6mAAADgxnYXNwAAAAEAAAeoAAAAAIZ2x5ZlKedz4AAAloAABmbGhlYWQa8I9VAABv1AAAADZoaGVhB8EEPQAAcAwAAAAkaG10eGBp/70AAHAwAAABnGxvY2F7DpeeAABxzAAAANBtYXhwAh4QbgAAcpwAAAAgbmFtZc2dFxgAAHK8AAACzXBvc3TLzZSPAAB1jAAABPRwcmVwfrY7tgAAiKQAAACcAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAA
 [...]
-}
-/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment 
if you need it. */
-/* Note, that will break hinting! In other OS-es font will be not as sharp as 
it could be */
-/*
-@media screen and (-webkit-min-device-pixel-ratio:0) {
-  @font-face {
-    font-family: 'fontello';
-    src: url('../font/fontello.svg?99450207#fontello') format('svg');
-  }
-}
-*/
- 
- [class^="icon-"]:before, [class*=" icon-"]:before {
-  font-family: "fontello";
-  font-style: normal;
-  font-weight: normal;
-  speak: never;
- 
-  display: inline-block;
-  text-decoration: inherit;
-  width: 1em;
-  margin-right: .2em;
-  text-align: center;
-  /* opacity: .8; */
- 
-  /* For safety - reset parent styles, that can break glyph codes*/
-  font-variant: normal;
-  text-transform: none;
- 
-  /* fix buttons height, for twitter bootstrap */
-  line-height: 1em;
- 
-  /* Animation center compensation - margins should be symmetric */
-  /* remove if not needed */
-  margin-left: .2em;
- 
-  /* you can be more comfortable with increased icons size */
-  /* font-size: 120%; */
- 
-  /* Uncomment for 3D effect */
-  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
-}
-.icon-check:before { content: '\e741'; } /* '' */
-.icon-resize-small-1:before { content: '\e746'; } /* '' */
-.icon-logout:before { content: '\e800'; } /* '' */
-.icon-cancel-circled:before { content: '\e801'; } /* '' */
-.icon-cancel-circled2:before { content: '\e802'; } /* '' */
-.icon-eye:before { content: '\e803'; } /* '' */
-.icon-upload:before { content: '\e804'; } /* '' */
-.icon-download:before { content: '\e805'; } /* '' */
-.icon-attention:before { content: '\e806'; } /* '' */
-.icon-search:before { content: '\e807'; } /* '' */
-.icon-mail:before { content: '\e808'; } /* '' */
-.icon-anchor:before { content: '\e809'; } /* '' */
-.icon-resize-full-alt:before { content: '\e80a'; } /* '' */
-.icon-tag:before { content: '\e80b'; } /* '' */
-.icon-cw:before { content: '\e80c'; } /* '' */
-.icon-edit:before { content: '\e80d'; } /* '' */
-.icon-attention-circled:before { content: '\e80e'; } /* '' */
-.icon-trash-empty:before { content: '\e80f'; } /* '' */
-.icon-doc:before { content: '\e810'; } /* '' */
-.icon-calendar:before { content: '\e811'; } /* '' */
-.icon-edit-1:before { content: '\e812'; } /* '' */
-.icon-resize-full:before { content: '\e813'; } /* '' */
-.icon-up-bold:before { content: '\e814'; } /* '' */
-.icon-down-fat:before { content: '\e815'; } /* '' */
-.icon-cancel-circled2-1:before { content: '\e816'; } /* '' */
-.icon-upload-1:before { content: '\e817'; } /* '' */
-.icon-exclamation:before { content: '\e818'; } /* '' */
-.icon-down-open-1:before { content: '\e819'; } /* '' */
-.icon-up-open-1:before { content: '\e81a'; } /* '' */
-.icon-left-open-1:before { content: '\e81b'; } /* '' */
-.icon-right-open-1:before { content: '\e81c'; } /* '' */
-.icon-arrows-cw:before { content: '\e81d'; } /* '' */
-.icon-down-dir:before { content: '\e81e'; } /* '' */
-.icon-up-dir:before { content: '\e81f'; } /* '' */
-.icon-cog:before { content: '\e820'; } /* '' */
-.icon-cog-alt:before { content: '\e821'; } /* '' */
-.icon-down-dir-1:before { content: '\e822'; } /* '' */
-.icon-up-dir-1:before { content: '\e823'; } /* '' */
-.icon-down-open-2:before { content: '\e824'; } /* '' */
-.icon-right-open-2:before { content: '\e825'; } /* '' */
-.icon-left-open-2:before { content: '\e826'; } /* '' */
-.icon-up-open-2:before { content: '\e827'; } /* '' */
-.icon-plus:before { content: '\e828'; } /* '' */
-.icon-compass:before { content: '\e829'; } /* '' */
-.icon-resize-full-alt-1:before { content: '\e82a'; } /* '' */
-.icon-tag-1:before { content: '\e82b'; } /* '' */
-.icon-edit-2:before { content: '\e82c'; } /* '' */
-.icon-compass-1:before { content: '\e82d'; } /* '' */
-.icon-cogs:before { content: '\e82e'; } /* '' */
-.icon-up:before { content: '\e82f'; } /* '' */
-.icon-thumbs-up:before { content: '\e830'; } /* '' */
-.icon-lock:before { content: '\e831'; } /* '' */
-.icon-lock-open:before { content: '\e832'; } /* '' */
-.icon-thumbs-down:before { content: '\e833'; } /* '' */
-.icon-bell:before { content: '\e834'; } /* '' */
-.icon-resize-small:before { content: '\e835'; } /* '' */
-.icon-resize-full-1:before { content: '\e836'; } /* '' */
-.icon-right-hand:before { content: '\e837'; } /* '' */
-.icon-left-hand:before { content: '\e838'; } /* '' */
-.icon-up-hand:before { content: '\e839'; } /* '' */
-.icon-tags-3:before { content: '\e839'; } /* '' */
-.icon-down-hand:before { content: '\e83a'; } /* '' */
-.icon-eye-off:before { content: '\e83b'; } /* '' */
-.icon-arrows-cw-1:before { content: '\e83c'; } /* '' */
-.icon-resize-small-alt:before { content: '\e83d'; } /* '' */
-.icon-tags:before { content: '\e83e'; } /* '' */
-.icon-tags-4:before { content: '\e83f'; } /* '' */
-.icon-down-open:before { content: '\f004'; } /* '' */
-.icon-up-open:before { content: '\f005'; } /* '' */
-.icon-right-open:before { content: '\f006'; } /* '' */
-.icon-left-open:before { content: '\f007'; } /* '' */
-.icon-move:before { content: '\f047'; } /* '' */
-.icon-info-circled-alt:before { content: '\f086'; } /* '' */
-.icon-link-ext:before { content: '\f08e'; } /* '' */
-.icon-check-empty:before { content: '\f096'; } /* '' */
-.icon-comment-empty:before { content: '\f0e5'; } /* '' */
-.icon-doc-text:before { content: '\f0f6'; } /* '' */
-.icon-plus-squared:before { content: '\f0fe'; } /* '' */
-.icon-angle-circled-left:before { content: '\f137'; } /* '' */
-.icon-angle-circled-right:before { content: '\f138'; } /* '' */
-.icon-angle-circled-up:before { content: '\f139'; } /* '' */
-.icon-angle-circled-down:before { content: '\f13a'; } /* '' */
-.icon-lock-open-alt:before { content: '\f13e'; } /* '' */
-.icon-ellipsis-vert:before { content: '\f142'; } /* '' */
-.icon-sort-alt-up:before { content: '\f160'; } /* '' */
-.icon-sort-alt-down:before { content: '\f161'; } /* '' */
-.icon-bitbucket:before { content: '\f171'; } /* '' */
-.icon-linux:before { content: '\f17c'; } /* '' */
-.icon-dot-circled:before { content: '\f192'; } /* '' */
-.icon-plus-squared-alt:before { content: '\f196'; } /* '' */
-.icon-fax:before { content: '\f1ac'; } /* '' */
-.icon-sliders:before { content: '\f1de'; } /* '' */
-.icon-share:before { content: '\f1e0'; } /* '' */
-.icon-calc:before { content: '\f1ec'; } /* '' */
-.icon-bell-off-empty:before { content: '\f1f7'; } /* '' */
-.icon-toggle-off:before { content: '\f204'; } /* '' */
-.icon-toggle-on:before { content: '\f205'; } /* '' */
-.icon-safari:before { content: '\f267'; } /* '' */
-.icon-chrome:before { content: '\f268'; } /* '' */
-.icon-firefox:before { content: '\f269'; } /* '' */
-.icon-calendar-1:before { content: '\f4c5'; } /* '' */
-.icon-search-1:before { content: '\f50d'; } /* '' */
\ No newline at end of file
diff --git a/html/image/fontello/css/fontello-ie7-codes.css 
b/html/image/fontello/css/fontello-ie7-codes.css
deleted file mode 100644
index bf52a43..0000000
--- a/html/image/fontello/css/fontello-ie7-codes.css
+++ /dev/null
@@ -1,103 +0,0 @@
-
-.icon-check { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe741;&nbsp;'); }
-.icon-resize-small-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe746;&nbsp;'); }
-.icon-logout { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe800;&nbsp;'); }
-.icon-cancel-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe801;&nbsp;'); }
-.icon-cancel-circled2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe802;&nbsp;'); }
-.icon-eye { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML 
= '&#xe803;&nbsp;'); }
-.icon-upload { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe804;&nbsp;'); }
-.icon-download { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe805;&nbsp;'); }
-.icon-attention { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe806;&nbsp;'); }
-.icon-search { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe807;&nbsp;'); }
-.icon-mail { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe808;&nbsp;'); }
-.icon-anchor { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe809;&nbsp;'); }
-.icon-resize-full-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe80a;&nbsp;'); }
-.icon-tag { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML 
= '&#xe80b;&nbsp;'); }
-.icon-cw { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML 
= '&#xe80c;&nbsp;'); }
-.icon-edit { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe80d;&nbsp;'); }
-.icon-attention-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe80e;&nbsp;'); }
-.icon-trash-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe80f;&nbsp;'); }
-.icon-doc { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML 
= '&#xe810;&nbsp;'); }
-.icon-calendar { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe811;&nbsp;'); }
-.icon-edit-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe812;&nbsp;'); }
-.icon-resize-full { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe813;&nbsp;'); }
-.icon-up-bold { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe814;&nbsp;'); }
-.icon-down-fat { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe815;&nbsp;'); }
-.icon-cancel-circled2-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe816;&nbsp;'); }
-.icon-upload-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe817;&nbsp;'); }
-.icon-exclamation { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe818;&nbsp;'); }
-.icon-down-open-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe819;&nbsp;'); }
-.icon-up-open-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe81a;&nbsp;'); }
-.icon-left-open-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe81b;&nbsp;'); }
-.icon-right-open-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe81c;&nbsp;'); }
-.icon-arrows-cw { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe81d;&nbsp;'); }
-.icon-down-dir { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe81e;&nbsp;'); }
-.icon-up-dir { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe81f;&nbsp;'); }
-.icon-cog { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML 
= '&#xe820;&nbsp;'); }
-.icon-cog-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe821;&nbsp;'); }
-.icon-down-dir-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe822;&nbsp;'); }
-.icon-up-dir-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe823;&nbsp;'); }
-.icon-down-open-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe824;&nbsp;'); }
-.icon-right-open-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe825;&nbsp;'); }
-.icon-left-open-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe826;&nbsp;'); }
-.icon-up-open-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe827;&nbsp;'); }
-.icon-plus { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe828;&nbsp;'); }
-.icon-compass { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe829;&nbsp;'); }
-.icon-resize-full-alt-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe82a;&nbsp;'); }
-.icon-tag-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe82b;&nbsp;'); }
-.icon-edit-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe82c;&nbsp;'); }
-.icon-compass-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe82d;&nbsp;'); }
-.icon-cogs { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe82e;&nbsp;'); }
-.icon-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML 
= '&#xe82f;&nbsp;'); }
-.icon-thumbs-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe830;&nbsp;'); }
-.icon-lock { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe831;&nbsp;'); }
-.icon-lock-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe832;&nbsp;'); }
-.icon-thumbs-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe833;&nbsp;'); }
-.icon-bell { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe834;&nbsp;'); }
-.icon-resize-small { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe835;&nbsp;'); }
-.icon-resize-full-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe836;&nbsp;'); }
-.icon-right-hand { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe837;&nbsp;'); }
-.icon-left-hand { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe838;&nbsp;'); }
-.icon-up-hand { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe839;&nbsp;'); }
-.icon-tags-3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe839;&nbsp;'); }
-.icon-down-hand { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83a;&nbsp;'); }
-.icon-eye-off { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83b;&nbsp;'); }
-.icon-arrows-cw-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83c;&nbsp;'); }
-.icon-resize-small-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83d;&nbsp;'); }
-.icon-tags { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83e;&nbsp;'); }
-.icon-tags-4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83f;&nbsp;'); }
-.icon-down-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf004;&nbsp;'); }
-.icon-up-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf005;&nbsp;'); }
-.icon-right-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf006;&nbsp;'); }
-.icon-left-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf007;&nbsp;'); }
-.icon-move { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf047;&nbsp;'); }
-.icon-info-circled-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf086;&nbsp;'); }
-.icon-link-ext { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf08e;&nbsp;'); }
-.icon-check-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf096;&nbsp;'); }
-.icon-comment-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf0e5;&nbsp;'); }
-.icon-doc-text { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf0f6;&nbsp;'); }
-.icon-plus-squared { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf0fe;&nbsp;'); }
-.icon-angle-circled-left { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf137;&nbsp;'); }
-.icon-angle-circled-right { *zoom: expression( this.runtimeStyle['zoom'] = 
'1', this.innerHTML = '&#xf138;&nbsp;'); }
-.icon-angle-circled-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf139;&nbsp;'); }
-.icon-angle-circled-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf13a;&nbsp;'); }
-.icon-lock-open-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf13e;&nbsp;'); }
-.icon-ellipsis-vert { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf142;&nbsp;'); }
-.icon-sort-alt-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf160;&nbsp;'); }
-.icon-sort-alt-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf161;&nbsp;'); }
-.icon-bitbucket { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf171;&nbsp;'); }
-.icon-linux { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf17c;&nbsp;'); }
-.icon-dot-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf192;&nbsp;'); }
-.icon-plus-squared-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf196;&nbsp;'); }
-.icon-fax { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML 
= '&#xf1ac;&nbsp;'); }
-.icon-sliders { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf1de;&nbsp;'); }
-.icon-share { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf1e0;&nbsp;'); }
-.icon-calc { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf1ec;&nbsp;'); }
-.icon-bell-off-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf1f7;&nbsp;'); }
-.icon-toggle-off { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf204;&nbsp;'); }
-.icon-toggle-on { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf205;&nbsp;'); }
-.icon-safari { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf267;&nbsp;'); }
-.icon-chrome { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf268;&nbsp;'); }
-.icon-firefox { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf269;&nbsp;'); }
-.icon-calendar-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf4c5;&nbsp;'); }
-.icon-search-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf50d;&nbsp;'); }
\ No newline at end of file
diff --git a/html/image/fontello/css/fontello-ie7.css 
b/html/image/fontello/css/fontello-ie7.css
deleted file mode 100644
index e07293d..0000000
--- a/html/image/fontello/css/fontello-ie7.css
+++ /dev/null
@@ -1,114 +0,0 @@
-[class^="icon-"], [class*=" icon-"] {
-  font-family: 'fontello';
-  font-style: normal;
-  font-weight: normal;
- 
-  /* fix buttons height */
-  line-height: 1em;
- 
-  /* you can be more comfortable with increased icons size */
-  /* font-size: 120%; */
-}
- 
-.icon-check { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe741;&nbsp;'); }
-.icon-resize-small-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe746;&nbsp;'); }
-.icon-logout { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe800;&nbsp;'); }
-.icon-cancel-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe801;&nbsp;'); }
-.icon-cancel-circled2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe802;&nbsp;'); }
-.icon-eye { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML 
= '&#xe803;&nbsp;'); }
-.icon-upload { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe804;&nbsp;'); }
-.icon-download { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe805;&nbsp;'); }
-.icon-attention { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe806;&nbsp;'); }
-.icon-search { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe807;&nbsp;'); }
-.icon-mail { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe808;&nbsp;'); }
-.icon-anchor { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe809;&nbsp;'); }
-.icon-resize-full-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe80a;&nbsp;'); }
-.icon-tag { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML 
= '&#xe80b;&nbsp;'); }
-.icon-cw { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML 
= '&#xe80c;&nbsp;'); }
-.icon-edit { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe80d;&nbsp;'); }
-.icon-attention-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe80e;&nbsp;'); }
-.icon-trash-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe80f;&nbsp;'); }
-.icon-doc { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML 
= '&#xe810;&nbsp;'); }
-.icon-calendar { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe811;&nbsp;'); }
-.icon-edit-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe812;&nbsp;'); }
-.icon-resize-full { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe813;&nbsp;'); }
-.icon-up-bold { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe814;&nbsp;'); }
-.icon-down-fat { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe815;&nbsp;'); }
-.icon-cancel-circled2-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe816;&nbsp;'); }
-.icon-upload-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe817;&nbsp;'); }
-.icon-exclamation { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe818;&nbsp;'); }
-.icon-down-open-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe819;&nbsp;'); }
-.icon-up-open-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe81a;&nbsp;'); }
-.icon-left-open-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe81b;&nbsp;'); }
-.icon-right-open-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe81c;&nbsp;'); }
-.icon-arrows-cw { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe81d;&nbsp;'); }
-.icon-down-dir { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe81e;&nbsp;'); }
-.icon-up-dir { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe81f;&nbsp;'); }
-.icon-cog { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML 
= '&#xe820;&nbsp;'); }
-.icon-cog-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe821;&nbsp;'); }
-.icon-down-dir-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe822;&nbsp;'); }
-.icon-up-dir-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe823;&nbsp;'); }
-.icon-down-open-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe824;&nbsp;'); }
-.icon-right-open-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe825;&nbsp;'); }
-.icon-left-open-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe826;&nbsp;'); }
-.icon-up-open-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe827;&nbsp;'); }
-.icon-plus { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe828;&nbsp;'); }
-.icon-compass { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe829;&nbsp;'); }
-.icon-resize-full-alt-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe82a;&nbsp;'); }
-.icon-tag-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe82b;&nbsp;'); }
-.icon-edit-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe82c;&nbsp;'); }
-.icon-compass-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe82d;&nbsp;'); }
-.icon-cogs { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe82e;&nbsp;'); }
-.icon-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML 
= '&#xe82f;&nbsp;'); }
-.icon-thumbs-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe830;&nbsp;'); }
-.icon-lock { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe831;&nbsp;'); }
-.icon-lock-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe832;&nbsp;'); }
-.icon-thumbs-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe833;&nbsp;'); }
-.icon-bell { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe834;&nbsp;'); }
-.icon-resize-small { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe835;&nbsp;'); }
-.icon-resize-full-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe836;&nbsp;'); }
-.icon-right-hand { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe837;&nbsp;'); }
-.icon-left-hand { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe838;&nbsp;'); }
-.icon-up-hand { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe839;&nbsp;'); }
-.icon-tags-3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe839;&nbsp;'); }
-.icon-down-hand { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83a;&nbsp;'); }
-.icon-eye-off { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83b;&nbsp;'); }
-.icon-arrows-cw-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83c;&nbsp;'); }
-.icon-resize-small-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83d;&nbsp;'); }
-.icon-tags { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83e;&nbsp;'); }
-.icon-tags-4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83f;&nbsp;'); }
-.icon-down-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf004;&nbsp;'); }
-.icon-up-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf005;&nbsp;'); }
-.icon-right-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf006;&nbsp;'); }
-.icon-left-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf007;&nbsp;'); }
-.icon-move { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf047;&nbsp;'); }
-.icon-info-circled-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf086;&nbsp;'); }
-.icon-link-ext { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf08e;&nbsp;'); }
-.icon-check-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf096;&nbsp;'); }
-.icon-comment-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf0e5;&nbsp;'); }
-.icon-doc-text { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf0f6;&nbsp;'); }
-.icon-plus-squared { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf0fe;&nbsp;'); }
-.icon-angle-circled-left { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf137;&nbsp;'); }
-.icon-angle-circled-right { *zoom: expression( this.runtimeStyle['zoom'] = 
'1', this.innerHTML = '&#xf138;&nbsp;'); }
-.icon-angle-circled-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf139;&nbsp;'); }
-.icon-angle-circled-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf13a;&nbsp;'); }
-.icon-lock-open-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf13e;&nbsp;'); }
-.icon-ellipsis-vert { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf142;&nbsp;'); }
-.icon-sort-alt-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf160;&nbsp;'); }
-.icon-sort-alt-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf161;&nbsp;'); }
-.icon-bitbucket { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf171;&nbsp;'); }
-.icon-linux { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf17c;&nbsp;'); }
-.icon-dot-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf192;&nbsp;'); }
-.icon-plus-squared-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf196;&nbsp;'); }
-.icon-fax { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML 
= '&#xf1ac;&nbsp;'); }
-.icon-sliders { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf1de;&nbsp;'); }
-.icon-share { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf1e0;&nbsp;'); }
-.icon-calc { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf1ec;&nbsp;'); }
-.icon-bell-off-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf1f7;&nbsp;'); }
-.icon-toggle-off { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf204;&nbsp;'); }
-.icon-toggle-on { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf205;&nbsp;'); }
-.icon-safari { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf267;&nbsp;'); }
-.icon-chrome { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf268;&nbsp;'); }
-.icon-firefox { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf269;&nbsp;'); }
-.icon-calendar-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf4c5;&nbsp;'); }
-.icon-search-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf50d;&nbsp;'); }
\ No newline at end of file
diff --git a/html/image/fontello/css/fontello.css 
b/html/image/fontello/css/fontello.css
deleted file mode 100644
index 9306608..0000000
--- a/html/image/fontello/css/fontello.css
+++ /dev/null
@@ -1,159 +0,0 @@
-@font-face {
-  font-family: 'fontello';
-  src: url('../font/fontello.eot?16636759');
-  src: url('../font/fontello.eot?16636759#iefix') format('embedded-opentype'),
-       url('../font/fontello.woff2?16636759') format('woff2'),
-       url('../font/fontello.woff?16636759') format('woff'),
-       url('../font/fontello.ttf?16636759') format('truetype'),
-       url('../font/fontello.svg?16636759#fontello') format('svg');
-  font-weight: normal;
-  font-style: normal;
-}
-/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment 
if you need it. */
-/* Note, that will break hinting! In other OS-es font will be not as sharp as 
it could be */
-/*
-@media screen and (-webkit-min-device-pixel-ratio:0) {
-  @font-face {
-    font-family: 'fontello';
-    src: url('../font/fontello.svg?16636759#fontello') format('svg');
-  }
-}
-*/
- 
- [class^="icon-"]:before, [class*=" icon-"]:before {
-  font-family: "fontello";
-  font-style: normal;
-  font-weight: normal;
-  speak: never;
- 
-  display: inline-block;
-  text-decoration: inherit;
-  width: 1em;
-  margin-right: .2em;
-  text-align: center;
-  /* opacity: .8; */
- 
-  /* For safety - reset parent styles, that can break glyph codes*/
-  font-variant: normal;
-  text-transform: none;
- 
-  /* fix buttons height, for twitter bootstrap */
-  line-height: 1em;
- 
-  /* Animation center compensation - margins should be symmetric */
-  /* remove if not needed */
-  margin-left: .2em;
- 
-  /* you can be more comfortable with increased icons size */
-  /* font-size: 120%; */
- 
-  /* Font smoothing. That was taken from TWBS */
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
- 
-  /* Uncomment for 3D effect */
-  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
-}
- 
-.icon-check:before { content: '\e741'; } /* '' */
-.icon-resize-small-1:before { content: '\e746'; } /* '' */
-.icon-logout:before { content: '\e800'; } /* '' */
-.icon-cancel-circled:before { content: '\e801'; } /* '' */
-.icon-cancel-circled2:before { content: '\e802'; } /* '' */
-.icon-eye:before { content: '\e803'; } /* '' */
-.icon-upload:before { content: '\e804'; } /* '' */
-.icon-download:before { content: '\e805'; } /* '' */
-.icon-attention:before { content: '\e806'; } /* '' */
-.icon-search:before { content: '\e807'; } /* '' */
-.icon-mail:before { content: '\e808'; } /* '' */
-.icon-anchor:before { content: '\e809'; } /* '' */
-.icon-resize-full-alt:before { content: '\e80a'; } /* '' */
-.icon-tag:before { content: '\e80b'; } /* '' */
-.icon-cw:before { content: '\e80c'; } /* '' */
-.icon-edit:before { content: '\e80d'; } /* '' */
-.icon-attention-circled:before { content: '\e80e'; } /* '' */
-.icon-trash-empty:before { content: '\e80f'; } /* '' */
-.icon-doc:before { content: '\e810'; } /* '' */
-.icon-calendar:before { content: '\e811'; } /* '' */
-.icon-edit-1:before { content: '\e812'; } /* '' */
-.icon-resize-full:before { content: '\e813'; } /* '' */
-.icon-up-bold:before { content: '\e814'; } /* '' */
-.icon-down-fat:before { content: '\e815'; } /* '' */
-.icon-cancel-circled2-1:before { content: '\e816'; } /* '' */
-.icon-upload-1:before { content: '\e817'; } /* '' */
-.icon-exclamation:before { content: '\e818'; } /* '' */
-.icon-down-open-1:before { content: '\e819'; } /* '' */
-.icon-up-open-1:before { content: '\e81a'; } /* '' */
-.icon-left-open-1:before { content: '\e81b'; } /* '' */
-.icon-right-open-1:before { content: '\e81c'; } /* '' */
-.icon-arrows-cw:before { content: '\e81d'; } /* '' */
-.icon-down-dir:before { content: '\e81e'; } /* '' */
-.icon-up-dir:before { content: '\e81f'; } /* '' */
-.icon-cog:before { content: '\e820'; } /* '' */
-.icon-cog-alt:before { content: '\e821'; } /* '' */
-.icon-down-dir-1:before { content: '\e822'; } /* '' */
-.icon-up-dir-1:before { content: '\e823'; } /* '' */
-.icon-down-open-2:before { content: '\e824'; } /* '' */
-.icon-right-open-2:before { content: '\e825'; } /* '' */
-.icon-left-open-2:before { content: '\e826'; } /* '' */
-.icon-up-open-2:before { content: '\e827'; } /* '' */
-.icon-plus:before { content: '\e828'; } /* '' */
-.icon-compass:before { content: '\e829'; } /* '' */
-.icon-resize-full-alt-1:before { content: '\e82a'; } /* '' */
-.icon-tag-1:before { content: '\e82b'; } /* '' */
-.icon-edit-2:before { content: '\e82c'; } /* '' */
-.icon-compass-1:before { content: '\e82d'; } /* '' */
-.icon-cogs:before { content: '\e82e'; } /* '' */
-.icon-up:before { content: '\e82f'; } /* '' */
-.icon-thumbs-up:before { content: '\e830'; } /* '' */
-.icon-lock:before { content: '\e831'; } /* '' */
-.icon-lock-open:before { content: '\e832'; } /* '' */
-.icon-thumbs-down:before { content: '\e833'; } /* '' */
-.icon-bell:before { content: '\e834'; } /* '' */
-.icon-resize-small:before { content: '\e835'; } /* '' */
-.icon-resize-full-1:before { content: '\e836'; } /* '' */
-.icon-right-hand:before { content: '\e837'; } /* '' */
-.icon-left-hand:before { content: '\e838'; } /* '' */
-.icon-up-hand:before { content: '\e839'; } /* '' */
-.icon-tags-3:before { content: '\e839'; } /* '' */
-.icon-down-hand:before { content: '\e83a'; } /* '' */
-.icon-eye-off:before { content: '\e83b'; } /* '' */
-.icon-arrows-cw-1:before { content: '\e83c'; } /* '' */
-.icon-resize-small-alt:before { content: '\e83d'; } /* '' */
-.icon-tags:before { content: '\e83e'; } /* '' */
-.icon-tags-4:before { content: '\e83f'; } /* '' */
-.icon-down-open:before { content: '\f004'; } /* '' */
-.icon-up-open:before { content: '\f005'; } /* '' */
-.icon-right-open:before { content: '\f006'; } /* '' */
-.icon-left-open:before { content: '\f007'; } /* '' */
-.icon-move:before { content: '\f047'; } /* '' */
-.icon-info-circled-alt:before { content: '\f086'; } /* '' */
-.icon-link-ext:before { content: '\f08e'; } /* '' */
-.icon-check-empty:before { content: '\f096'; } /* '' */
-.icon-comment-empty:before { content: '\f0e5'; } /* '' */
-.icon-doc-text:before { content: '\f0f6'; } /* '' */
-.icon-plus-squared:before { content: '\f0fe'; } /* '' */
-.icon-angle-circled-left:before { content: '\f137'; } /* '' */
-.icon-angle-circled-right:before { content: '\f138'; } /* '' */
-.icon-angle-circled-up:before { content: '\f139'; } /* '' */
-.icon-angle-circled-down:before { content: '\f13a'; } /* '' */
-.icon-lock-open-alt:before { content: '\f13e'; } /* '' */
-.icon-ellipsis-vert:before { content: '\f142'; } /* '' */
-.icon-sort-alt-up:before { content: '\f160'; } /* '' */
-.icon-sort-alt-down:before { content: '\f161'; } /* '' */
-.icon-bitbucket:before { content: '\f171'; } /* '' */
-.icon-linux:before { content: '\f17c'; } /* '' */
-.icon-dot-circled:before { content: '\f192'; } /* '' */
-.icon-plus-squared-alt:before { content: '\f196'; } /* '' */
-.icon-fax:before { content: '\f1ac'; } /* '' */
-.icon-sliders:before { content: '\f1de'; } /* '' */
-.icon-share:before { content: '\f1e0'; } /* '' */
-.icon-calc:before { content: '\f1ec'; } /* '' */
-.icon-bell-off-empty:before { content: '\f1f7'; } /* '' */
-.icon-toggle-off:before { content: '\f204'; } /* '' */
-.icon-toggle-on:before { content: '\f205'; } /* '' */
-.icon-safari:before { content: '\f267'; } /* '' */
-.icon-chrome:before { content: '\f268'; } /* '' */
-.icon-firefox:before { content: '\f269'; } /* '' */
-.icon-calendar-1:before { content: '\f4c5'; } /* '' */
-.icon-search-1:before { content: '\f50d'; } /* '' */
\ No newline at end of file
diff --git a/html/image/fontello/demo.html b/html/image/fontello/demo.html
deleted file mode 100644
index b60c0cc..0000000
--- a/html/image/fontello/demo.html
+++ /dev/null
@@ -1,457 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head><!--[if lt IE 9]><script language="javascript" type="text/javascript" 
src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
-    <meta charset="UTF-8"><style>/*
- * Bootstrap v2.2.1
- *
- * Copyright 2012 Twitter, Inc
- * Licensed under the Apache License v2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Designed and built with all the love in the world @twitter by @mdo and @fat.
- */
-.clearfix {
-  *zoom: 1;
-}
-.clearfix:before,
-.clearfix:after {
-  display: table;
-  content: "";
-  line-height: 0;
-}
-.clearfix:after {
-  clear: both;
-}
-html {
-  font-size: 100%;
-  -webkit-text-size-adjust: 100%;
-  -ms-text-size-adjust: 100%;
-}
-a:focus {
-  outline: thin dotted #333;
-  outline: 5px auto -webkit-focus-ring-color;
-  outline-offset: -2px;
-}
-a:hover,
-a:active {
-  outline: 0;
-}
-button,
-input,
-select,
-textarea {
-  margin: 0;
-  font-size: 100%;
-  vertical-align: middle;
-}
-button,
-input {
-  *overflow: visible;
-  line-height: normal;
-}
-button::-moz-focus-inner,
-input::-moz-focus-inner {
-  padding: 0;
-  border: 0;
-}
-body {
-  margin: 0;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 14px;
-  line-height: 20px;
-  color: #333;
-  background-color: #fff;
-}
-a {
-  color: #08c;
-  text-decoration: none;
-}
-a:hover {
-  color: #005580;
-  text-decoration: underline;
-}
-.row {
-  margin-left: -20px;
-  *zoom: 1;
-}
-.row:before,
-.row:after {
-  display: table;
-  content: "";
-  line-height: 0;
-}
-.row:after {
-  clear: both;
-}
-[class*="span"] {
-  float: left;
-  min-height: 1px;
-  margin-left: 20px;
-}
-.container,
-.navbar-static-top .container,
-.navbar-fixed-top .container,
-.navbar-fixed-bottom .container {
-  width: 940px;
-}
-.span12 {
-  width: 940px;
-}
-.span11 {
-  width: 860px;
-}
-.span10 {
-  width: 780px;
-}
-.span9 {
-  width: 700px;
-}
-.span8 {
-  width: 620px;
-}
-.span7 {
-  width: 540px;
-}
-.span6 {
-  width: 460px;
-}
-.span5 {
-  width: 380px;
-}
-.span4 {
-  width: 300px;
-}
-.span3 {
-  width: 220px;
-}
-.span2 {
-  width: 140px;
-}
-.span1 {
-  width: 60px;
-}
-[class*="span"].pull-right,
-.row-fluid [class*="span"].pull-right {
-  float: right;
-}
-.container {
-  margin-right: auto;
-  margin-left: auto;
-  *zoom: 1;
-}
-.container:before,
-.container:after {
-  display: table;
-  content: "";
-  line-height: 0;
-}
-.container:after {
-  clear: both;
-}
-p {
-  margin: 0 0 10px;
-}
-.lead {
-  margin-bottom: 20px;
-  font-size: 21px;
-  font-weight: 200;
-  line-height: 30px;
-}
-small {
-  font-size: 85%;
-}
-h1 {
-  margin: 10px 0;
-  font-family: inherit;
-  font-weight: bold;
-  line-height: 20px;
-  color: inherit;
-  text-rendering: optimizelegibility;
-}
-h1 small {
-  font-weight: normal;
-  line-height: 1;
-  color: #999;
-}
-h1 {
-  line-height: 40px;
-}
-h1 {
-  font-size: 38.5px;
-}
-h1 small {
-  font-size: 24.5px;
-}
-body {
-  margin-top: 90px;
-}
-.header {
-  position: fixed;
-  top: 0;
-  left: 50%;
-  margin-left: -480px;
-  background-color: #fff;
-  border-bottom: 1px solid #ddd;
-  padding-top: 10px;
-  z-index: 10;
-}
-.footer {
-  color: #ddd;
-  font-size: 12px;
-  text-align: center;
-  margin-top: 20px;
-}
-.footer a {
-  color: #ccc;
-  text-decoration: underline;
-}
-.the-icons {
-  font-size: 14px;
-  line-height: 24px;
-}
-.switch {
-  position: absolute;
-  right: 0;
-  bottom: 10px;
-  color: #666;
-}
-.switch input {
-  margin-right: 0.3em;
-}
-.codesOn .i-name {
-  display: none;
-}
-.codesOn .i-code {
-  display: inline;
-}
-.i-code {
-  display: none;
-}
-@font-face {
-      font-family: 'fontello';
-      src: url('./font/fontello.eot?78114184');
-      src: url('./font/fontello.eot?78114184#iefix') 
format('embedded-opentype'),
-           url('./font/fontello.woff?78114184') format('woff'),
-           url('./font/fontello.ttf?78114184') format('truetype'),
-           url('./font/fontello.svg?78114184#fontello') format('svg');
-      font-weight: normal;
-      font-style: normal;
-    }
-     
-     
-    .demo-icon
-    {
-      font-family: "fontello";
-      font-style: normal;
-      font-weight: normal;
-      speak: never;
-     
-      display: inline-block;
-      text-decoration: inherit;
-      width: 1em;
-      margin-right: .2em;
-      text-align: center;
-      /* opacity: .8; */
-     
-      /* For safety - reset parent styles, that can break glyph codes*/
-      font-variant: normal;
-      text-transform: none;
-     
-      /* fix buttons height, for twitter bootstrap */
-      line-height: 1em;
-     
-      /* Animation center compensation - margins should be symmetric */
-      /* remove if not needed */
-      margin-left: .2em;
-     
-      /* You can be more comfortable with increased icons size */
-      /* font-size: 120%; */
-     
-      /* Font smoothing. That was taken from TWBS */
-      -webkit-font-smoothing: antialiased;
-      -moz-osx-font-smoothing: grayscale;
-     
-      /* Uncomment for 3D effect */
-      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
-    }
-     </style>
-    <link rel="stylesheet" href="css/animation.css"><!--[if IE 7]><link 
rel="stylesheet" href="css/" + font.fontname + "-ie7.css"><![endif]-->
-    <script>
-      function toggleCodes(on) {
-        var obj = document.getElementById('icons');
-      
-        if (on) {
-          obj.className += ' codesOn';
-        } else {
-          obj.className = obj.className.replace(' codesOn', '');
-        }
-      }
-      
-    </script>
-  </head>
-  <body>
-    <div class="container header">
-      <h1>fontello <small>font demo</small></h1>
-      <label class="switch">
-        <input type="checkbox" onclick="toggleCodes(this.checked)">show codes
-      </label>
-    </div>
-    <div class="container" id="icons">
-      <div class="row">
-        <div class="the-icons span3" title="Code: 0xe741"><i class="demo-icon 
icon-check">&#xe741;</i> <span class="i-name">icon-check</span><span 
class="i-code">0xe741</span></div>
-        <div class="the-icons span3" title="Code: 0xe746"><i class="demo-icon 
icon-resize-small-1">&#xe746;</i> <span 
class="i-name">icon-resize-small-1</span><span 
class="i-code">0xe746</span></div>
-        <div class="the-icons span3" title="Code: 0xe800"><i class="demo-icon 
icon-logout">&#xe800;</i> <span class="i-name">icon-logout</span><span 
class="i-code">0xe800</span></div>
-        <div class="the-icons span3" title="Code: 0xe801"><i class="demo-icon 
icon-cancel-circled">&#xe801;</i> <span 
class="i-name">icon-cancel-circled</span><span 
class="i-code">0xe801</span></div>
-      </div>
-      <div class="row">
-        <div class="the-icons span3" title="Code: 0xe802"><i class="demo-icon 
icon-cancel-circled2">&#xe802;</i> <span 
class="i-name">icon-cancel-circled2</span><span 
class="i-code">0xe802</span></div>
-        <div class="the-icons span3" title="Code: 0xe803"><i class="demo-icon 
icon-eye">&#xe803;</i> <span class="i-name">icon-eye</span><span 
class="i-code">0xe803</span></div>
-        <div class="the-icons span3" title="Code: 0xe804"><i class="demo-icon 
icon-upload">&#xe804;</i> <span class="i-name">icon-upload</span><span 
class="i-code">0xe804</span></div>
-        <div class="the-icons span3" title="Code: 0xe805"><i class="demo-icon 
icon-download">&#xe805;</i> <span class="i-name">icon-download</span><span 
class="i-code">0xe805</span></div>
-      </div>
-      <div class="row">
-        <div class="the-icons span3" title="Code: 0xe806"><i class="demo-icon 
icon-attention">&#xe806;</i> <span class="i-name">icon-attention</span><span 
class="i-code">0xe806</span></div>
-        <div class="the-icons span3" title="Code: 0xe807"><i class="demo-icon 
icon-search">&#xe807;</i> <span class="i-name">icon-search</span><span 
class="i-code">0xe807</span></div>
-        <div class="the-icons span3" title="Code: 0xe808"><i class="demo-icon 
icon-mail">&#xe808;</i> <span class="i-name">icon-mail</span><span 
class="i-code">0xe808</span></div>
-        <div class="the-icons span3" title="Code: 0xe809"><i class="demo-icon 
icon-anchor">&#xe809;</i> <span class="i-name">icon-anchor</span><span 
class="i-code">0xe809</span></div>
-      </div>
-      <div class="row">
-        <div class="the-icons span3" title="Code: 0xe80a"><i class="demo-icon 
icon-resize-full-alt">&#xe80a;</i> <span 
class="i-name">icon-resize-full-alt</span><span 
class="i-code">0xe80a</span></div>
-        <div class="the-icons span3" title="Code: 0xe80b"><i class="demo-icon 
icon-tag">&#xe80b;</i> <span class="i-name">icon-tag</span><span 
class="i-code">0xe80b</span></div>
-        <div class="the-icons span3" title="Code: 0xe80c"><i class="demo-icon 
icon-cw">&#xe80c;</i> <span class="i-name">icon-cw</span><span 
class="i-code">0xe80c</span></div>
-        <div class="the-icons span3" title="Code: 0xe80d"><i class="demo-icon 
icon-edit">&#xe80d;</i> <span class="i-name">icon-edit</span><span 
class="i-code">0xe80d</span></div>
-      </div>
-      <div class="row">
-        <div class="the-icons span3" title="Code: 0xe80e"><i class="demo-icon 
icon-attention-circled">&#xe80e;</i> <span 
class="i-name">icon-attention-circled</span><span 
class="i-code">0xe80e</span></div>
-        <div class="the-icons span3" title="Code: 0xe80f"><i class="demo-icon 
icon-trash-empty">&#xe80f;</i> <span 
class="i-name">icon-trash-empty</span><span class="i-code">0xe80f</span></div>
-        <div class="the-icons span3" title="Code: 0xe810"><i class="demo-icon 
icon-doc">&#xe810;</i> <span class="i-name">icon-doc</span><span 
class="i-code">0xe810</span></div>
-        <div class="the-icons span3" title="Code: 0xe811"><i class="demo-icon 
icon-calendar">&#xe811;</i> <span class="i-name">icon-calendar</span><span 
class="i-code">0xe811</span></div>
-      </div>
-      <div class="row">
-        <div class="the-icons span3" title="Code: 0xe812"><i class="demo-icon 
icon-edit-1">&#xe812;</i> <span class="i-name">icon-edit-1</span><span 
class="i-code">0xe812</span></div>
-        <div class="the-icons span3" title="Code: 0xe813"><i class="demo-icon 
icon-resize-full">&#xe813;</i> <span 
class="i-name">icon-resize-full</span><span class="i-code">0xe813</span></div>
-        <div class="the-icons span3" title="Code: 0xe814"><i class="demo-icon 
icon-up-bold">&#xe814;</i> <span class="i-name">icon-up-bold</span><span 
class="i-code">0xe814</span></div>
-        <div class="the-icons span3" title="Code: 0xe815"><i class="demo-icon 
icon-down-fat">&#xe815;</i> <span class="i-name">icon-down-fat</span><span 
class="i-code">0xe815</span></div>
-      </div>
-      <div class="row">
-        <div class="the-icons span3" title="Code: 0xe816"><i class="demo-icon 
icon-cancel-circled2-1">&#xe816;</i> <span 
class="i-name">icon-cancel-circled2-1</span><span 
class="i-code">0xe816</span></div>
-        <div class="the-icons span3" title="Code: 0xe817"><i class="demo-icon 
icon-upload-1">&#xe817;</i> <span class="i-name">icon-upload-1</span><span 
class="i-code">0xe817</span></div>
-        <div class="the-icons span3" title="Code: 0xe818"><i class="demo-icon 
icon-exclamation">&#xe818;</i> <span 
class="i-name">icon-exclamation</span><span class="i-code">0xe818</span></div>
-        <div class="the-icons span3" title="Code: 0xe819"><i class="demo-icon 
icon-down-open-1">&#xe819;</i> <span 
class="i-name">icon-down-open-1</span><span class="i-code">0xe819</span></div>
-      </div>
-      <div class="row">
-        <div class="the-icons span3" title="Code: 0xe81a"><i class="demo-icon 
icon-up-open-1">&#xe81a;</i> <span class="i-name">icon-up-open-1</span><span 
class="i-code">0xe81a</span></div>
-        <div class="the-icons span3" title="Code: 0xe81b"><i class="demo-icon 
icon-left-open-1">&#xe81b;</i> <span 
class="i-name">icon-left-open-1</span><span class="i-code">0xe81b</span></div>
-        <div class="the-icons span3" title="Code: 0xe81c"><i class="demo-icon 
icon-right-open-1">&#xe81c;</i> <span 
class="i-name">icon-right-open-1</span><span class="i-code">0xe81c</span></div>
-        <div class="the-icons span3" title="Code: 0xe81d"><i class="demo-icon 
icon-arrows-cw">&#xe81d;</i> <span class="i-name">icon-arrows-cw</span><span 
class="i-code">0xe81d</span></div>
-      </div>
-      <div class="row">
-        <div class="the-icons span3" title="Code: 0xe81e"><i class="demo-icon 
icon-down-dir">&#xe81e;</i> <span class="i-name">icon-down-dir</span><span 
class="i-code">0xe81e</span></div>
-        <div class="the-icons span3" title="Code: 0xe81f"><i class="demo-icon 
icon-up-dir">&#xe81f;</i> <span class="i-name">icon-up-dir</span><span 
class="i-code">0xe81f</span></div>
-        <div class="the-icons span3" title="Code: 0xe820"><i class="demo-icon 
icon-cog">&#xe820;</i> <span class="i-name">icon-cog</span><span 
class="i-code">0xe820</span></div>
-        <div class="the-icons span3" title="Code: 0xe821"><i class="demo-icon 
icon-cog-alt">&#xe821;</i> <span class="i-name">icon-cog-alt</span><span 
class="i-code">0xe821</span></div>
-      </div>
-      <div class="row">
-        <div class="the-icons span3" title="Code: 0xe822"><i class="demo-icon 
icon-down-dir-1">&#xe822;</i> <span class="i-name">icon-down-dir-1</span><span 
class="i-code">0xe822</span></div>
-        <div class="the-icons span3" title="Code: 0xe823"><i class="demo-icon 
icon-up-dir-1">&#xe823;</i> <span class="i-name">icon-up-dir-1</span><span 
class="i-code">0xe823</span></div>
-        <div class="the-icons span3" title="Code: 0xe824"><i class="demo-icon 
icon-down-open-2">&#xe824;</i> <span 
class="i-name">icon-down-open-2</span><span class="i-code">0xe824</span></div>
-        <div class="the-icons span3" title="Code: 0xe825"><i class="demo-icon 
icon-right-open-2">&#xe825;</i> <span 
class="i-name">icon-right-open-2</span><span class="i-code">0xe825</span></div>
-      </div>
-      <div class="row">
-        <div class="the-icons span3" title="Code: 0xe826"><i class="demo-icon 
icon-left-open-2">&#xe826;</i> <span 
class="i-name">icon-left-open-2</span><span class="i-code">0xe826</span></div>
-        <div class="the-icons span3" title="Code: 0xe827"><i class="demo-icon 
icon-up-open-2">&#xe827;</i> <span class="i-name">icon-up-open-2</span><span 
class="i-code">0xe827</span></div>
-        <div class="the-icons span3" title="Code: 0xe828"><i class="demo-icon 
icon-plus">&#xe828;</i> <span class="i-name">icon-plus</span><span 
class="i-code">0xe828</span></div>
-        <div class="the-icons span3" title="Code: 0xe829"><i class="demo-icon 
icon-compass">&#xe829;</i> <span class="i-name">icon-compass</span><span 
class="i-code">0xe829</span></div>
-      </div>
-      <div class="row">
-        <div class="the-icons span3" title="Code: 0xe82a"><i class="demo-icon 
icon-resize-full-alt-1">&#xe82a;</i> <span 
class="i-name">icon-resize-full-alt-1</span><span 
class="i-code">0xe82a</span></div>
-        <div class="the-icons span3" title="Code: 0xe82b"><i class="demo-icon 
icon-tag-1">&#xe82b;</i> <span class="i-name">icon-tag-1</span><span 
class="i-code">0xe82b</span></div>
-        <div class="the-icons span3" title="Code: 0xe82c"><i class="demo-icon 
icon-edit-2">&#xe82c;</i> <span class="i-name">icon-edit-2</span><span 
class="i-code">0xe82c</span></div>
-        <div class="the-icons span3" title="Code: 0xe82d"><i class="demo-icon 
icon-compass-1">&#xe82d;</i> <span class="i-name">icon-compass-1</span><span 
class="i-code">0xe82d</span></div>
-      </div>
-      <div class="row">
-        <div class="the-icons span3" title="Code: 0xe82e"><i class="demo-icon 
icon-cogs">&#xe82e;</i> <span class="i-name">icon-cogs</span><span 
class="i-code">0xe82e</span></div>
-        <div class="the-icons span3" title="Code: 0xe82f"><i class="demo-icon 
icon-up">&#xe82f;</i> <span class="i-name">icon-up</span><span 
class="i-code">0xe82f</span></div>
-        <div class="the-icons span3" title="Code: 0xe830"><i class="demo-icon 
icon-thumbs-up">&#xe830;</i> <span class="i-name">icon-thumbs-up</span><span 
class="i-code">0xe830</span></div>
-        <div class="the-icons span3" title="Code: 0xe831"><i class="demo-icon 
icon-lock">&#xe831;</i> <span class="i-name">icon-lock</span><span 
class="i-code">0xe831</span></div>
-      </div>
-      <div class="row">
-        <div class="the-icons span3" title="Code: 0xe832"><i class="demo-icon 
icon-lock-open">&#xe832;</i> <span class="i-name">icon-lock-open</span><span 
class="i-code">0xe832</span></div>
-        <div class="the-icons span3" title="Code: 0xe833"><i class="demo-icon 
icon-thumbs-down">&#xe833;</i> <span 
class="i-name">icon-thumbs-down</span><span class="i-code">0xe833</span></div>
-        <div class="the-icons span3" title="Code: 0xe834"><i class="demo-icon 
icon-bell">&#xe834;</i> <span class="i-name">icon-bell</span><span 
class="i-code">0xe834</span></div>
-        <div class="the-icons span3" title="Code: 0xe835"><i class="demo-icon 
icon-resize-small">&#xe835;</i> <span 
class="i-name">icon-resize-small</span><span class="i-code">0xe835</span></div>
-      </div>
-      <div class="row">
-        <div class="the-icons span3" title="Code: 0xe836"><i class="demo-icon 
icon-resize-full-1">&#xe836;</i> <span 
class="i-name">icon-resize-full-1</span><span class="i-code">0xe836</span></div>
-        <div class="the-icons span3" title="Code: 0xe837"><i class="demo-icon 
icon-right-hand">&#xe837;</i> <span class="i-name">icon-right-hand</span><span 
class="i-code">0xe837</span></div>
-        <div class="the-icons span3" title="Code: 0xe838"><i class="demo-icon 
icon-left-hand">&#xe838;</i> <span class="i-name">icon-left-hand</span><span 
class="i-code">0xe838</span></div>
-        <div class="the-icons span3" title="Code: 0xe839"><i class="demo-icon 
icon-up-hand">&#xe839;</i> <span class="i-name">icon-up-hand</span><span 
class="i-code">0xe839</span></div>
-      </div>
-      <div class="row">
-        <div class="the-icons span3" title="Code: 0xe839"><i class="demo-icon 
icon-tags-3">&#xe839;</i> <span class="i-name">icon-tags-3</span><span 
class="i-code">0xe839</span></div>
-        <div class="the-icons span3" title="Code: 0xe83a"><i class="demo-icon 
icon-down-hand">&#xe83a;</i> <span class="i-name">icon-down-hand</span><span 
class="i-code">0xe83a</span></div>
-        <div class="the-icons span3" title="Code: 0xe83b"><i class="demo-icon 
icon-eye-off">&#xe83b;</i> <span class="i-name">icon-eye-off</span><span 
class="i-code">0xe83b</span></div>
-        <div class="the-icons span3" title="Code: 0xe83c"><i class="demo-icon 
icon-arrows-cw-1">&#xe83c;</i> <span 
class="i-name">icon-arrows-cw-1</span><span class="i-code">0xe83c</span></div>
-      </div>
-      <div class="row">
-        <div class="the-icons span3" title="Code: 0xe83d"><i class="demo-icon 
icon-resize-small-alt">&#xe83d;</i> <span 
class="i-name">icon-resize-small-alt</span><span 
class="i-code">0xe83d</span></div>
-        <div class="the-icons span3" title="Code: 0xe83e"><i class="demo-icon 
icon-tags">&#xe83e;</i> <span class="i-name">icon-tags</span><span 
class="i-code">0xe83e</span></div>
-        <div class="the-icons span3" title="Code: 0xe83f"><i class="demo-icon 
icon-tags-4">&#xe83f;</i> <span class="i-name">icon-tags-4</span><span 
class="i-code">0xe83f</span></div>
-        <div class="the-icons span3" title="Code: 0xf004"><i class="demo-icon 
icon-down-open">&#xf004;</i> <span class="i-name">icon-down-open</span><span 
class="i-code">0xf004</span></div>
-      </div>
-      <div class="row">
-        <div class="the-icons span3" title="Code: 0xf005"><i class="demo-icon 
icon-up-open">&#xf005;</i> <span class="i-name">icon-up-open</span><span 
class="i-code">0xf005</span></div>
-        <div class="the-icons span3" title="Code: 0xf006"><i class="demo-icon 
icon-right-open">&#xf006;</i> <span class="i-name">icon-right-open</span><span 
class="i-code">0xf006</span></div>
-        <div class="the-icons span3" title="Code: 0xf007"><i class="demo-icon 
icon-left-open">&#xf007;</i> <span class="i-name">icon-left-open</span><span 
class="i-code">0xf007</span></div>
-        <div class="the-icons span3" title="Code: 0xf047"><i class="demo-icon 
icon-move">&#xf047;</i> <span class="i-name">icon-move</span><span 
class="i-code">0xf047</span></div>
-      </div>
-      <div class="row">
-        <div class="the-icons span3" title="Code: 0xf086"><i class="demo-icon 
icon-info-circled-alt">&#xf086;</i> <span 
class="i-name">icon-info-circled-alt</span><span 
class="i-code">0xf086</span></div>
-        <div class="the-icons span3" title="Code: 0xf08e"><i class="demo-icon 
icon-link-ext">&#xf08e;</i> <span class="i-name">icon-link-ext</span><span 
class="i-code">0xf08e</span></div>
-        <div class="the-icons span3" title="Code: 0xf096"><i class="demo-icon 
icon-check-empty">&#xf096;</i> <span 
class="i-name">icon-check-empty</span><span class="i-code">0xf096</span></div>
-        <div class="the-icons span3" title="Code: 0xf0e5"><i class="demo-icon 
icon-comment-empty">&#xf0e5;</i> <span 
class="i-name">icon-comment-empty</span><span class="i-code">0xf0e5</span></div>
-      </div>
-      <div class="row">
-        <div class="the-icons span3" title="Code: 0xf0f6"><i class="demo-icon 
icon-doc-text">&#xf0f6;</i> <span class="i-name">icon-doc-text</span><span 
class="i-code">0xf0f6</span></div>
-        <div class="the-icons span3" title="Code: 0xf0fe"><i class="demo-icon 
icon-plus-squared">&#xf0fe;</i> <span 
class="i-name">icon-plus-squared</span><span class="i-code">0xf0fe</span></div>
-        <div class="the-icons span3" title="Code: 0xf137"><i class="demo-icon 
icon-angle-circled-left">&#xf137;</i> <span 
class="i-name">icon-angle-circled-left</span><span 
class="i-code">0xf137</span></div>
-        <div class="the-icons span3" title="Code: 0xf138"><i class="demo-icon 
icon-angle-circled-right">&#xf138;</i> <span 
class="i-name">icon-angle-circled-right</span><span 
class="i-code">0xf138</span></div>
-      </div>
-      <div class="row">
-        <div class="the-icons span3" title="Code: 0xf139"><i class="demo-icon 
icon-angle-circled-up">&#xf139;</i> <span 
class="i-name">icon-angle-circled-up</span><span 
class="i-code">0xf139</span></div>
-        <div class="the-icons span3" title="Code: 0xf13a"><i class="demo-icon 
icon-angle-circled-down">&#xf13a;</i> <span 
class="i-name">icon-angle-circled-down</span><span 
class="i-code">0xf13a</span></div>
-        <div class="the-icons span3" title="Code: 0xf13e"><i class="demo-icon 
icon-lock-open-alt">&#xf13e;</i> <span 
class="i-name">icon-lock-open-alt</span><span class="i-code">0xf13e</span></div>
-        <div class="the-icons span3" title="Code: 0xf142"><i class="demo-icon 
icon-ellipsis-vert">&#xf142;</i> <span 
class="i-name">icon-ellipsis-vert</span><span class="i-code">0xf142</span></div>
-      </div>
-      <div class="row">
-        <div class="the-icons span3" title="Code: 0xf160"><i class="demo-icon 
icon-sort-alt-up">&#xf160;</i> <span 
class="i-name">icon-sort-alt-up</span><span class="i-code">0xf160</span></div>
-        <div class="the-icons span3" title="Code: 0xf161"><i class="demo-icon 
icon-sort-alt-down">&#xf161;</i> <span 
class="i-name">icon-sort-alt-down</span><span class="i-code">0xf161</span></div>
-        <div class="the-icons span3" title="Code: 0xf171"><i class="demo-icon 
icon-bitbucket">&#xf171;</i> <span class="i-name">icon-bitbucket</span><span 
class="i-code">0xf171</span></div>
-        <div class="the-icons span3" title="Code: 0xf17c"><i class="demo-icon 
icon-linux">&#xf17c;</i> <span class="i-name">icon-linux</span><span 
class="i-code">0xf17c</span></div>
-      </div>
-      <div class="row">
-        <div class="the-icons span3" title="Code: 0xf192"><i class="demo-icon 
icon-dot-circled">&#xf192;</i> <span 
class="i-name">icon-dot-circled</span><span class="i-code">0xf192</span></div>
-        <div class="the-icons span3" title="Code: 0xf196"><i class="demo-icon 
icon-plus-squared-alt">&#xf196;</i> <span 
class="i-name">icon-plus-squared-alt</span><span 
class="i-code">0xf196</span></div>
-        <div class="the-icons span3" title="Code: 0xf1ac"><i class="demo-icon 
icon-fax">&#xf1ac;</i> <span class="i-name">icon-fax</span><span 
class="i-code">0xf1ac</span></div>
-        <div class="the-icons span3" title="Code: 0xf1de"><i class="demo-icon 
icon-sliders">&#xf1de;</i> <span class="i-name">icon-sliders</span><span 
class="i-code">0xf1de</span></div>
-      </div>
-      <div class="row">
-        <div class="the-icons span3" title="Code: 0xf1e0"><i class="demo-icon 
icon-share">&#xf1e0;</i> <span class="i-name">icon-share</span><span 
class="i-code">0xf1e0</span></div>
-        <div class="the-icons span3" title="Code: 0xf1ec"><i class="demo-icon 
icon-calc">&#xf1ec;</i> <span class="i-name">icon-calc</span><span 
class="i-code">0xf1ec</span></div>
-        <div class="the-icons span3" title="Code: 0xf1f7"><i class="demo-icon 
icon-bell-off-empty">&#xf1f7;</i> <span 
class="i-name">icon-bell-off-empty</span><span 
class="i-code">0xf1f7</span></div>
-        <div class="the-icons span3" title="Code: 0xf204"><i class="demo-icon 
icon-toggle-off">&#xf204;</i> <span class="i-name">icon-toggle-off</span><span 
class="i-code">0xf204</span></div>
-      </div>
-      <div class="row">
-        <div class="the-icons span3" title="Code: 0xf205"><i class="demo-icon 
icon-toggle-on">&#xf205;</i> <span class="i-name">icon-toggle-on</span><span 
class="i-code">0xf205</span></div>
-        <div class="the-icons span3" title="Code: 0xf267"><i class="demo-icon 
icon-safari">&#xf267;</i> <span class="i-name">icon-safari</span><span 
class="i-code">0xf267</span></div>
-        <div class="the-icons span3" title="Code: 0xf268"><i class="demo-icon 
icon-chrome">&#xf268;</i> <span class="i-name">icon-chrome</span><span 
class="i-code">0xf268</span></div>
-        <div class="the-icons span3" title="Code: 0xf269"><i class="demo-icon 
icon-firefox">&#xf269;</i> <span class="i-name">icon-firefox</span><span 
class="i-code">0xf269</span></div>
-      </div>
-      <div class="row">
-        <div class="the-icons span3" title="Code: 0xf4c5"><i class="demo-icon 
icon-calendar-1">&#xf4c5;</i> <span class="i-name">icon-calendar-1</span><span 
class="i-code">0xf4c5</span></div>
-        <div class="the-icons span3" title="Code: 0xf50d"><i class="demo-icon 
icon-search-1">&#xf50d;</i> <span class="i-name">icon-search-1</span><span 
class="i-code">0xf50d</span></div>
-      </div>
-    </div>
-    <div class="container footer">Generated by <a 
href="http://fontello.com";>fontello.com</a></div>
-  </body>
-</html>
\ No newline at end of file
diff --git a/html/image/fontello/fontello.eot b/html/image/fontello/fontello.eot
deleted file mode 100644
index 18d667c..0000000
Binary files a/html/image/fontello/fontello.eot and /dev/null differ
diff --git a/html/image/fontello/fontello.svg b/html/image/fontello/fontello.svg
deleted file mode 100644
index bdca170..0000000
--- a/html/image/fontello/fontello.svg
+++ /dev/null
@@ -1,214 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd";>
-<svg xmlns="http://www.w3.org/2000/svg";>
-<metadata>Copyright (C) 2020 by original authors @ fontello.com</metadata>
-<defs>
-<font id="fontello" horiz-adv-x="1000" >
-<font-face font-family="fontello" font-weight="400" font-stretch="normal" 
units-per-em="1000" ascent="850" descent="-150" />
-<missing-glyph horiz-adv-x="1000" />
-<glyph glyph-name="check" unicode="&#xe741;" d="M786 
331v-177q0-67-47-114t-114-47h-464q-67 0-114 47t-47 114v464q0 66 47 113t114 
48h464q35 0 65-14 9-4 10-13 2-10-5-16l-27-28q-6-5-13-5-1 0-5 1-13 3-25 
3h-464q-37 0-63-26t-27-63v-464q0-37 27-63t63-27h464q37 0 63 27t26 63v141q0 8 5 
13l36 35q6 6 13 6 3 0 7-2 11-4 11-16z m129 273l-455-454q-13-14-31-14t-32 
14l-240 240q-14 13-14 31t14 32l61 62q14 13 32 13t32-13l147-147 361 361q13 13 31 
13t32-13l62-61q13-14 13-32t-13-32z" horiz-adv-x="928.6" />
-
-<glyph glyph-name="resize-small-1" unicode="&#xe746;" d="M66 672l114-116 73 74 
0-210-210 0 72 72-115 115z m0-644l-66 67 115 113-72 73 210 0 0-210-73 72z m513 
644l65-65-115-115 72-72-210 0 0 210 73-73z m-115-529l-73-72 0 210 210 0-72-73 
115-113-65-67z" horiz-adv-x="644" />
-
-<glyph glyph-name="logout" unicode="&#xe800;" d="M357 46q0-2 
1-11t0-14-2-14-5-11-12-3h-178q-67 0-114 47t-47 114v392q0 67 47 114t114 47h178q8 
0 13-5t5-13q0-2 1-11t0-15-2-13-5-11-12-3h-178q-37 0-63-26t-27-64v-392q0-37 
27-63t63-27h174t6 0 7-2 4-3 4-5 1-8z m518 
304q0-14-11-25l-303-304q-11-10-25-10t-25 10-11 25v161h-250q-14 0-25 11t-11 
25v214q0 15 11 25t25 11h250v161q0 14 11 25t25 10 25-10l303-304q11-10 11-25z" 
horiz-adv-x="928.6" />
-
-<glyph glyph-name="cancel-circled" unicode="&#xe801;" d="M641 224q0 14-10 
25l-101 101 101 101q10 11 10 25 0 15-10 26l-51 50q-10 11-25 11-15 
0-25-11l-101-101-101 101q-11 11-25 11-16 0-26-11l-50-50q-11-11-11-26 0-14 
11-25l101-101-101-101q-11-11-11-25 0-15 11-26l50-50q10-11 26-11 14 0 25 11l101 
101 101-101q10-11 25-11 15 0 25 11l51 50q10 11 10 26z m216 
126q0-117-57-215t-156-156-215-58-216 58-155 156-58 215 58 215 155 156 216 58 
215-58 156-156 57-215z" horiz-adv-x="857.1" />
-
-<glyph glyph-name="cancel-circled2" unicode="&#xe802;" d="M612 
248l-81-82q-6-5-13-5t-13 5l-76 77-77-77q-5-5-13-5t-12 5l-82 82q-6 6-6 13t6 
13l76 76-76 77q-6 5-6 12t6 13l82 82q5 5 12 5t13-5l77-77 76 77q6 5 13 
5t13-5l81-82q6-5 6-13t-6-12l-76-77 76-76q6-6 6-13t-6-13z m120 102q0 83-41 
152t-110 111-152 41-153-41-110-111-41-152 41-152 110-111 153-41 152 41 110 111 
41 152z m125 0q0-117-57-215t-156-156-215-58-216 58-155 156-58 215 58 215 155 
156 216 58 215-58 156-156 57-215z" horiz-adv-x="857.1" />
-
-<glyph glyph-name="eye" unicode="&#xe803;" d="M929 314q-85 132-213 197 34-58 
34-125 0-103-73-177t-177-73-177 73-73 177q0 67 34 125-128-65-213-197 75-114 
187-182t242-68 243 68 186 182z m-402 215q0 11-8 19t-19 7q-70 
0-120-50t-50-119q0-11 8-19t19-8 19 8 8 19q0 48 34 82t82 34q11 0 19 8t8 19z 
m473-215q0-19-11-38-78-129-210-206t-279-77-279 77-210 206q-11 19-11 38t11 39q78 
128 210 205t279 78 279-78 210-205q11-20 11-39z" horiz-adv-x="1000" />
-
-<glyph glyph-name="upload" unicode="&#xe804;" d="M714 29q0 14-10 25t-25 
10-25-10-11-25 11-25 25-11 25 11 10 25z m143 0q0 14-10 25t-26 10-25-10-10-25 
10-25 25-11 26 11 10 25z m72 125v-179q0-22-16-38t-38-16h-821q-23 0-38 16t-16 
38v179q0 22 16 38t38 15h238q12-31 39-51t62-20h143q34 0 61 20t40 51h238q22 0 
38-15t16-38z m-182 361q-9-22-33-22h-143v-250q0-15-10-25t-25-11h-143q-15 0-25 
11t-11 25v250h-143q-23 0-33 22-9 22 8 39l250 250q10 10 25 
10t25-10l250-250q18-17 8-39z" horiz-adv-x="928.6" />
-
-<glyph glyph-name="download" unicode="&#xe805;" d="M714 100q0 15-10 25t-25 
11-25-11-11-25 11-25 25-11 25 11 10 25z m143 0q0 15-10 25t-26 11-25-11-10-25 
10-25 25-11 26 11 10 25z m72 125v-179q0-22-16-37t-38-16h-821q-23 0-38 16t-16 
37v179q0 22 16 38t38 16h259l75-76q33-32 76-32t76 32l76 76h259q22 0 38-16t16-38z 
m-182 318q10-23-8-39l-250-250q-10-11-25-11t-25 11l-250 250q-17 16-8 39 10 21 33 
21h143v250q0 15 11 25t25 11h143q14 0 25-11t10-25v-250h143q24 0 33-21z" 
horiz-adv-x="928.6" />
-
-<glyph glyph-name="attention" unicode="&#xe806;" d="M571 83v106q0 8-5 13t-12 
5h-108q-7 0-12-5t-5-13v-106q0-8 5-13t12-6h108q7 0 12 6t5 13z m-1 208l10 257q0 
6-5 10-7 6-14 6h-122q-6 0-14-6-5-4-5-12l9-255q0-5 6-9t13-3h103q8 0 14 3t5 9z 
m-7 522l428-786q20-35-1-70-9-17-26-26t-35-10h-858q-18 0-35 10t-26 26q-21 35-1 
70l429 786q9 17 26 27t36 10 36-10 27-27z" horiz-adv-x="1000" />
-
-<glyph glyph-name="search" unicode="&#xe807;" d="M680 
256c-55-55-126-83-197-83-65 0-129 23-182 
66l-51-125-130-130c-14-10-29-15-45-15-41 0-75 37-75 77 0 16 5 32 15 45l129 130 
126 51c-44 52-66 117-66 182 0 152 127 277 279 277 150 0 277-128 277-278 
0-72-26-144-80-197z m-319 75c34-33 78-50 122-50 92 0 170 77 170 172 0 93-79 
170-170 170-94 0-172-79-172-170 0-45 17-89 50-122z" horiz-adv-x="760" />
-
-<glyph glyph-name="mail" unicode="&#xe808;" d="M580 306l258-267-789 0 259 264 
135-127z m-517 355l760 0-380-362z m566-309l257 242 0-508z m-629-266l0 508 
259-243z" horiz-adv-x="886" />
-
-<glyph glyph-name="anchor" unicode="&#xe809;" d="M-1 202q0 8 5 13l102 123 
22-28 78-96q5-6 4-14t-7-12q-11-8-23 0l-23 19q16-60 63-101t113-54q6-1 11 0t10 7 
6 20v389q0 10-6 16t-11 7l-6 1h-40q-19 0-33 13t-14 34 14 33 33 13h42q2 1 3 1t5 2 
5 3 4 4 3 6 1 8v10q-31 14-49 43t-19 64q0 47 34 81t81 34 82-34 
34-81q0-36-19-64t-50-43v-10q0-5 1-8t4-6 4-4 5-3 4-1 3-2h43q19 0 
33-13t14-33q0-19-14-33t-33-14h-41q-2 0-6-1t-11-7-6-15v-390q0-13 6-20t11-7 10 
0q67 14 114 54t63 101l-23-19q-6-5-13-4t-13 7q-8 12 0 23l [...]
-
-<glyph glyph-name="resize-full-alt" unicode="&#xe80a;" d="M0-150l0 342 119-119 
278 277-276 275-121-121 0 346 342 0-119-119 277-277 275 275-121 121 346 0 
0-342-119 119-277-277 275-275 121 121 0-346-342 0 119 119-277 278-275-276 
121-121-346 0z" horiz-adv-x="1000" />
-
-<glyph glyph-name="tag" unicode="&#xe80b;" d="M1000 714v-270l-595-595-405 405 
595 595h270z m-160-160q28 28 28 68t-28 67-67 28-68-28-28-67 28-68 68-28 67 28z" 
horiz-adv-x="1000" />
-
-<glyph glyph-name="cw" unicode="&#xe80c;" d="M408 760q168 0 
287-116t123-282l122 0-184-206-184 206 144 0q-4 124-94 210t-214 86q-126 
0-216-90t-90-218q0-126 90-216t216-90q104 0 182 60l70-76q-110-88-252-88-168 
0-288 120t-120 290 120 290 288 120z" horiz-adv-x="940" />
-
-<glyph glyph-name="edit" unicode="&#xe80d;" d="M496 189l64 65-85 
85-64-65v-31h53v-54h32z m245 402q-9 9-18 0l-196-196q-9-9 0-18t18 0l196 196q9 9 
0 18z m45-331v-106q0-67-47-114t-114-47h-464q-67 0-114 47t-47 114v464q0 66 47 
113t114 48h464q35 0 65-14 9-4 10-13 2-10-5-16l-27-28q-8-8-18-4-13 3-25 
3h-464q-37 0-63-26t-27-63v-464q0-37 27-63t63-27h464q37 0 63 27t26 63v70q0 7 5 
12l36 36q8 8 20 4t11-16z m-54 411l161-160-375-375h-161v160z m248-73l-51-52-161 
161 51 52q16 15 38 15t38-15l85-85q16-16 16- [...]
-
-<glyph glyph-name="attention-circled" unicode="&#xe80e;" d="M429 779q116 0 
215-58t156-156 57-215-57-215-156-156-215-58-216 58-155 156-58 215 58 215 155 
156 216 58z m71-696v106q0 8-5 13t-12 5h-107q-8 0-13-5t-6-13v-106q0-8 
6-13t13-6h107q7 0 12 6t5 13z m-1 192l10 346q0 7-6 10-5 5-13 5h-123q-8 
0-13-5-6-3-6-10l10-346q0-6 5-10t14-4h103q8 0 13 4t6 10z" horiz-adv-x="857.1" />
-
-<glyph glyph-name="trash-empty" unicode="&#xe80f;" d="M286 
439v-321q0-8-5-13t-13-5h-36q-8 0-13 5t-5 13v321q0 8 5 13t13 5h36q8 0 13-5t5-13z 
m143 0v-321q0-8-5-13t-13-5h-36q-8 0-13 5t-5 13v321q0 8 5 13t13 5h36q8 0 
13-5t5-13z m142 0v-321q0-8-5-13t-12-5h-36q-8 0-13 5t-5 13v321q0 8 5 13t13 
5h36q7 0 12-5t5-13z m72-404v529h-500v-529q0-12 4-22t8-15 6-5h464q2 0 6 5t8 15 4 
22z m-375 601h250l-27 65q-4 5-9 6h-177q-6-1-10-6z 
m518-18v-36q0-8-5-13t-13-5h-54v-529q0-46-26-80t-63-34h-464q-37 0-63 33t-27 79 
[...]
-
-<glyph glyph-name="doc" unicode="&#xe810;" d="M819 638q16-16 
27-42t11-50v-642q0-23-15-38t-38-16h-750q-23 0-38 16t-16 38v892q0 23 16 38t38 
16h500q22 0 49-11t42-27z m-248 136v-210h210q-5 17-12 23l-175 175q-6 7-23 12z 
m215-853v572h-232q-23 0-38 16t-16 37v233h-429v-858h715z" horiz-adv-x="857.1" />
-
-<glyph glyph-name="calendar" unicode="&#xe811;" d="M71-79h161v161h-161v-161z 
m197 0h178v161h-178v-161z m-197 197h161v178h-161v-178z m197 
0h178v178h-178v-178z m-197 214h161v161h-161v-161z m411-411h179v161h-179v-161z 
m-214 411h178v161h-178v-161z m428-411h161v161h-161v-161z m-214 
197h179v178h-179v-178z m-196 482v161q0 7-6 12t-12 6h-36q-7 
0-12-6t-6-12v-161q0-7 6-13t12-5h36q7 0 12 5t6 13z m410-482h161v178h-161v-178z 
m-214 214h179v161h-179v-161z m214 0h161v161h-161v-161z m18 268v161q0 7-5 12t- 
[...]
-
-<glyph glyph-name="edit-1" unicode="&#xe812;" d="M90 589l0-593 444 0 0 262 90 
101 0-453-624 0 0 760 541 0-75-77-376 0z m749 180c35-34 32-88-3-124l-57-56 17 
75-63 64-74-17 56 57c35 35 90 35 124 1z m-219-99c0 3 65 20 75 23l1 1 67-69c-4 
0-23-75-23-75l-371-384-159-36-2 1 41 158z m-247-422l-45 46-35-6-23-22-10-40 
46-45 39 9 23 23z" horiz-adv-x="864" />
-
-<glyph glyph-name="resize-full" unicode="&#xe813;" d="M186 407l-113 116-73-73 
0 210 210 0-72-73 115-115z m0-114l67-66-115-114 72-72-210 0 0 210 73-73z m245 
114l-65 65 115 115-72 73 210 0 0-210-73 72z m115-229l73 73 0-210-210 0 72 
72-115 114 65 66z" horiz-adv-x="619" />
-
-<glyph glyph-name="up-bold" unicode="&#xe814;" d="M0 282l397 536 
394-536h-216v-401h-359v401h-216z" horiz-adv-x="791" />
-
-<glyph glyph-name="down-fat" unicode="&#xe815;" d="M5 538q13 23 53 
23h147v205q0 21 16 37t37 15h304q22 0 38-15t15-37v-205h147q40 0 
53-23t-7-54l-363-582q-1-2-5-6t-12-9-18-6-18 5-13 11l-4 5-363 582q-21 32-7 54z" 
horiz-adv-x="820.3" />
-
-<glyph glyph-name="cancel-circled2-1" unicode="&#xe816;" d="M0 350q0 207 147 
354t353 146 354-146 146-354-146-354-354-146-353 146-147 354z m109 0q0-162 
115-276t276-115 276 115 115 276-115 276-276 115-276-115-115-276z m145-137l137 
137-137 137 109 109 137-137 137 137 109-109-137-137 137-137-109-109-137 
137-137-137z" horiz-adv-x="1000" />
-
-<glyph glyph-name="upload-1" unicode="&#xe817;" d="M0 350q0 207 147 354t353 
146 354-146 146-354-146-354-354-146-353 146-147 354z m109 0q0-162 
115-276t276-115 276 115 115 276-115 276-276 115-276-115-115-276z m170 14l221 
207 221-207-123 0 0-223-196 0 0 223-123 0z" horiz-adv-x="1000" />
-
-<glyph glyph-name="exclamation" unicode="&#xe818;" d="M0 350q0 207 147 354t353 
146 354-146 146-354-146-354-354-146-353 146-147 354z m318 402l79-550 207 0 78 
550-364 0z m77-696q0-44 31-76t76-32 76 32 31 76-31 76-76 33-76-33-31-76z" 
horiz-adv-x="1000" />
-
-<glyph glyph-name="down-open-1" unicode="&#xe819;" d="M0 526l148 148 352-351 
352 351 148-148-352-352-148-148-148 148z" horiz-adv-x="1000" />
-
-<glyph glyph-name="up-open-1" unicode="&#xe81a;" d="M0 174l352 352 148 148 
148-148 352-352-148-148-352 351-352-351z" horiz-adv-x="1000" />
-
-<glyph glyph-name="left-open-1" unicode="&#xe81b;" d="M0 350l148 149 352 351 
148-148-351-352 351-352-148-148-352 352z" horiz-adv-x="648" />
-
-<glyph glyph-name="right-open-1" unicode="&#xe81c;" d="M0-2l352 352-352 352 
148 148 352-351 148-149-148-148-352-352z" horiz-adv-x="648" />
-
-<glyph glyph-name="arrows-cw" unicode="&#xe81d;" d="M0-150l0 402 402 
0-160-160q108-107 258-107 125 0 222 75t130 192l138 
0q-35-173-173-288t-317-114q-207 0-353 146z m10 598q35 174 173 288t317 114q207 0 
354-146l146 146 0-402-402 0 160 160q-108 107-258 107-125 0-222-75t-130-192l-138 
0z" horiz-adv-x="1000" />
-
-<glyph glyph-name="down-dir" unicode="&#xe81e;" d="M460 550l-230-400-230 400 
460 0z" horiz-adv-x="460" />
-
-<glyph glyph-name="up-dir" unicode="&#xe81f;" d="M0 150l230 400 230-400-460 
0z" horiz-adv-x="460" />
-
-<glyph glyph-name="cog" unicode="&#xe820;" d="M571 350q0 59-41 101t-101 
42-101-42-42-101 42-101 101-42 101 42 41 101z m286 
61v-124q0-7-4-13t-11-7l-104-16q-10-30-21-51 19-27 59-77 6-6 
6-13t-5-13q-15-21-55-61t-53-39q-7 0-14 5l-77 
60q-25-13-51-21-9-76-16-104-4-16-20-16h-124q-8 0-14 5t-6 12l-16 103q-27 9-50 
21l-79-60q-6-5-14-5-8 0-14 6-70 64-92 94-4 5-4 13 0 6 5 12 8 12 28 37t30 40q-15 
28-23 55l-102 15q-7 1-11 7t-5 13v124q0 7 5 13t10 7l104 16q8 25 22 51-23 32-60 
77-6 7-6 14 0 5 5 12 15 20 55 [...]
-
-<glyph glyph-name="cog-alt" unicode="&#xe821;" d="M500 350q0 59-42 101t-101 
42-101-42-42-101 42-101 101-42 101 42 42 101z m429-286q0 29-22 51t-50 
21-50-21-21-51q0-29 21-50t50-21 51 21 21 50z m0 572q0 29-22 50t-50 
21-50-21-21-50q0-30 21-51t50-21 51 21 21 51z 
m-215-235v-103q0-6-4-11t-8-6l-87-14q-6-19-18-42 19-27 50-64 4-6 4-11 
0-7-4-11-12-17-46-50t-43-33q-7 0-12 4l-64 
50q-21-11-43-17-6-60-13-87-4-13-17-13h-104q-6 0-11 4t-5 10l-13 85q-19 6-42 
18l-66-50q-4-4-11-4-6 0-12 4-80 75-80 90 0 5 4 1 [...]
-
-<glyph glyph-name="down-dir-1" unicode="&#xe822;" d="M571 
457q0-14-10-25l-250-250q-11-11-25-11t-25 11l-250 250q-11 11-11 25t11 25 25 
11h500q14 0 25-11t10-25z" horiz-adv-x="571.4" />
-
-<glyph glyph-name="up-dir-1" unicode="&#xe823;" d="M571 
171q0-14-10-25t-25-10h-500q-15 0-25 10t-11 25 11 26l250 250q10 10 25 
10t25-10l250-250q10-11 10-26z" horiz-adv-x="571.4" />
-
-<glyph glyph-name="down-open-2" unicode="&#xe824;" d="M939 
399l-414-413q-10-11-25-11t-25 11l-414 413q-11 11-11 26t11 25l93 92q10 11 25 
11t25-11l296-296 296 296q11 11 25 11t26-11l92-92q11-11 11-25t-11-26z" 
horiz-adv-x="1000" />
-
-<glyph glyph-name="right-open-2" unicode="&#xe825;" d="M618 
361l-414-415q-11-10-25-10t-25 10l-93 93q-11 11-11 25t11 25l296 297-296 296q-11 
11-11 25t11 25l93 93q10 11 25 11t25-11l414-414q10-11 10-25t-10-25z" 
horiz-adv-x="714.3" />
-
-<glyph glyph-name="left-open-2" unicode="&#xe826;" d="M654 682l-297-296 
297-297q10-10 10-25t-10-25l-93-93q-11-10-25-10t-25 10l-414 415q-11 10-11 25t11 
25l414 414q10 11 25 11t25-11l93-93q10-10 10-25t-10-25z" horiz-adv-x="714.3" />
-
-<glyph glyph-name="up-open-2" unicode="&#xe827;" d="M939 
107l-92-92q-11-10-26-10t-25 10l-296 297-296-297q-11-10-25-10t-25 10l-93 92q-11 
11-11 26t11 25l414 414q11 10 25 10t25-10l414-414q11-11 11-25t-11-26z" 
horiz-adv-x="1000" />
-
-<glyph glyph-name="plus" unicode="&#xe828;" d="M729 454q44 0 
74-31t31-73-31-73-74-30l-208 3 0-212q0-43-30-73t-75-31-73 31-30 73l3 
212-212-3q-44 0-74 30t-30 73 30 73 74 31l212 0-3 209q0 42 30 73t73 31 75-31 
30-73l0-209 208 0z" horiz-adv-x="834" />
-
-<glyph glyph-name="compass" unicode="&#xe829;" d="M0 350q0 207 146 353t354 146 
353-146 146-353-146-354-353-146-354 146-146 354z m125 0q0-154 110-265t265-110 
263 109q112 112 112 266t-111 264-264 111-265-111-110-264z m187-188l125 250 250 
125-125-250z" horiz-adv-x="1000" />
-
-<glyph glyph-name="resize-full-alt-1" unicode="&#xe82a;" d="M839 55l72 72 
0-224-223 0 72 72-184 185 79 79z m-749 591l-72-72 0 223 223 0-72-72 
184-184-79-79z m670 79l-72 72 223 0 0-223-72 72-184-184-79 79z 
m-407-565l-184-185 72-72-223 0 0 224 72-72 184 184z" horiz-adv-x="928" />
-
-<glyph glyph-name="tag-1" unicode="&#xe82b;" d="M0 483l0 287q2 31 24 54t52 
22l287 0q88-6 133-55l426-472q19-28 19-58t-19-52l-334-334q-25-21-57-21t-52 
21l-424 475q-55 64-55 133z m125 164q2-31 23-52t51-20q32 0 52 22t21 50q0 33-23 
54t-50 20q-33-2-53-23t-21-51z" horiz-adv-x="941" />
-
-<glyph glyph-name="edit-2" unicode="&#xe82c;" d="M0-150l0 818 188 182 521 0 
0-226 31 31 162-160-380-381-239-78 76 238 262 262 0 226-369 0 0-156-164 0 0-668 
533 0 0 143 88 87 0-318-709 0z m361 264l119 39-80 82z" horiz-adv-x="902" />
-
-<glyph glyph-name="compass-1" unicode="&#xe82d;" d="M0 349q0 188 134 322t322 
134 321-134 133-322-133-321-321-133-322 133-134 321z m63 1q0-162 
115-277t277-116 277 116 116 277-116 277-277 116-277-116-115-277z m138-234l186 
302 302 186 20-22-184-302-302-184z" horiz-adv-x="910" />
-
-<glyph glyph-name="cogs" unicode="&#xe82e;" d="M0 245l0 97 94 8q8 30 23 55l-60 
74 68 69 74-61q26 16 55 23l8 94 97 0 10-94q29-7 55-23l74 61 68-69-60-74q16-25 
23-55l94-8 0-97-94-10q-7-29-23-55l60-72-68-70-74 60q-26-15-55-23l-10-94-97 0-8 
94q-29 8-55 23l-74-60-68 70 60 72q-15 26-23 55z m221 49q0-37 26-64t64-26 63 26 
26 64-26 63-63 26-64-26-26-63z m318 238l8 72 70-2q8 22 20 39l-37 57 54 45 
49-49q20 10 41 14l14 66 72-8-2-68q22-8 39-22l57 39 45-54-49-49q10-20 
12-43l68-14-8-70-68 0q-8-20-22-37l [...]
-
-<glyph glyph-name="up" unicode="&#xe82f;" d="M0 264l391 586 390-586-211 0 
0-414-359 0 0 414-211 0z" horiz-adv-x="781" />
-
-<glyph glyph-name="thumbs-up" unicode="&#xe830;" d="M143 100q0 15-11 25t-25 
11-25-11-11-25 11-25 25-11 25 11 11 25z m643 321q0 29-22 50t-50 22h-196q0 32 27 
89t26 89q0 55-17 81t-72 
27q-14-15-21-48t-17-70-33-61q-13-13-43-51-2-3-13-16t-18-23-19-24-22-25-22-19-22-15-20-6h-18v-357h18q7
 0 18-1t18-4 21-6 20-7 20-6 16-6q118-41 191-41h67q107 0 107 93 0 15-2 31 16 9 
26 30t10 41-10 38q29 28 29 67 0 14-5 31t-14 26q18 1 30 26t12 45z m71 
1q0-50-27-91 5-18 5-38 0-43-21-81 1-12 1-24 0-56-33-99 0-78-48-1 [...]
-
-<glyph glyph-name="lock" unicode="&#xe831;" d="M179 421h285v108q0 59-42 
101t-101 41-101-41-41-101v-108z m464-53v-322q0-22-16-37t-38-16h-535q-23 0-38 
16t-16 37v322q0 22 16 38t38 15h17v108q0 102 74 176t176 74 177-74 
73-176v-108h18q23 0 38-15t16-38z" horiz-adv-x="642.9" />
-
-<glyph glyph-name="lock-open" unicode="&#xe832;" d="M929 
529v-143q0-15-11-25t-25-11h-36q-14 0-25 11t-11 25v143q0 59-41 101t-101 
41-101-41-42-101v-108h53q23 0 38-15t16-38v-322q0-22-16-37t-38-16h-535q-23 0-38 
16t-16 37v322q0 22 16 38t38 15h375v108q0 103 73 176t177 74 176-74 74-176z" 
horiz-adv-x="928.6" />
-
-<glyph glyph-name="thumbs-down" unicode="&#xe833;" d="M143 600q0 15-11 25t-25 
11-25-11-11-25 11-25 25-11 25 11 11 25z m643-321q0 19-12 45t-30 26q8 10 14 27t5 
31q0 38-29 66 10 17 10 38 0 21-10 41t-26 30q2 16 2 31 0 47-27 70t-76 23h-71q-73 
0-191-41-3-1-16-5t-20-7-20-7-21-6-18-4-18-1h-18v-357h18q9 0 20-5t22-15 22-20 
22-25 19-24 18-22 13-17q30-38 43-51 23-24 33-61t17-70 21-48q54 0 72 27t17 81q0 
33-26 89t-27 89h196q28 0 50 22t22 50z m71-1q0-57-42-100t-101-42h-98q27-55 
27-107 0-66-20-104-19-39 [...]
-
-<glyph glyph-name="bell" unicode="&#xe834;" d="M509-96q0 8-9 8-33 0-57 24t-23 
57q0 9-9 9t-9-9q0-41 29-70t69-28q9 0 9 9z m-372 160h726q-149 168-149 465 0 
28-13 58t-39 58-67 45-95 17-95-17-67-45-39-58-13-58q0-297-149-465z m827 
0q0-29-21-50t-50-21h-250q0-59-42-101t-101-42-101 42-42 101h-250q-29 0-50 21t-21 
50q28 24 51 49t47 67 42 89 27 115 11 145q0 84 66 157t171 89q-5 10-5 21 0 23 16 
38t38 16 38-16 16-38q0-11-5-21 106-16 171-89t66-157q0-78 11-145t28-115 41-89 
48-67 50-49z" horiz-adv-x="1000" />
-
-<glyph glyph-name="resize-small" unicode="&#xe835;" d="M429 
314v-250q0-14-11-25t-25-10-25 10l-81 81-185-186q-5-5-13-5t-12 5l-64 64q-6 6-6 
13t6 13l185 185-80 80q-11 11-11 25t11 25 25 11h250q14 0 25-11t11-25z m421 
375q0-7-6-12l-185-186 80-80q11-11 11-25t-11-25-25-11h-250q-14 0-25 11t-10 
25v250q0 14 10 25t25 10 25-10l81-80 185 185q6 5 13 5t13-5l63-64q6-5 6-13z" 
horiz-adv-x="857.1" />
-
-<glyph glyph-name="resize-full-1" unicode="&#xe836;" d="M421 
261q0-7-5-13l-185-185 80-81q10-10 10-25t-10-25-25-11h-250q-15 0-25 11t-11 
25v250q0 15 11 25t25 11 25-11l80-80 186 185q5 6 12 6t13-6l64-63q5-6 5-13z m436 
482v-250q0-15-10-25t-26-11-25 11l-80 80-185-185q-6-6-13-6t-13 6l-64 64q-5 5-5 
12t5 13l186 185-81 81q-10 10-10 25t10 25 25 11h250q15 0 26-11t10-25z" 
horiz-adv-x="857.1" />
-
-<glyph glyph-name="right-hand" unicode="&#xe837;" d="M143 100q0 15-11 25t-25 
11-25-11-11-25 11-25 25-11 25 11 11 25z m786 321q0 29-22 50t-50 22h-321q0 11 8 
27t19 31 18 38 8 47q0 37-24 54t-65 17q-13 
0-50-77-14-25-21-37-22-35-62-81-40-45-57-59-38-32-78-32h-18v-357h18q40 0 
93-18t108-35 101-18q105 0 105 93 0 15-3 31 17 9 27 30t9 41-10 38q30 28 30 67 0 
14-6 31t-14 26h185q29 0 50 21t22 50z m71 1q0-59-42-101t-101-42h-94q-2-35-21-67 
2-12 2-24 0-56-34-99 1-78-47-123t-127-45q-74 0-179 39-92 33-125 [...]
-
-<glyph glyph-name="left-hand" unicode="&#xe838;" d="M768 64h18v357h-18q-20 
0-38 7t-35 21-28 25-27 31q-4 5-7 7-40 46-62 81-8 13-21 38-1 2-6 13t-10 20-12 
20-12 17-10 6q-40 0-64-17t-25-54q0-24 8-47t19-38 18-31 8-27h-321q-28 
0-50-22t-22-50q0-29 22-50t50-21h185q-9-9-14-26t-6-31q0-39 
30-67-10-18-10-38t9-41 27-30q-2-13-2-31 0-47 27-70t75-23q47 0 102 18t109 35 93 
18z m161 36q0 15-11 25t-25 11-25-11-11-25 11-25 25-11 25 11 11 25z m71 
321v-357q0-29-21-50t-50-21h-161q-33 0-125-33-106-39-176-39-80 0 [...]
-
-<glyph glyph-name="up-hand" unicode="&#xe839;" d="M714-43q0 15-10 25t-25 
11-25-11-11-25 11-25 25-11 25 11 10 25z m72 427q0 105-93 105-15 0-32-3-9 17-29 
27t-41 9-38-10q-28 30-67 30-14 0-31-6t-26-14v185q0 29-22 50t-50 22q-28 
0-50-22t-21-50v-321q-11 0-27 8t-31 19-38 18-47 8q-37 0-55-24t-17-65q0-13 78-50 
25-14 36-21 36-22 81-62 45-40 59-57 32-38 32-78v-18h357v18q0 40 18 93t36 108 18 
101z m71 2q0-74-38-179-33-92-33-125v-161q0-29-21-50t-51-21h-357q-29 0-50 21t-21 
50v161q0 6-3 12t-8 13-10 13-12 [...]
-
-<glyph glyph-name="tags-3" unicode="&#xe839;" d="M1011 502q30-32 
30-74t-30-73l-56-56 5-5q30-31 29-74t-30-73l-364-366q-30-30-74-30t-73 30q-227 
227-342 338-106 106-106 258 0 102 54 188-8 165 105 278 106 106 257 106 153 0 
259-106z m-490-647l364 365-336 340q-76 77-184 77-109 0-185-77t-76-183 
76-184q115-111 341-338z m102 779l258-261 57 56-337 340q-76 76-185 76-107 
0-183-76-35-35-54-79 86 52 186 52 150 0 258-108z m-258-179q-32 0-56-23t-23-55 
23-55 56-23 55 23 23 55-23 55-55 23z m0 52q54 0 92-3 [...]
-
-<glyph glyph-name="down-hand" unicode="&#xe83a;" d="M786 314q0 47-18 102t-36 
109-18 
93v18h-357v-18q0-20-7-38t-20-35-26-28-30-27q-5-4-8-7-45-40-81-62-12-8-38-21-1-1-12-6t-20-10-20-12-17-12-7-10q0-40
 17-64t55-25q24 0 47 8t38 19 31 18 27 8v-321q0-28 21-50t50-22q29 0 50 22t22 
50v185q25-20 57-20 39 0 67 30 17-10 38-10t41 9 29 27q14-2 32-2 47 0 70 27t23 
75z m-72 429q0 14-10 25t-25 11-25-11-11-25 11-25 25-11 25 11 10 25z 
m143-426q0-80-43-129t-121-48l-3 0q-43-34-100-34-12 0-24 2-30-17-66-21v-94q [...]
-
-<glyph glyph-name="eye-off" unicode="&#xe83b;" d="M310 105l43 79q-48 35-76 
88t-27 114q0 67 34 125-128-65-213-197 94-144 239-209z m217 424q0 11-8 19t-19 
7q-70 0-120-50t-50-119q0-11 8-19t19-8 19 8 8 19q0 48 34 82t82 34q11 0 19 8t8 
19z m202 106q0-4 0-5-59-105-176-316t-176-316l-28-50q-5-9-15-9-7 0-75 39-9 6-9 
16 0 7 25 49-80 36-147 96t-117 137q-11 17-11 38t11 39q86 131 212 207t277 76q50 
0 100-10l31 54q5 9 15 9 3 0 10-3t18-9 18-10 18-10 10-7q9-5 9-15z 
m21-249q0-78-44-142t-117-91l157 280q4-25  [...]
-
-<glyph glyph-name="arrows-cw-1" unicode="&#xe83c;" d="M843 261q0-3 
0-4-36-150-150-243t-267-93q-81 0-157 31t-136 88l-72-72q-11-11-25-11t-25 11-11 
25v250q0 14 11 25t25 11h250q14 0 25-11t10-25-10-25l-77-77q40-36 90-57t105-20q74 
0 139 37t104 99q6 10 30 66 4 13 16 13h107q8 0 13-6t5-12z m14 
446v-250q0-14-10-25t-26-11h-250q-14 0-25 11t-10 25 10 25l77 77q-82 77-194 77-75 
0-140-37t-104-99q-6-10-29-66-5-13-17-13h-111q-7 0-13 6t-5 12v4q36 150 151 
243t268 93q81 0 158-31t137-88l72 72q11 11 25 11t26-1 [...]
-
-<glyph glyph-name="resize-small-alt" unicode="&#xe83d;" d="M648 88l-72-72 0 
223 223 0-72-72 184-185-79-79z m-448 447l-182 183 79 79 183-182 73 
70-1-222-222-1z m-182-553l184 185-72 72 223 0 0-223-72 72-184-185z m782 
480l-224 0 0 225 73-72 183 182 79-79-183-183z" horiz-adv-x="928" />
-
-<glyph glyph-name="tags" unicode="&#xe83e;" d="M250 600q0 30-21 51t-50 
20-51-20-21-51 21-50 51-21 50 21 21 50z 
m595-321q0-30-20-51l-274-274q-22-21-51-21-30 0-50 21l-399 399q-21 21-36 57t-15 
65v232q0 29 21 50t50 22h233q29 0 65-15t57-36l399-399q20-21 20-50z m215 
0q0-30-21-51l-274-274q-22-21-51-21-20 0-33 8t-29 25l262 262q21 21 21 51 0 29-21 
50l-399 399q-21 21-57 36t-65 15h125q29 0 65-15t57-36l399-399q21-21 21-50z" 
horiz-adv-x="1071.4" />
-
-<glyph glyph-name="tags-4" unicode="&#xe83f;" d="M0 460l0 240q2 27 21 46t43 
19l241 0q43 0 88-28l377-414q17-23 17-48t-17-44l-280-277q-21-18-47-19t-43 
19l-355 397q-45 54-45 109z m104 138q0-25 17-42 22-20 46-19t42 19q18 19 18 
44t-18 43q-20 18-45 17t-43-17q-17-21-17-45z m316 165l92 0q72-4 
109-45l356-397q17-21 17-48t-17-44l-280-277q-60-35-95 8l271 271q18 22 18 47t-18 
45l-318 356q-24 31-71 56t-64 28z" horiz-adv-x="994" />
-
-<glyph glyph-name="down-open" unicode="&#xf004;" d="M0 533q0 25 18 43t44 18 
42-18l305-303 304 303q18 18 43 18t43-18q18-18 18-43t-18-43l-390-391-391 391q-18 
19-18 43z" horiz-adv-x="817.4" />
-
-<glyph glyph-name="up-open" unicode="&#xf005;" d="M0 167q0 26 18 43l391 391 
390-391q17-17 17-43 0-26-17-44-18-17-44-17t-43 17l-303 
305-305-305q-18-17-43-17t-43 17q-18 18-18 44z" horiz-adv-x="816.9" />
-
-<glyph glyph-name="right-open" unicode="&#xf006;" d="M0 0q0 25 18 43l305 
304-305 304q-18 18-18 44t18 43 44 18 43-18l390-391-390-391q-19-18-43-18t-44 
18q-18 18-18 44z" horiz-adv-x="495.1" />
-
-<glyph glyph-name="left-open" unicode="&#xf007;" d="M0 353l391 391q18 18 43 18 
24 0 43-18 18-18 18-44t-18-43l-304-304 304-305q18-17 
18-43t-18-43q-18-18-43-18t-43 18z" horiz-adv-x="495.1" />
-
-<glyph glyph-name="move" unicode="&#xf047;" d="M1000 
350q0-14-11-25l-142-143q-11-11-26-11t-25 11-10 25v72h-215v-215h72q14 0 
25-10t11-25-11-25l-143-143q-10-11-25-11t-25 11l-143 143q-11 10-11 25t11 25 25 
10h72v215h-215v-72q0-14-10-25t-25-11-25 11l-143 143q-11 11-11 25t11 25l143 
143q10 11 25 11t25-11 10-25v-72h215v215h-72q-14 0-25 10t-11 25 11 26l143 142q11 
11 25 11t25-11l143-142q11-11 11-26t-11-25-25-10h-72v-215h215v72q0 14 10 25t25 
11 26-11l142-143q11-10 11-25z" horiz-adv-x="1000" />
-
-<glyph glyph-name="info-circled-alt" unicode="&#xf086;" d="M0 350q0 95 37 
182t100 149 149 100 183 37q95 0 182-37t149-100 100-149 
37-182q0-95-37-182t-100-150-149-100-182-37q-96 0-183 37t-149 100-100 150-37 
182z m117 0q0-71 28-137t75-112 112-75 137-28 136 28 112 75 75 112 28 137-28 
136-75 112-112 75-136 28-137-28-112-75-75-112-28-136z m281 170q0 28 20 45t51 
17q32 0 51-17t19-45-19-46-51-17q-32 0-51 17t-20 46z m5-402v299h132v-299h-132z" 
horiz-adv-x="937.5" />
-
-<glyph glyph-name="link-ext" unicode="&#xf08e;" d="M786 
332v-178q0-67-47-114t-114-47h-464q-67 0-114 47t-47 114v464q0 66 47 113t114 
48h393q7 0 12-5t5-13v-36q0-8-5-13t-12-5h-393q-37 0-63-26t-27-63v-464q0-37 
27-63t63-27h464q37 0 63 27t26 63v178q0 8 5 13t13 5h36q8 0 13-5t5-13z m214 
482v-285q0-15-11-25t-25-11-25 11l-98 98-364-364q-5-6-13-6t-12 6l-64 64q-6 5-6 
12t6 13l364 364-98 98q-11 11-11 25t11 25 25 11h285q15 0 25-11t11-25z" 
horiz-adv-x="1000" />
-
-<glyph glyph-name="check-empty" unicode="&#xf096;" d="M625 707h-464q-37 
0-63-26t-27-63v-464q0-37 27-63t63-27h464q37 0 63 27t26 63v464q0 37-26 63t-63 
26z m161-89v-464q0-67-47-114t-114-47h-464q-67 0-114 47t-47 114v464q0 66 47 
113t114 48h464q66 0 114-48t47-113z" horiz-adv-x="785.7" />
-
-<glyph glyph-name="comment-empty" unicode="&#xf0e5;" d="M500 636q-114 
0-213-39t-157-105-59-142q0-62 40-119t113-98l48-28-15-53q-13-51-39-97 85 36 154 
96l24 21 32-3q38-5 72-5 114 0 213 39t157 105 59 142-59 142-157 105-213 39z 
m500-286q0-97-67-179t-182-130-251-48q-39 0-81 4-110-97-257-135-27-8-63-12h-3q-8 
0-15 6t-9 15v1q-2 2 0 6t1 6 2 5l4 5t4 5 4 5q4 5 17 19t20 22 17 22 18 28 15 33 
15 42q-88 50-138 123t-51 157q0 97 67 179t182 130 251 48 251-48 182-130 67-179z" 
horiz-adv-x="1000" />
-
-<glyph glyph-name="doc-text" unicode="&#xf0f6;" d="M819 638q16-16 
27-42t11-50v-642q0-23-15-38t-38-16h-750q-23 0-38 16t-16 38v892q0 23 16 38t38 
16h500q22 0 49-11t42-27z m-248 136v-210h210q-5 17-12 23l-175 175q-6 7-23 12z 
m215-853v572h-232q-23 0-38 16t-16 37v233h-429v-858h715z m-572 483q0 7 5 12t13 
5h393q8 0 13-5t5-12v-36q0-8-5-13t-13-5h-393q-8 0-13 5t-5 13v36z m411-125q8 0 
13-5t5-13v-36q0-8-5-13t-13-5h-393q-8 0-13 5t-5 13v36q0 8 5 13t13 5h393z 
m0-143q8 0 13-5t5-13v-36q0-8-5-13t-13-5h-393q [...]
-
-<glyph glyph-name="plus-squared" unicode="&#xf0fe;" d="M714 314v72q0 14-10 
25t-25 10h-179v179q0 15-11 25t-25 11h-71q-15 0-25-11t-11-25v-179h-178q-15 
0-25-10t-11-25v-72q0-14 11-25t25-10h178v-179q0-14 11-25t25-11h71q15 0 25 11t11 
25v179h179q14 0 25 10t10 25z m143 304v-536q0-66-47-113t-114-48h-535q-67 0-114 
48t-47 113v536q0 66 47 113t114 48h535q67 0 114-48t47-113z" horiz-adv-x="857.1" 
/>
-
-<glyph glyph-name="angle-circled-left" unicode="&#xf137;" d="M507 72l57 57q11 
10 11 25t-11 25l-171 171 171 171q11 11 11 25t-11 26l-57 57q-10 10-25 
10t-25-10l-253-254q-11-10-11-25t11-25l253-253q11-11 25-11t25 11z m350 
278q0-117-57-215t-156-156-215-58-216 58-155 156-58 215 58 215 155 156 216 58 
215-58 156-156 57-215z" horiz-adv-x="857.1" />
-
-<glyph glyph-name="angle-circled-right" unicode="&#xf138;" d="M400 72l254 
253q10 11 10 25t-10 25l-254 254q-10 10-25 
10t-25-10l-57-57q-11-11-11-26t11-25l171-171-171-171q-11-11-11-25t11-25l57-57q11-11
 25-11t25 11z m457 278q0-117-57-215t-156-156-215-58-216 58-155 156-58 215 58 
215 155 156 216 58 215-58 156-156 57-215z" horiz-adv-x="857.1" />
-
-<glyph glyph-name="angle-circled-up" unicode="&#xf139;" d="M650 214l57 57q11 
11 11 25t-11 26l-253 253q-11 11-25 
11t-25-11l-254-253q-10-11-10-26t10-25l57-57q11-10 25-10t25 10l172 172 
171-172q11-10 25-10t25 10z m207 136q0-117-57-215t-156-156-215-58-216 58-155 
156-58 215 58 215 155 156 216 58 215-58 156-156 57-215z" horiz-adv-x="857.1" />
-
-<glyph glyph-name="angle-circled-down" unicode="&#xf13a;" d="M454 125l253 
254q11 10 11 25t-11 25l-57 57q-10 10-25 10t-25-10l-171-172-172 172q-10 10-25 
10t-25-10l-57-57q-10-11-10-25t10-25l254-254q10-10 25-10t25 10z m403 
225q0-117-57-215t-156-156-215-58-216 58-155 156-58 215 58 215 155 156 216 58 
215-58 156-156 57-215z" horiz-adv-x="857.1" />
-
-<glyph glyph-name="lock-open-alt" unicode="&#xf13e;" d="M589 421q23 0 
38-15t16-38v-322q0-22-16-37t-38-16h-535q-23 0-38 16t-16 37v322q0 22 16 38t38 
15h17v179q0 103 74 177t176 73 177-73 73-177q0-14-10-25t-25-11h-36q-14 0-25 
11t-11 25q0 59-42 101t-101 42-101-42-41-101v-179h410z" horiz-adv-x="642.9" />
-
-<glyph glyph-name="ellipsis-vert" unicode="&#xf142;" d="M214 
154v-108q0-22-15-37t-38-16h-107q-23 0-38 16t-16 37v108q0 22 16 38t38 15h107q22 
0 38-15t15-38z m0 285v-107q0-22-15-38t-38-15h-107q-23 0-38 15t-16 38v107q0 23 
16 38t38 16h107q22 0 38-16t15-38z m0 286v-107q0-22-15-38t-38-16h-107q-23 0-38 
16t-16 38v107q0 22 16 38t38 16h107q22 0 38-16t15-38z" horiz-adv-x="214.3" />
-
-<glyph glyph-name="sort-alt-up" unicode="&#xf160;" d="M411 
46q0-6-6-13l-178-178q-5-5-13-5-6 0-12 5l-179 179q-8 9-4 19 4 11 17 11h107v768q0 
8 5 13t13 5h107q8 0 13-5t5-13v-768h107q8 0 13-5t5-13z 
m589-71v-107q0-8-5-13t-13-5h-464q-8 0-13 5t-5 13v107q0 8 5 13t13 5h464q8 0 
13-5t5-13z m-107 286v-107q0-8-5-13t-13-5h-357q-8 0-13 5t-5 13v107q0 8 5 13t13 
5h357q8 0 13-5t5-13z m-107 285v-107q0-7-5-12t-13-6h-250q-8 0-13 6t-5 12v107q0 8 
5 13t13 5h250q8 0 13-5t5-13z m-107 286v-107q0-8-5-13t-13-5h-143q-8 [...]
-
-<glyph glyph-name="sort-alt-down" unicode="&#xf161;" 
d="M679-25v-107q0-8-5-13t-13-5h-143q-8 0-13 5t-5 13v107q0 8 5 13t13 5h143q8 0 
13-5t5-13z m-268 71q0-6-6-13l-178-178q-5-5-13-5-6 0-12 5l-179 179q-8 9-4 19 4 
11 17 11h107v768q0 8 5 13t13 5h107q8 0 13-5t5-13v-768h107q8 0 13-5t5-13z m375 
215v-107q0-8-5-13t-13-5h-250q-8 0-13 5t-5 13v107q0 8 5 13t13 5h250q8 0 
13-5t5-13z m107 285v-107q0-7-5-12t-13-6h-357q-8 0-13 6t-5 12v107q0 8 5 13t13 
5h357q8 0 13-5t5-13z m107 286v-107q0-8-5-13t-13-5h-464q-8 [...]
-
-<glyph glyph-name="bitbucket" unicode="&#xf171;" d="M455 
371q4-35-28-57t-63-3q-21 9-29 32t-1 46 29 32q20 11 41 7t36-20 15-37z m62 11q-8 
60-63 92t-110 7q-35-15-56-49t-20-72q3-51 44-87t92-31q51 4 85 47t28 93z m133 
303q-11 15-31 25t-32 12-40 7q-162 26-316-1-24-4-37-7t-30-12-28-24q16-16 
42-26t41-12 49-6q127-16 250-1 35 5 50 7t40 12 42 26z 
m32-578q-4-14-9-42t-7-47-16-39-33-32q-48-27-106-40t-112-12-113 10q-25 5-45 
10t-43 15-41 25-29 34q-14 54-31 163l3 9 10 5q124-83 283-83t283 83q12-3 
13-13t-3- [...]
-
-<glyph glyph-name="linux" unicode="&#xf17c;" d="M370 621q-6-1-9-6t-4-5q-3-1-3 
2 0 7 10 9h6z m49-8q-3-1-7 4t-10 2q14 6 18-1 2-3-1-5z m-196-238q-3 
0-4-2t-2-7-3-8-6-7q-5-6 0-7 2 0 7 4t7 10q0 2 1 4t1 4 1 2 0 2v2t-1 1-1 2z 
m477-201q0 10-31 24 2 8 4 15t3 15 2 12 0 12 0 11-2 12-3 12-2 14-4 14q-5 27-26 
58t-40 42q13-11 32-47 48-90 30-155-6-22-28-23-17-2-21 10t-5 47-6 60q-5 21-11 
38t-11 25-9 14-7 8-4 4q-8 35-17 58t-17 31-13 19-8 22q-3 12 3 30t2 27-24 14q-9 
2-25 10t-20 9q-4 1-6 15t4 28 20 15q21 2 2 [...]
-
-<glyph glyph-name="dot-circled" unicode="&#xf192;" d="M571 
350q0-59-41-101t-101-42-101 42-42 101 42 101 101 42 101-42 41-101z m-142 
304q-83 0-153-41t-110-111-41-152 41-152 110-111 153-41 152 41 110 111 41 152-41 
152-110 111-152 41z m428-304q0-117-57-215t-156-156-215-58-216 58-155 156-58 215 
58 215 155 156 216 58 215-58 156-156 57-215z" horiz-adv-x="857.1" />
-
-<glyph glyph-name="plus-squared-alt" unicode="&#xf196;" d="M643 
404v-36q0-8-5-13t-13-5h-196v-196q0-8-5-13t-13-5h-36q-8 0-13 5t-5 13v196h-196q-8 
0-13 5t-5 13v36q0 7 5 12t13 5h196v197q0 8 5 13t13 5h36q8 0 13-5t5-13v-197h196q8 
0 13-5t5-12z m71-250v464q0 37-26 63t-63 26h-464q-37 0-63-26t-27-63v-464q0-37 
27-63t63-27h464q37 0 63 27t26 63z m72 464v-464q0-67-47-114t-114-47h-464q-67 
0-114 47t-47 114v464q0 66 47 113t114 48h464q66 0 114-48t47-113z" 
horiz-adv-x="785.7" />
-
-<glyph glyph-name="fax" unicode="&#xf1ac;" d="M161 636q37 0 
63-26t26-64v-607q0-37-26-63t-63-26h-72q-36 0-63 26t-26 63v607q0 37 26 64t63 
26h72z m768-91q32-19 52-52t19-72v-428q0-59-42-101t-101-42h-482q-37 0-63 26t-26 
63v857q0 23 15 38t38 16h375q23 0 49-11t43-27l85-85q15-15 26-42t12-49v-91z 
m-411-552v71q0 8-5 13t-13 5h-71q-8 0-13-5t-5-13v-71q0-8 5-13t13-5h71q8 0 13 5t5 
13z m0 143v71q0 8-5 13t-13 5h-71q-8 0-13-5t-5-13v-71q0-8 5-13t13-5h71q8 0 13 
5t5 13z m0 143v71q0 8-5 13t-13 5h-71q-8 0-13-5 [...]
-
-<glyph glyph-name="sliders" unicode="&#xf1de;" d="M196 64v-71h-196v71h196z 
m197 72q14 0 25-11t11-25v-143q0-14-11-25t-25-11h-143q-14 0-25 11t-11 25v143q0 
15 11 25t25 11h143z m89 214v-71h-482v71h482z m-357 286v-72h-125v72h125z 
m732-572v-71h-411v71h411z m-536 643q15 0 
26-10t10-26v-142q0-15-10-25t-26-11h-142q-15 0-25 11t-11 25v142q0 15 11 26t25 
10h142z m358-286q14 0 25-10t10-25v-143q0-15-10-25t-25-11h-143q-15 0-25 11t-11 
25v143q0 14 11 25t25 10h143z m178-71v-71h-125v71h125z m0 286v-72h-482v7 [...]
-
-<glyph glyph-name="share" unicode="&#xf1e0;" d="M679 279q74 0 
126-53t52-126-52-126-126-53-127 53-52 126q0 7 1 19l-201 100q-51-48-121-48-75 
0-127 53t-52 126 52 126 127 53q70 0 121-48l201 100q-1 12-1 19 0 74 52 126t127 
53 126-53 52-126-52-126-126-53q-71 0-122 48l-201-100q1-12 1-19t-1-19l201-100q51 
48 122 48z" horiz-adv-x="857.1" />
-
-<glyph glyph-name="calc" unicode="&#xf1ec;" d="M214-7q0 29-21 50t-50 
21-51-21-21-50 21-51 51-21 50 21 21 51z m215 0q0 29-21 50t-51 21-50-21-21-50 
21-51 50-21 51 21 21 51z m-215 214q0 30-21 51t-50 21-51-21-21-51 21-50 51-21 50 
21 21 50z m429-214q0 29-21 50t-51 21-50-21-21-50 21-51 50-21 51 21 21 51z m-214 
214q0 30-21 51t-51 21-50-21-21-51 21-50 50-21 51 21 21 50z m-215 214q0 30-21 
51t-50 21-51-21-21-51 21-50 51-21 50 21 21 50z m429-214q0 30-21 51t-51 
21-50-21-21-51 21-50 50-21 51 21 21 50 [...]
-
-<glyph glyph-name="bell-off-empty" unicode="&#xf1f7;" d="M580-96q0 8-9 8-32 
0-56 24t-24 57q0 9-9 9t-9-9q0-41 29-70t69-28q9 0 9 9z m-299 265l489 424q-23 
49-74 82t-125 32q-51 0-94-17t-68-45-38-58-14-58q0-215-76-360z 
m755-105q0-29-21-50t-51-21h-250q0-59-42-101t-101-42-100 42-42 100l83 72h422q-92 
105-126 256l61 55q35-199 167-311z m48 777l47-53q4-6 
4-14t-6-12l-1045-905q-5-5-13-4t-12 6l-47 53q-4 6-4 14t6 12l104 90q-11 17-11 36 
28 24 51 49t47 67 42 89 28 115 11 145q0 84 65 157t171 89q-4 10-4 21 [...]
-
-<glyph glyph-name="toggle-off" unicode="&#xf204;" d="M643 350q0 58-23 111t-61 
91-91 61-111 23-111-23-91-61-61-91-23-111 23-111 61-91 91-61 111-23 111 23 91 
61 61 91 23 111z m428 0q0 58-22 111t-61 91-91 61-111 23h-216q67-50 
106-125t38-161-38-161-106-125h216q58 0 111 23t91 61 61 91 22 111z m72 
0q0-72-29-139t-76-113-114-77-138-28h-429q-72 0-138 28t-114 77-76 113-29 139 29 
139 76 114 114 76 138 28h429q72 0 138-28t114-76 76-114 29-139z" 
horiz-adv-x="1142.9" />
-
-<glyph glyph-name="toggle-on" unicode="&#xf205;" d="M0 350q0 73 29 139t76 114 
114 76 138 28h429q72 0 138-28t114-76 76-114 
29-139-29-139-76-113-114-77-138-28h-429q-72 0-138 28t-114 77-76 113-29 139z 
m786-286q58 0 111 23t91 61 61 91 22 111-22 111-61 91-91 61-111 
23-111-23-91-61-61-91-23-111 23-111 61-91 91-61 111-23z" horiz-adv-x="1142.9" />
-
-<glyph glyph-name="safari" unicode="&#xf267;" d="M530 
352q0-15-10-25t-23-11q-14 0-25 9t-10 23q0 15 9 25t23 11 25-9 11-23z m8-33l195 
325q-5-5-37-35t-70-65-77-71-65-62-28-29l-195-323q4 4 38 34t70 65 76 71 65 62 28 
28z m361 31q0-112-58-207-2 1-9 6t-15 9-9 5q-8 0-8-8 0-5 
33-24-41-63-103-107t-135-61l-8 37q-1 6-9 6-3 0-4-3t-1-6l9-38q-41-8-82-8-111 
0-208 59 1 1 8 11t12 19 5 10q0 8-7 8-4 0-10-8t-12-20-8-13q-63 42-107 105t-61 
137l38 8q6 2 6 8 0 3-3 5t-6 1l-38-9q-8 41-8 78 0 115 61 212 1-1 10-7t17 [...]
-
-<glyph glyph-name="chrome" unicode="&#xf268;" d="M498 850q134 1 252-67 130-75 
196-208l-414 22q-89 5-164-41t-103-128l-154 236q72 89 174 137t213 49z 
m-416-226l188-370q40-80 117-121t164-25l-129-252q-118 19-214 88t-152 176-56 
230q0 149 82 274z m885-94q32-84 
33-174t-27-170-86-152-137-117q-128-74-278-66l226 347q49 73 46 162t-59 155z 
m-467-11q70 0 119-50t50-119-50-119-119-49-119 49-49 119 49 119 119 50z" 
horiz-adv-x="1000" />
-
-<glyph glyph-name="firefox" unicode="&#xf269;" d="M504-150q-158 0-282 84t-183 
222q-33 74-38 168t15 186 62 174 100 135l-7-156q7 7 38 8t39-8q24 45 90 77t131 
32q-30-25-67-82t-33-92q14-4 35-7t36-4 37-3 29-1q8-3 
5-26t-17-42q-3-4-9-10t-32-20-56-19l8-105-77 37q-10-24-5-45t21-38 36-23 45-3q29 
5 55 19t47 25 41 10q34-2 
50-19t10-36q0-1-1-3t-5-7-10-9-17-5-26-1q-34-53-81-76t-117-16q41-34 91-46t94-3 
86 29 71 48 45 58q24 51 22 108t-21 105-44 70q49-21 77-45t43-62q8 95-32 191t-117 
159q148-43 230-156t84-2 [...]
-
-<glyph glyph-name="calendar-1" unicode="&#xf4c5;" d="M0-31v761q0 37 26 62t62 
26h762q36 0 61-26t26-62v-761q0-36-26-62t-61-26h-762q-36 0-62 26t-26 62z m88 
0h762v527h-762v-527z m60 59v175h176v-175h-176z m0 234v176h176v-176h-176z 
m235-234v175h175v-175h-175z m0 234v176h175v-176h-175z 
m234-234v175h176v-175h-176z m0 234v176h176v-176h-176z" horiz-adv-x="937.5" />
-
-<glyph glyph-name="search-1" unicode="&#xf50d;" d="M11 375q-23 87 0 173t87 
150q48 49 110 74t128 25q65 0 127-25t110-74q52-52 77-119t21-137-36-132q28-8 
49-29l174-173q35-35 35-85t-35-85q-35-35-85-35t-85 35l-173 174q-22 20-30 
49-70-35-149-35-66 0-128 25t-110 73q-64 64-87 151z m101 86q0-93 65-158 66-65 
159-65 92 0 157 65t66 158-66 158q-66 66-157 66-92 0-159-66-65-65-65-158z" 
horiz-adv-x="892.6" />
-</font>
-</defs>
-</svg>
\ No newline at end of file
diff --git a/html/image/fontello/fontello.ttf b/html/image/fontello/fontello.ttf
deleted file mode 100644
index cbb3370..0000000
Binary files a/html/image/fontello/fontello.ttf and /dev/null differ
diff --git a/html/image/fontello/fontello.woff 
b/html/image/fontello/fontello.woff
deleted file mode 100644
index 100f0a3..0000000
Binary files a/html/image/fontello/fontello.woff and /dev/null differ
diff --git a/html/image/fontello/fontello.woff2 
b/html/image/fontello/fontello.woff2
deleted file mode 100644
index 5bba9db..0000000
Binary files a/html/image/fontello/fontello.woff2 and /dev/null differ
diff --git a/html/index.css b/html/index.css
deleted file mode 100644
index 0e0b067..0000000
--- a/html/index.css
+++ /dev/null
@@ -1,319 +0,0 @@
-
-BODY {
-    background-color:white;
-    font-size:12px;
-    font-family:sans-serif,arial;
-    color:blue;
-}
-.cell , #recover_box p{
-    font-size : 18px;
-}
-.remark {
-    border: solid black 1px;
-    font-family:sans-serif;
-    font-size: 9px;
-    color:blue;
-    width:200px;
-    padding:3px;
-}
-
-.gras {
-    font-size:12px;
-    font-family:sans-serif,arial;
-    color:red;
-
-}
-.input_text {
-    border:1px solid #4b4b91;
-    margin:1px;
-    padding: 10px;
-    border-radius: 4px;
-    font-size:16px;
-    font-size:1rem;
-}
-.button {
-    color:white;
-    font-weight: bold;
-    border:0px;
-    text-decoration:none;
-    font-family: helvetica,arial,sans-serif;
-    background-image: url("image/bg-submit2.gif");
-    background-repeat: repeat-x repeat-y;
-    background-position: left;
-    text-decoration:none;
-    font-family: helvetica,arial,sans-serif;
-    border-width:0px;
-    padding:2px 4px 2px 4px;
-    cursor:pointer;
-    margin:31px 2px 1px 2px;
-    -moz-border-radius:2px 2px;
-    border-radius:2px 2px;
-    font-size : 1rem;
-    margin-bottom: 10px;
-}
-.button:hover {
-    cursor:pointer;
-    background-color:white;
-    border-style:  solid;
-    border-width:  0px;
-    background-image: url("image/bg-submit3.gif");
-    background-repeat: repeat-x repeat-y;
-}
-#logo_id {
-    width:19%;
-}
-#alternate_browser {
-    display : none;
-}
-#logo_id {
-    position:absolute;
-    z-index:-1;
-    height:30%;
-    width:auto;
-    left:0px;
-
-}
-#login_frm {
-    position:absolute;
-    left:15%;
-    top:50%;
-}
-.input_text {
-    width:8em;
-}
-#recover_link {
-    position:absolute;
-    margin-bottom:30px;
-    width: 100%;
-}
-
-#alternate_browser {
-    display : none;
-}
-#logo_id {
-    position:absolute;
-    z-index:-1;
-    height:45%;
-    width:auto;
-    left:0px;
-
-}
-#login_frm {
-    position:absolute;
-    left:15%;
-    top:50%;
-}
-.input_text {
-    width:8em;
-}
-#recover_link {
-    position:absolute;
-    bottom:30px;
-    /*! width: 100%; */
-}
-#recover_box {
-
-    display: none;
-    position: absolute;
-    top: 15%;
-    z-index: 1;
-    border: 2px solid blue;
-    width: 96%;
-    margin-left: 1%;
-    background-color: whitesmoke;
-}
-#login_frm h1 {
-  display: block;
-  font-size: 2.5em;
-  font-weight: bold;
-  text-align: center;
-  text-transform: uppercase;
-  opacity: 1;
-  padding: 0px;
-  margin: 0px;
-  color: darkblue;
-}
-
-@media only screen and (max-width : 900px) {
-    #alternate_browser {
-        display : none;
-    }
-    #logo_id {
-        position:absolute;
-        z-index:-1;
-        height:auto;
-        width:125px;
-        left:1%;
-        top:30px;
-
-    }
-    .input_text {
-         width:20rem;
-    }
-    #recover_box {
-
-        display:none;
-        position: absolute;
-        top: 15%;
-        z-index: 1;
-        border: 2px solid blue;
-        width: 96%;
-        left: 1%;
-        background-color: whitesmoke;
-
-    }
-    #login_frm {
-        position:absolute;
-        left:15%;
-        right:35%;
-        top:15%;
-    }
-}
-@media only screen and (min-width : 901px) {
-    #alternate_browser {
-        position:absolute;
-        bottom: 30px;
-        left:0px;
-        z-index: -1;
-        display : block;
-    }
-    #logo_id {
-        z-index:-1;
-        position:absolute;
-       
-        left:0px;
-        top:20px;
-        height: 15%;
-    }
-    #login_frm {
-        position:absolute;
-        left:30%;
-        top:20%;
-    }
-    .input_text {
-        width: 24em;
-        width: 24rem;
-    }
-    #recover_link {
-        position:absolute;
-        /*! margin-top:397px; */
-        left:1px;
-        background-color: white;
-        bottom: initial;
-        width: 20rem;
-        bottom: 30px;
-    }
-}
-@media only screen and (min-width : 1100px) {
-    #alternate_browser {
-        position:absolute;
-        bottom: 30px;
-        left:0px;
-        z-index: -1;
-        display : block;
-    }
-    #logo_id {
-        z-index:-1;
-        position:absolute;
-        width:19%;
-        left:8%;
-        top:19.5%;
-    }
-    #login_frm {
-        position:absolute;
-        left:25%;
-        top:30%;
-    }
-    .input_text {
-        width: 24em;
-        width: 24rem;
-    }
-    #recover_link {
-        position:fixed;
-        left:539px;
-        bottom:2px;
-        background-color: white;
-        width:auto;
-        
-    }
-    #recover_box {
-
-        display: none;
-        position: absolute;
-        top: 15%;
-        z-index: 1;
-        border: 2px solid blue;
-        width: 96%;
-        margin-left: 1%;
-        background-color: whitesmoke;
-
-    }
-}
-@media only screen and (min-width : 1100px) {
-    #alternate_browser {
-        position:absolute;
-        bottom: 52px;
-        left:0px;
-        z-index: -1;
-        display : block;
-    }
-    #logo_id {
-     z-index: -1;
-      position: absolute;
-      width: 140px;
-      left: 5px;
-      top: 22px;
-      height: 140px;
-    }
-    #login_frm {
-        position:absolute;
-        left:39%;
-        top:28%;
-    }
-    .input_text {
-        width: 24em;
-        width: 24rem;
-    }
-    #recover_link {
-        position:fixed;
-        left:55%;
-        bottom:20px;
-        background-color: white;
-        margin-top:0px;
-    }
-    #recover_box {
-
-        display: none;
-        position: absolute;
-        top: 40%;
-        z-index: 1;
-        border: 2px solid blue;
-        width: 30%;
-        margin-left: 25%;
-        background-color: whitesmoke;
-
-    }
-
-
-}
-#info_noalyss {
-    display: block;
-    position: fixed;
-    bottom: 2px;
-    width: 99%;
-    margin-right: 1%;
-    color: darkblue;
-    padding-left: 4px;
-    padding-right: 4px;
-    font-size: 0.9rem;
-    opacity: 1;
-}
-@media only screen and (max-width:360px) {
-    #p_user{
-        width: 10rem;
-    }
-    #p_pass{
-        width:10rem
-    }
-}
-   
\ No newline at end of file
diff --git a/html/index.php b/html/index.php
index c8b8b65..006edeb 100644
--- a/html/index.php
+++ b/html/index.php
@@ -17,15 +17,15 @@
  *   Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
  */
 
-/*! \file
+/* ! \file
  * \brief default page where user access
  */
-/*! \mainpage NOALYSS
+/* ! \mainpage NOALYSS
  * Documentation
  * - \subpage Francais
  * - \subpage English
  *
- *\page Francais
+ * \page Francais
  * \section intro_sec Introduction
  *
  * Cette partie contient de la documentation pour les développeurs.
@@ -61,7 +61,7 @@
  * <li>Related contient tous les \\todo</li>
  * <li>Global -> function pour lire toute la doc sur les fonctions</li>
  * <li>Regarder dans dossier1.html et account_repository.html  pour la doc des 
base de données
- *</ul>
+ * </ul>
  *  et il ne faut connaître que ces tags
  * <ul>
  * <li> \\file en début de fichier</li>
@@ -75,10 +75,10 @@
  * <li> \\return ce que la fonction retourne</li>
  * <li> \\code et \\endcode si on veut donner un morceau de code comme 
documentation</li>
  * <li> \\verbatim et \\endverbatim si on veut donner une description d'un 
tableau,  comme documentation</li>
- *<li>  \\see xxxx Ajoute un lien vers un fichier, une fonction ou une classe 
</li>
+ * <li>  \\see xxxx Ajoute un lien vers un fichier, une fonction ou une classe 
</li>
  * </ul>
- *----------------------------------------------------------------------
- *\page English
+ * ----------------------------------------------------------------------
+ * \page English
  * \section intro_sec Introduction
  *
  * This parts contains documentation for developpers
@@ -114,7 +114,7 @@
  * <li>Related contains all the \\todo</li>
  * <li>Global -> all the functions</li>
  * <li>check into mod1.html and account_repository.html for the database design
- *</ul>
+ * </ul>
  *  You need to know only these tags
  * <ul>
  * <li> \\file in the beginning of a file</li>
@@ -128,14 +128,14 @@
  * <li> \\return what the function returns</li>
  * <li> \\code and \\endcode code snippet given as example</li>
  * <li> \\verbatim and \\endverbatim if we want to keep the formatting without 
transformation</li>
- *<li>  \\see xxxx create a link to the file, function or object xxxx </li>
+ * <li>  \\see xxxx create a link to the file, function or object xxxx </li>
  * </ul>
  */
 
 
-if ( ! 
file_exists('..'.DIRECTORY_SEPARATOR.'include'.DIRECTORY_SEPARATOR.'config.inc.php'))
+if 
(!file_exists('..'.DIRECTORY_SEPARATOR.'include'.DIRECTORY_SEPARATOR.'config.inc.php'))
 {
-    header("Location: install.php",true, 307);
+    header("Location: install.php", true, 307);
     exit(0);
 }
 
@@ -146,7 +146,10 @@ echo '<!doctype html><HTML>
 <link rel="shortcut icon" type="image/ico" href="favicon.ico" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta charset="UTF-8">
-<link rel="stylesheet" type="text/css" href="index.css" media="screen">
+<link rel="stylesheet" type="text/css" href="css/bootstrap-reboot.min.css" 
media="screen">
+<link rel="stylesheet" type="text/css" href="css/bootstrap-grid.min.css" 
media="screen">
+<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" 
media="screen">
+<link rel="stylesheet" type="text/css" href="css/index.css" media="screen">
 <script src="js/scripts.js" type="text/javascript"></script>
 </head>
 <BODY>';
@@ -154,135 +157,148 @@ $my_domain="";
 require_once '../include/constant.php';
 require_once '../include/config.inc.php';
 require_once NOALYSS_INCLUDE.'/lib/ac_common.php';
-if (file_exists("install.php")&& ! DEBUG ) {
+if (file_exists("install.php")&&!DEBUG)
+{
     // At the end of the installation procedure , the install file must be 
removed
-    if (isset($_GET['remove_install'])) {
-        if (is_writable(__DIR__."/install.php") ) {
+    if (isset($_GET['remove_install']))
+    {
+        if (is_writable(__DIR__."/install.php"))
+        {
             unlink(__DIR__."/install.php");
         }
     }
     // if removed failed then
-    if (file_exists("install.php") )
+    if (file_exists("install.php"))
     {
         /*
-        * This file shouldn't exist
-        */
+         * This file shouldn't exist
+         */
         echo "<h1>";
-       printf ( _("Le fichier %s/install.php est encore présent, après l'avoir 
exécuté pour vous mettre à jour, vous devez l'effacer."),__DIR__);
-       echo "<br>";
-       echo       _("Tant que ce n'est pas vous fait vous ne pouvez pas 
utiliser NOALYSS");
-       echo "</h1>";
-       return;
+        printf(_("Le fichier %s/install.php est encore présent, après l'avoir 
exécuté pour vous mettre à jour, vous devez l'effacer."),
+                __DIR__);
+        echo "<br>";
+        echo _("Tant que ce n'est pas vous fait vous ne pouvez pas utiliser 
NOALYSS");
+        echo "</h1>";
+        return;
     }
 }
-if ( strlen(domaine) > 0 )
+
+/**
+ * Debug Design
+ */
+if (DEBUG)
 {
-    $my_domain=sprintf(_("Domaine")." : %s",domaine);
+    echo <<<EOF
+<div class="d-none d-sm-block d-md-none d-lg-none d-xl-none 
bg-info">Small</div>
+<div class="d-none d-md-block d-lg-none bg-info">Medium</div>
+<div class="d-none d-lg-block d-xl-none bg-info">Large</div>
+<div class="d-none d-xl-block bg-info">X Large</div>
+EOF;
 }
 
-if (defined("RECOVER") && isset ($_REQUEST['recover']) )
+if (strlen(domaine)>0)
+{
+    $my_domain=sprintf(_("Domaine")." : %s", domaine);
+}
+
+if (defined("RECOVER")&&isset($_REQUEST['recover']))
 {
     require_once '../include/recover.php';
 }
 // reconnect , create a variable to reconnect properly in login.php
 $goto="";
-if (isset ($_REQUEST['reconnect']) && isset ($_REQUEST['backurl'])) {
+if (isset($_REQUEST['reconnect'])&&isset($_REQUEST['backurl']))
+{
     $goto='<input type="hidden" value="'.strip_tags($_REQUEST['backurl']).'" 
name="backurl">';
 }
-echo '
+?>
+<div >
+    <div class="d-sm-none d-md-block">
+        <IMG SRC="image/logo8100.png" id="logo_id" alt="NOALYSS">
 
-<IMG SRC="image/logo8100.png" id="logo_id" alt="NOALYSS">
-<form id="login_frm" action="login.php" method="post" name="loginform">'.
-        '<h1>Noalyss</h1>'.
-       $goto .
-'<TABLE><TR><TD>
-<TABLE  BORDER=0 CELLSPACING=0>
-<TR>
-<TD><input type="text" class="input_text" value="" id="p_user" name="p_user" 
autofocus tabindex="1" placeholder="User"></TD>
-</TR>
-<TR>
-<TD><INPUT TYPE="PASSWORD"  class="input_text" value=""  id="p_pass" 
NAME="p_pass"  tabindex="2" placeholder="*******"></TD>
-</TR>';
+    </div>    
+    <div class="container">
 
+        <div class="mx-auto" id="login_div">
+        <h1 style="text-align: center;color:darkblue">NOALYSS</h1>
+            <form id="login_frm" action="login.php" method="post" 
name="loginform" >
+                <?php echo $goto; ?>
 
-if ( $g_captcha == true )
-  {
-    echo '<tr ><td colspan="2" style="width:auto">';
-    echo "<table style=\"border:1px solid black\">";
-    echo '<tr>';
-    echo '<td colspan="2" style="with:auto;font-size:12px;text-align:center">';
-    echo "Indiquer le code que vous lisez dans l'image";
-    echo '</td>';
-    echo '</tr>';
-    echo '<tr>';
-    echo td('<img id="captcha" src="securimage/securimage_show.php" 
alt="CAPTCHA Image" border=1/>','colspan="2" 
style="width:auto;text-align:center"');
-    echo '</tr>';
-    echo '<tr>';
 
-    echo td('<input type="text" class="input_text" name="captcha_code" 
size="10" maxlength="6" autocomplete="off"/>'.
-           '<a href="#" onclick="document.getElementById(\'captcha\').src = 
\'securimage/securimage_show.php?\' + Math.random(); return false">Reload 
Image</a>','colspan="2" style="width:auto;text-align:center"');
-    echo '</tr>';
-    echo '</table>';
-    echo '</td>';
-    echo '<tr>';
-  }
-echo '
-<TR style="height:50px;vertical-align:bottom">
-<TD style="width:auto;text-align:center" colspan="2">
-<INPUT TYPE="SUBMIT"  
style="width:158px;height:34px;-moz-border-radius:10px;border-radius:10px" 
class="button" NAME="login" value="Se connecter">
-</TD>
-</TR>
-</table>
-</TD></TR>';
+                <div class="form-group row ">
+                    <input type="text"  class="input_text " value="" 
id="p_user" name="p_user" autofocus tabindex="1" placeholder="User" >
+                </div>
 
-?>
-</table>
-</form>
-<?php if (defined("RECOVER")) : ?>
-    <a id="recover_link" href="#">Mot de passe oublié ? </a>
-    
-<div id="recover_box">
-    <span style="display:block;font-size:120%;padding:10px">Indiquez votre 
login ou votre email <span style="cursor: pointer;background-color: 
white;top:-5px;float: right;position:relative;right:-5px" id="close"><a ref="#" 
id="close_link"><?php echo SMALLX?></a></span></span>
-            <form method="POST">
-                <input type="hidden" value="send_email" name="id">
-                <input type="hidden" value="recover" name="recover" >
-                <p>
-                Login <input type="text"     class="input_text" name="login" 
nohistory>
-                </p>
-                <p>OU</p> 
-                <p>
-                Email <input type="text"  class="input_text" name="email" 
nohistory>
-                </p>
-                <input type="submit" class="button" name="send_email" 
value="Envoi email">
-                <input type="button" class="button" id="close_link_bt" 
value="Annuler">
-</div>
-    <script>
-        document.getElementById('recover_link').onclick=function() {
-            document.getElementById('recover_box').style.display="block";
-        }
-        document.getElementById('close_link').onclick=function() {
-            document.getElementById('recover_box').style.display="none";
-        }
-        document.getElementById('close_link_bt').onclick=function() {
-            document.getElementById('recover_box').style.display="none";
-        }
-    </script>
-<?php endif; ?>
-    
-      <span id="info_noalyss">
-version  NOALYSS_VERSION - <?php echo $my_domain; ?>
-</span>  
-<!-- <div  id="alternate_browser">
-    <p>Nous conseillons d'utiliser Firefox ou chrome.</p>
-    <p>We recommend to use Firefox or Chrome.</p>
-<ul style="list-style:none;display:block">
-    <li style="display:inline"> <a 
href="https://www.mozilla.org/fr/firefox/new/";> <img border="0" width="128px" 
src="image/header-firefox.png"></a></li>
-<li style="display:inline"><a 
href="https://www.google.fr/chrome/browser/desktop/";> <img border="0" 
width="128px" src="image/chrome_logo_2x.png"></a></li>
-</ul>
-</div>
--->
- <script> SetFocus('p_user'); </script>
+                <div class="form-group row">
+                    <INPUT TYPE="PASSWORD"  class="input_text" value=""  
id="p_pass" NAME="p_pass"  tabindex="2" placeholder="*******" >
+                </div>
+
+                <?php
+// if captcha is used
+                if ($g_captcha==true) :
+                    ?>
+                    Indiquer le code que vous lisez dans l'image
+                    <img id="captcha" src="securimage/securimage_show.php" 
alt="CAPTCHA Image" border=1/>';
+
+                    <input type="text" class="input_text" name="captcha_code" 
size="10" maxlength="6" autocomplete="off"/>
+                    <a href="#" 
onclick="document.getElementById('captcha').src = 
'securimage/securimage_show.php?\' + Math.random(); return false">Reload 
Image</a>
+
+                    <?php
+                endif;
+                ?>  
+                <div class="form-group  row">
+                    <INPUT TYPE="SUBMIT"  class="button" NAME="login" 
value="Se connecter">
+                </div>
+
+            </form>
+            <div>
+                <?php if (defined("RECOVER")) : ?>
+                    <a id="recover_link" href="#">Mot de passe oublié ? </a>
+
+                    <div id="recover_box">
+                        <span 
style="display:block;font-size:120%;background-color: 
white;margin:0px">Recouvrement identifiant
+                            <span style="cursor: pointer;float: 
right;position:relative;right:0px" id="close">
+                                <a ref="#" id="close_link"><?php echo SMALLX 
?></a></span>
+                        </span>
+                        Indiquez votre login ou votre email
+                        <form method="POST" style="padding:20px">
+                            <input type="hidden" value="send_email" name="id">
+                            <input type="hidden" value="recover" 
name="recover" >
+                            <div class="form-group row ">
+                                <label for="login">Login</label>
+                                <input type="text"  class="input_text " 
value="" name="login" placeholder="login" nohistory >
+                            </div>
+                           
+                            <div class="mx-auto info" style="background-color: 
darkgray;text-align: center;">OU </div>
+                            <div class="form-group row ">
+                                 <label for="email">e-mail</label>
+                                
+                                 <input type="text"  class="input_text" 
name="email" nohistory placeholder="email@domain.eu">
+                            </div>
+                            <input type="submit" class="button" 
name="send_email" value="Envoi email">
+                            <input type="button" class="button" 
id="close_link_bt" value="Annuler">
+                            </div>
+                            </div>    
+                            <script>
+                                
document.getElementById('recover_link').onclick = function () {
+                                    
document.getElementById('recover_box').style.display = "block";
+                                }
+                                document.getElementById('close_link').onclick 
= function () {
+                                    
document.getElementById('recover_box').style.display = "none";
+                                }
+                                
document.getElementById('close_link_bt').onclick = function () {
+                                    
document.getElementById('recover_box').style.display = "none";
+                                }
+                            </script>
+                        <?php endif; ?>
+
+                        <span id="info_noalyss">
+                            version  NOALYSS_VERSION - <?php echo $my_domain; 
?>
+                        </SPAN>
+
+                </div>
+                <script> SetFocus('p_user');</script>
 
-</body>
-</html>
+                </body>
+                </html>
 
diff --git a/html/install.php b/html/install.php
index a01059d..1627084 100644
--- a/html/install.php
+++ b/html/install.php
@@ -10,7 +10,7 @@
 <link rel="icon" type="image/ico" href="favicon.ico" />
  <META http-equiv="Content-Type" content="text/html; charset=UTF8">
  <script type="text/javascript" charset="utf-8" language="javascript" 
src="js/prototype.js"></script>
- <link type="text/css" REL="stylesheet" href="style-classic.css"/>
+ <link type="text/css" REL="stylesheet" href="css/style-classic7.css"/>
  <style>
      body {
          font : 100%;
diff --git a/include/constant.php b/include/constant.php
index d4513b0..7af5662 100644
--- a/include/constant.php
+++ b/include/constant.php
@@ -84,7 +84,7 @@ global $g_captcha,$g_failed,$g_succeed;
 $g_captcha=false;
 $g_failed="<span style=\"font-size:18px;color:red\">&#x2716;</span>";
 $g_succeed="<span style=\"font-size:18px;color:green\">&#x2713;</span>";
-define ('SMALLX','&#x2D5D;');
+define ('SMALLX','&times;');
 define ('BUTTONADD',"&#10010;");
 
 define ('SVNINFO',NOALYSS_VERSION);
diff --git a/include/lib/ac_common.php b/include/lib/ac_common.php
index 7f60b5f..04823f2 100644
--- a/include/lib/ac_common.php
+++ b/include/lib/ac_common.php
@@ -337,11 +337,11 @@ function html_page_start($p_theme="", $p_script="", 
$p_script2="")
     <TITLE>$title</TITLE>
        <link rel=\"icon\" type=\"image/ico\" href=\"favicon.ico\" />
     <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
-    <LINK id=\"pagestyle\" REL=\"stylesheet\" type=\"text/css\" 
href=\"bootstrap/bootstrap-reboot.css\" media=\"screen\"/>
-    <LINK id=\"pagestyle\" REL=\"stylesheet\" type=\"text/css\" 
href=\"".$style."?version=".SVNINFO."\" media=\"screen\"/>
-    <LINK id=\"pagestyle\" REL=\"stylesheet\" type=\"text/css\" 
href=\"bootstrap/bootstrap.css\" media=\"screen\"/>
-    <LINK id=\"pagestyle\" REL=\"stylesheet\" type=\"text/css\" 
href=\"bootstrap/bootstrap-grid.css\" media=\"screen\"/>
-    <link rel=\"stylesheet\" type=\"text/css\" 
href=\"./style-print.css?version=".SVNINFO."\" media=\"print\"/>" .
+    <LINK id=\"pagestyle\" REL=\"stylesheet\" type=\"text/css\" 
href=\"css/bootstrap-reboot.min.css\" media=\"screen\"/>
+    <LINK id=\"pagestyle\" REL=\"stylesheet\" type=\"text/css\" 
href=\"css/".$style."?version=".SVNINFO."\" media=\"screen\"/>
+    <LINK id=\"pagestyle\" REL=\"stylesheet\" type=\"text/css\" 
href=\"css//bootstrap.min.css\" media=\"screen\"/>
+    <LINK id=\"pagestyle\" REL=\"stylesheet\" type=\"text/css\" 
href=\"css//bootstrap-grid.min.css\" media=\"screen\"/>
+    <link rel=\"stylesheet\" type=\"text/css\" 
href=\"css/style-print.css?version=".SVNINFO."\" media=\"print\"/>" .
     $p_script2 . "
     ";
     echo '<script language="javascript" src="js/calendar.js"></script>
@@ -357,7 +357,7 @@ function html_page_start($p_theme="", $p_script="", 
$p_script2="")
     }
     echo '
     <script language="javascript" src="js/calendar-setup.js"></script>
-    <LINK REL="stylesheet" type="text/css" href="calendar-blue.css" 
media="screen">
+    <LINK REL="stylesheet" type="text/css" href="css/calendar-blue.css" 
media="screen">
     ';
     // language
     if (isset($_SESSION[SESSION_KEY.'g_lang']))
@@ -421,8 +421,8 @@ function html_min_page_start($p_theme="", $p_script="", 
$p_script2="")
     echo "<HEAD>
     <TITLE>NOALYSS</TITLE>
     <META http-equiv=\"Content-Type\" content=\"text/html; charset=UTF8\">
-    <LINK REL=\"stylesheet\" type=\"text/css\" href=\"$style\" 
media=\"screen\">
-    <link rel=\"stylesheet\" type=\"text/css\" href=\"style-print.css\" 
media=\"print\">" .
+    <LINK REL=\"stylesheet\" type=\"text/css\" href=\"css/$style\" 
media=\"screen\">
+    <link rel=\"stylesheet\" type=\"text/css\" href=\"css/style-print.css\" 
media=\"print\">" .
     $p_script2 . "
     <script src=\"js/prototype.js\" type=\"text/javascript\"></script>
     <script src=\"js/scripts.js\" type=\"text/javascript\"></script>



reply via email to

[Prev in Thread] Current Thread [Next in Thread]