From 01a532e80c785a9f82fdd3250a18293f19a69f53 Mon Sep 17 00:00:00 2001
From: Daniel Napora <napcok@gmail.com>
Date: Tue, 20 Dec 2022 00:35:35 +0100
Subject: [PATCH] main window update

---
 share/mabox-colorizer/help/en.html | 40 +++++++++++++++++++-----------
 share/mabox-colorizer/help/pl.html | 36 ++++++++++++++++++---------
 2 files changed, 49 insertions(+), 27 deletions(-)

diff --git a/share/mabox-colorizer/help/en.html b/share/mabox-colorizer/help/en.html
index 1909693..10d0521 100644
--- a/share/mabox-colorizer/help/en.html
+++ b/share/mabox-colorizer/help/en.html
@@ -17,8 +17,11 @@ div.fixed {
 div.fixeddown {
     position: fixed;
     bottom:0;
-    right:0;
+    left:0;
+    width:160px;
 }
+div.fixeddown p {margin:2px 0;}
+div.fixeddown a {text-decoration:none;margin:0 2px;}
 .link {cursor:pointer;}
 .w3-bar-block .w3-btn {width: 100px;text-align:center;}
 .w3-bar-block .w3-btn:hover {background-color:white;color:gray;}
@@ -40,7 +43,15 @@ p a.w3-tag:hover {text-decoration:none; border:none;}
   <button class="w3-bar-item w3-button w3-small tablink" onclick="openTab(event, 'Tint2')">Tint2 Panel</button>
   <button class="w3-bar-item w3-button w3-small tablink" onclick="openTab(event, 'Terminal')">Terminal theme</button>
   <button class="w3-bar-item w3-button w3-small tablink" onclick="openTab(event, 'Save')">Save and Restore</button>
-  <a class="w3-button w3-round w3-small w3-lime w3-hover-yellow w3-margin" href="run://colorizer -s">  Colorizer</a>
+  <a class="w3-button w3-round w3-tiny w3-lime w3-margin" href="run://colorizer -s">  Colorizer Menu</a>
+<div class="fixeddown">
+<p class="w3-center w3-black">
+  <a href="https://maboxlinux.org" class="w3-tooltip"><span class="w3-text w3-tag w3-small w3-round" style="position:absolute;left:-10px;bottom:22px">Mabox Website</span></a>
+  <a href="https://forum.maboxlinux.org" class="w3-tooltip"><span class="w3-text w3-tag w3-small w3-round" style="position:absolute;left:-10px;bottom:22px">Community Forum</span></a>
+  <a href="https://manual.maboxlinux.org/en" class="w3-tooltip"><span class="w3-text w3-tag w3-small w3-round" style="position:absolute;left:-10px;bottom:22px">Manual</span></a>
+  <a href="https://ko-fi.com/maboxlinux" class="w3-tooltip"><span style="color:red"></span><span class="w3-text w3-tag w3-small w3-round" style="position:absolute;left:-10px;bottom:22px">Donate</span></a>
+</p>
+</div>
 </div>
 
 <div style="margin-left:160px;" class="w3-small">
@@ -61,7 +72,7 @@ p a.w3-tag:hover {text-decoration:none; border:none;}
    <!--<li><strong>PyRadio</strong> - Internet Radio Player</li>//-->
    </ul></p>
     <!--<strong><span class="w3-tag w3-round w3-tiny w3-green link" onclick="openTab(event, 'Wall2theme')">Automatically generate themes</span></strong> for all above <strong>from Wallpaper colors</strong>//-->
-     <br />
+     <br/>
      <p class="w3-center"><span class="w3-tag w3-round w3-red">New!</span>  Randomizer - set color themes quickly and securely</p>
 <div class="w3-row w3-margin-top">
   <div class="w3-half w3-container">
@@ -82,20 +93,19 @@ p a.w3-tag:hover {text-decoration:none; border:none;}
     </div>
     </div>
   </div>
-</div> 
+  </div> 
+  <br/>
+  <p>Colorizer offers two modes of operation: basic and advanced.
+<ul>
+<li><strong>basic</strong> - you use this window - easy and fast</li>
+<li><strong>advanced</strong> - using dynamically generated menus - more customization possibilities, unlimited choice of colors</li>
+</ul>
+</p>
+<br />
+<br />
 
-
-   
+ 
   </div>
-  <div class="fixeddown">
-      <div class="w3-bar w3-tiny">
-          <div class="w3-bar-item">Mabox Linux Links: </div>
-  <a href="https://maboxlinux.org" class="w3-bar-item w3-hover-green">www</a>
-  <a href="https://forum.maboxlinux.org" class="w3-bar-item w3-hover-green">forum</a>
-  <a href="https://manual.maboxlinux.org/en" class="w3-bar-item w3-hover-green">manual</a>
-  <a href="https://ko-fi.com/maboxlinux" class="w3-bar-item w3-hover-green">donate</a>
-</div>
-</div>
   </section>
   <section id="Openbox" class="w3-container tab" style="display:none;min-height:100vh;">
     <div class="fixed">
diff --git a/share/mabox-colorizer/help/pl.html b/share/mabox-colorizer/help/pl.html
index caedf54..2512421 100644
--- a/share/mabox-colorizer/help/pl.html
+++ b/share/mabox-colorizer/help/pl.html
@@ -17,8 +17,11 @@ div.fixed {
 div.fixeddown {
     position: fixed;
     bottom:0;
-    right:0;
+    left:0;
+    width:160px;
 }
+div.fixeddown p {margin:2px 0;}
+div.fixeddown a {text-decoration:none;margin:0 2px;}
 .link {cursor:pointer;}
 .w3-bar-block .w3-btn {width: 100px;text-align:center;}
 .w3-bar-block .w3-btn:hover {background-color:white;color:gray;}
@@ -40,12 +43,20 @@ p a.w3-tag:hover {text-decoration:none; border:none;}
   <button class="w3-bar-item w3-button w3-small tablink" onclick="openTab(event, 'Tint2')">Panel Tint2</button>
   <button class="w3-bar-item w3-button w3-small tablink" onclick="openTab(event, 'Terminal')">Kolory Terminala</button>
   <button class="w3-bar-item w3-button w3-small tablink" onclick="openTab(event, 'Save')">Zapisywanie</button>
-  <a class="w3-button w3-round w3-tiny w3-lime w3-margin" href="run://colorizer -s">  Colorizer</a>
+  <a class="w3-button w3-round w3-tiny w3-lime w3-margin" href="run://colorizer -s">  Colorizer Menu</a>
+<div class="fixeddown">
+<p class="w3-center w3-black">
+  <a href="https://maboxlinux.org" class="w3-tooltip"><span class="w3-text w3-tag w3-small w3-round" style="position:absolute;left:-10px;bottom:22px">Mabox Website</span></a>
+  <a href="https://forum.maboxlinux.org" class="w3-tooltip"><span class="w3-text w3-tag w3-small w3-round" style="position:absolute;left:-10px;bottom:22px">Community Forum</span></a>
+  <a href="https://manual.maboxlinux.org/en" class="w3-tooltip"><span class="w3-text w3-tag w3-small w3-round" style="position:absolute;left:-10px;bottom:22px">Manual</span></a>
+  <a href="https://ko-fi.com/maboxlinux" class="w3-tooltip"><span style="color:red"></span><span class="w3-text w3-tag w3-small w3-round" style="position:absolute;left:-10px;bottom:22px">Donate</span></a>
+</p>
+</div>
 </div>
 
 <div style="margin-left:160px;" class="w3-small">
  
-  <section id="Colorizer" class="w3-container tab" style="min-height:100vh;">
+  <section id="Colorizer" class="w3-container tab" style="min-height:90vh;">
   
 <div class="w3-display-container" style="min-height:90vh">
   <img src="/usr/share/mabox-colorizer/img/colorizer.png" class="w3-margin-top w3-right"/>
@@ -80,17 +91,18 @@ p a.w3-tag:hover {text-decoration:none; border:none;}
     </div>
     </div>
   </div>
-</div> 
-</div>
-  <div class="fixeddown">
-      <div class="w3-bar w3-tiny">
-          <div class="w3-bar-item">Mabox Linux Linki: </div>
-  <a href="https://maboxlinux.org" class="w3-bar-item w3-hover-green">www</a>
-  <a href="https://forum.maboxlinux.org" class="w3-bar-item w3-hover-green">forum</a>
-  <a href="https://manual.maboxlinux.org/en" class="w3-bar-item w3-hover-green">manual</a>
-  <a href="https://ko-fi.com/maboxlinux" class="w3-bar-item w3-hover-green">wesprzyj</a>
 </div>
+<br />
+<p>Colorizer oferuje dwa tryby pracy: podstawowy i zaawansowany.
+<ul>
+<li><strong>podstawowy</strong> - korzystasz z tego okna - łatwo i szybko</li>
+<li><strong>zaawansowany</strong> - za pomocą dynamicznie generowanych menu - większe możliwości dostosowania, nieograniczony wybór kolorów</li>
+</ul>
+</p>
+<br />
+<br />
 </div>
+
   </section>
 <section id="Wall2theme" class="w3-container tab" style="display:none;min-height:100vh;">
     <div class="fixed"><a class="w3-button w3-round w3-tiny w3-lime w3-margin w3-display-topright" href="run://colorizer -s">Uruchom Colorizer</a></div>