main window update

master 0.9.11
Daniel Napora 2022-12-20 00:35:35 +01:00
parent 66ef501bae
commit 01a532e80c
2 changed files with 49 additions and 27 deletions

View File

@ -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">

View File

@ -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>