Mabox
/
mabox-colorizer
1
0
Fork 0
Code Issues Pull Requests Projects Releases 101 Wiki Activity
mabox-colorizer/share/mabox-colorizer/help/pl.html

915 lines
54 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html>
<title>Mabox Colorizer</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./css/w3.css">
<style>
@font-face{
font-family: "Symbols";
src: url("/usr/share/fonts/TTF/Symbols-2048-em Nerd Font Complete.ttf") format("truetype");
}
body{
background-color:#222222;
color: #999999;
font-size: 1.6vw !important;
font-family: 'Symbols', sans-serif;
}
.dark{background-color:#191919;}
div.fixed {
position: fixed;
top: 4px;
right: 0;
width: 400px;
}
div.fixeddown {
position: fixed;
bottom:0;
left:0;
width:20%;
}
nav button.tablink {padding:3px 8px !important;width:94%;float:right;text-align:left;border-left:4px solid transparent;}
nav button.tablink:hover {background-color:#444444 !important;color:white !important;border-left:4px solid #222222;}
nav button.bg {background-color:#222222;color:white !important;border-left:4px solid #34BE5B !important;border-radius:4px 0 0 4px;}
hr {margin:0;border: 0;height: 1px;background-image: linear-gradient(to right, rgba(105, 105, 105, 0), rgba(105, 105, 105, 0.75), rgba(105, 105, 105, 0));}
div.fixed .bar-item {margin-right:4px; border-radius:4px;}
.third {padding: 0.01em 4px;}
.button {position:relative;}
.button .right {position:absolute; top:0; right:6px;}
main div.dark .button{min-width:8vw;border-radius:2px;}
section.tab {padding-top: 0;}
section#Colorizer {padding-top: 0.01em;}
#logoheader {padding:16px 0 12px 0;background-color:#111111;border-bottom:1px solid #444444;}
#logo {width:8vw;height:8vw;}
div.fixeddown p {margin:0;}
p#links a {text-decoration:none;margin:0 4px;font-size:2.4vw !important;}
#links {background-color:#111111;border-top:1px solid #444444;}
.link {cursor:pointer;}
.bar-block .btn {width: 100px;text-align:center;}
.bar-block .btn:hover {background-color:white;color:gray;}
.dropdown-content {min-width: 20px;}
a.tag {text-decoration:none; border:none;margin-bottom: 4px;border-radius:3px; padding:1px 6px;filter: brightness(0.8);}
a.tag:hover {text-decoration:none; border:none;margin-bottom: 4px;filter: brightness(1);}
.colors a.tag {border-radius:0;border:1px solid #333333;filter: brightness(1);}
.colors a.tag:hover {border:1px solid #EEEEEE;}
.attribs a.tag {margin-left:0;margin-right:1px;border:none;border-radius:0;filter: brightness(0.8);}
.attribs a.tag:hover {margin-left:0; margin-right:1px;border:none;border-radius:0;filter: brightness(1);}
kbd {
background-color: #eee;
border-radius: 3px;
border: 1px solid #b4b4b4;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 0 0 rgba(255, 255, 255, 0.7) inset;
color: #333;
display: inline-block;
font-size: 0.85em;
font-weight: 700;
line-height: 1;
padding: 2px 4px;
white-space: nowrap;
}
.small {font-size: 1.5vw !important;}
.tiny {font-size: 1.25vw !important;}
h2 {font-size: 3vw !important;}
h3 {font-size: 2.4vw !important;}
h4 {font-size: 2.2vw !important;}
h5 {font-size: 2vw !important;border-bottom: 1px solid;padding-left: 1em;}
.large {width:3.2vw !important;height:2.4vw !important;font-size: 2.4vw !important;}
.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(8em, 1fr));
grid-gap: .5em;
}
.grid + .grid {
margin-top: .5em;
}
.grid div {
border: 0 solid currentcolor;
border-radius: 4px;
/**min-height: 15vh;**/
padding: 1em;
/**color: #0178d4;
background-color:#191919;**/
font-size: 1em;
text-align: center;
/**display: flex;
flex-direction: column;**/
justify-content: center;
}
.gi2 {grid-column: span 2;}
.gi3 {grid-column: span 3;}
.gi4 {grid-column: span 4;}
.gi22 {
grid-column: span 2;
grid-row: span 2;
}
.gi2r{grid-row: span 2;}
.gi3r{grid-row: span 3;}
.gi4r{grid-row: span 4;}
</style>
<body>
<div class="sidebar bar-block" style="background-color:#333333;width:20%">
<div class="center" id="logoheader">
<svg id="logo" viewBox="0 0 128 128">
<polygon points="4,4 58,4 58,58 4,58" style="fill:#674EA7;stroke:white;stroke-width:4;fill-rule:nonzero;"/>
<polygon points="68,4 124,4 124,58 68,58" style="fill:#34BE5B;stroke:white;stroke-width:4;fill-rule:nonzero;"/>
<polygon points="4,68 58,68 58,124 4,124" style="fill:#FF8C00;stroke:white;stroke-width:4;fill-rule:nonzero;"/>
<polygon points="68,68 124,68 124,124 68,124" style="fill:#5e81ac;stroke:white;stroke-width:4;fill-rule:nonzero;"/>
</svg><br />
<span class="small">Colorizer</span>
</div>
<nav style="padding-top:8px;">
<button class="button small tablink bg" onclick="openTab(event, 'Colorizer')">Colorizer</button>
<button class="button small tablink" onclick="openTab(event, 'Openbox')">Motyw Openbox</button>
<button class="button small tablink" onclick="openTab(event, 'Conky')">Conky</button>
<button class="button small tablink" onclick="openTab(event, 'Jgmenu')">Menu/Panele Boczne</button>
<button class="button small tablink" onclick="openTab(event, 'Tint2')">Panel Tint2</button>
<button class="button small tablink" onclick="openTab(event, 'Wall2theme')">Kolory z tapety</button>
<button class="button small tablink" onclick="openTab(event, 'pyradiocava')"><i>Cava, PyRadio</i></button>
<button class="button small tablink" onclick="openTab(event, 'fonts')">Czcionki</i></button>
<button class="button small tablink" onclick="openTab(event, 'Terminal')">Kolory Terminala</button>
<button class="button small tablink" onclick="openTab(event, 'Save')">Zapisywanie</button>
</nav>
<div class="fixeddown">
<div class="center small" style="margin: 0 4px 4px 2px;">
<p><a class="tag small indigo" href="run://pcmanwp"> Wybierz tapetę</a> <a class="tag small indigo" href="run://mbwallpaper -o"></a></p>
<p><em>dynamiczne menu</em></p>
<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-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>
<a class="tag small lime" href="run://colorizer-pyradio -s"> PyRadio</a>
</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">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://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://ko-fi.com/maboxlinux" 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>
</div>
<div style="margin-left:20%;" class="small">
<section id="Colorizer" class="container tab" style="min-height:100vh;">
<div class="display-container" style="min-height:90vh">
<img src="/usr/share/mabox-colorizer/img/colorizer.png" class="right"/>
<h2 class="center">Mabox Colorizer <span class="tiny">pre-release</span></h2>
<p class="center"><i>narzędzie do dostrajania motywów<br />pulpitu Mabox Linux</i></p>
<p>Z łatwością zmienisz wygląd:
<ul>
<li><strong><span class="tag round tiny light-green link" onclick="openTab(event, 'Openbox')">Motywu Openbox</span></strong> (dekoracje okien)</li>
<li><strong><span class="tag round tiny light-green link" onclick="openTab(event, 'Jgmenu')">Menu oraz Paneli bocznych</span></strong> oraz innych <i>bazujących na jgmenu</i> <strong>narzędzi Mabox</strong></li>
<li><strong><span class="tag round tiny light-green link" onclick="openTab(event, 'Conky')">Conky</span></strong></li>
<li><strong><span class="tag round tiny amber link" onclick="openTab(event, 'Wall2theme')">Generowanie motywów</span></strong> na podstawie <strong>kolorystyki tapety</strong></li>
</ul></p>
<p class="center">  Wypróbuj <strong>Randomizer</strong> - szybko zmieniaj motywy. Bezpiecznie zresetuj gdy chcesz.</p>
<div class="row">
<div class="half container">
<div class="card round padding deep-purple"><span class="right xxlarge"></span><p><em>Ustaw <strong>losowy</strong> <br />motyw kolorystyczny dla...</em></p>
<div class="bar-block grey"><a class="button bar-item tiny" href="run://randomizer ob">Dekoracje okien Openbox</a>
<a class="button bar-item tiny" href="run://randomizer menu show">Menu / Panele boczne</a>
<a class="button bar-item tiny" href="run://randomizer conky">Conky</a>
<a class="button bar-item tiny hover-yellow" href="run://randomizer all show">Wszystko co powyżej</a>
</div>
</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="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>
<a class="button bar-item tiny hover-yellow" href="run://randomizer resetall show">Wszystko co powyżej</a>
</div>
</div>
</div>
</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. Dopieszczanie.</li>
</ul>
</p>
</div>
</section>
<section id="Openbox" class="container tab" style="display:none;min-height:100vh;">
<main class="grid">
<div class="gi4 gi4r left-align"><h2>Openbox dekoracja okien</h2>
<p>Moduł Openbox pozwala w łatwy sposób dostosować wygląd dekoracji okien</p>
<p>Działa z motywem domyślnym MBcolors.<br /> <a class="tag round green tiny" href="run://obtctl theme MBcolors">przełącz</a> <a class="tag round green tiny" href="run://obtctl resetMBcolors">Resetuj MBcolors</a></p>
<p><hr /></p>
<div class="pale-green leftbar border-green">
Jeśli potrzebujesz więcej opcji, precyzyjnego tuningu kolorów, gradientów - użyj zaawansowanego dynamicznego menu
<a class="button amber" href="run://colorizer-ob -s"> Openbox</a>
</div>
<p><hr /></p>
<strong>Rozmiar paska tytułu</strong> <em></em><br />
<a class="tag small amber" href="run://obtctl tweak tiny">mini</a>
<a class="tag small green" href="run://obtctl tweak small">mały</a>
<a class="tag small pale-red" href="run://obtctl tweak normal">normalny</a>
<a class="tag small green" href="run://obtctl tweak big">duży</a></a>
<a class="tag small amber" href="run://obtctl tweak large">wielki</a>
<br />
</div>
<div class="gi2 dark"><span>Generuj motywy...</span></div>
<div class="gi2 dark"><strong>Monochromatyczne</strong><br /><em>pobierz kolor z ekranu</em><br />
<a class="button padding-small dark-grey" href="run://obtctl mono pick dark"><span class="large"></span><br />Ciemny</a>
<a class="button padding-small grey" href="run://obtctl mono pick light"><span class="large"></span><br />Jasny</a>
<br />
</div>
<div class="gi2 dark"><strong>Kolory z tapety</strong><br /><em>wybierz wariant</em><br />
<a class="button padding-small dark-grey" href="run://w2theme ob dark show"><span class="large"></span><br />Ciemny</a>
<a class="button padding-small grey" href="run://w2theme ob light show"><span class="large"></span><br />Jasny</a>
</div>
<div class="dark">
<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>
</div>
</main>
<p><hr /></p>
<div class="show-inline-block">
<div class="bar border round dark-grey">
<div class="dropdown-hover">
<button class="button small border-right"> Obramowanie</button>
<div class="dropdown-content bar-block border dark-grey card">
<a class="bar-item btn" href="run://obtctl borderWidth 0">0</a>
<a class="bar-item btn" href="run://obtctl borderWidth 1">1</a>
<a class="bar-item btn" href="run://obtctl borderWidth 2">2</a>
<a class="bar-item btn" href="run://obtctl borderWidth 3">3</a>
<a class="bar-item btn" href="run://obtctl borderWidth 4">4</a>
<a class="bar-item btn" href="run://obtctl borderWidth 8">8</a>
</div>
</div>
<a class="bar-item btn hover-gray border-right" href="run://obtctl borderWidth increase">+</a>
<a class="bar-item btn hover-gray" href="run://obtctl borderWidth decrease">-</a>
</div>
</div>
<div class="show-inline-block">
<div class="bar border round dark-grey">
<div class="dropdown-hover">
<button class="button small border-right"> Odstęp</button>
<div class="dropdown-content bar-block border dark-grey card">
<a class="bar-item btn tiny" href="run://obtctl paddingHeight 0">0</a>
<a class="bar-item btn tiny" href="run://obtctl paddingHeight 1">1</a>
<a class="bar-item btn tiny" href="run://obtctl paddingHeight 2">2</a>
<a class="bar-item btn tiny" href="run://obtctl paddingHeight 3">3</a>
<a class="bar-item btn tiny" href="run://obtctl paddingHeight 4">4</a>
<a class="bar-item btn tiny" href="run://obtctl paddingHeight 6">6</a>
<a class="bar-item btn tiny" href="run://obtctl paddingHeight 8">8</a>
<a class="bar-item btn tiny" href="run://obtctl paddingHeight 10">10</a>
<a class="bar-item btn tiny" href="run://obtctl paddingHeight 12">12</a>
<a class="bar-item btn tiny" href="run://obtctl paddingHeight 16">16</a>
<a class="bar-item btn tiny" href="run://obtctl paddingHeight 20">20</a>
</div>
</div>
<a class="bar-item btn hover-gray border-right" href="run://obtctl paddingHeight increase">+</a>
<a class="bar-item btn hover-gray" href="run://obtctl paddingHeight decrease">-</a>
</div>
</div>
<div class="show-inline-block">
<div class="bar border round dark-grey">
<div class="dropdown-hover">
<button class="button small border-right">Styl</button>
<div class="dropdown-content bar-block border dark-grey card">
<a class="bar-item btn tiny" href="run://obtctl raised 1">podniesiony</a>
<a class="bar-item btn tiny" href="run://obtctl raised 0">płaski</a>
<a class="bar-item btn tiny" href="run://obtctl raised 2">wklęsły</a>
</div>
</div>
</div>
</div>
<div class="show-inline-block">
<div class="bar border round dark-grey">
<div class="dropdown-hover">
<button class="button small border-right">Przyciski</button>
<div class="dropdown-content bar-block border dark-grey card">
<a class="bar-item btn tiny" href="run://obtctl buttons tiny"><img src="./img/tiny.png">tiny</a>
<a class="bar-item btn tiny" href="run://obtctl buttons normal"><img src="./img/normal.png">normal</a>
<a class="bar-item btn tiny" href="run://obtctl buttons bold"><img src="./img/bold.png">bold</a>
<a class="bar-item btn tiny" href="run://obtctl buttons dots"><img src="./img/dots.png">dots</a>
<a class="bar-item btn tiny" href="run://obtctl buttons big-12">duże 12px</a>
<a class="bar-item btn tiny" href="run://obtctl buttons big-14">duże 14px</a>
</div>
</div>
</div>
</div>
<div class="panel display-container">Tytuł okna
<div class="display-topright medium"><span class="tiny">kolor czcionki:</span>
<a class="tag " style="background-color:#FFFFFF" href="run://obtctl activetextcolor #FFFFFF">&nbsp;&nbsp;</a>
<a class="tag " style="background-color:#BBBBBB" href="run://obtctl activetextcolor #BBBBBB">&nbsp;&nbsp;</a>
<a class="tag " style="background-color:#60a917" href="run://obtctl activetextcolor #60a917">&nbsp;&nbsp;</a>
<a class="tag " style="background-color:#a20025" href="run://obtctl activetextcolor #a20025">&nbsp;&nbsp;</a>
<a class="tag " style="background-color:#e3c800" href="run://obtctl activetextcolor #e3c800">&nbsp;&nbsp;</a>
<a class="tag " style="background-color:#222222" href="run://obtctl activetextcolor #333333">&nbsp;&nbsp;</a>
<a class="tag " style="background-color:#000000" href="run://obtctl activetextcolor #000000">&nbsp;&nbsp;</a>
&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;
</div>
</div>
<!-- FONT FAMILY AND SIZE //-->
<div class="show-inline-block">
<div class="bar border round dark-grey">
<a class="bar-item btn hover-gray border-right" href="run://mb-setfont obtitle">czcionka</a>
<div class="dropdown-hover">
<button class="button small border-right">rozmiar</button>
<div class="dropdown-content bar-block border dark-grey card">
<a class="bar-item btn tiny" href="run://obtctl fontsize 8">8</a>
<a class="bar-item btn tiny" href="run://obtctl fontsize 9">9</a>
<a class="bar-item btn tiny" href="run://obtctl fontsize 10">10</a>
<a class="bar-item btn tiny" href="run://obtctl fontsize 11">11</a>
<a class="bar-item btn tiny" href="run://obtctl fontsize 12">12</a>
<a class="bar-item btn tiny" href="run://obtctl fontsize 13">13</a>
<a class="bar-item btn tiny" href="run://obtctl fontsize 14">14</a>
<a class="bar-item btn tiny" href="run://obtctl fontsize 15">15</a>
<a class="bar-item btn tiny" href="run://obtctl fontsize 16">16</a>
</div>
</div>
<a class="bar-item btn hover-gray border-right" href="run://obtctl fontsize increase">+</a>
<a class="bar-item btn hover-gray" href="run://obtctl fontsize decrease">-</a>
</div>
</div>&nbsp;
<!-- WEIGHT AND SLANT: BOLD ITALIC //-->
<div class="show-inline-block">
<div class="bar border round dark-grey">
<a class="bar-item btn hover-gray border-right" href="run://obtctl fontweighttoggle"></a>
<a class="bar-item btn hover-gray" href="run://obtctl fontslanttoggle"></a>
</div>
</div>&nbsp;
<!-- 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 center"></a>
<a class="bar-item btn hover-gray" href="run://obtctl textjustify right"></a>
</div>
</div>&nbsp;
<!-- SHADOW EFFECT //-->
<div class="show-inline-block">
<div class="bar border round">
<div class="dropdown-hover dark-grey">
<button class="button small">cień</button>
<div class="dropdown-content bar-block border dark-grey card">
<a class="bar-item btn tiny" href="run://obtctl shadow 0">bez cienia</a>
<a class="bar-item btn tiny" href="run://obtctl shadow 1">ciemny</a>
<a class="bar-item btn tiny" href="run://obtctl shadow 2">jasny</a>
</div>
</div>
</div>
</div>
<div class="row margin-top">
<div class="col m5 black round">
<p class="center">Kolor paska tytułu</p>
<p class="center">aktywne okno</p>
<div class="center padding">
<a class="tag large" style="background-color:#DDDDDD" href="run://obtctl clractivebg #DDDDDD">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#a4c400" href="run://obtctl clractivebg #a4c400">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#60a917" href="run://obtctl clractivebg #60a917">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#008a00" href="run://obtctl clractivebg #008a00">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#00aba9" href="run://obtctl clractivebg #00aba9">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#1ba1e2" href="run://obtctl clractivebg #1ba1e2">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#3e65ff" href="run://obtctl clractivebg #3e65ff">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#0050ef" href="run://obtctl clractivebg #0050ef">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#6a00ff" href="run://obtctl clractivebg #6a00ff">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#aa00ff" href="run://obtctl clractivebg #aa00ff">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#f472d0" href="run://obtctl clractivebg #f472d0">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#d80073" href="run://obtctl clractivebg #d80073">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#a20025" href="run://obtctl clractivebg #a20025">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#e51400" href="run://obtctl clractivebg #e51400">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#fa6800" href="run://obtctl clractivebg #fa6800">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#f0a30a" href="run://obtctl clractivebg #f0a30a">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#e3c800" href="run://obtctl clractivebg #e3c800">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#825a2c" href="run://obtctl clractivebg #825a2c">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#6d8764" href="run://obtctl clractivebg #6d8764">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#647687" href="run://obtctl clractivebg #647687">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#76608a" href="run://obtctl clractivebg #76608a">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#87794e" href="run://obtctl clractivebg #87794e">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#a0522d" href="run://obtctl clractivebg #a0522d">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#222222" href="run://obtctl clractivebg #222222">&nbsp;&nbsp;</a>
<p><a class="tag dark-gray" href="run://mbclr pixelcolor obtctl clractivebg"><big></big> Pobierz z ekranu</a></p>
</div>
</div>
<div class="col m1">&nbsp;</div>
<div class="col black m6 round">
<p class="center">Typ Gradientu</p>
<p class="center">
<a href="run://obtctl gradient_type solid"><img src="./img/solid.png"></a>
<a href="run://obtctl gradient_type vertical"><img src="./img/vertical.png"></a>
<a href="run://obtctl gradient_type horizontal"><img src="./img/horizontal.png"></a>
<a href="run://obtctl gradient_type mirrorhorizontal"><img src="./img/mirrorhorizontal.png"></a>
<a href="run://obtctl gradient_type splitvertical"><img src="./img/splitvertical.png"></a>
<a href="run://obtctl gradient_type diagonal"><img src="./img/diagonal.png"></a>
<a href="run://obtctl gradient_type crossdiagonal"><img src="./img/crossdiagonal.png"></a>
<a href="run://obtctl gradient_type pyramid"><img src="./img/pyramid.png"></a>
</p>
</div>
</div>
</section>
<section id="Jgmenu" class="container tab" style="display:none;min-height:100vh">
<main class="grid">
<div class="gi4 gi4r left-align"><h2>Menu / Panele boczne</h2>
<p>Menu / Panele boczne oraz niemała liczba narzędzi Maboxa została stworzona na bazie jgmenu. W bardzo łatwy sposób możesz je dostosować do swoich potrzeb - zarówno <strong>wygląd</strong> jak i <strong>funkcjonalność</strong></p>
<br />
<p><hr /></p>
<div class="pale-red leftbar border-red">
Po każdej zmianie menu zostanie pokazane.<br />
Użyj <kbd>Esc</kbd> albo kliknij poza menu aby je zamknąć!
</div>
<p><hr /></p>
<div class="pale-green leftbar border-green">
Jeśli potrzebujesz pełen zestaw opcji, precyzyjnego dostrajania kolorów i przezroczystości - użyj zaawansowanego dynamicznego menu<br />
<a class="button small amber" href="run://colorizer-menus -s"> Menu</a>
</div>
</div>
<div class="gi2 dark"><span>Generuj motywy...</span></div>
<div class="gi2 dark"><strong>Monochromatyczny</strong><br /><em>pobierz kolor z ekranu</em><br />
<a class="button padding-small dark-grey" href="run://jgctl mono pick dark"><span class="large"></span><br />Ciemny</a>
<a class="button padding-small grey" href="run://jgctl mono pick light"><span class="large"></span><br />Jasny</a>
<br />
</div>
<div class="gi2 dark"><strong>Kolory z tapety</strong><br /><em>wybierz wariant</em><br />
<a class="button padding-small dark-grey" href="run://w2theme menu dark show"><span class="large"></span><br />Ciemny</a>
<a class="button padding-small grey" href="run://w2theme menu light show"><span class="large"></span><br />Jasny</a>
</div>
<div class="dark">
<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>
</div>
</main>
<p><hr /></p>
<main class="grid" style="grid-template-columns: auto auto auto;">
<div class="dark"><strong>Rozmiar Menu</strong> <em></em><br />
<a class="tag small amber" href="run://jgctl tweak sizing tight menu">wąskie</a>
<a class="tag small pale-red" href="run://jgctl tweak sizing normal menu">normalne</a>
<a class="tag small green" href="run://jgctl tweak sizing wide menu">szerokie</a>
</div>
<div class="gi2 gi2r attribs dark">
<strong>Odstęp (margines)</strong>
<p>
<a class="tag dark-grey" href="run://jgctl padding 0">0</a><a class="tag dark-grey" href="run://jgctl padding 1">1</a><a class="tag dark-grey" href="run://jgctl padding 2">2</a><a class="tag dark-grey" href="run://jgctl padding 3">3</a><a class="tag dark-grey" href="run://jgctl padding 4">4</a><a class="tag dark-grey" href="run://jgctl padding 6">6</a><a class="tag dark-grey" href="run://jgctl padding 8">8</a><a class="tag dark-grey" href="run://jgctl padding 12">12</a><a class="tag dark-grey" href="run://jgctl padding 16">16</a><a class="tag dark-grey" href="run://jgctl padding 20">20</a>
</p>
<hr />
<strong>Obramowanie Menu</strong>
<p><a class="tag dark-grey" href="run://jgctl border 0">0</a><a class="tag dark-grey" href="run://jgctl border 1">1</a><a class="tag dark-grey" href="run://jgctl border 2">2</a><a class="tag dark-grey" href="run://jgctl border 3">3</a><a class="tag dark-grey" href="run://jgctl border 4">4</a><a class="tag dark-grey" href="run://jgctl border 6">6</a><a class="tag dark-grey" href="run://jgctl border 8">8</a><a class="tag dark-grey" href="run://jgctl border 12">12</a>
</p>
<hr />
<strong>Odstęp dla podmenu</strong>
<p><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=-20">-20</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=-16">-16</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=-10">-10</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=-6">-6</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=-2">-2</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=0">0</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=1">1</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=2">2</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=4">4</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=8">8</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=12">12</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=16">16</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=20">20</a></p>
<hr />
<strong>Wysokość elementu</strong>
<p><a class="tag dark-grey" href="menu://mb-setvar item_height_factor=160">80%</a><a class="tag dark-grey" href="menu://mb-setvar item_height_factor=180">90%</a><a class="tag dark-grey" href="menu://mb-setvar item_height_factor=200">100%</a><a class="tag dark-grey" href="menu://mb-setvar item_height_factor=220">110%</a><a class="tag dark-grey" href="menu://mb-setvar item_height_factor=240">120%</a><a class="tag dark-grey" href="menu://mb-setvar item_height_factor=280">140%</a></p>
</div>
<div class="dark">
<a class="tag small purple" href="run://mb-jgtools main ipc"> Menu główne</a> ustawienia<br />
<p class="dark-gray">Klawisz <kbd>super</kbd>, <i>lewy-klik</i> na pulpicie lub z ikony w panelu</p>
<p class="left-align">
<a class="tag small purple" href="run://jgctl t_search_field"></a> Pole wyszukiwania<br />
<a class="tag small purple" href="run://jgctl t_apps_in_submenu"></a> Aplikacje w menu gł. (lub podmenu)
<a class="tag small purple" href="run://jgctl t_icons"></a> Ikony<br />
</p>
<hr />
<strong>Edytuj komendy</strong>
<p>
<a class="tag small amber" href="config://.config/mabox/favorites.csv"> góra (Ulubione)</a>
<a class="tag small amber" href="config://.config/mabox/mainmenu_below_apps.csv"> dół</a><br /></p>
</div>
</main>
</section>
<section id="Conky" class="container tab" style="display:none;min-height:100vh;">
<main class="grid">
<div class="gi4 gi4r left-align"><h2>Conky</h2>
<p>Mabox dostarcza kilkunastu konfiguracji Conky.<br /><em>Kliknij ich nazwy poniżej aby je wypróbować.</em></p>
<p class="center">Informacje systemowe<br />
<a class="tag small teal" href="run://conkyctl toggleone sysinfo_mbcolor">Domyślne</a>
<a class="tag small teal" href="run://conkyctl toggleone sysinfo_graph">Z grafem</a>
<a class="tag small teal" href="run://conkyctl toggleone mabox_info">Mini</a><br />
<a class="tag small teal" href="run://conkyctl toggleone CPU">CPU</a>
<a class="tag small teal" href="run://conkyctl toggleone RAM">RAM</a>
<a class="tag small teal" href="run://conkyctl toggleone mount_points">Dyski</a>
<a class="tag small teal" href="run://conkyctl toggleone Network">Sieć</a><br />
Edukacyjne</br />
<a class="tag small teal" href="run://conkyctl toggleone shortcuts_mbcolor">Skróty</a>
<a class="tag small teal" href="run://conkyctl toggleone PCmanFM">PCmanFM</a>
<a class="tag small teal" href="run://conkyctl toggleone tiling_terminal">Terminal</a>
<a class="tag small teal" href="run://conkyctl toggleone mabox_tools_">Narzędzia Maboxa</a><br />
Zegary i inne<br />
<a class="tag small teal" href="run://conkyctl toggleone clock_mbcolor">Zegar</a>
<a class="tag small teal" href="run://conkyctl toggleone clock_and_date">Zegar i Data</a>
<a class="tag small teal" href="run://conkyctl toggleone quoter_">Cytaty</a>
<a class="tag small teal" href="run://conkyctl toggleone logo_">Logo</a>
</p>
<p><hr /></p>
<div class="pale-green leftbar border-green">
Użyj dynamicznego menu aby mieć dostęp do większej ilości opcji<br /> <a class="button amber" href="run://colorizer-conky -s"> Conky Manager & Colorizer</a>
</div>
</div>
<div class="gi2 dark"><span>Generuj motywy...</span></div>
<div class="gi2 dark"><strong>Monochromatyczny</strong><br /><em>Pobierz kolor z ekranu</em><br />
<a class="button padding-small dark-grey" href="run://conkyctl mono pick dark"><span class="large"></span><br />Ciemny</a>
<a class="button padding-small grey" href="run://conkyctl mono pick light"><span class="large"></span><br />Jasny</a>
<br />
</div>
<div class="gi2 dark"><strong>Kolory z tapety</strong><br /><em>wybierz wariant</em><br />
<a class="button padding-small dark-grey" href="run://w2theme conky dark show"><span class="large"></span><br />Ciemny</a>
<a class="button padding-small grey" href="run://w2theme conky light show"><span class="large"></span><br />Jasny</a>
</div>
<div class="dark">
<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>
</div>
</main>
<p><hr /></p>
<!-- <div class="grid">
<div class="black">
Click <a class="tag xxxlarge black" href="run://conkyctl makemoveableall">󰆾</a>
</div>
<div class="black">
Click <a class="tag xxxlarge black" href="run://conkyctl makemoveableall">󰆾</a>
</div>
<div class="black">
Click <a class="tag xxxlarge black" href="run://conkyctl makemoveableall">󰆾</a>
</div>
</div>
<button onclick="document.getElementById('cmdmenu').style.display='block'" class="button black">Open Modal</button>
-->
<div id="cmdmenu" class="modal">
<div class="modal-content animate-top">
<header class="container amber">
<span onclick="document.getElementById('cmdmenu').style.display='none'"
class="button display-topright">&times;</span>
<h6>Modal Header</h6>
</header>
<div class="container">
<p>Some text..</p>
<p>Some text..</p>
</div>
<footer class="container amber small">
<p>Modal Footer</p>
</footer>
</div>
</div>
<p>Conky w Maboxie zostały wyposażone w dodatkowe moce... niespotykane w żadnej innej dystrybucji!</p>
<h5>Wygodne rozmieszczanie na ekranie</h5>
<p>
Kliknij <a class="tag small black" href="run://conkyctl makemoveableall">󰆾 Ustaw wszystkie</a> i rozmieść Conky jak chcesz. (Przytrzymaj <kbd>Alt</kbd> podczas przeciągania)
</p>
<h5>Menu kontekstowe do konfiguracji pod prawym kliknieciem</h5>
<p>Kliknij <strong>prawym przyciskiem myszy</strong> na dowolnym Conky, a zobaczysz <strong>menu kontekstowe</strong>. Pozwala ono w wygodny sposób:
<ul>
<li>ustawiać kolory tekstu, obramowanie, efekt cienia lub obrysu</li>
<li>zmienić ręcznie kolor tła lub ustawić przezroczystość</li>
<li>zastosować jeden z gotowych motywów kolorystycznych dla wybranego Conky - lub dla wszystkich </li>
<li>wyłączyć (zabić), przeładować lub edytować Conky</li>
</ul>
</p>
<h5>Własne polecenia (lub menu) pod lewym kliknięciem w Conky</h5>
<p>Do każdego Conky możesz dodać <strong>własne polecenia</strong>, które zostaną pokazane po kliknięciu <strong>lewym przyciskiem myszy</strong>.</p>
<p>Aby je edytować kliknij prawym przyciskiem na wybrane Conky, a następnie wybierz <strong>Edytuj własne komendy</strong></p>
<p>Jeśli zdefiniowano tylko jedno polecenie, Conky będzie działać jak launcher (ikona) - uruchami polecenie natychmiast po kliknięciu lewym przyciskiem myszy. Jeśli dodasz więcej poleceń, wyświetli się menu.</p>
<p>Conky <a class="tag small teal" href="run://conkyctl toggleone sysinfo_mbcolor">Domyślne</a> oraz <a class="tag small teal" href="run://conkyctl toggleone logo_">Logo</a> mają już predefiniowane komendy, kliknij w nie lewym przyciskiem aby zobaczyć jak to działa.</p>
<h5>Porady</h5>
<div class="panel dark-grey rightbar border-black border">
<p><kbd>Super</kbd> + <kbd>C</kbd> - szybko <strong>Włącz / Wyłącz wszystkie Conky</strong></p>
</div>
<div class="panel dark-grey leftbar border-black border">
<p><strong>Szybkie rozmieszczanie Conky na ekranie</strong></p>
<p>Aby szybko rozmieścić Conky tak jak ci pasuje, przytrzymaj klawisz <kbd>Ctrl</kbd> i kliknij w dowolne Conky. Możesz teraz (z wciśniętym klawiszem <kbd>Alt</kbd>) przeciągać Conky w dowolne miejsce na pulpicie i zapisać nowe pozycje.</p>
</div>
</section>
<section id="Wall2theme" class="container tab" style="display:none;min-height:100vh;">
<h2>Generowanie motywów z tapety</h2>
<div class="row">
<div class="twothird">
<p>Colorizer generuje paletę kolorów na bazie aktualnie ustawionej tapety</p>
<p>Na bazie takiej palety kolorów możliwe jest zastosowanie dwóch wersji motywów (ciemny i jasny) dla:
<ul>
<li>dekoracji okien OpenBox</li>
<li>Menu, Paneli </li>
<li>Conky</li>
</ul>
</p>
<p>Wypróbuj jak to działa ...</p>
</div>
<div class="third">
<div class="card round padding deep-purple"><span class="right xxlarge"></span>
<p><br /><strong>Ustaw tapetę</strong></p>
<div class="bar-block grey">
<a class="button bar-item tiny" href="run://pcmanwp">Wybierz </a>
<a class="button bar-item tiny" href="run://nitrogen --random /usr/share/backgrounds --set-scaled --save">Losowa systemowa</a>
<a class="button bar-item tiny" href="run://nitrogen --random wallpapers --set-scaled --save">Losowa użytkownika</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="third">
<div class="card round padding dark-grey"><span class="right xxlarge"></span>
<p><br /><strong>Dekoracje okien</strong></p>
<div class="bar-block grey">
<a class="button bar-item tiny" href="run://w2theme ob dark">Ciemne</a>
<a class="button bar-item tiny" href="run://w2theme ob light">Jasne</a>
</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>
</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>
</div>
</div>
</div>
<div class="third">
<div class="card round padding blue-gray"><span class="right xxlarge"></span>
<p><br /><strong>Menu, Panele</strong></p>
<div class="bar-block grey">
<a class="button bar-item tiny" href="run://w2theme menu dark show">Ciemne</a>
<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>
</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>
</div>
</div>
</div>
<div class="third">
<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>
</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>
</div>
</div>
</div>
</div>
<h5>Jak ustawić tapetę w Maboxie?</h5>
<p>Zalecaną metodą jest korzystanie z menu kontekstowego w menadżerze plików.</p>
<p>Kliknij <a class="tag small amber" href="run://pcmanwp"> Wybierz tapetę</a> - uruchomiony zostanie menadżer plików z wszystkimi zdefiniowanymi katalogami z tapetami w kartach. Użyj menu kontekstowego aby ustawić wybraną tapetę.
<kbd>Ctrl + 3</kbd> pozwala na zmianę trybu widoku na Miniatury</p>
<p>Możesz zdefiniować wiele katalogów, w których przechowujesz tapety<br />
<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;">
<div class="fixed">
<div class="bar">
<a class="button bar-item small grey hover-amber right" href="run://colorizer-cava -s">󰺢 Colorizer Cava</a>
</div>
</div>
<h3>Cava - wizualizacja dźwięku</h3>
<p><strong>Cava</strong> to słupkowy wizualizator dźwięku dla terminala. <br />
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 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>
<div class="row-padding stretch">
<div class="third center">
<p><strong>Kolor</strong></p>
<a class="tag large" style="background-color:#DDDDDD" href="run://cavactl foreground #DDDDDD">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#a4c400" href="run://cavactl foreground #a4c400">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#60a917" href="run://cavactl foreground #60a917">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#008a00" href="run://cavactl foreground #008a00">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#00aba9" href="run://cavactl foreground #00aba9">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#1ba1e2" href="run://cavactl foreground #1ba1e2">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#3e65ff" href="run://cavactl foreground #3e65ff">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#0050ef" href="run://cavactl foreground #0050ef">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#6a00ff" href="run://cavactl foreground #6a00ff">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#aa00ff" href="run://cavactl foreground #aa00ff">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#f472d0" href="run://cavactl foreground #f472d0">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#d80073" href="run://cavactl foreground #d80073">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#a20025" href="run://cavactl foreground #a20025">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#e51400" href="run://cavactl foreground #e51400">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#fa6800" href="run://cavactl foreground #fa6800">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#f0a30a" href="run://cavactl foreground #f0a30a">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#e3c800" href="run://cavactl foreground #e3c800">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#825a2c" href="run://cavactl foreground #825a2c">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#6d8764" href="run://cavactl foreground #6d8764">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#647687" href="run://cavactl foreground #647687">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#76608a" href="run://cavactl foreground #76608a">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#87794e" href="run://cavactl foreground #87794e">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#a0522d" href="run://cavactl foreground #a0522d">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#222222" href="run://cavactl foreground #222222">&nbsp;&nbsp;</a>
<p><a class="tag dark-gray" href="run://mbclr pixelcolor cavactl foreground"><big></big> Pobierz z ekranu</a></p>
</div>
<!--<div class="col m1 center">
<p>&nbsp;</p>
</div>//-->
<div class="third center dark">
<p><strong>Szerokość słupka (px)</strong></p>
<p>
<a class="tag dark-gray" href="run://cavactl bar_width 1">1</a>
<a class="tag dark-gray" href="run://cavactl bar_width 2">2</a>
<a class="tag dark-gray" href="run://cavactl bar_width 3">3</a>
<a class="tag dark-gray" href="run://cavactl bar_width 4">4</a>
<a class="tag dark-gray" href="run://cavactl bar_width 5">5</a>
<a class="tag dark-gray" href="run://cavactl bar_width 6">6</a>
<a class="tag dark-gray" href="run://cavactl bar_width 8">8</a>
<a class="tag dark-gray" href="run://cavactl bar_width 10">10</a>
<a class="tag dark-gray" href="run://cavactl bar_width 12">12</a>
<a class="tag dark-gray" href="run://cavactl bar_width 16">16</a>
<a class="tag dark-gray" href="run://cavactl bar_width 20">20</a>
</p>
<p><strong>Odstęp (px)</strong></p>
<p>
<a class="tag dark-gray" href="run://cavactl bar_spacing 0">0</a>
<a class="tag dark-gray" href="run://cavactl bar_spacing 1">1</a>
<a class="tag dark-gray" href="run://cavactl bar_spacing 2">2</a>
<a class="tag dark-gray" href="run://cavactl bar_spacing 3">3</a>
<a class="tag dark-gray" href="run://cavactl bar_spacing 4">4</a>
<a class="tag dark-gray" href="run://cavactl bar_spacing 5">5</a>
<a class="tag dark-gray" href="run://cavactl bar_spacing 6">6</a>
<a class="tag dark-gray" href="run://cavactl bar_spacing 8">8</a>
<a class="tag dark-gray" href="run://cavactl bar_spacing 10">10</a>
<a class="tag dark-gray" href="run://cavactl bar_spacing 12">12</a>
<a class="tag dark-gray" href="run://cavactl bar_spacing 16">16</a>
</p>
</div>
<!--<div class="col m1 center">
<p>&nbsp;</p>
</div>//-->
<div class="col m4 center">
<p><strong>Wysokość (px)</strong></p>
szerokość: 100%
<p><a class="tag dark-gray" href="run://mb-music cavastart 50 full">50</a> <a class="tag dark-gray" href="run://mb-music cavastart 100 full">100</a> <a class="tag dark-gray" href="run://mb-music cavastart 200 full">200</a></p>
szerokość: 50%
<p><a class="tag dark-gray" href="run://mb-music cavastart 50 half">50</a> <a class="tag dark-gray" href="run://mb-music cavastart 100 half">100</a> <a class="tag dark-gray" href="run://mb-music cavastart 200 half">200</a></p>
</div>
</div>
<p>Użyj <a class="tag small orange" href="run://colorizer-cava -s"> 󰺢 Modułu Cava</a> aby ustawiać gradienty, dopieszczać kolory, itp.</p>
<div class="panel dark-grey rightbar border-black border" style="margin-top:-2px;">
<p><a class="tag teal" href="run://mb-music -s">󰕾 Muzyka & Dźwięk</a> to dynamiczne menu, które może służyć jako prosty i lekki odtwarzacz (bazujący na mpv). <i>Dostępny także pod prawym klikiem na ikonie dźwięku w panelu.</i></p>
</div>
<h3>PyRadio - Radio internetowe</h3>
<div class="row">
<div class="twothird">
<p>PyRadio to zaawansowany odtwarzacz radia internetowego, działający pod konsolą.</p>
<p>Możesz włączyć <strong>PyRadio</strong> skrótem <kbd>super</kbd>+<kbd>r</kbd></p>
<p>Colorizer może generować motywy pyradio na bazie palety kolorów z aktualnie ustawionej tapety.</p>
<p>Użyj <a class="tag small orange" href="run://colorizer-pyradio -s"> Modułu PyRadio</a> aby dostosować kolory.</p>
</div>
<div class="third">
<div class="card round padding teal"><span class="right xxlarge"></span>
<p><br /><strong>PyRadio</strong></p>
<div class="bar-block grey">
<a class="button bar-item tiny" href="run://w2theme pyradio dark">Ciemny</a>
<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>
</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>
</div>
</div>
</div>
</div>
</section>
<section id="fonts" class="container tab" style="display:none;min-height:100vh">
<div class="fixed">
<div class="bar">
<a class="button bar-item small grey hover-amber right" href="run://colorizer-fonts -s"> Czcionki - dynamiczne menu</a>
</div>
</div>
<h2>Czcionki</h2>
<p>Użyj dynamicznego menu <a class="tag small amber" href="run://colorizer-fonts -s"> Czcionki</a> aby ustawić czcionki używane przez aplikacje GTK, Conky oraz Menu/Panele boczne</p>
</section>
<section id="Terminal" class="container tab" style="display:none;min-height:100vh">
<div class="fixed">
<div class="bar">
<a class="button bar-item small grey hover-amber right" href="termo://theme.sh -i2"> Wybierz Motyw Terminala</a>
</div>
</div>
<h2>Motyw Terminala</h2>
<p>Mabox dostarcza wiele motywów kolorystycznych dla terminali (~400)</p>
<p>Interaktywny selektor pomoże Ci znaleźć odpowiedni motyw. (<kbd>Enter</kbd>/<kbd>Esc</kbd> - użyj wybranego motywu, <kbd>Ctrl + c</kbd> - anuluj)</p>
<p>Możesz uruchomić selektor motywu terminala w dowolnym momencie z linii komend za pomocą aliasu <strong>th</strong></p>
<h5>Różne kolory dla sesji root i SSH</h5>
<img src="img/theme.sh.webp" />
<p>Aby zmienić motyw dla sesji <strong>ssh</strong> i <strong>root</strong>, edytuj <tt>~/.bashrc</tt></p>
<h5>Terminator i Quake-terminal</h5>
<p>Terminator jest domyślnym terminalem w Maboxie. Użyj <kbd>super + t</kbd>, aby uruchomić go w normalnym oknie lub <kbd>F12</kbd>, aby uruchomić jako terminal Quake (naciśnij ponownie <kbd>F12</kbd>, aby go pokazać/ukryć). </p>
<p>Terminator to terminal kafelkowy. Możesz uruchomić <a class="tag small teal" href="run://conkyctl toggleone Tiling_terminal">edukacyjne Conky</a> pokazujące kilka skrótów przydatnych podczas pracy z terminatorem.</p>
</section>
<section id="Tint2" class="container tab" style="display:none;min-height:100vh;">
<h2>Panel Tint2</h2>
<p>Moduł Tint2 Colorizera nie jest jeszcze dostępny, ale już jest opracowywany.</p>
<p class="center"><em>Możesz wspomóc jego rozwój jeśli chcesz...</em></p><p class="center"><a class="button blue hover-indigo" href="https://ko-fi.com/maboxlinux"><span class="large"> 󰅶 </span> Postaw mi kawę</a></p>
<p>Póki co, możesz użyć całkiem fajnego menu konfiguracji panelu.</p>
<p><a class="button inline round tiny lime" href="run://jgtint2-pipe -s">Menu konfiguracji Tint2</a></p>
<p><a class="button inline round tiny lime" href="run://jgtint2launcher -s">Dodaj/Usuń Programy do launchera</a></p>
</section>
<section id="Save" class="container tab" style="display:none;min-height:100vh;">
<div class="fixed">
<div class="bar">
<a class="button bar-item small grey hover-amber right" href="run://mb-obthemes">Uruchom Manadżera Motywów</a>
</div>
</div>
<h2>Zapisywanie i przywracanie</h2>
<p>Jeśli jesteś zadowolony z obecnej konfiguracji, możesz ją zapisać jako meta-motyw co pozwala ją później przywrócić.</p>
<p>Menadżer Motywów zapisuje:
<ul>
<li>Motyw Openbox (dekoracja okien)</li>
<li>Motyw GTK oraz Ikon</li>
<li>Tapetę</li>
<li>Conky</li>
<li>Motyw Terminala</li>
<li>Kolory Menu / Paneli bocznych</li>
<li>Konfigurację panelu Tint2</li>
</ul>
</p><a class="button round tiny lime margin" href="run://mb-obthemes">Uruchom Menadżera Motywów</a>
</section>
</div>
<script>
function openTab(evt, tabName) {
var i, x, tablinks;
x = document.getElementsByClassName("tab");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablink");
for (i = 0; i < x.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" bg", "");
}
document.getElementById(tabName).style.display = "block";
evt.currentTarget.className += " bg";
}
function myFunction() {
var input, filter, table, tr, td, i;
input = document.getElementById("myInput");
filter = input.value.toUpperCase();
table = document.getElementById("myTable");
tr = table.getElementsByTagName("tr");
for (i = 0; i < tr.length; i++) {
td = tr[i].getElementsByTagName("td")[0];
if (td) {
txtValue = td.textContent || td.innerText;
if (txtValue.toUpperCase().indexOf(filter) > -1) {
tr[i].style.display = "";
} else {
tr[i].style.display = "none";
}
}
}
}
</script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink