colorizer GUI icons

2026-05-09 23:59:17 +02:00
parent 54ce6e0259
commit e016fcb116
2 changed files with 48 additions and 48 deletions
--- a/share/mabox-colorizer/help/en.html
+++ b/share/mabox-colorizer/help/en.html
@@ -143,7 +143,7 @@ h5 {font-size: 2vw !important;border-bottom: 1px solid;padding-left: 1em;}
 	  <p>
  <a class="tag small purple" href="run://colorizer -s"> Colorizer</a><br />
  <a class="tag small amber" href="run://colorizer-ob -s"> Openbox</a>
-  <a class="tag small amber" href="run://colorizer-conky -s"> Conky</a>
+  <a class="tag small amber" href="run://colorizer-conky -s"> Conky</a>
  <a class="tag small amber" href="run://colorizer-menus -s"> Menu</a>
  <a class="tag small amber" href="run://colorizer-fonts -s"> Fonts</a><br />
  <a class="tag small lime" href="run://colorizer-cava -s">󰺢 Cava</a>
@@ -151,9 +151,9 @@ h5 {font-size: 2vw !important;border-bottom: 1px solid;padding-left: 1em;}
  </p>
  </div>
 <p id="links" class="center black">
-  <a href="https://maboxlinux.org" class="tooltip"><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Mabox Website</span></a>
+  <a href="https://maboxlinux.org" class="tooltip"><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Mabox Website</span></a>
-  <a href="https://forum.maboxlinux.org" class="tooltip"><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Community Forum</span></a>
+  <a href="https://forum.maboxlinux.org" class="tooltip"><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Community Forum</span></a>
-  <a href="https://manual.maboxlinux.org/en" class="tooltip"><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Manual</span></a>
+  <a href="https://manual.maboxlinux.org/en" class="tooltip"><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Manual</span></a>
  <a href="https://maboxlinux.org/donate" class="tooltip"><span style="color:red"></span><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Donate</span></a>
 </p>
 </div>
@@ -188,7 +188,7 @@ h5 {font-size: 2vw !important;border-bottom: 1px solid;padding-left: 1em;}
    </div>
  </div>
  <div class="half container">
-    <div class="card round padding grey"><span class="right xxlarge"></span><p><em><strong>Reset</strong> to defaults...<br />(restore fresh install settings)</em></p>
+    <div class="card round padding grey"><span class="right xxlarge"></span><p><em><strong>Reset</strong> to defaults...<br />(restore fresh install settings)</em></p>
    <div class="bar-block dark-grey"><a class="button bar-item tiny" href="run://obtctl resetMBcolors">Openbox theme</a>
    <a class="button bar-item tiny" href="run://jgctl resetMBcolors show">Menu / Sidepanels</a>
    <a class="button bar-item tiny" href="run://conkyctl resetcolorsall">Conkies</a>
@@ -251,7 +251,7 @@ If you need a full set of options, precise color tuning and gradients - use the
 <a class="button padding-small amber" href="run://randomizer ob"><span class="large"></span><br />Random</a>
 </div>
 <div class="dark">
-<a class="button padding-small teal hover-red" href="run://obtctl resetMBcolors"><span class="large"></span><br /> Reset </a>
+<a class="button padding-small teal hover-red" href="run://obtctl resetMBcolors"><span class="large"></span><br /> Reset </a>
 </div>
 </main>
 <p><hr /></p>
@@ -353,9 +353,9 @@ If you need a full set of options, precise color tuning and gradients - use the
            <!-- TEXT JUSTIFY //-->
            <div class="show-inline-block">
                <div class="bar border round dark-grey">
-                    <a class="bar-item btn hover-gray border-right" href="run://obtctl textjustify left"></a>
+                    <a class="bar-item btn hover-gray border-right" href="run://obtctl textjustify left"></a>
-                    <a class="bar-item btn hover-gray border-right" href="run://obtctl textjustify center"></a>
+                    <a class="bar-item btn hover-gray border-right" href="run://obtctl textjustify center"></a>
-                    <a class="bar-item btn hover-gray" href="run://obtctl textjustify right"></a>
+                    <a class="bar-item btn hover-gray" href="run://obtctl textjustify right"></a>
                </div>
            </div>&nbsp;
            <!-- SHADOW EFFECT //-->
