deploy: 038a0ee

index.html

@@ -156,23 +156,42 @@ <h1 class="menu-title">Lefthook Documentation</h1>
                 <div id="content" class="content">
                     <main>
                         <h1 id="introduction"><a class="header" href="#introduction">Introduction</a></h1>
+<p><img align="right" width="147" height="125" title="Lefthook logo"
+     src="./favicon.svg"></p>
 <p><strong>Lefthook</strong> is a Git hooks manager. This documentation provides the reference for installing, configuring and using the lefthook.</p>
-<p>Maybe you are looking for</p>
 <ul>
 <li>
-<p><strong><a href="./installation">Installation instructions</a></strong> to install lefthook to your system or just project.</p>
+<p><strong><a href="./installation">Installation instructions</a></strong> to install lefthook to your OS or project.</p>
 </li>
 <li>
 <p><strong><a href="./examples">Examples</a></strong> of lefthook common usage.</p>
 </li>
 <li>
-<p><strong><a href="./configuration">Configuration</a></strong> with details explanation of lefthook options.</p>
+<p><strong><a href="./configuration">Configuration</a></strong> with detailed explanation of lefthook options.</p>
 </li>
 </ul>
+<p><strong>Example:</strong> Run your linters on <code>pre-commit</code> hook and forget about the routine.</p>
+<pre><code class="language-yml"># lefthook.yml
+
+pre-commit:
+  parallel: true
+  jobs:
+    - run: yarn run stylelint --fix {staged_files}
+      glob: "*.css"
+      stage_fixed: true
+
+    - run: yarn run eslint --fix "{staged_files}"
+      glob:
+        - "*.ts"
+        - "*.js"
+        - "*.tsx"
+        - "*.jsx"
+      stage_fixed: true
+</code></pre>
 <hr />
 <a href="https://evilmartians.com/?utm_source=lefthook">
-<img src="https://evilmartians.com/badges/sponsored-by-evil-martians.svg" alt="Sponsored by Evil Martians" width="236" height="54"></a>
-<p>❓If you have a question or found a mistake in the documentation, please create a new <a href="https://github.com/evilmartians/lefthook/discussions/new/choose">discussion</a>. Small contributions help maintaining the quality of the project.</p>
+<img src="https://evilmartians.com/badges/sponsored-by-evil-martians.svg" alt="Sponsored by Evil Martians" width="100%" height="54"></a>
+<p>❓<em>If you have a question or found a mistake in the documentation, please create a new <a href="https://github.com/evilmartians/lefthook/discussions/new/choose">discussion</a>. Small contributions help maintaining the quality of the project.</em></p>
 
                     </main>
 

intro.html

@@ -156,23 +156,42 @@ <h1 class="menu-title">Lefthook Documentation</h1>
                 <div id="content" class="content">
                     <main>
                         <h1 id="introduction"><a class="header" href="#introduction">Introduction</a></h1>
+<p><img align="right" width="147" height="125" title="Lefthook logo"
+     src="./favicon.svg"></p>
 <p><strong>Lefthook</strong> is a Git hooks manager. This documentation provides the reference for installing, configuring and using the lefthook.</p>
-<p>Maybe you are looking for</p>
 <ul>
 <li>
-<p><strong><a href="./installation">Installation instructions</a></strong> to install lefthook to your system or just project.</p>
+<p><strong><a href="./installation">Installation instructions</a></strong> to install lefthook to your OS or project.</p>
 </li>
 <li>
 <p><strong><a href="./examples">Examples</a></strong> of lefthook common usage.</p>
 </li>
 <li>
-<p><strong><a href="./configuration">Configuration</a></strong> with details explanation of lefthook options.</p>
+<p><strong><a href="./configuration">Configuration</a></strong> with detailed explanation of lefthook options.</p>
 </li>
 </ul>
