ArchlinuxCz/web-archlinux_cz
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
main
web-archlinux_cz/public/awesomewm-ricing/index.html
T

70 lines
63 KiB
HTML
Raw Permalink Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!doctype html><html lang=cs dir=ltr class=scroll-smooth data-default-appearance=dark data-auto-appearance=true><head><meta charset=utf-8><meta http-equiv=content-language content="cs"><meta name=viewport content="width=device-width,initial-scale=1"><meta http-equiv=X-UA-Compatible content="ie=edge"><meta name=theme-color><title>AwesomeWM Ricing &#183; Arch Linux CZ</title><meta name=title content="AwesomeWM Ricing &#183; Arch Linux CZ"><meta name=description content="Česká komunita Arch Linuxu"><meta name=keywords content="awesomewm,"><link rel=canonical href=https://arch-linux.cz/awesomewm-ricing/><meta name=author content="Arch Linux CZ"><link href=https://gts.arch-linux.cz/@arch rel=me><link href=https://git.arch-linux.cz/ArchlinuxCz rel=me><link href=https://matrix.to/#/#archlinuxcz:matrix.org rel=me><link href=/index.xml rel=me><meta property="og:url" content="https://arch-linux.cz/awesomewm-ricing/"><meta property="og:site_name" content="Arch Linux CZ"><meta property="og:title" content="AwesomeWM Ricing"><meta property="og:description" content="AwesomeWM patří k nejlepším window managerům s podporou vyššího programovacího jazyka Lua. V našem seriálu Tondy Fischera již máte dostatek zkušeností pro plný ricing pokročilého prostředí AwesomeWM.
https://www.youtube.com/watch?v=FCxd5id77c4&amp;t=31s
Awesome Ricing - Pokročilá Konfigurace # Nyní již můžeme přikročit k plné a pokročilé konfiguraci AwesomeWM. Cest je nekonečné množství. Já jsem zvolil cestu pro jednoduchou údržbu, vysokou efektivitu práce a kvalitní grafický design, který nesníží performance systému. Podobně jako u xfce v minulých dílech. Zde je navíc možné vše integrovat dohromady, jakoukoliv věc si přizpůsobit svému workflow a propojit WM s vašimi pracovními skripty a nástroji."><meta property="og:locale" content="cs"><meta property="og:type" content="article"><meta property="article:section" content="posts"><meta property="article:published_time" content="2022-04-23T00:00:00+00:00"><meta property="article:modified_time" content="2022-04-23T00:00:00+00:00"><meta property="article:tag" content="Awesomewm"><meta name=twitter:card content="summary"><meta name=twitter:title content="AwesomeWM Ricing"><meta name=twitter:description content="AwesomeWM patří k nejlepším window managerům s podporou vyššího programovacího jazyka Lua. V našem seriálu Tondy Fischera již máte dostatek zkušeností pro plný ricing pokročilého prostředí AwesomeWM.
https://www.youtube.com/watch?v=FCxd5id77c4&amp;t=31s
Awesome Ricing - Pokročilá Konfigurace # Nyní již můžeme přikročit k plné a pokročilé konfiguraci AwesomeWM. Cest je nekonečné množství. Já jsem zvolil cestu pro jednoduchou údržbu, vysokou efektivitu práce a kvalitní grafický design, který nesníží performance systému. Podobně jako u xfce v minulých dílech. Zde je navíc možné vše integrovat dohromady, jakoukoliv věc si přizpůsobit svému workflow a propojit WM s vašimi pracovními skripty a nástroji."><link type=text/css rel=stylesheet href=/css/main.bundle.min.07a8088c33086a4f22f8c0e9b9dd8b3d24774753ce35a341034d6f7c1e249b72e184af812c1341e6a62df443da9e4bb28feddf7f5c6f07b24a20a900ef559483.css integrity="sha512-B6gIjDMIak8i+MDpud2LPSR3R1PONaNBA01vfB4km3LhhK+BLBNB5qYt9EPankuyj+3ff1xvB7JKIKkA71WUgw=="><script type=text/javascript src=/js/appearance.min.6f41174b3a05b680820fe08cadbfa5fb7a7ca347b76a0955cdc68b9d8aca1ce24f0547e138cea33bcc7904d551a90afcb1cc7f2d9fe8557075d501419046c08c.js integrity="sha512-b0EXSzoFtoCCD+CMrb+l+3p8o0e3aglVzcaLnYrKHOJPBUfhOM6jO8x5BNVRqQr8scx/LZ/oVXB11QFBkEbAjA=="></script><script src=/lib/zoom/zoom.min.umd.a527109b68c082a70f3697716dd72a9d5aa8b545cf800cecbbc7399f2ca6f6e0ce3e431f2062b48bbfa47c9ea42822714060bef309be073f49b9c0e30d318d7b.js integrity="sha512-pScQm2jAgqcPNpdxbdcqnVqotUXPgAzsu8c5nyym9uDOPkMfIGK0i7+kfJ6kKCJxQGC+8wm+Bz9JucDjDTGNew=="></script><script defer type=text/javascript id=script-bundle src=/js/main.bundle.min.4c6b36324987fc05dd8cd58437946294b6f2e315675cef16098738373ac2a0fe600416b00e13a1a8687c872f82868f7a0ece1e4ae0b9ea6ead63721f5e8b6748.js integrity="sha512-TGs2MkmH/AXdjNWEN5RilLby4xVnXO8WCYc4NzrCoP5gBBawDhOhqGh8hy+Cho96Ds4eSuC56m6tY3IfXotnSA==" data-copy=Kopírovat data-copied=Zkopírováno></script><link rel=apple-touch-icon sizes=180x180 href=/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=/favicon-16x16.png><link rel=manifest href=/site.webmanifest><script type=application/ld+json>[{"@context":"https://schema.org","@type":"Article","articleSection":"Archiv článků","name":"AwesomeWM Ricing","headline":"AwesomeWM Ricing","inLanguage":"cs","url":"https://arch-linux.cz/awesomewm-ricing/","author":{"@type":"Person","name":"Arch Linux CZ"},"copyrightYear":"2022","dateCreated":"2022-04-23T00:00:00\u002b00:00","datePublished":"2022-04-23T00:00:00\u002b00:00","dateModified":"2022-04-23T00:00:00\u002b00:00","keywords":["awesomewm"],"mainEntityOfPage":"true","wordCount":"1874"}]</script></head><body class="flex flex-col h-screen m-auto leading-7 max-w-7xl px-6 sm:px-14 md:px-24 lg:px-32 text-lg bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral bf-scrollbar"><div id=the-top class="absolute flex self-center"><a class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600" href=#main-content><span class="font-bold text-primary-600 pe-2 dark:text-primary-400">&darr;</span>
Přeskočit na hlavní obsah</a></div><div class="main-menu flex items-center w-full gap-2 p-1 pl-0"><div><a href=/ class=flex><span class=sr-only>Arch Linux CZ</span>
<img src=/img/logo.png width=32 height=32 class="logo max-h-20 max-w-20 object-scale-down object-left nozoom" alt></a></div><a href=/ class="text-base font-medium truncate min-w-0 shrink">Arch Linux CZ</a><div class="flex items-center ms-auto"><div class="hidden md:flex"><nav class="flex items-center gap-x-5 h-12"><a href=/ class="flex items-center bf-icon-color-hover" aria-label=Domů title="Arch Linux CZ"><span class="text-base font-medium break-normal">Domů
</span></a><a href=/categories/n%C3%A1vody/ class="flex items-center bf-icon-color-hover" aria-label=Návody title><span class="text-base font-medium break-normal">Návody
</span></a><a href=/categories/zrp%C3%A1vy/ class="flex items-center bf-icon-color-hover" aria-label=Zprávy title><span class="text-base font-medium break-normal">Zprávy
</span></a><a href=/o-arch-linuxu/ class="flex items-center bf-icon-color-hover" aria-label="O Arch Linuxu" title="Co je Arch Linux"><span class="text-base font-medium break-normal">O Arch Linuxu
</span></a><a href=https://wiki.arch-linux.cz/shelves/arch-linux-cz target=_blank class="flex items-center bf-icon-color-hover" aria-label=Wiki title><span class="text-base font-medium break-normal">Wiki
</span></a><a href=https://forum.arch-linux.cz/ target=_blank class="flex items-center bf-icon-color-hover" aria-label=Fórum title><span class="text-base font-medium break-normal">Fórum
</span></a><a href=/komunita/ class="flex items-center bf-icon-color-hover" aria-label=Komunita title=Komunita><span class="text-base font-medium break-normal">Komunita
</span></a><a href=/podporte-nas/ class="flex items-center bf-icon-color-hover" aria-label="Podpořte nás" title="Podpořte nás"><span class="text-base font-medium break-normal">Podpořte nás
</span></a><a href=/posts/ class="flex items-center bf-icon-color-hover" aria-label=Archiv title="Archiv článků"><span class="text-base font-medium break-normal">Archiv
</span></a><a href=/tags/ class="flex items-center bf-icon-color-hover" aria-label=Tagy title=Tags><span class="text-base font-medium break-normal">Tagy
</span></a><button id=search-button aria-label=Search class="text-base bf-icon-color-hover" title="Vyhledat (/)">
<span class="relative block icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7 405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9.0 208 0S0 93.1.0 208s93.1 208 208 208c48.3.0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9.0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7.0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7.0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg></span></button><div class="flex items-center"><button id=appearance-switcher aria-label="Dark mode switcher" type=button class="text-base bf-icon-color-hover"><div class="flex items-center justify-center dark:hidden"><span class="relative block icon"><svg viewBox="0 0 512 512"><path fill="currentColor" d="M32 256C32 132.2 132.3 32 255.8 32c11.36.0 29.7 1.668 40.9 3.746 9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3 9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480 132.1 480 32 379.6 32 256z"/></svg></span></div><div class="items-center justify-center hidden dark:flex"><span class="relative block icon"><svg viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02.0-95.1 42.98-95.1 95.1s41.2 96.9 95.1 96.9 95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347l-63.2-91.9 63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89 164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6 12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256 2.74 347.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7 19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109 109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69.0-127.1-57.31-127.1-127.1.0-70.69 57.31-127.1 127.1-127.1S383.1 186.2 383.1 256c0 70.7-56.4 127.1-127.1 127.1z"/></svg></span></div></button></div></nav></div><div class="flex md:hidden"><div class="flex items-center h-14 gap-4"><button id=search-button-mobile aria-label=Search class="flex items-center justify-center bf-icon-color-hover" title="Vyhledat (/)">
<span class="relative block icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7 405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9.0 208 0S0 93.1.0 208s93.1 208 208 208c48.3.0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9.0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7.0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7.0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
</span></button>
<button id=appearance-switcher-mobile type=button aria-label="Dark mode switcher" class="flex items-center justify-center text-neutral-900 hover:text-primary-600 dark:text-neutral-200 dark:hover:text-primary-400"><div class=dark:hidden><span class="relative block icon"><svg viewBox="0 0 512 512"><path fill="currentColor" d="M32 256C32 132.2 132.3 32 255.8 32c11.36.0 29.7 1.668 40.9 3.746 9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3 9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480 132.1 480 32 379.6 32 256z"/></svg></span></div><div class="hidden dark:block"><span class="relative block icon"><svg viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02.0-95.1 42.98-95.1 95.1s41.2 96.9 95.1 96.9 95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347l-63.2-91.9 63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89 164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6 12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256 2.74 347.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7 19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109 109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69.0-127.1-57.31-127.1-127.1.0-70.69 57.31-127.1 127.1-127.1S383.1 186.2 383.1 256c0 70.7-56.4 127.1-127.1 127.1z"/></svg></span></div></button>
<input type=checkbox id=mobile-menu-toggle autocomplete=off class="hidden peer">
<label for=mobile-menu-toggle class="flex items-center justify-center cursor-pointer bf-icon-color-hover"><span class="relative block icon"><svg viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416c17.7.0 32 14.33 32 32 0 17.7-14.3 32-32 32H32C14.33 128 0 113.7.0 96zM0 256c0-17.7 14.33-32 32-32H416c17.7.0 32 14.3 32 32s-14.3 32-32 32H32c-17.67.0-32-14.3-32-32zM416 448H32c-17.67.0-32-14.3-32-32s14.33-32 32-32H416c17.7.0 32 14.3 32 32s-14.3 32-32 32z"/></svg></span></label><div role=dialog aria-modal=true style=scrollbar-gutter:stable class="fixed inset-0 z-50 invisible overflow-y-auto px-6 py-20 opacity-0 transition-[opacity,visibility] duration-300 peer-checked:visible peer-checked:opacity-100 bg-neutral-50/97 dark:bg-neutral-900/99
bf-scrollbar"><label for=mobile-menu-toggle class="fixed end-8 top-5 flex items-center justify-center z-50 h-12 w-12 cursor-pointer select-none rounded-full bf-icon-color-hover border bf-border-color bf-border-color-hover bg-neutral-50 dark:bg-neutral-900"><span class="relative block icon"><svg viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75.0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3 54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75.0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75.0-45.25s32.75-12.5 45.25.0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25.0s12.5 32.75.0 45.25l-105.4 105.4L310.6 361.4z"/></svg></span></label><nav class="mx-auto max-w-md space-y-6"><div class=px-2><a href=/ aria-label=Domů class="flex items-center gap-4 group bf-icon-color-hover text-neutral-700 dark:text-neutral-200"><span title="Arch Linux CZ" class="text-2xl font-bold tracking-tight">Domů</span></a></div><div class=px-2><a href=/categories/n%C3%A1vody/ aria-label=Návody class="flex items-center gap-4 group bf-icon-color-hover text-neutral-700 dark:text-neutral-200"><span title class="text-2xl font-bold tracking-tight">Návody</span></a></div><div class=px-2><a href=/categories/zrp%C3%A1vy/ aria-label=Zprávy class="flex items-center gap-4 group bf-icon-color-hover text-neutral-700 dark:text-neutral-200"><span title class="text-2xl font-bold tracking-tight">Zprávy</span></a></div><div class=px-2><a href=/o-arch-linuxu/ aria-label="O Arch Linuxu" class="flex items-center gap-4 group bf-icon-color-hover text-neutral-700 dark:text-neutral-200"><span title="Co je Arch Linux" class="text-2xl font-bold tracking-tight">O Arch Linuxu</span></a></div><div class=px-2><a href=https://wiki.arch-linux.cz/shelves/arch-linux-cz aria-label=Wiki target=_blank class="flex items-center gap-4 group bf-icon-color-hover text-neutral-700 dark:text-neutral-200"><span title class="text-2xl font-bold tracking-tight">Wiki</span></a></div><div class=px-2><a href=https://forum.arch-linux.cz/ aria-label=Fórum target=_blank class="flex items-center gap-4 group bf-icon-color-hover text-neutral-700 dark:text-neutral-200"><span title class="text-2xl font-bold tracking-tight">Fórum</span></a></div><div class=px-2><a href=/komunita/ aria-label=Komunita class="flex items-center gap-4 group bf-icon-color-hover text-neutral-700 dark:text-neutral-200"><span title=Komunita class="text-2xl font-bold tracking-tight">Komunita</span></a></div><div class=px-2><a href=/podporte-nas/ aria-label="Podpořte nás" class="flex items-center gap-4 group bf-icon-color-hover text-neutral-700 dark:text-neutral-200"><span title="Podpořte nás" class="text-2xl font-bold tracking-tight">Podpořte nás</span></a></div><div class=px-2><a href=/posts/ aria-label=Archiv class="flex items-center gap-4 group bf-icon-color-hover text-neutral-700 dark:text-neutral-200"><span title="Archiv článků" class="text-2xl font-bold tracking-tight">Archiv</span></a></div><div class=px-2><a href=/tags/ aria-label=Tagy class="flex items-center gap-4 group bf-icon-color-hover text-neutral-700 dark:text-neutral-200"><span title=Tags class="text-2xl font-bold tracking-tight">Tagy</span></a></div></nav></div></div></div></div></div><div class="relative flex flex-col grow"><main id=main-content class=grow><article><header id=single_header class="mt-5 max-w-prose"><h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">AwesomeWM Ricing</h1><div class="mt-1 mb-6 text-base text-neutral-500 dark:text-neutral-400 print:hidden"><div class="flex flex-row flex-wrap items-center"><time datetime=2022-04-23T00:00:00+00:00>23. dubna 2022</time><span class="px-2 text-primary-500">&#183;</span><span>1874 slov</span><span class="px-2 text-primary-500">&#183;</span><span title="Doba čtení">9 min</span></div><div class="flex flex-row flex-wrap items-center"><a class="relative mt-[0.5rem] me-2" href=/categories/n%C3%A1vody/><span class="flex cursor-pointer"><span class="rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal text-primary-700 dark:border-primary-600 dark:text-primary-400">Návody
</span></span></a><a class="relative mt-[0.5rem] me-2" href=/tags/awesomewm/><span class="flex cursor-pointer"><span class="rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal text-primary-700 dark:border-primary-600 dark:text-primary-400">Awesomewm</span></span></a></div></div><div class="flex author"><div class=place-self-center><div class="text-[0.6rem] uppercase leading-3 text-neutral-500 dark:text-neutral-400">Autor</div><div class="font-semibold leading-6 text-neutral-800 dark:text-neutral-300">Arch Linux CZ</div><div class="text-sm text-neutral-700 dark:text-neutral-400">Návody, novinky a podpora pro uživatele Arch Linuxu v češtině.</div><div class="text-2xl sm:text-lg"><div class="flex flex-wrap text-neutral-400 dark:text-neutral-500 space-x-2"><a class="hover:text-primary-700 dark:hover:text-primary-400" href=https://gts.arch-linux.cz/@arch target=_blank aria-label=Fediverse title=Fediverse rel="me noopener noreferrer"><span class="inline-block align-text-bottom"><span class="relative block icon"><svg width="196.52mm" height="196.52mm" viewBox="0 0 196.52 196.52"><g fill="currentColor" transform="translate(6.6789703,-32.495842) matrix(0.26458333,0,0,0.26458333,-6.6789703,32.495842)"><path d="m181.13086 275.13672a68.892408 68.892408.0 01-29.46484 29.32812l161.75781 162.38868 38.99805-19.76368zm213.36328 214.1875-38.99805 19.76367 81.96289 82.2832a68.892409 68.892409.0 0129.47071-29.33203z"/><path d="m581.64648 339.39062-91.57617 46.41016 6.75196 43.18945 103.61523-52.51367A68.892409 68.892409.0 01581.64648 339.39062zM436.9082 412.74219 220.38281 522.47656a68.892408 68.892408.0 0118.79492 37.08985L443.66016 455.93359z"/><path d="M367.27539 142.4375 262.79492 346.4082l30.84766 30.9668L404.26562 161.41797A68.892408 68.892408.0 01367.27539 142.4375zm-131.6543 257.02148-52.92187 103.31446a68.892409 68.892409.0 0136.98633 18.97851l46.78125-91.32812z"/><path d="m150.76758 304.91797a68.892408 68.892408.0 01-34.41602 7.19531 68.892408 68.892408.0 01-6.65039-.69531l30.90235 197.66211a68.892409 68.892409.0 0134.41601-7.19531 68.892409 68.892409.0 016.64649.69531z"/><path d="m239.3418 560.54492a68.892408 68.892408.0 01.7207 13.87696 68.892408 68.892408.0 01-7.26758 27.17968l197.62891 31.71289a68.892409 68.892409.0 01-.72266-13.8789 68.892409 68.892409.0 017.26953-27.17774z"/><path d="m601.13281 377.19922-91.21875 178.08203a68.892408 68.892408.0 0136.99414 18.98242L638.125 396.18359a68.892409 68.892409.0 01-36.99219-18.98437z"/><path d="m476.72266 125.33008a68.892408 68.892408.0 01-29.47071 29.33203l141.26563 141.81055a68.892409 68.892409.0 0129.46875-29.33204z"/><path d="m347.78711 104.63086-178.57617 90.49805a68.892409 68.892409.0 0118.79297 37.08593l178.57421-90.50195a68.892408 68.892408.0 01-18.79101-37.08203z"/><path d="m446.92578 154.82617a68.892408 68.892408.0 01-34.98242 7.48242 68.892408 68.892408.0 01-6.0293-.63281l15.81836 101.29102 43.16211 6.92578zm-16 167.02735 37.40039 239.48242a68.892409 68.892409.0 0133.91406-6.94336 68.892409 68.892409.0 017.20704.79101L474.08984 328.77734z"/><path d="m188.13086 232.97461a68.892408 68.892408.0 01.75781 14.0957 68.892408 68.892408.0 01-7.16015 26.98242l101.36914 16.28125 19.92382-38.9082zM361.86719 260.875l-19.92578 38.91211 239.51367 38.4668a68.892409 68.892409.0 01-.69531-13.71875 68.892409 68.892409.0 017.34961-27.32422z"/></g><g fill="currentColor" transform="translate(6.6789703,-32.495842) rotate(3.1178174)"><circle cx="106.26596" cy="51.535553" r="16.570711"/><circle cx="171.42836" cy="110.19328" r="16.570711"/><circle cx="135.76379" cy="190.27704" r="16.570711"/><circle cx="48.559471" cy="181.1138" r="16.570711"/><circle cx="30.328812" cy="95.366837" r="16.570711"/></g></svg></span></span></a>
<a class="hover:text-primary-700 dark:hover:text-primary-400" href=https://git.arch-linux.cz/ArchlinuxCz target=_blank aria-label=Gitea title=Gitea rel="me noopener noreferrer"><span class="inline-block align-text-bottom"><span class="relative block icon"><svg viewBox="5.67 143.05 628.65 387.55"><path fill="currentColor" d="M115.912 143.075c-6.462.0-13.762.525-22.012 2.325-8.7 1.8-33.5 7.4-53.8 26.9C-4.9 212.4 6.6 276.2 8 285.8c1.7 11.7 6.9 44.2 31.7 72.5 45.8 56.1 144.4 54.8 144.4 54.8s12.1 28.9 30.6 55.5c25 33.1 50.7 58.9 75.7 62 63 0 188.9-.1 188.9-.1s12 .1 28.3-10.3c14-8.5 26.5-23.4 26.5-23.4S547 483 565 451.5c5.5-9.7 10.1-19.1 14.1-28 0 0 55.2-117.1 55.2-231.1-1.1-34.5-9.6-40.6-11.6-42.6-4.1-4.1-9.6-4-9.6-4s-117.2 6.6-177.9 8c-13.267.3-26.433.597-39.5.697l.1 117.002s57.4 24.202 83.1 40.102c3.7 2.3 10.2 6.798 12.9 14.398 2.1 6.1 2 13.101-1 19.301l-61 126.9c-6.2 12.7-21.4 18.1-33.9 12l-126.9-61c-12.5-6-17.9-21.2-11.8-33.8l61-126.9c6-12.5 21.2-17.9 33.8-11.8a5290.322 5290.322.0 0027 12.954c0-36.449-.1-109.053-.1-109.053-29 .4-89.2-2.201-89.2-2.201s-141.4-7.1-156.8-8.5c-4.9-.3-10.525-.825-16.988-.825zm12.188 48.026s7.1 59.399 15.7 94.199c7.2 29.2 24.8 77.7 24.8 77.7s-26.1-3.1-43-9.1c-25.9-8.5-36.9-18.7-36.9-18.7S69.6 321.8 60 295.4c-16.5-44.2-1.4-71.2-1.4-71.2s8.4-22.5 38.5-30c13.8-3.7 31-3.1 31-3.1z"/><path fill="currentColor" d="M326.8 380.1c-8.2.1-15.4 5.8-17.3 13.8-1.9 8 2 16.3 9.1 20 7.7 4 17.5 1.8 22.7-5.4 5.1-7.1 4.3-16.9-1.8-23.1l24-49.1c1.5.1 3.7.2 6.2-.5 4.1-.9 7.1-3.6 7.1-3.6 4.2 1.8 8.6 3.8 13.2 6.1 4.8 2.4 9.3 4.9 13.4 7.3.9.5 1.8 1.1 2.8 1.9 1.6 1.3 3.4 3.1 4.7 5.5 1.9 5.5-1.9 14.9-1.9 14.9-2.3 7.6-18.4 40.6-18.4 40.6-8.1-.2-15.3 5-17.7 12.5-2.6 8.1 1.1 17.3 8.9 21.3 7.8 4 17.4 1.7 22.5-5.3 5-6.8 4.6-16.3-1.1-22.6 1.9-3.7 3.7-7.4 5.6-11.3 5-10.4 13.5-30.4 13.5-30.4.9-1.7 5.7-10.3 2.7-21.3-2.5-11.4-12.6-16.7-12.6-16.7-12.2-7.9-29.2-15.2-29.2-15.2s0-4.1-1.1-7.1c-1.1-3.1-2.8-5.1-3.9-6.3 4.7-9.7 9.4-19.3 14.1-29-4.1-2-8.1-4-12.2-6.1-4.8 9.8-9.7 19.7-14.5 29.5-6.7-.1-12.9 3.5-16.1 9.4-3.4 6.3-2.7 14.1 1.9 19.8l-24.6 50.4z"/></svg></span></span></a>
<a class="hover:text-primary-700 dark:hover:text-primary-400" href=https://matrix.to/#/#archlinuxcz:matrix.org target=_blank aria-label=Matrix title=Matrix rel="me noopener noreferrer"><span class="inline-block align-text-bottom"><span class="relative block icon"><svg role="img" viewBox="0 0 24 24"><title>Matrix</title><path fill="currentColor" d="M.632.55v22.9H2.28V24H0V0h2.28v.55zm7.043 7.26v1.157h.033c.309-.443.683-.784 1.117-1.024.433-.245.936-.365 1.5-.365.54.0 1.033.107 1.481.314.448.208.785.582 1.02 1.108.254-.374.6-.706 1.034-.992.434-.287.95-.43 1.546-.43.453.0.872.056 1.26.167.388.11.716.286.993.53.276.245.489.559.646.951.152.392.23.863.23 1.417v5.728h-2.349V11.52c0-.286-.01-.559-.032-.812a1.755 1.755.0 00-.18-.66 1.106 1.106.0 00-.438-.448c-.194-.11-.457-.166-.785-.166-.332.0-.6.064-.803.189a1.38 1.38.0 00-.48.499 1.946 1.946.0 00-.231.696 5.56 5.56.0 00-.06.785v4.768h-2.35v-4.8c0-.254-.004-.503-.018-.752a2.074 2.074.0 00-.143-.688 1.052 1.052.0 00-.415-.503c-.194-.125-.476-.19-.854-.19-.111.0-.259.024-.439.074-.18.051-.36.143-.53.282-.171.138-.319.337-.439.595-.12.259-.18.6-.18 1.02v4.966H5.46V7.81zm15.693 15.64V.55H21.72V0H24v24h-2.28v-.55z"/></svg></span></span></a>
<a class="hover:text-primary-700 dark:hover:text-primary-400" href=/index.xml target=_blank aria-label=Rss title=Rss rel="me noopener noreferrer"><span class="inline-block align-text-bottom"><span class="relative block icon"><svg viewBox="0 0 448 512"><path fill="currentColor" d="M0 64C0 46.3 14.3 32 32 32c229.8.0 416 186.2 416 416 0 17.7-14.3 32-32 32s-32-14.3-32-32C384 253.6 226.4 96 32 96 14.3 96 0 81.7.0 64zM128 416c0 35.3-28.7 64-64 64S0 451.3.0 416s28.7-64 64-64 64 28.7 64 64zM32 160c159.1.0 288 128.9 288 288 0 17.7-14.3 32-32 32s-32-14.3-32-32c0-123.7-100.3-224-224-224-17.7.0-32-14.3-32-32s14.3-32 32-32z"/></svg></span></span></a></div></div></div></div><div class=mb-5></div></header><section class="flex flex-col max-w-full mt-0 prose dark:prose-invert lg:flex-row"><div class="order-first lg:ms-auto px-0 lg:order-last lg:ps-8 lg:max-w-2xs"><div class="toc ps-5 print:hidden lg:sticky lg:top-10"><details open id=TOCView class="toc-right mt-0 overflow-y-auto overscroll-contain bf-scrollbar rounded-lg -ms-5 ps-5 pe-2 hidden lg:block"><summary class="block py-1 text-lg font-semibold cursor-pointer bg-neutral-100 text-neutral-800 -ms-5 ps-5 dark:bg-neutral-700 dark:text-neutral-100 lg:hidden">Obsah</summary><div class="min-w-[220px] py-2 border-dotted border-s-1 -ms-5 ps-5 dark:border-neutral-600"><nav id=TableOfContents><ul><li><a href=#awesome-ricing---pokročilá-konfigurace>Awesome Ricing - Pokročilá Konfigurace</a><ul><li></li></ul></li><li><a href=#pattern-mvc---model-view-controller>Pattern MVC - Model, View, Controller</a><ul><li></li><li><a href=#model-view---themesthemelua><strong>Model-View</strong> - themes/…/theme.lua</a></li><li></li><li><a href=#controller---rclua><strong>Controller</strong> - rc.lua</a></li></ul></li><li><a href=#awesomewm-multicolor-theme-instalace>AwesomeWM Multicolor Theme Instalace</a><ul><li></li></ul></li><li><a href=#základní-ovládání>Základní ovládání</a></li><li><a href=#změna-barevných-schémat-a-aplikací>Změna barevných schémat a aplikací</a></li><li><a href=#změna-wallpapers-pro-jednotlivé-tagy>Změna wallpapers pro jednotlivé tagy</a></li><li><a href=#prohlídka-prostředí-a-programového-lua-řešení>Prohlídka prostředí a programového Lua řešení</a></li><li><a href=#propojení-aplikací-do-awesomewm-prostředí>Propojení aplikací do awesomewm prostředí</a></li></ul></nav></div></details><details class="toc-inside mt-0 overflow-hidden rounded-lg -ms-5 ps-5 lg:hidden"><summary class="py-1 text-lg font-semibold cursor-pointer bg-neutral-100 text-neutral-800 -ms-5 ps-5 dark:bg-neutral-700 dark:text-neutral-100 lg:hidden">Obsah</summary><div class="py-2 border-dotted border-neutral-300 border-s-1 -ms-5 ps-5 dark:border-neutral-600"><nav id=TableOfContents><ul><li><a href=#awesome-ricing---pokročilá-konfigurace>Awesome Ricing - Pokročilá Konfigurace</a><ul><li></li></ul></li><li><a href=#pattern-mvc---model-view-controller>Pattern MVC - Model, View, Controller</a><ul><li></li><li><a href=#model-view---themesthemelua><strong>Model-View</strong> - themes/…/theme.lua</a></li><li></li><li><a href=#controller---rclua><strong>Controller</strong> - rc.lua</a></li></ul></li><li><a href=#awesomewm-multicolor-theme-instalace>AwesomeWM Multicolor Theme Instalace</a><ul><li></li></ul></li><li><a href=#základní-ovládání>Základní ovládání</a></li><li><a href=#změna-barevných-schémat-a-aplikací>Změna barevných schémat a aplikací</a></li><li><a href=#změna-wallpapers-pro-jednotlivé-tagy>Změna wallpapers pro jednotlivé tagy</a></li><li><a href=#prohlídka-prostředí-a-programového-lua-řešení>Prohlídka prostředí a programového Lua řešení</a></li><li><a href=#propojení-aplikací-do-awesomewm-prostředí>Propojení aplikací do awesomewm prostředí</a></li></ul></nav></div></details></div></div><div class="min-w-0 min-h-0 max-w-fit"><div class="article-content max-w-prose mb-20"><p>AwesomeWM patří k nejlepším window managerům s podporou vyššího programovacího jazyka Lua. V našem seriálu <a href=https://github.com/raven2cz target=_blank rel=noreferrer>Tondy Fischera</a> již máte dostatek zkušeností pro plný ricing pokročilého prostředí AwesomeWM.</p><p><figure><img class="my-0 rounded-md" loading=lazy decoding=async fetchpriority=low alt src=https://arch-linux.cz/wp-content/uploads/2022/04/awesomewm-1-1-1024x576.jpg></figure></p><p><figure><img class="my-0 rounded-md" loading=lazy decoding=async fetchpriority=low alt src=https://arch-linux.cz/wp-content/uploads/2022/04/awesomewm-2-1-1024x576.jpg></figure></p><p><a href="https://www.youtube.com/watch?v=FCxd5id77c4&amp;t=31s" target=_blank rel=noreferrer>https://www.youtube.com/watch?v=FCxd5id77c4&t=31s</a></p><h2 class="relative group">Awesome Ricing - Pokročilá Konfigurace<div id=awesome-ricing---pokročilá-konfigurace class=anchor></div><span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"><a class="text-primary-300 dark:text-neutral-700 !no-underline" href=#awesome-ricing---pokro%c4%8dil%c3%a1-konfigurace aria-label=Kotva>#</a></span></h2><p>Nyní již můžeme přikročit k plné a pokročilé konfiguraci AwesomeWM. Cest je nekonečné množství. <strong>Já jsem zvolil cestu pro jednoduchou údržbu, vysokou efektivitu práce a kvalitní grafický design, který nesníží performance systému</strong>. Podobně jako u xfce v minulých dílech. Zde je navíc možné vše integrovat dohromady, jakoukoliv věc si přizpůsobit svému workflow a propojit WM s vašimi pracovními skripty a nástroji.</p><p>Vše, co tady bude probíráno je moje aktuální řešení problematiky. Je nutné pochopit, že ve chvíli, kdy máte framework awesomewm k dispozici, můžete si vše vytvořit podle vlastní představy, variant je tedy nekončné množství, toto je největší rozdíl od fixních WMs nebo DEs, které lze pouze omezeně konfigurovat.</p><h4 class="relative group">Základ dobrého designu a dlouhodobého úspěšného programování<div id=základ-dobrého-designu-a-dlouhodobého-úspěšného-programování class=anchor></div><span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"><a class="text-primary-300 dark:text-neutral-700 !no-underline" href=#z%c3%a1klad-dobr%c3%a9ho-designu-a-dlouhodob%c3%a9ho-%c3%basp%c4%9b%c5%a1n%c3%a9ho-programov%c3%a1n%c3%ad aria-label=Kotva>#</a></span></h4><p>Úspěchem dobrého programování a nejlepšího designu jsou 3 věci:</p><ul><li><p>Jednoduchost a přehlednost</p></li><li><p>Vlastní knihovna / framework</p></li><li><p>Omezení a minimalismus třetích stran</p></li></ul><p>Vždy nejlepší řešení je to nejjednodušší. Je velmi obtížné se k němu dostat, protože lidé přemýšlí komplexně. Vždy dbejte na tom se k němu dostat a mít vše přehledné i pro další lidi, je to v podstatě zásada free open source.</p><p>Obecné věci, které používáte a určtiě budete používat i dále si ukládejte do svého frameworku a knihoven. Toto je nutný základ. Vlastní přehledný framework je naprostým základem pro každého programátora, ať už děláte v jakémkoliv jazyce. Správná správa balíčků a knihoven je základ, pouze takto lze se neustále zdokonalovat, vyvíjet a minimalizovat chyby, stabilizací frameworku.</p><p>Používání 3 stran je potřeba minimalizovat na rozumnou úroveň. Knihovny musí být otevřené, aktivní a opět jednoduché. Nikdy neberte nic komplikovaného. Vždy dejte přednost svému řešení, pokud je v časovém rámci. Pečlivě volte knihovny, které potom již velmi težce lze opouštět!</p><p>V našem případě je zde vytvořen základní lua balíček <code>fishlive</code>, který slouží k rozšíření frameworku awesome pro moje osobní potřeby a přístupy. <strong>Vytvořte si svůj vlastní.</strong></p><p><figure><img class="my-0 rounded-md" loading=lazy decoding=async fetchpriority=low alt src=https://arch-linux.cz/wp-content/uploads/2022/04/mvc.png></figure></p><h2 class="relative group">Pattern MVC - Model, View, Controller<div id=pattern-mvc---model-view-controller class=anchor></div><span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"><a class="text-primary-300 dark:text-neutral-700 !no-underline" href=#pattern-mvc---model-view-controller aria-label=Kotva>#</a></span></h2><p>Tento návrhový vzor umožňuje rozdělit funkcionalitu do 3 základních celků, které mezi sebou navzájem komunikují. Jeho nespornou výhodou je oddělení business logic od grafického zpracování a doménové vrstvy. Stav aplikace je držen v modelu, který je zpravováván controllerem, ve finále je předán model komponentě view, která jej zobrazí. Pro frontend je toto základ, kdy views může být celá řada, business logiky mají různou implementaci a je jednoduché udržovat a zprovávvat doménové objekty v rámci modelu i zcela jiným procovním teamem. Tento pattern je již starší, takže existuje řada modifikací a pokročilých nápadů, které jej doplňují, nicméně základní myšlenka zůstavá.</p><p>My si tento pattern půjčíme a pomocí něj si myšlenkově upravíme defaultní <code>rc.lua</code>, který již používáte z předchozí nahrávky. Defaultní konfigurace je tvořena pouze jedním konfiguračním souborem <code>rc.lua</code> a doplňkovým souborem <code>theme.lua</code>, která umoňuje záměnu dle zvoleného theme. Myšlenka je správná, ale implementace je nevhodná. Brzy zjistíte, že jakákoliv větší grafická úprava zasahuje zejména do <code>rc.lua</code>, neboť je velmi nekvalitně odděleno řízení controller a view. Naše první kroky tedy musí nutně vést k základnímu oddělení controller a model-view části.</p><p>Provedeme zjednodušení na controller část a model-view část. Stav systému/grafického prostředí necháme držet ve vhodných sdílených lua tabulkách, které jsou sdíleny mezi oběma částmi. View část musíme nutně oddělit od <code>rc.lua</code>, kde ponecháme striktně pouze controller.</p><h3 class="relative group"><a href=https://github.com/raven2cz/tux/tree/main/211207-awesome-ricing#model-view---themesthemelua target=_blank rel=noreferrer></a><div class=anchor></div><span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"><a class="text-primary-300 dark:text-neutral-700 !no-underline" href=# aria-label=Kotva>#</a></span></h3><h3 class="relative group"><strong>Model-View</strong> - themes/…/theme.lua<div id=model-view---themesthemelua class=anchor></div><span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"><a class="text-primary-300 dark:text-neutral-700 !no-underline" href=#model-view---themesthemelua aria-label=Kotva>#</a></span></h3><p>část je dobré rozdělit si na 3 základní podčásti:</p><ul><li><p><strong>View Common Libs</strong> - použitelné části, které budeme používat i dalších našich themes a views, toto přesuneme do vlastní lua knihovny</p></li><li><p><strong>View Color Schemes</strong> - barevná schémata, která lze aplikovat na naše views a která jsou rovněž obecná.</p></li><li><p><strong>View Theme</strong> - specifická část pro každé vaše jednotlivé theme. Definice a konfigurace všech grafických komponent a jejich chování, aplikace základních view coomon libs a color schemat do těchto komponent. Tato třetí část je jako jediná definována vždy od začátku pro každé vaše nové theme.</p></li></ul><h4 class="relative group"><a href=https://github.com/raven2cz/tux/tree/main/211207-awesome-ricing#view-common-libs target=_blank rel=noreferrer></a><div class=anchor></div><span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"><a class="text-primary-300 dark:text-neutral-700 !no-underline" href=# aria-label=Kotva>#</a></span></h4><h4 class="relative group">View Common Libs<div id=view-common-libs class=anchor></div><span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"><a class="text-primary-300 dark:text-neutral-700 !no-underline" href=#view-common-libs aria-label=Kotva>#</a></span></h4><p>Tato knihovna byla založena a uložena v adresáři <code>~/.config/awesome/fishlive</code>. Obsahuje colorschemes, nové layouts, wallpaper různorodá ovládání, widgety a utility.</p><h4 class="relative group"><a href=https://github.com/raven2cz/tux/tree/main/211207-awesome-ricing#view-color-schemes target=_blank rel=noreferrer></a><div class=anchor></div><span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"><a class="text-primary-300 dark:text-neutral-700 !no-underline" href=# aria-label=Kotva>#</a></span></h4><h4 class="relative group">View Color Schemes<div id=view-color-schemes class=anchor></div><span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"><a class="text-primary-300 dark:text-neutral-700 !no-underline" href=#view-color-schemes aria-label=Kotva>#</a></span></h4><p>Jsou zavedena pomocí vytvořeného příkazu <code>local theme = fishlive.colorscheme.default</code>, který do modelu/tabulky <code>theme</code> nastaví všechny důležité barvy, základní proměnné pro grafické view pro zvolené poslední barevné schéma, které lze dynamicky měnit.</p><h4 class="relative group"><a href=https://github.com/raven2cz/tux/tree/main/211207-awesome-ricing#view-theme target=_blank rel=noreferrer></a><div class=anchor></div><span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"><a class="text-primary-300 dark:text-neutral-700 !no-underline" href=# aria-label=Kotva>#</a></span></h4><h4 class="relative group">View Theme<div id=view-theme class=anchor></div><span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"><a class="text-primary-300 dark:text-neutral-700 !no-underline" href=#view-theme aria-label=Kotva>#</a></span></h4><p>Je uloženo v každém <code>theme.lua</code> souboru. Tento soubor mám principiálně tvořen touto strukturou:</p><ul><li><p><code>theme = fishlive.colorscheme.default</code> Defaultní naplnění modelu daným barevných schématem a přípravou atributů modelu</p></li><li><p><code>model attribute settings</code> Další specifické nastavení modelu dle zvoleného theme, okraje, fonty, notifikační události, taglist, layouts, menu</p></li><li><p><code>wallpaper support</code> Nastavení adresářů a základních atributů pro ovládání wallpapers v awesomewm</p></li><li><p><code>widget declaration</code> Vytvoření instanací widgetů a jejich specifické nakonfigurování do wibox grafických prvků, které lze umístit do prostředí</p></li><li><p><code>menu a application launcher declaration</code> Deklarace grafické části menu dle modelu a controlleru</p></li><li><p><code>screen.connect_signal(request:desktop_decoration)</code> Hlavní funkce, která provádí zavádění a hlavní činnost každého theme při jeho inicializačním procesu. Další body jsou již součástí tohoto procesu, volání této funkce, listenera.</p></li><li><p><code>tags and layout settings</code> Nastavení tagů a layotů, taglistu pro dané theme</p></li><li><p><code>tasklist configuration</code> Nastavení tasklistu pro zobrazování aktivně běžících aplikací systému</p></li><li><p><code>main panel configuration</code> Sestavení hlavního top panelu ze všech wiboxes, taglistu, tasklistu, systray apod.</p></li><li><p><code>naughty configuration</code> Nastavení notifikačních událostí a notification center a error handling support</p></li><li><p><code>wallpaper handling</code> Nastavení wallpaper ovládání a propojení s controllerem. V mém případě mám rád wallpapers, takže mám i velmi silnou podporu vytvořenou v awesomewm.</p></li></ul><h3 class="relative group"><a href=https://github.com/raven2cz/tux/tree/main/211207-awesome-ricing#controller---rclua target=_blank rel=noreferrer></a><div class=anchor></div><span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"><a class="text-primary-300 dark:text-neutral-700 !no-underline" href=# aria-label=Kotva>#</a></span></h3><h3 class="relative group"><strong>Controller</strong> - rc.lua<div id=controller---rclua class=anchor></div><span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"><a class="text-primary-300 dark:text-neutral-700 !no-underline" href=#controller---rclua aria-label=Kotva>#</a></span></h3><p>je možné taky rovněž dělit na další celky. Nicméně já mám v tomto ohledu rád minimalismus a lepší údržbu, neměl jsem tedy důvod tento soubor rozdělovat, naopak jej strukturalizuji pomoci folding sekcí a používám jednotlivé listenery, které awesome API nabízí k oddělení jednotlivých funkcionálních bloků. Soubor je tedy pořád jeden <code>rc.lua</code>, obsahuje však pouze vše co není grafika nebo grafická komponenta. Obsahuje tedy veškerou business logiku a workflow. Konkrétně obsahuje:</p><ul><li><p><code>naughty.connect_signal(request:display_error)</code> Error handling (zpracování výjimek a chyb v awesome a spojených aplikacích)</p></li><li><p><code>modkey, terminal, editor, menus</code> Definice základních proměnných pro základní klávesy, terminaly, editory, menu modely</p></li><li><p><code>tag.connect_signal(request:default_layouts)</code> Definice základních layouts, které budete používat</p></li><li><p><code>beautiful.init</code> Výběr model-view (theme), které bude napojedno a zobrazováno</p></li><li><p><code>awful.mouse.append_global_mousebindings</code> Nadefinování myších událostí a chování myši</p></li><li><p><code>awful.keyboard.append_global_keybindings</code> Definice globálních keybindings pro váš systém, rozděleno dle kategorií a účelu (folding style a separátní listeners)</p></li><li><p><code>client.connect_signal(request:default_keybindings)</code> Clientská konfigurace keybindings pro jednotlivá zobrazovaná okna (client = běžící aplikace v okně)</p></li><li><p><code>ruled.client.connect_signal("request:rules" ...)</code> Definice pravidel (rules) pro zobrazování aplikací, druhů aplikací a reakce oken na speciální events</p></li><li><p><code>special connect_signal events for specific handling</code> Poslech dalších několik speciálních událostí pro specifické změny v awesomewm prostředí. Patří sem titlebars (horní lišta na okně), zpracování událostí, další chování myši apod.</p></li><li><p><code>awful.spawn.with_shell("~/.config/awesome/autorun.sh")</code> Poslední částí <code>rc.lua</code> souboru je spuštění vašeho <code>autorun.sh</code> skriptu pro aplikace, služby a další přednastavení prostředí, ve kterém awesomewm běží.</p></li></ul><h2 class="relative group">AwesomeWM Multicolor Theme Instalace<div id=awesomewm-multicolor-theme-instalace class=anchor></div><span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"><a class="text-primary-300 dark:text-neutral-700 !no-underline" href=#awesomewm-multicolor-theme-instalace aria-label=Kotva>#</a></span></h2><p>Demostraci principů si předvedeme na mém github projektu <a href=https://github.com/raven2cz/awesomewm-config target=_blank rel=noreferrer>raven2cz/awesomewm-config</a>.</p><h4 class="relative group">Zajištění resources a podpůrných skriptů pro spolupráci systémového prostředí (external resources)<div id=zajištění-resources-a-podpůrných-skriptů-pro-spolupráci-systémového-prostředí-external-resources class=anchor></div><span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"><a class="text-primary-300 dark:text-neutral-700 !no-underline" href=#zaji%c5%a1t%c4%9bn%c3%ad-resources-a-podp%c5%afrn%c3%bdch-skript%c5%af-pro-spolupr%c3%a1ci-syst%c3%a9mov%c3%a9ho-prost%c5%99ed%c3%ad-external-resources aria-label=Kotva>#</a></span></h4><div class=highlight-wrapper><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none><code class=language-text data-lang=text><span style=display:flex><span># 1. backup your awesomewm configuration first
</span></span><span style=display:flex><span># 2. git clone repository to ~/.config/awesome
</span></span><span style=display:flex><span>git clone git@github.com:raven2cz/awesomewm-config.git ~/.config/awesome
</span></span><span style=display:flex><span># 3. ensure prerequsities and dependencies
</span></span><span style=display:flex><span>paru -S rofi # rofi similar app like d-menu
</span></span><span style=display:flex><span># my used wallpapers and event images
</span></span><span style=display:flex><span>mkdir ~/Pictures/wallpapers &amp;&amp; git clone git@github.com:raven2cz/public-wallpapers.git
</span></span><span style=display:flex><span># my global colorscheme switcher script
</span></span><span style=display:flex><span># make steps which are described in the raven2cz/global-colorscheme.git project, you need themes for your terminal mainly
</span></span><span style=display:flex><span>mkdir ~/git/github &amp;&amp; git clone git@github.com:raven2cz/global-colorscheme.git &amp;&amp; cd ~/git/github/global-colorscheme &amp;&amp; ./install.sh
</span></span><span style=display:flex><span># rofi project themes
</span></span><span style=display:flex><span>mkdir ~/.config/rofi &amp;&amp; git clone https://github.com/raven2cz/rofi-themes ~/.config/rofi</span></span></code></pre></div></div><p>Těmito několika kroky jsme si připravili celé prostředí a zajistili potřebné grafické resources, které jsou v projektu používány. Nejedná se tedy pouze o jeden projekt, ale řadu několika projektů, které spolu spolupracují. Pamatujte, že vždy v GNU/Linux platí, každá věc musí dělat jednu dílčí činnost a dělat ji správně. Nedělejte multi věci, pak se to nabaluje na sebe a nefunguje. Dělejte malé komponenty, které se navzájem používají a dají se použít i pro další linuxová prostředí a uživatele…</p><p>Já ještě používám externí aplikaci <a href=https://github.com/phillbush/xmenu target=_blank rel=noreferrer>xmenu</a>, pro rychlé restartování, vypnutí počítače, oblíbené aplikace, kernel nástroje a skupiny aplikací. Nicméně to není podmínkou. Mám jej na klávesové zkratce <code>super+w</code>. Viz například nahrávka <a href=https://youtu.be/wMrdCbrQjnQ target=_blank rel=noreferrer>DistroTube XMenu</a>.</p><p>Nyní již máte připraveno celé prostředí pro spuštění. Jediné co chybí je zkontrolovat váš <code>~/.xinitrc</code>, který by měl být nastaven již z minulé nahrávky a <code>autorun.sh</code>, který pouze jako ukázku zde prezentuji.</p><div class=highlight-wrapper><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none><code class=language-text data-lang=text><span style=display:flex><span>#!/usr/bin/env bash
</span></span><span style=display:flex><span>function run {
</span></span><span style=display:flex><span> if ! pgrep -f $1 ;
</span></span><span style=display:flex><span> then
</span></span><span style=display:flex><span> $@&amp;
</span></span><span style=display:flex><span> fi
</span></span><span style=display:flex><span>}
</span></span><span style=display:flex><span>
</span></span><span style=display:flex><span>run /usr/lib/polkit-gnome/polkit-gnome-authentication-agent-1
</span></span><span style=display:flex><span>run /usr/lib/kactivitymanagerd
</span></span><span style=display:flex><span>#run /use/lib/polkit-kde-authentication-agent-1
</span></span><span style=display:flex><span>run /usr/lib/pam_kwallet_init
</span></span><span style=display:flex><span>run nm-applet
</span></span><span style=display:flex><span>run pamac-tray
</span></span><span style=display:flex><span>if ! pgrep -f cloud-drive-ui; then synology-drive start; fi
</span></span><span style=display:flex><span>run parcellite
</span></span><span style=display:flex><span>run clipmenud
</span></span><span style=display:flex><span>run volctl
</span></span><span style=display:flex><span>run /usr/bin/emacs --daemon
</span></span><span style=display:flex><span>run ~/.config/conky/start_conky ~/.config/conky/MX-CoreBlue/conkyrc2core
</span></span><span style=display:flex><span>run remmina -i
</span></span><span style=display:flex><span>run picom --experimental-backends --config $HOME/.config/picom/picom.conf</span></span></code></pre></div></div><p>Autorun běžících aplikací a služeb je nespočet. Tento berte jako můj základ, pokud budou nejasnosti, napište to do youtube vlákna k nahrávce, nebo na naše <a href=https://forum.arch-linux.cz/ target=_blank rel=noreferrer>diskuzní fórum</a>.</p><h2 class="relative group">Základní ovládání<div id=základní-ovládání class=anchor></div><span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"><a class="text-primary-300 dark:text-neutral-700 !no-underline" href=#z%c3%a1kladn%c3%ad-ovl%c3%a1d%c3%a1n%c3%ad aria-label=Kotva>#</a></span></h2><p>Complete Guide <a href=https://github.com/raven2cz/tux/blob/main/211207-awesome-ricing/awesome-keybindings-en.org target=_blank rel=noreferrer>here</a>.</p><p><code>super+ctrl+s</code></p><p><figure><img class="my-0 rounded-md" loading=lazy decoding=async fetchpriority=low alt src=https://arch-linux.cz/wp-content/uploads/2022/04/awesome-multicolor-keybindings-1024x685.jpg></figure></p><p>Základní ovládání se točí kolem klávesy <code>Super</code> (modkey), která je výhdardně určena pro AW prostředí. Samostatné <code>alt, ctrl a shift</code> nikdy nejsou použity, pouze ve vazbě. Toto je nezbytné pro další všechna programová prostředí a aplikace. Výhradně se snažte nastavovat ve svých prostředích X11 bindingkeys. Například DWM svůj default používá velmi nevhodně.</p><p>S učením klávesových zkratek nespěchejte, doporučuji se je osvojit, jsou totiž sebrány z nejlepších WM současnosti a nastaveny pro nejlepší ergonomii a efektivní práci. Několik rad bude uvedeno ve videu.</p><h2 class="relative group">Změna barevných schémat a aplikací<div id=změna-barevných-schémat-a-aplikací class=anchor></div><span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"><a class="text-primary-300 dark:text-neutral-700 !no-underline" href=#zm%c4%9bna-barevn%c3%bdch-sch%c3%a9mat-a-aplikac%c3%ad aria-label=Kotva>#</a></span></h2><p><code>super+c -> change color scheme, super+alt+c -> next colorschme wallpaper, super+ctrl+c -> previous colorscheme wallpaper</code></p><p><figure><img class="my-0 rounded-md" loading=lazy decoding=async fetchpriority=low alt src=https://arch-linux.cz/wp-content/uploads/2022/04/awesome-multicolor-theme-910x1024.jpg></figure></p><p>Změna barevného schématu probíhá na třech úrovních:</p><ul><li><p>Nejprve se zavolá globální skript <code>global_colorscheme.sh</code>, který změní podporované externí aplikace. V aktuální verzi mezi ně patří kitty, alacritty, doom emacs, atom. Dojde k okamžité dynamické změně.</p></li><li><p>Pak dojde ke změně základních barev pro conky aplikaci. Ta vytváří změnu v konfiguračním souboru, který je načítán conky knihovnou. Dojde k okamžité dynamické změně.</p></li><li><p>Naposled dojde k přepsání souboru <code>last.lua</code> v multicolor scheme AW, kam se nastaví aktuální zvolené schéma a dojde k restartu AW. Celkově se tak završí celkové přenastavení všech schémat celého systému</p></li></ul><h2 class="relative group">Změna wallpapers pro jednotlivé tagy<div id=změna-wallpapers-pro-jednotlivé-tagy class=anchor></div><span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"><a class="text-primary-300 dark:text-neutral-700 !no-underline" href=#zm%c4%9bna-wallpapers-pro-jednotliv%c3%a9-tagy aria-label=Kotva>#</a></span></h2><ul><li><p>random wallpaper for 1st tag</p></li><li><p>different wallpaper per actual shown tag</p></li><li><p>user wallpaper tags</p></li></ul><p><code>super+alt+w next user wallpaper, super+ctrl+w previous user wallpaper</code></p><ul><li>dev tag uses as default colorscheme wallpaper</li></ul><p><code>super+c -> change color scheme, super+alt+c -> next colorschme wallpaper, super+ctrl+c -> previous colorscheme wallpaper</code></p><h2 class="relative group">Prohlídka prostředí a programového Lua řešení<div id=prohlídka-prostředí-a-programového-lua-řešení class=anchor></div><span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"><a class="text-primary-300 dark:text-neutral-700 !no-underline" href=#prohl%c3%addka-prost%c5%99ed%c3%ad-a-programov%c3%a9ho-lua-%c5%99e%c5%a1en%c3%ad aria-label=Kotva>#</a></span></h2><p>Po spuštění multicolor theme awesomewm projektu si můžeme prohlédnout detailněji strukturu projektu.</p><div class=highlight-wrapper><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none><code class=language-text data-lang=text><span style=display:flex><span>nvim ~/.config/awesome/rc.lua
</span></span><span style=display:flex><span>nvim ~/.config/awesmoe/themes/multicolor/theme.lua</span></span></code></pre></div></div><p>Zde se opět vraťe k první kapitole a postupně projděte seznam <code>rc.lua</code> a <code>theme.lua</code> přímo v kódu si mozkově propojit, které části kódu patří k daným strukturám.</p><p>Tato část je popsána primárně <strong>ve druhé</strong> video nahrávce věnované awesomewm ricing…</p><h2 class="relative group">Propojení aplikací do awesomewm prostředí<div id=propojení-aplikací-do-awesomewm-prostředí class=anchor></div><span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"><a class="text-primary-300 dark:text-neutral-700 !no-underline" href=#propojen%c3%ad-aplikac%c3%ad-do-awesomewm-prost%c5%99ed%c3%ad aria-label=Kotva>#</a></span></h2><ul><li>ukázka s tmux a nvim propojení s awesomewm</li></ul><p>Spustit tmux, nvim a zobrazit <code>super+ctrl+s</code>, napojení na awesomewm a jeho klávesové propojení a možnosti controlleru</p><ul><li><p>propjení barevných schémat a unifikace GNU/Linux aplikací s prostředím awesomewm a jeho model-view schématem</p></li><li><p>napojení událostí aplikací s naughty</p></li></ul><p>dokončená kompilace nebo testy vašich projektů v maven, komprimací, událostí z browseru, napojení cron tasků, stavů běhu aplikací na pozadí bash terminálu, dokončení kdenlive vytvoření videií a mnoho dalšího.</p><p><a href="https://www.youtube.com/watch?v=KDJbas2FVXM" target=_blank rel=noreferrer>https://www.youtube.com/watch?v=KDJbas2FVXM</a></p><h1 class="relative group"><a href=https://github.com/raven2cz/tux/tree/main/211207-awesome-ricing#d%C5%AFle%C5%BEit%C3%A9-odkazy target=_blank rel=noreferrer></a><div class=anchor></div><span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"><a class="text-primary-300 dark:text-neutral-700 !no-underline" href=# aria-label=Kotva>#</a></span></h1><h1 class="relative group">Důležité odkazy<div id=důležité-odkazy class=anchor></div><span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"><a class="text-primary-300 dark:text-neutral-700 !no-underline" href=#d%c5%afle%c5%beit%c3%a9-odkazy aria-label=Kotva>#</a></span></h1><ul><li><p><a href=https://github.com/raven2cz/awesomewm-config target=_blank rel=noreferrer>raven2cz/awesomewm-config</a></p></li><li><p><a href=https://www.youtube.com/user/tondafischer/featured target=_blank rel=noreferrer>Youtube Channel TUX: Svět Linuxu</a></p></li><li><p><a href=https://archlinux.org/ target=_blank rel=noreferrer>archlinux.org</a></p></li><li><p><a href=https://wiki.archlinux.org/ target=_blank rel=noreferrer>wiki.a</a><a href=https://wiki.archlinux.org/ target=_blank rel=noreferrer>c</a><a href=https://wiki.archlinux.org/ target=_blank rel=noreferrer>hlinux.org</a></p></li><li><p><a href=https://fishlive.org/en/blog-tech-art/arch target=_blank rel=noreferrer>fishlive.org/blog</a></p></li><li><p><a href=https://github.com/raven2cz/tux target=_blank rel=noreferrer>github/raven2cz/tux</a></p></li><li><p><a href=https://github.com/raven2cz/dotfiles target=_blank rel=noreferrer>github/raven2cz/dotfiles</a></p></li><li><p><a href=https://github.com/raven2cz/public-wallpapers target=_blank rel=noreferrer>raven2cz/public-wallpapers</a></p></li><li><p><a href=https://github.com/raven2cz/global-colorscheme target=_blank rel=noreferrer>raven2cz/global-colorschemes</a></p></li></ul></div></div></section><footer class="pt-8 max-w-prose print:hidden"><div class=pt-8><hr class="border-dotted border-neutral-300 dark:border-neutral-600"><div class="flex justify-between pt-3"><span class="flex flex-col"><a class="flex text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400" href=/awesomewm-basics/><span class=leading-6><span class="inline-block rtl:rotate-180">&larr;</span>&ensp;AwesomeWM Basics
</span></a><span class="ms-6 mt-1 text-xs text-neutral-500 dark:text-neutral-400"><time datetime=2022-04-17T00:00:00+00:00>17. dubna 2022</time>
</span></span><span class="flex flex-col items-end"><a class="flex text-right text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400" href=/mastodon-m%C3%A1-ofici%C3%A1ln%C3%AD-aplikaci-pro-android/><span class=leading-6>Mastodon má oficiální aplikaci pro Android&ensp;<span class="inline-block rtl:rotate-180">&rarr;</span>
</span></a><span class="me-6 mt-1 text-xs text-neutral-500 dark:text-neutral-400"><time datetime=2022-04-29T00:00:00+00:00>29. dubna 2022</time></span></span></div></div></footer></article><div id=scroll-to-top class="fixed bottom-6 end-6 z-50 transform translate-y-4 opacity-0 duration-200"><a href=#the-top class="pointer-events-auto flex h-12 w-12 items-center justify-center rounded-full bg-neutral/50 text-xl text-neutral-700 hover:text-primary-600 dark:bg-neutral-800/50 dark:text-neutral dark:hover:text-primary-400" aria-label=Nahoru title=Nahoru>&uarr;</a></div></main><footer id=site-footer class="py-10 print:hidden"><div class="flex items-center justify-center"><p class="text-sm text-neutral-500 dark:text-neutral-400 text-center">&copy; 2026 Arch Linux CZ
&#183;
Postaveno na <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href=https://gohugo.io/ target=_blank rel="noopener noreferrer">Hugo</a> & <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href=https://blowfish.page/ target=_blank rel="noopener noreferrer">Blowfish</a>
&#183;
<a class="hover:underline hover:decoration-primary-400 hover:text-primary-500 inline-flex items-center" href=https://git.arch-linux.cz/ArchlinuxCz/web-archlinux_cz target=_blank rel="noopener noreferrer"><span class="relative block icon"><svg viewBox="5.67 143.05 628.65 387.55"><path fill="currentColor" d="M115.912 143.075c-6.462.0-13.762.525-22.012 2.325-8.7 1.8-33.5 7.4-53.8 26.9C-4.9 212.4 6.6 276.2 8 285.8c1.7 11.7 6.9 44.2 31.7 72.5 45.8 56.1 144.4 54.8 144.4 54.8s12.1 28.9 30.6 55.5c25 33.1 50.7 58.9 75.7 62 63 0 188.9-.1 188.9-.1s12 .1 28.3-10.3c14-8.5 26.5-23.4 26.5-23.4S547 483 565 451.5c5.5-9.7 10.1-19.1 14.1-28 0 0 55.2-117.1 55.2-231.1-1.1-34.5-9.6-40.6-11.6-42.6-4.1-4.1-9.6-4-9.6-4s-117.2 6.6-177.9 8c-13.267.3-26.433.597-39.5.697l.1 117.002s57.4 24.202 83.1 40.102c3.7 2.3 10.2 6.798 12.9 14.398 2.1 6.1 2 13.101-1 19.301l-61 126.9c-6.2 12.7-21.4 18.1-33.9 12l-126.9-61c-12.5-6-17.9-21.2-11.8-33.8l61-126.9c6-12.5 21.2-17.9 33.8-11.8a5290.322 5290.322.0 0027 12.954c0-36.449-.1-109.053-.1-109.053-29 .4-89.2-2.201-89.2-2.201s-141.4-7.1-156.8-8.5c-4.9-.3-10.525-.825-16.988-.825zm12.188 48.026s7.1 59.399 15.7 94.199c7.2 29.2 24.8 77.7 24.8 77.7s-26.1-3.1-43-9.1c-25.9-8.5-36.9-18.7-36.9-18.7S69.6 321.8 60 295.4c-16.5-44.2-1.4-71.2-1.4-71.2s8.4-22.5 38.5-30c13.8-3.7 31-3.1 31-3.1z"/><path fill="currentColor" d="M326.8 380.1c-8.2.1-15.4 5.8-17.3 13.8-1.9 8 2 16.3 9.1 20 7.7 4 17.5 1.8 22.7-5.4 5.1-7.1 4.3-16.9-1.8-23.1l24-49.1c1.5.1 3.7.2 6.2-.5 4.1-.9 7.1-3.6 7.1-3.6 4.2 1.8 8.6 3.8 13.2 6.1 4.8 2.4 9.3 4.9 13.4 7.3.9.5 1.8 1.1 2.8 1.9 1.6 1.3 3.4 3.1 4.7 5.5 1.9 5.5-1.9 14.9-1.9 14.9-2.3 7.6-18.4 40.6-18.4 40.6-8.1-.2-15.3 5-17.7 12.5-2.6 8.1 1.1 17.3 8.9 21.3 7.8 4 17.4 1.7 22.5-5.3 5-6.8 4.6-16.3-1.1-22.6 1.9-3.7 3.7-7.4 5.6-11.3 5-10.4 13.5-30.4 13.5-30.4.9-1.7 5.7-10.3 2.7-21.3-2.5-11.4-12.6-16.7-12.6-16.7-12.2-7.9-29.2-15.2-29.2-15.2s0-4.1-1.1-7.1c-1.1-3.1-2.8-5.1-3.9-6.3 4.7-9.7 9.4-19.3 14.1-29-4.1-2-8.1-4-12.2-6.1-4.8 9.8-9.7 19.7-14.5 29.5-6.7-.1-12.9 3.5-16.1 9.4-3.4 6.3-2.7 14.1 1.9 19.8l-24.6 50.4z"/></svg></span>
<span class=ml-1>Repo</span></a></p></div></footer><div id=search-wrapper class="invisible fixed inset-0 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh] z-500" data-url=https://arch-linux.cz/><div id=search-modal class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"><header class="relative z-10 flex items-center justify-between flex-none px-2"><form class="flex items-center flex-auto min-w-0"><div class="flex items-center justify-center w-8 h-8 text-neutral-400"><span class="relative block icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7 405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9.0 208 0S0 93.1.0 208s93.1 208 208 208c48.3.0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9.0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7.0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7.0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg></span></div><input type=search id=search-query class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent" placeholder=Hledat tabindex=0></form><button id=close-search-button class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400" title="Zavřít (Esc)">
<span class="relative block icon"><svg viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75.0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3 54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75.0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75.0-45.25s32.75-12.5 45.25.0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25.0s12.5 32.75.0 45.25l-105.4 105.4L310.6 361.4z"/></svg></span></button></header><section class="flex-auto px-2 overflow-auto"><ul id=search-results></ul></section></div></div></div></body></html>
Reference in New Issue View Git Blame Copy Permalink