@@ -458,7 +458,7 @@ If you need a full set of options, precise color tuning and transparency - use t
 <a class="button padding-small amber" href="run://randomizer menu show"><span class="large"></span><br />Random</a>
 </div>
 <div class="dark">
-<a class="button padding-small teal hover-red" href="run://jgctl resetMBcolors show"><span class="large"></span><br /> Reset </a>
+<a class="button padding-small teal hover-red" href="run://jgctl resetMBcolors show"><span class="large"></span><br /> Reset </a>
 </div>
 </main>
 <p><hr /></p>
@@ -533,7 +533,7 @@ If you need a full set of options, precise color tuning and transparency - use t
    </p>
    <p><hr /></p>
 <div class="pale-green leftbar border-green">
-	For more options use dynamic menu <a class="button amber" href="run://colorizer-conky -s"> Conky Manager & Colorizer</a>
+	For more options use dynamic menu <a class="button amber" href="run://colorizer-conky -s"> Conky Manager & Colorizer</a>
 	</div>
 </div>
 <div class="gi2 dark"><span>Generate themes...</span></div>
@@ -550,7 +550,7 @@ If you need a full set of options, precise color tuning and transparency - use t
 <a class="button padding-small amber" href="run://randomizer conky"><span class="large"></span><br />Random</a>
 </div>
 <div class="dark">
-<a class="button padding-small teal hover-red" href="run://conkyctl resetcolorsall"><span class="large"></span><br /> Reset </a>
+<a class="button padding-small teal hover-red" href="run://conkyctl resetcolorsall"><span class="large"></span><br /> Reset </a>
 </div>
 </main>
 <p><hr /></p>  
@@ -628,10 +628,10 @@ Try how it works...</p>
 </div>
 <div class="bar-block grey" style="margin-top:1px;">
-<a class="button bar-item tiny hover-green" href="run://colorizer-ob -s"><span class="right large"> </span> Customize</a>
+<a class="button bar-item tiny hover-green" href="run://colorizer-ob -s"><span class="right large">󱁤 </span> Customize</a>
 </div>
 <div class="bar-block grey" style="margin-top:1px;">
-<a class="button bar-item tiny hover-red" href="run://obtctl resetonlycolors"><span class="right large"></span >Reset</a>
+<a class="button bar-item tiny hover-red" href="run://obtctl resetonlycolors"><span class="right large"></span >Reset</a>
 </div>
 </div>
 </div>
@@ -643,25 +643,25 @@ Try how it works...</p>
 <a class="button bar-item tiny" href="run://w2theme menu light show">Light</a>
 </div>
 <div class="bar-block grey" style="margin-top:1px;">
-<a class="button bar-item tiny hover-green" href="run://colorizer-menus -s"><span class="right large"> </span> Customize</a>
+<a class="button bar-item tiny hover-green" href="run://colorizer-menus -s"><span class="right large">󱁤 </span> Customize</a>
 </div>
 <div class="bar-block grey" style="margin-top:1px;">
-<a class="button bar-item tiny hover-red" href="run://jgctl resetMBcolors show"><span class="right large"></span>Reset</a>
+<a class="button bar-item tiny hover-red" href="run://jgctl resetMBcolors show"><span class="right large"></span>Reset</a>
 </div>
 </div>
 </div>
 <div class="third">
-<div class="card round padding brown"><span class="right xxlarge"></span>
+<div class="card round padding brown"><span class="right xxlarge"></span>
 <p><br/><strong>Conky</strong></p>
 <div class="bar-block grey">
 <a class="button bar-item tiny" href="run://w2theme conky dark">Dark</a>
 <a class="button bar-item tiny" href="run://w2theme conky light">Light</a>
 </div>
 <div class="bar-block grey" style="margin-top:1px;">
-<a class="button bar-item tiny hover-green" href="run://colorizer-conky -s"><span class="right large"> </span> Customize</a>
+<a class="button bar-item tiny hover-green" href="run://colorizer-conky -s"><span class="right large">󱁤 </span> Customize</a>
 </div>
 <div class="bar-block grey" style="margin-top:1px;">