+<p><strong>Example:</strong> Run your linters on <code>pre-commit</code> hook and forget about the routine.</p>
+<pre><code class="language-yml"># lefthook.yml
+
+pre-commit:
+  parallel: true
+  jobs:
+    - run: yarn run stylelint --fix {staged_files}
+      glob: "*.css"
+      stage_fixed: true
+
+    - run: yarn run eslint --fix "{staged_files}"
+      glob:
+        - "*.ts"
+        - "*.js"
+        - "*.tsx"
+        - "*.jsx"
+      stage_fixed: true
+</code></pre>
 <hr />
 <a href="https://evilmartians.com/?utm_source=lefthook">
-<img src="https://evilmartians.com/badges/sponsored-by-evil-martians.svg" alt="Sponsored by Evil Martians" width="236" height="54"></a>
-<p>❓If you have a question or found a mistake in the documentation, please create a new <a href="https://github.com/evilmartians/lefthook/discussions/new/choose">discussion</a>. Small contributions help maintaining the quality of the project.</p>
+<img src="https://evilmartians.com/badges/sponsored-by-evil-martians.svg" alt="Sponsored by Evil Martians" width="100%" height="54"></a>
+<p>❓<em>If you have a question or found a mistake in the documentation, please create a new <a href="https://github.com/evilmartians/lefthook/discussions/new/choose">discussion</a>. Small contributions help maintaining the quality of the project.</em></p>
 
                     </main>
 

print.html

@@ -157,23 +157,42 @@ <h1 class="menu-title">Lefthook Documentation</h1>
                 <div id="content" class="content">
                     <main>
                         <h1 id="introduction"><a class="header" href="#introduction">Introduction</a></h1>
+<p><img align="right" width="147" height="125" title="Lefthook logo"
+     src="./favicon.svg"></p>
 <p><strong>Lefthook</strong> is a Git hooks manager. This documentation provides the reference for installing, configuring and using the lefthook.</p>
-<p>Maybe you are looking for</p>
 <ul>
 <li>
-<p><strong><a href="./installation">Installation instructions</a></strong> to install lefthook to your system or just project.</p>
+<p><strong><a href="./installation">Installation instructions</a></strong> to install lefthook to your OS or project.</p>
 </li>
 <li>
 <p><strong><a href="./examples">Examples</a></strong> of lefthook common usage.</p>
 </li>
 <li>
-<p><strong><a href="./configuration">Configuration</a></strong> with details explanation of lefthook options.</p>
+<p><strong><a href="./configuration">Configuration</a></strong> with detailed explanation of lefthook options.</p>
 </li>
 </ul>
+<p><strong>Example:</strong> Run your linters on <code>pre-commit</code> hook and forget about the routine.</p>
+<pre><code class="language-yml"># lefthook.yml
+
+pre-commit:
+  parallel: true
+  jobs:
+    - run: yarn run stylelint --fix {staged_files}
+      glob: "*.css"
+      stage_fixed: true
+
+    - run: yarn run eslint --fix "{staged_files}"
+      glob:
+        - "*.ts"
+        - "*.js"
+        - "*.tsx"
+        - "*.jsx"
+      stage_fixed: true
+</code></pre>
 <hr />
 <a href="https://evilmartians.com/?utm_source=lefthook">
-<img src="https://evilmartians.com/badges/sponsored-by-evil-martians.svg" alt="Sponsored by Evil Martians" width="236" height="54"></a>
-<p>❓If you have a question or found a mistake in the documentation, please create a new <a href="https://github.com/evilmartians/lefthook/discussions/new/choose">discussion</a>. Small contributions help maintaining the quality of the project.</p>
+<img src="https://evilmartians.com/badges/sponsored-by-evil-martians.svg" alt="Sponsored by Evil Martians" width="100%" height="54"></a>
+<p>❓<em>If you have a question or found a mistake in the documentation, please create a new <a href="https://github.com/evilmartians/lefthook/discussions/new/choose">discussion</a>. Small contributions help maintaining the quality of the project.</em></p>
 <div style="break-before: page; page-break-before: always;"></div><h1 id="install-lefthook"><a class="header" href="#install-lefthook">Install lefthook</a></h1>
 <p>Choose your fighter:</p>
 <ul>