1805 lines
74 KiB
HTML
1805 lines
74 KiB
HTML
<!doctype html>
|
||
<html
|
||
lang="cs"
|
||
dir="ltr"
|
||
class="scroll-smooth"
|
||
data-default-appearance="dark"
|
||
data-auto-appearance="true"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||
<meta charset="utf-8">
|
||
|
||
<meta http-equiv="content-language" content="cs">
|
||
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||
<meta name="theme-color">
|
||
|
||
|
||
|
||
<title>AwesomeWM Ricing · Arch Linux CZ</title>
|
||
<meta name="title" content="AwesomeWM Ricing · Arch Linux CZ">
|
||
|
||
|
||
|
||
|
||
<meta name="description" content="Česká komunita Arch Linuxu">
|
||
|
||
|
||
<meta name="keywords" content="awesomewm,">
|
||
|
||
|
||
|
||
<link rel="canonical" href="http://localhost:1313/posts/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="http://localhost:1313/posts/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&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&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" : "http://localhost:1313/posts/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">↓</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" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.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.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.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-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.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" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.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.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z"/></svg>
|
||
</span>
|
||
</div>
|
||
<div class="hidden dark:block">
|
||
<span class="relative block icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.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-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></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 xmlns="http://www.w3.org/2000/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.3L54.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">·</span><span>1874 slov</span><span class="px-2 text-primary-500">·</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"><?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="196.52mm" height="196.52mm" viewBox="0 0 196.52 196.52" version="1.1">
|
||
<g fill="currentColor" transform="translate(6.6789703,-32.495842) matrix(0.26458333,0,0,0.26458333,-6.6789703,32.495842)">
|
||
<path d="m 181.13086,275.13672 a 68.892408,68.892408 0 0 1 -29.46484,29.32812 l 161.75781,162.38868 38.99805,-19.76368 z m 213.36328,214.1875 -38.99805,19.76367 81.96289,82.2832 a 68.892409,68.892409 0 0 1 29.47071,-29.33203 z"/>
|
||
<path d="m 581.64648,339.39062 -91.57617,46.41016 6.75196,43.18945 103.61523,-52.51367 A 68.892409,68.892409 0 0 1 581.64648,339.39062 Z M 436.9082,412.74219 220.38281,522.47656 a 68.892408,68.892408 0 0 1 18.79492,37.08985 L 443.66016,455.93359 Z"/>
|
||
<path d="M 367.27539,142.4375 262.79492,346.4082 293.64258,377.375 404.26562,161.41797 A 68.892408,68.892408 0 0 1 367.27539,142.4375 Z m -131.6543,257.02148 -52.92187,103.31446 a 68.892409,68.892409 0 0 1 36.98633,18.97851 l 46.78125,-91.32812 z"/>
|
||
<path d="m 150.76758,304.91797 a 68.892408,68.892408 0 0 1 -34.41602,7.19531 68.892408,68.892408 0 0 1 -6.65039,-0.69531 l 30.90235,197.66211 a 68.892409,68.892409 0 0 1 34.41601,-7.19531 68.892409,68.892409 0 0 1 6.64649,0.69531 z"/>
|
||
<path d="m 239.3418,560.54492 a 68.892408,68.892408 0 0 1 0.7207,13.87696 68.892408,68.892408 0 0 1 -7.26758,27.17968 l 197.62891,31.71289 a 68.892409,68.892409 0 0 1 -0.72266,-13.8789 68.892409,68.892409 0 0 1 7.26953,-27.17774 z"/>
|
||
<path d="m 601.13281,377.19922 -91.21875,178.08203 a 68.892408,68.892408 0 0 1 36.99414,18.98242 L 638.125,396.18359 a 68.892409,68.892409 0 0 1 -36.99219,-18.98437 z"/>
|
||
<path d="m 476.72266,125.33008 a 68.892408,68.892408 0 0 1 -29.47071,29.33203 l 141.26563,141.81055 a 68.892409,68.892409 0 0 1 29.46875,-29.33204 z"/>
|
||
<path d="m 347.78711,104.63086 -178.57617,90.49805 a 68.892409,68.892409 0 0 1 18.79297,37.08593 l 178.57421,-90.50195 a 68.892408,68.892408 0 0 1 -18.79101,-37.08203 z"/>
|
||
<path d="m 446.92578,154.82617 a 68.892408,68.892408 0 0 1 -34.98242,7.48242 68.892408,68.892408 0 0 1 -6.0293,-0.63281 l 15.81836,101.29102 43.16211,6.92578 z m -16,167.02735 37.40039,239.48242 a 68.892409,68.892409 0 0 1 33.91406,-6.94336 68.892409,68.892409 0 0 1 7.20704,0.79101 L 474.08984,328.77734 Z"/>
|
||
<path d="m 188.13086,232.97461 a 68.892408,68.892408 0 0 1 0.75781,14.0957 68.892408,68.892408 0 0 1 -7.16015,26.98242 l 101.36914,16.28125 19.92382,-38.9082 z m 173.73633,27.90039 -19.92578,38.91211 239.51367,38.4668 a 68.892409,68.892409 0 0 1 -0.69531,-13.71875 68.892409,68.892409 0 0 1 7.34961,-27.32422 z"/>
|
||
</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 xmlns="http://www.w3.org/2000/svg" xml:space="preserve" 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 0 0 27 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" xmlns="http://www.w3.org/2000/svg"><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 0 0-.18-.66 1.106 1.106 0 0 0-.438-.448c-.194-.11-.457-.166-.785-.166-.332 0-.6.064-.803.189a1.38 1.38 0 0 0-.48.499 1.946 1.946 0 0 0-.231.696 5.56 5.56 0 0 0-.06.785v4.768h-2.35v-4.8c0-.254-.004-.503-.018-.752a2.074 2.074 0 0 0-.143-.688 1.052 1.052 0 0 0-.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 xmlns="http://www.w3.org/2000/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 416c0 17.7-14.3 32-32 32s-32-14.3-32-32C384 253.6 226.4 96 32 96C14.3 96 0 81.7 0 64zM128 416c0 35.3-28.7 64-64 64s-64-28.7-64-64s28.7-64 64-64s64 28.7 64 64zM32 160c159.1 0 288 128.9 288 288c0 17.7-14.3 32-32 32s-32-14.3-32-32c0-123.7-100.3-224-224-224c-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&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 id="" 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 id="" 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 id="" 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 id="" 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 id="" 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 && 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 && git clone git@github.com:raven2cz/global-colorscheme.git && cd ~/git/github/global-colorscheme && ./install.sh
|
||
</span></span><span style="display:flex;"><span># rofi project themes
|
||
</span></span><span style="display:flex;"><span>mkdir ~/.config/rofi && 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> $@&
|
||
</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 id="" 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="/posts/%ef%bf%bcawesomewm-basics/">
|
||
<span class="leading-6">
|
||
<span class="inline-block rtl:rotate-180">←</span> 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="/posts/mastodon-ma-oficialni-aplikaci-pro-android/">
|
||
<span class="leading-6">
|
||
Mastodon má oficiální aplikaci pro Android <span class="inline-block rtl:rotate-180">→</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">
|
||
↑
|
||
</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">
|
||
© 2026 Arch Linux CZ
|
||
·
|
||
|
||
|
||
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>
|
||
·
|
||
<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 xmlns="http://www.w3.org/2000/svg" xml:space="preserve" 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 0 0 27 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="http://localhost:1313/">
|
||
<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" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.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 xmlns="http://www.w3.org/2000/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.3L54.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>
|