-<a class="button bar-item tiny hover-red" href="run://conkyctl resetcolorsall"><span class="right large"></span >Reset</a>
+<a class="button bar-item tiny hover-red" href="run://conkyctl resetcolorsall"><span class="right large"></span >Reset</a>
 </div>
 </div>
 </div>
@@ -669,7 +669,7 @@ Try how it works...</p>
 <h5>How to change wallpaper in Mabox?</h5>
 <p>On the panel next to the menu, there is a <strong>thumbnail</strong>. <i>Left‑click</i> it to set a random wallpaper. By <i>right‑clicking</i> the thumbnail, you gain access to additional interesting options.</p>
     <p>You can also use the context menu in the file manager <a class="tag small amber" href="run://pcmanwp"> Select wallpaper</a></p>
-     <p>You can define multiple directories where you store wallpapers <a class="tag small amber" href="config://.config/mabox/wallp_dirs.conf"> Configure directories</a></p>
+     <p>You can define multiple directories where you store wallpapers <a class="tag small amber" href="config://.config/mabox/wallp_dirs.conf">󱁤 Configure directories</a></p>
 </section>
 <section id="fonts" class="container tab" style="display:none;min-height:100vh">
@@ -679,7 +679,7 @@ Try how it works...</p>
    <a class="button amber" href="run://colorizer-fonts -s"><span class="large"></span><br />Configure Fonts</a>
 </div>
 <div class="g1 dark">
-    <a class="button amber" href="run://lxappearance"><span class="large"></span><br />GTK Theme and Icons</a>
+    <a class="button amber" href="run://lxappearance"><span class="large">󱁤</span><br />GTK Theme and Icons</a>
 </div>
 </div>
    <br /><hr /><br />
@@ -797,7 +797,7 @@ Try how it works...</p>
    <p><strong>Cava</strong> is a bar spectrum audio visualizer for terminal.<br />
    In Mabox you can easily run Cava in a transparent* terminal - which gives an interesting effect...</p>
    <p><a class="tag small amber" href="run://mb-music cavastart">󰺢 Start</a> 
-    <a class="tag small red" href="run://mb-music cavakill">  Kill</a> 
+    <a class="tag small red" href="run://mb-music cavakill">  Kill</a> 
    <a class="tag small green" href="run://cavactl info"> Info</a> </p>
    <p>*) compositor is required for transparency, toggle <a class="tag small purple" href="run://compton_toggle"> Picom</a></p>
@@ -895,10 +895,10 @@ Subsequent uses of the shortcut will alternately hide and show the PyRadio windo
 <a class="button bar-item tiny" href="run://w2theme pyradio light">Bright</a>
 </div>
 <div class="bar-block grey" style="margin-top:1px;">
-<a class="button bar-item tiny hover-green" href="run://colorizer-pyradio -s"><span class="right large"> </span> Customize</a>
+<a class="button bar-item tiny hover-green" href="run://colorizer-pyradio -s"><span class="right large">󱁤 </span> Customize</a>
 </div>
 <div class="bar-block grey" style="margin-top:1px;">
-<a class="button bar-item tiny hover-red" href="run://prtctl resettheme"><span class="right large"></span>Reset</a>
+<a class="button bar-item tiny hover-red" href="run://prtctl resettheme"><span class="right large"></span>Reset</a>
 </div>
 </div>
 </div>
--- a/share/mabox-colorizer/help/pl.html
+++ b/share/mabox-colorizer/help/pl.html
@@ -143,7 +143,7 @@ h5 {font-size: 2vw !important;border-bottom: 1px solid;padding-left: 1em;}
 	  <p>
  <a class="tag small purple" href="run://colorizer -s"> Colorizer</a><br />
  <a class="tag small amber" href="run://colorizer-ob -s"> Openbox</a>
-  <a class="tag small amber" href="run://colorizer-conky -s"> Conky</a>
+  <a class="tag small amber" href="run://colorizer-conky -s"> Conky</a>
  <a class="tag small amber" href="run://colorizer-menus -s"> Menu</a>
  <a class="tag small amber" href="run://colorizer-fonts -s"> Czcionki</a><br />
  <a class="tag small lime" href="run://colorizer-cava -s">󰺢 Cava</a>
@@ -152,9 +152,9 @@ h5 {font-size: 2vw !important;border-bottom: 1px solid;padding-left: 1em;}
 </div>
 <p id="links" class="center black">
-  <a href="https://pl.maboxlinux.org" class="tooltip"><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Strona domowa Mabox</span></a>
+  <a href="https://pl.maboxlinux.org" class="tooltip"><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Strona domowa Mabox</span></a>
-  <a href="https://forum.maboxlinux.org" class="tooltip"><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Forum społeczności</span></a>
+  <a href="https://forum.maboxlinux.org" class="tooltip"><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Forum społeczności</span></a>
-  <a href="https://pl.maboxlinux.org/przewodnik-uzytkownika/wprowadzenie-do-mabox-linux/" class="tooltip"><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Przewodnik Użytkownika Mabox</span></a>
+  <a href="https://pl.maboxlinux.org/przewodnik-uzytkownika/wprowadzenie-do-mabox-linux/" class="tooltip"><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Przewodnik Użytkownika Mabox</span></a>
  <a href="https://maboxlinux.org/donate" class="tooltip"><span style="color:red"></span><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Wesprzyj</span></a>
 </p>
 </div>
@@ -187,7 +187,7 @@ h5 {font-size: 2vw !important;border-bottom: 1px solid;padding-left: 1em;}
    </div>
  </div>
  <div class="half container">
-    <div class="card round padding grey"><span class="right xxlarge"></span><p><em><strong>Resetuj</strong> do ustawień domyślnych...<br />(jak zaraz po instalacji)</em></p>
+    <div class="card round padding grey"><span class="right xxlarge"></span><p><em><strong>Resetuj</strong> do ustawień domyślnych...<br />(jak zaraz po instalacji)</em></p>
    <div class="bar-block dark-grey"><a class="button bar-item tiny" href="run://obtctl resetMBcolors">Dekoracje okien Openbox</a>
    <a class="button bar-item tiny" href="run://jgctl resetMBcolors show">Menu / Panele boczne</a>
    <a class="button bar-item tiny" href="run://conkyctl resetcolorsall">Conky</a>
@@ -247,7 +247,7 @@ Jeśli potrzebujesz więcej opcji, precyzyjnego tuningu kolorów, gradientów -
 <a class="button padding-small amber" href="run://randomizer ob"><span class="large"></span><br />Losowy</a>
 </div>
 <div class="dark">
-<a class="button padding-small teal hover-red" href="run://obtctl resetMBcolors"><span class="large"></span><br />Resetuj</a>
+<a class="button padding-small teal hover-red" href="run://obtctl resetMBcolors"><span class="large"></span><br />Resetuj</a>
 </div>
 </main>
 <hr /><br />
@@ -283,9 +283,9 @@ Jeśli potrzebujesz więcej opcji, precyzyjnego tuningu kolorów, gradientów -
            <!-- TEXT JUSTIFY //-->
            <div class="show-inline-block">
                <div class="bar border round dark-grey">
-                    <a class="bar-item btn hover-gray border-right" href="run://obtctl textjustify left"></a>
+                    <a class="bar-item btn hover-gray border-right" href="run://obtctl textjustify left"></a>
-                    <a class="bar-item btn hover-gray border-right" href="run://obtctl textjustify center"></a>
+                    <a class="bar-item btn hover-gray border-right" href="run://obtctl textjustify center"></a>
-                    <a class="bar-item btn hover-gray" href="run://obtctl textjustify right"></a>
+                    <a class="bar-item btn hover-gray" href="run://obtctl textjustify right"></a>
                </div>
            </div>&nbsp;
            <!-- SHADOW EFFECT //-->
@@ -451,7 +451,7 @@ Jeśli potrzebujesz pełen zestaw opcji, precyzyjnego dostrajania kolorów i prz
 <a class="button padding-small amber" href="run://randomizer menu show"><span class="large"></span><br />Losowy</a>
 </div>
 <div class="dark">
-<a class="button padding-small teal hover-red" href="run://jgctl resetMBcolors show"><span class="large"></span><br />Resetuj</a>
+<a class="button padding-small teal hover-red" href="run://jgctl resetMBcolors show"><span class="large"></span><br />Resetuj</a>
 </div>
 </main>
@@ -521,7 +521,7 @@ Jeśli potrzebujesz pełen zestaw opcji, precyzyjnego dostrajania kolorów i prz
    <a class="tag small teal" href="run://conkyctl toggleone TODOlist">TODO list</a>
    </p><p><hr /></p>
 <div class="pale-green leftbar border-green">
-	Potrzebujesz więcej opcji dostrajania Conky?...<br /> <a class="button amber" href="run://colorizer-conky -s"> Conky Menedżer & Colorizer</a>
+	Potrzebujesz więcej opcji dostrajania Conky?...<br /> <a class="button amber" href="run://colorizer-conky -s"> Conky Menedżer & Colorizer</a>
 </div>
 </div>
 <div class="gi2 dark"><span>Generuj motywy...</span></div>
@@ -538,7 +538,7 @@ Jeśli potrzebujesz pełen zestaw opcji, precyzyjnego dostrajania kolorów i prz
 <a class="button padding-small amber" href="run://randomizer conky"><span class="large"></span><br />Losowy</a>
 </div>
 <div class="dark">
-<a class="button padding-small teal hover-red" href="run://conkyctl resetcolorsall"><span class="large"></span><br />Resetuj</a>
+<a class="button padding-small teal hover-red" href="run://conkyctl resetcolorsall"><span class="large"></span><br />Resetuj</a>
 </div>
 </main>
 <p><hr /></p>  
@@ -642,10 +642,10 @@ Jeśli potrzebujesz pełen zestaw opcji, precyzyjnego dostrajania kolorów i prz
            </div>
            <div class="bar-block grey" style="margin-top:1px;">
-                <a class="button bar-item tiny hover-green" href="run://colorizer-ob -s"><span class="right large"></span>  Dostosuj</a>
+                <a class="button bar-item tiny hover-green" href="run://colorizer-ob -s"><span class="right large">󱁤</span>  Dostosuj</a>
            </div>
            <div class="bar-block grey" style="margin-top:1px;">
-                 <a class="button bar-item tiny hover-red" href="run://obtctl resetonlycolors"><span class="right large"></span>Resetuj</a>
+                 <a class="button bar-item tiny hover-red" href="run://obtctl resetonlycolors"><span class="right large"></span>Resetuj</a>
            </div>
        </div>
      </div>
@@ -657,25 +657,25 @@ Jeśli potrzebujesz pełen zestaw opcji, precyzyjnego dostrajania kolorów i prz
                <a class="button bar-item tiny" href="run://w2theme menu light show">Jasne</a>
            </div>
            <div class="bar-block grey" style="margin-top:1px;">
-                <a class="button bar-item tiny hover-green" href="run://colorizer-menus -s"><span class="right large"></span>  Dostosuj</a>
+                <a class="button bar-item tiny hover-green" href="run://colorizer-menus -s"><span class="right large">󱁤</span>  Dostosuj</a>
            </div>
            <div class="bar-block grey" style="margin-top:1px;">
-                 <a class="button bar-item tiny hover-red" href="run://jgctl resetMBcolors show"><span class="right large"></span>Resetuj</a>
+                 <a class="button bar-item tiny hover-red" href="run://jgctl resetMBcolors show"><span class="right large"></span>Resetuj</a>
            </div>
        </div>
      </div>
      <div class="third">
-        <div class="card round padding brown"><span class="right xxlarge"></span>
+        <div class="card round padding brown"><span class="right xxlarge"></span>
        <p><br /><strong>Conky</strong></p>
            <div class="bar-block grey">
                <a class="button bar-item tiny" href="run://w2theme conky dark">Ciemne</a>
                <a class="button bar-item tiny" href="run://w2theme conky light">Jasne</a>
            </div>
            <div class="bar-block grey" style="margin-top:1px;">
-                <a class="button bar-item tiny hover-green" href="run://colorizer-conky -s"><span class="right large"></span>  Dostosuj</a>
+                <a class="button bar-item tiny hover-green" href="run://colorizer-conky -s"><span class="right large">󱁤</span>  Dostosuj</a>
            </div>
            <div class="bar-block grey" style="margin-top:1px;">
-                 <a class="button bar-item tiny hover-red" href="run://conkyctl resetcolorsall"><span class="right large"></span>Resetuj</a>
+                 <a class="button bar-item tiny hover-red" href="run://conkyctl resetcolorsall"><span class="right large"></span>Resetuj</a>
            </div>
        </div>
      </div>
@@ -683,7 +683,7 @@ Jeśli potrzebujesz pełen zestaw opcji, precyzyjnego dostrajania kolorów i prz
    <h5>Jak ustawić tapetę w Maboxie?</h5>
    <p>W panelu obok menu znajduje się miniaturka, kliknij lewym aby ustawić <strong>losową</strong> tapetę. Klikając prawym przyciskiem w miniaturkę uzyskasz dostęp do dodatkowych ciekawych możliwości.</p>
    <p>Możesz także skorzystać z menu kontekstowego w menadżerze plików <a class="tag small amber" href="run://pcmanwp"> Wybierz tapetę</a></p>
-    <p>Możesz zdefiniować wiele katalogów, w których przechowujesz tapety <a class="tag small amber" href="config://.config/mabox/wallp_dirs.conf"> Konfiguruj katalogi</a></p>
+    <p>Możesz zdefiniować wiele katalogów, w których przechowujesz tapety <a class="tag small amber" href="config://.config/mabox/wallp_dirs.conf">󱁤 Konfiguruj katalogi</a></p>
 </section>
 <section id="pyradiocava" class="container tab" style="display:none;min-height:100vh;">
@@ -697,7 +697,7 @@ Jeśli potrzebujesz pełen zestaw opcji, precyzyjnego dostrajania kolorów i prz
    W Maboxie możesz łatwo uruchomić Cava w przezroczystym* terminalu - co daje ciekawy efekt...
    </p>
    <p><a class="tag small amber" href="run://mb-music cavastart">󰺢 Uruchom</a> 
-    <a class="tag small red" href="run://mb-music cavakill"> Zabij</a> 
+    <a class="tag small red" href="run://mb-music cavakill"> Zabij</a> 
    <a class="tag small green" href="run://cavactl info"> Info</a>
    </p>
    <p>*) dla przezroczystości wymagany jest menedżer kompozycji <a class="tag small purple" href="run://compton_toggle"> Picom</a></p>
@@ -796,10 +796,10 @@ Kolejne użycia skrótu będą naprzemiennie chować i pokazywać okienko z PyRa
 <a class="button bar-item tiny" href="run://w2theme pyradio light">Jasny</a>
 </div>
 <div class="bar-block grey" style="margin-top:1px;">
-<a class="button bar-item tiny hover-green" href="run://colorizer-pyradio -s"><span class="right large"> </span> Dostosuj</a>
+<a class="button bar-item tiny hover-green" href="run://colorizer-pyradio -s"><span class="right large">󱁤 </span> Dostosuj</a>
 </div>
 <div class="bar-block grey" style="margin-top:1px;">
-<a class="button bar-item tiny hover-red" href="run://prtctl resettheme"><span class="right large"></span >Resetuj</a>
+<a class="button bar-item tiny hover-red" href="run://prtctl resettheme"><span class="right large"></span >Resetuj</a>
 </div>
 </div>
 </div>
@@ -812,7 +812,7 @@ Kolejne użycia skrótu będą naprzemiennie chować i pokazywać okienko z PyRa
    <a class="button amber" href="run://colorizer-fonts -s"><span class="large"></span><br />Ustaw Czcionki</a>
 </div>
 <div class="g1 dark">
-  <a class="button amber" href="run://lxappearance"><span class="large"></span><br />Motyw GTK oraz Ikony</a>
+  <a class="button amber" href="run://lxappearance"><span class="large">󱁤</span><br />Motyw GTK oraz Ikony</a>
 </div>
 </div>
    <br /><hr /><br />