Entrando Zen - Coding.. modo ninja!!! :)

Hace poco ande metiendome en la programación web propiamente con ExtJS y de vez en cuando metiendome un poco a los Css, revisando que tal me va con ellos jugueteando.

Zen Coding es un plugin para editores que nos permite programar mas rapido tanto como ser  HTML, XML, XSL,CSS y otros formatos. El proyecto fue creado por Sergey Chikuyonok en 2009 y continúa siendo desarrollado activamente por Chikuyonok Zen y los usuarios de  Zen Coding.

Esta herramienta se ha incorporado en un sin fin de editores e IDE’s asi como un vistoso y sencillo  plug-in la mayoria desarrollado por el grupo que lleva a flote Zen Coding y otros echos por la comunidad no oficiales. 

Asi que comenzamos con el soporte que tiene, y después la instalación mas un par de ejemplos ;).

Soporte de los siguientes Editores

Editores Oficiales

Aptana/Eclipse (crossplatform) 
TextMate (Mac) 
Coda (Mac) 
Espresso (Mac) 
Komodo Edit/IDE (crossplatform) 
Notepad++ (Windows) 
(browser-based) <br /> editArea (browser-based) </p> <p>Desarrollados por terceros</p> <p>Dreamweaver (Windows, Mac) <br /> Sublime Text (Crossplatform) <br /> UltraEdit (Windows) <br /> TopStyle (Windows) <br /> GEdit (crossplatform) <br /> BBEdit/TextWrangler (Mac) <br /> Visual Studio (Windows) </p> <p>Editores no oficiales</p> <p>IntelliJ IDEA/WebStorm/PHPStorm (crossplatform) <br /> Emacs (crossplatform) <br /> Vim (crossplatform) <br /> ReSharper plugin for Visual Studio</p> <p>Como soy mas amante de Gedit :), explicare como instalar el plugin   y usarlo</p> <p>Instalando</p> <p>1.- Primero  descargar el archivo <a href="https://nodeload.github.com/mikecrittenden/zen-coding-gedit/zipball/master">zip</a>  y descomprimir</p> <p>2.- Movemos el archivo zencoding.gedit-plugin creando una carpeta  zencoding en ~/.gnome2/gedit/plugins/</p> <pre><code>┌─( snifer ) - ( ~/Escritorio ) └──┤ mv zencoding /home/snifer/.gnome2/gedit/plugins/ </code></pre><p>3.- Ahora nos vamos a Gedit, Edit → Preferences → Plugins y lo habilitamos.</p> <p><a href="http://2.bp.blogspot.com/-mVmLRnhvalg/UAOiVDetHII/AAAAAAAABGU/wXihzzDFCv4/s1600/Zencodig.png"><img src="http://2.bp.blogspot.com/-mVmLRnhvalg/UAOiVDetHII/AAAAAAAABGU/wXihzzDFCv4/s320/Zencodig.png" alt="" /></a></p> <p>Zen  Coding perfectamente instalado :) para saber mas de su uso y conocer sus atajos aqui tenemos su <a href="http://code.google.com/p/zen-coding/wiki/CheatSheets">Cheat-Shee</a>t de <a href="http://code.google.com/p/zen-coding/wiki/CheatSheets">ZenCoding</a></p> <p>Ingreso :</p> <pre><code>html:5 ```Salida </code></pre><pre><code> Para poder extender todo lo que hagamos se hace con ctrl + e honestamente algunos diran esto es para vagos pues talvez tengan razon pero ayuda bastante ahorrando lineas de codigo aun mas cuando uno tiene que hacer las mismas cosas cada vez. Espero les sirva de algo.</code></pre> </article> <script defer src="/js/clipboard.min.1626706afc88d95ebe1173b553ec732c6dc82a576989315fdf5e7779af738a44.js"></script> <script defer src="/js/helper/prev.min.js"></script> <script defer src="/js/helper/prop.min.js"></script> <script> 'use strict'; document.addEventListener('DOMContentLoaded', function () { var clipInit = false; var preChromaElem = document.querySelectorAll('pre.chroma'); var langCodeElem = document.querySelectorAll('.language-code'); var dollarCodeElem = document.querySelectorAll('div.language-\\$'); var gtCodeElem = document.querySelectorAll('div.language-\\>'); var makeClipboard = function(elem) { var code = elem, text = elem.textContent; if (text.length > 15) { if (!clipInit) { var text, clip = new ClipboardJS('.copy-to-clipboard', { text: function (trigger) { var codeElem = prev(trigger).querySelectorAll('code'); if (codeElem.length > 1) { text = prev(trigger).querySelector('code[class^="language-"]').textContent; } else { text = prev(trigger).querySelector('code').textContent; } return text.replace(/^\$\s/gm, ''); } }); var inPre; clip.on('success', function (e) { e.clearSelection(); inPre = prop(e.trigger.parentNode, 'tagName') == 'PRE'; e.trigger.setAttribute('aria-label', 'Copied to clipboard!'); e.trigger.classList.add('tooltipped'); e.trigger.classList.add('tooltipped-w'); }); clip.on('error', function (e) { inPre = prop(e.trigger.parentNode, 'tagName') == 'PRE'; e.trigger.setAttribute('aria-label', e.action.toString()); e.trigger.classList.add('tooltipped'); e.trigger.classList.add('tooltipped-w'); }); clipInit = true; } var notAllowedClass = ['language-mermaid', 'language-viz', 'language-wave', 'language-chart', 'language-msc', 'language-flowchart']; var isNotAllowedIncluded = false; var curClassName = code.getAttribute('class'); for (var i = 0; i < notAllowedClass.length; i++) { if (curClassName && curClassName.startsWith(notAllowedClass[i])) { isNotAllowedIncluded = true; break; } } if (!isNotAllowedIncluded) { if (curClassName) { var newClipboardElem = document.createElement('span'); newClipboardElem.setAttribute('class', 'copy-to-clipboard'); newClipboardElem.setAttribute('title', 'Copy to clipboard'); elem.parentNode.parentNode.insertBefore(newClipboardElem, elem.parentNode.nextElementSibling); } } } } var makeSymbolClipboard = function(elem) { var clipboardSpan = document.createElement('span'); clipboardSpan.setAttribute('class', 'copy-to-clipboard'); clipboardSpan.setAttribute('title', 'Copy to clipboard'); elem.parentNode.parentNode.insertBefore(clipboardSpan, elem.parentNode.nextElementSibling); } preChromaElem ? preChromaElem.forEach(function(elem) { elem.querySelectorAll('code').forEach(function(codeElem) { makeClipboard(codeElem); }); }) : null; langCodeElem ? langCodeElem.forEach(function(elem) { elem.querySelectorAll('code').forEach(function (codeElem) { makeClipboard(codeElem); }); }) : null; dollarCodeElem ? dollarCodeElem.forEach(function(elem) { elem.querySelectorAll('code').forEach(function (codeElem) { makeSymbolClipboard(codeElem); }); }) : null; gtCodeElem ? gtCodeElem.forEach(function(elem) { elem.querySelectorAll('code').forEach(function (codeElem) { makeSymbolClipboard(codeElem); }); }) : null; }); </script> <script> 'use strict'; function wrap(el, wrapper) { el.parentNode.insertBefore(wrapper, el); wrapper.appendChild(el); } (function () { var singleContentsElem = document.querySelector('.single__contents'); singleContentsElem ? singleContentsElem.querySelectorAll('pre > code').forEach(function(elem) { var dataLang = elem.getAttribute('data-lang'); var dataLangWrapper = document.createElement('div'); var code = null; var codeTitle = null; if (dataLang && dataLang.includes(':')) { code = dataLang.split(':')[0]; codeTitle = dataLang.split(':')[1]; dataLangWrapper.className = 'language-' + code; dataLangWrapper.setAttribute('data-lang', codeTitle); elem.className = 'language-' + code; elem.setAttribute('data-lang', codeTitle); elem.setAttribute('id', codeTitle); } else if (!dataLang) { dataLangWrapper.setAttribute('data-lang', 'Code'); dataLangWrapper.className = 'language-code'; } if (!dataLang || codeTitle) { wrap(elem.parentNode, dataLangWrapper); } }) : null; })(); var langCodeElem = document.querySelectorAll('.language-code'); langCodeElem ? langCodeElem.forEach(function (elem) { var newElem = document.createElement('span'); newElem.className = 'copy-to-clipboard'; newElem.setAttribute('title', 'Copy to clipboard'); elem.append(newElem); }) : null; var dollarCodeElem = document.querySelectorAll('div.language-\\$'); var gtCodeElem = document.querySelectorAll('div.language-\\>'); dollarCodeElem ? dollarCodeElem.forEach(function(elem) { var lnts = elem.parentNode.parentNode ? elem.parentNode.parentNode.querySelectorAll('.lnt') : null; lnts ? lnts.forEach(function(lnt) { lnt.innerHTML = '$<br/>'; }) : null; }) : null; gtCodeElem ? gtCodeElem.forEach(function(elem) { var lnts = elem.parentNode.parentNode ? elem.parentNode.parentNode.querySelectorAll('.lnt') : null; lnts ? lnts.forEach(function(lnt) { lnt.innerHTML = '><br/>'; }) : null; }) : null; </script> <div class="donation"> <div class="donation__message"> Share on </div> <div class="donation__icons"> <a href="https://www.facebook.com/sharer/sharer.php?u=https%3a%2f%2fsniferl4bs.com%2f2012%2f07%2fzen-coding-trabajando-en-modo-ninja-con-gedit%2f" title="Facebook" aria-label="Facebook Share Button" class="donation__item" target="_blank" rel="noreferrer" data-type="share"> <svg data-name="facebook" enable-background="new 0 0 24 24" viewBox="0 0 24 24" width="35" height="35" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="m15.997 3.985h2.191v-3.816c-.378-.052-1.678-.169-3.192-.169-3.159 0-5.323 1.987-5.323 5.639v3.361h-3.486v4.266h3.486v10.734h4.274v-10.733h3.345l.531-4.266h-3.877v-2.939c.001-1.233.333-2.077 2.051-2.077z"/></svg> </a> <a href="https://twitter.com/intent/tweet?text=Zen-Coding%20trabajando%20en%20modo%20Ninja%20con%20Gedit&url=https%3a%2f%2fsniferl4bs.com%2f2012%2f07%2fzen-coding-trabajando-en-modo-ninja-con-gedit%2f&hashtags=ExtJS%2cHtml%2cGedit&via=sniferl4bs" title="Twitter" aria-label="Twitter Share Button" class="donation__item" target="_blank" rel="noreferrer" data-type="share"> <svg data-name="twitter" enable-background="new 0 0 24 24" viewBox="0 0 24 24" width="35" height="35" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="m21.534 7.113c.976-.693 1.797-1.558 2.466-2.554v-.001c-.893.391-1.843.651-2.835.777 1.02-.609 1.799-1.566 2.165-2.719-.951.567-2.001.967-3.12 1.191-.903-.962-2.19-1.557-3.594-1.557-2.724 0-4.917 2.211-4.917 4.921 0 .39.033.765.114 1.122-4.09-.2-7.71-2.16-10.142-5.147-.424.737-.674 1.58-.674 2.487 0 1.704.877 3.214 2.186 4.089-.791-.015-1.566-.245-2.223-.606v.054c0 2.391 1.705 4.377 3.942 4.835-.401.11-.837.162-1.29.162-.315 0-.633-.018-.931-.084.637 1.948 2.447 3.381 4.597 3.428-1.674 1.309-3.8 2.098-6.101 2.098-.403 0-.79-.018-1.177-.067 2.18 1.405 4.762 2.208 7.548 2.208 8.683 0 14.342-7.244 13.986-14.637z"/></svg> </a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3a%2f%2fsniferl4bs.com%2f2012%2f07%2fzen-coding-trabajando-en-modo-ninja-con-gedit%2f&title=Zen-Coding%20trabajando%20en%20modo%20Ninja%20con%20Gedit &summary=&source=Blog%20de%20In-Seguridad%20Inf%c3%b3rm%c3%a1tica" target="_blank" rel="noreferrer" title="LinkedIn" aria-label="LinkedIn Share Button" class="donation__item" data-type="share"> <svg data-name="linkedin" enable-background="new 0 0 24 24" viewBox="0 0 24 24" width="35" height="35" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="m23.994 24v-.001h.006v-8.802c0-4.306-.927-7.623-5.961-7.623-2.42 0-4.044 1.328-4.707 2.587h-.07v-2.185h-4.773v16.023h4.97v-7.934c0-2.089.396-4.109 2.983-4.109 2.549 0 2.587 2.384 2.587 4.243v7.801z"/><path d="m.396 7.977h4.976v16.023h-4.976z"/><path d="m2.882 0c-1.591 0-2.882 1.291-2.882 2.882s1.291 2.909 2.882 2.909 2.882-1.318 2.882-2.909c-.001-1.591-1.292-2.882-2.882-2.882z"/></svg> </a> <a href="https://www.reddit.com/submit?url=https%3a%2f%2fsniferl4bs.com%2f2012%2f07%2fzen-coding-trabajando-en-modo-ninja-con-gedit%2f&title=Zen-Coding%20trabajando%20en%20modo%20Ninja%20con%20Gedit" target="_blank" rel="noreferrer" title="Reddit" aria-label="Reddit Share Button" onclick="window.open('http://www.reddit.com/submit?url=' + encodeURIComponent(document.URL) + '&title=' + encodeURIComponent(document.title)); return false;" class="donation__item" data-type="share"> <svg data-name="reddit" enable-background="new 0 0 24 24" viewBox="0 0 24 24" width="35" height="35" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="m21.325 9.308c-.758 0-1.425.319-1.916.816-1.805-1.268-4.239-2.084-6.936-2.171l1.401-6.406 4.461 1.016c0 1.108.89 2.013 1.982 2.013 1.113 0 2.008-.929 2.008-2.038s-.889-2.038-2.007-2.038c-.779 0-1.451.477-1.786 1.129l-4.927-1.108c-.248-.067-.491.113-.557.365l-1.538 7.062c-2.676.113-5.084.928-6.895 2.197-.491-.518-1.184-.837-1.942-.837-2.812 0-3.733 3.829-1.158 5.138-.091.405-.132.837-.132 1.268 0 4.301 4.775 7.786 10.638 7.786 5.888 0 10.663-3.485 10.663-7.786 0-.431-.045-.883-.156-1.289 2.523-1.314 1.594-5.115-1.203-5.117zm-15.724 5.41c0-1.129.89-2.038 2.008-2.038 1.092 0 1.983.903 1.983 2.038 0 1.109-.89 2.013-1.983 2.013-1.113.005-2.008-.904-2.008-2.013zm10.839 4.798c-1.841 1.868-7.036 1.868-8.878 0-.203-.18-.203-.498 0-.703.177-.18.491-.18.668 0 1.406 1.463 6.07 1.488 7.537 0 .177-.18.491-.18.668 0 .207.206.207.524.005.703zm-.041-2.781c-1.092 0-1.982-.903-1.982-2.011 0-1.129.89-2.038 1.982-2.038 1.113 0 2.008.903 2.008 2.038-.005 1.103-.895 2.011-2.008 2.011z"/></svg> </a> </div> </div> <div class="donation"> <div class="donation__message"> Support the author with </div> <div class="donation__icons"> <a href="https://www.patreon.com/sniferl4bs" title="patreon" aria-label="patreon" class="donation__item" target="_blank" rel="noreferrer" data-type="donation"> <svg xmlns="http://www.w3.org/2000/svg" fill="#000000" viewBox="0 0 24 24" width="35" height="35"><path fill="#F96854" d="M 3 3 C 2.448 3 2 3.448 2 4 L 2 20 C 2 20.552 2.448 21 3 21 L 5 21 C 5.552 21 6 20.552 6 20 L 6 4 C 6 3.448 5.552 3 5 3 L 3 3 z M 15 3 C 11.141 3 8 6.141 8 10 C 8 13.859 11.141 17 15 17 C 18.859 17 22 13.859 22 10 C 22 6.141 18.859 3 15 3 z"/></svg> </a> <a href="https://www.paypal.com/paypalme/sniferl4bs" title="paypal" aria-label="paypal" class="donation__item" target="_blank" rel="noreferrer" data-type="donation"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="35" height="35"><path fill="#1565C0" d="M18.7,13.767l0.005,0.002C18.809,13.326,19.187,13,19.66,13h13.472c0.017,0,0.034-0.007,0.051-0.006C32.896,8.215,28.887,6,25.35,6H11.878c-0.474,0-0.852,0.335-0.955,0.777l-0.005-0.002L5.029,33.813l0.013,0.001c-0.014,0.064-0.039,0.125-0.039,0.194c0,0.553,0.447,0.991,1,0.991h8.071L18.7,13.767z"/><path fill="#039BE5" d="M33.183,12.994c0.053,0.876-0.005,1.829-0.229,2.882c-1.281,5.995-5.912,9.115-11.635,9.115c0,0-3.47,0-4.313,0c-0.521,0-0.767,0.306-0.88,0.54l-1.74,8.049l-0.305,1.429h-0.006l-1.263,5.796l0.013,0.001c-0.014,0.064-0.039,0.125-0.039,0.194c0,0.553,0.447,1,1,1h7.333l0.013-0.01c0.472-0.007,0.847-0.344,0.945-0.788l0.018-0.015l1.812-8.416c0,0,0.126-0.803,0.97-0.803s4.178,0,4.178,0c5.723,0,10.401-3.106,11.683-9.102C42.18,16.106,37.358,13.019,33.183,12.994z"/><path fill="#283593" d="M19.66,13c-0.474,0-0.852,0.326-0.955,0.769L18.7,13.767l-2.575,11.765c0.113-0.234,0.359-0.54,0.88-0.54c0.844,0,4.235,0,4.235,0c5.723,0,10.432-3.12,11.713-9.115c0.225-1.053,0.282-2.006,0.229-2.882C33.166,12.993,33.148,13,33.132,13H19.66z"/></svg> </a> </div> </div> <div class="whoami__gutter"></div> <hr class="hr-slash whoami-hr"/> <section class="whoami"> <div class="whoami__image-wrapper"> <img data-src="/images/whoami/avatar.jpg" src="data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath fill='%23aaa' d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 16H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1zm-4.44-6.19l-2.35 3.02-1.56-1.88c-.2-.25-.58-.24-.78.01l-1.74 2.23c-.26.33-.02.81.39.81h8.98c.41 0 .65-.47.4-.8l-2.55-3.39c-.19-.26-.59-.26-.79 0z'/%3E%3C/svg%3E" alt="Avatar" class="lazyload whoami__image"/> </div> <div class="whoami__contents"> <div class="whoami__written-by"> WRITTEN BY </div> <div class="whoami__title"> </div> <div class="whoami__desc"> </div> <div class="whoami__social"> <a href="mailto:sniferl4bs@gmail.com" title="email" aria-label="email"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path fill="currentColor" d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-.4 4.25l-7.07 4.42c-.32.2-.74.2-1.06 0L4.4 8.25c-.25-.16-.4-.43-.4-.72 0-.67.73-1.07 1.3-.72L12 11l6.7-4.19c.57-.35 1.3.05 1.3.72 0 .29-.15.56-.4.72z"/></svg> </a> <a href="http://www.facebook.com/sniferl4bs" title="facebook" aria-label="facebook"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25" viewBox="0 0 24 24" version="1.1"> <g id="surface2747"> <path fill="currentColor" d="M 11.664062 2.003906 C 6.621094 2.171875 2.375 6.25 2.023438 11.289062 C 1.65625 16.617188 5.46875 21.121094 10.507812 21.878906 L 10.507812 14.648438 L 8.890625 14.648438 C 8.164062 14.648438 7.578125 14.0625 7.578125 13.335938 C 7.578125 12.609375 8.164062 12.023438 8.890625 12.023438 L 10.503906 12.023438 L 10.503906 10.273438 C 10.503906 7.378906 11.914062 6.105469 14.324219 6.105469 C 14.679688 6.105469 14.984375 6.113281 15.242188 6.128906 C 15.878906 6.15625 16.371094 6.6875 16.371094 7.324219 C 16.371094 7.988281 15.835938 8.523438 15.171875 8.523438 L 14.730469 8.523438 C 13.710938 8.523438 13.351562 9.492188 13.351562 10.585938 L 13.351562 12.023438 L 15.222656 12.023438 C 15.8125 12.023438 16.265625 12.550781 16.175781 13.132812 L 16.066406 13.835938 C 15.992188 14.304688 15.589844 14.652344 15.113281 14.652344 L 13.351562 14.652344 L 13.351562 21.898438 C 18.234375 21.234375 22 17.0625 22 12 C 22 6.367188 17.339844 1.820312 11.664062 2.003906 Z M 11.664062 2.003906 "/> </g> </svg> </a> <a href="http://github.com/snifer" title="github" aria-label="github"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25" viewBox="0 0 24 24" version="1.1"> <g id="surface3680"> <path fill="currentColor" d="M 10.898438 2.101562 C 6.300781 2.601562 2.601562 6.300781 2.101562 10.800781 C 1.601562 15.5 4.300781 19.699219 8.398438 21.300781 C 8.699219 21.398438 9 21.199219 9 20.800781 L 9 19.199219 C 9 19.199219 8.601562 19.300781 8.101562 19.300781 C 6.699219 19.300781 6.101562 18.101562 6 17.398438 C 5.898438 17 5.699219 16.699219 5.398438 16.398438 C 5.101562 16.300781 5 16.300781 5 16.199219 C 5 16 5.300781 16 5.398438 16 C 6 16 6.5 16.699219 6.699219 17 C 7.199219 17.800781 7.800781 18 8.101562 18 C 8.5 18 8.800781 17.898438 9 17.800781 C 9.101562 17.101562 9.398438 16.398438 10 16 C 7.699219 15.5 6 14.199219 6 12 C 6 10.898438 6.5 9.800781 7.199219 9 C 7.101562 8.800781 7 8.300781 7 7.601562 C 7 7.199219 7 6.601562 7.300781 6 C 7.300781 6 8.699219 6 10.101562 7.300781 C 10.601562 7.101562 11.300781 7 12 7 C 12.699219 7 13.398438 7.101562 14 7.300781 C 15.300781 6 16.800781 6 16.800781 6 C 17 6.601562 17 7.199219 17 7.601562 C 17 8.398438 16.898438 8.800781 16.800781 9 C 17.5 9.800781 18 10.800781 18 12 C 18 14.199219 16.300781 15.5 14 16 C 14.601562 16.5 15 17.398438 15 18.300781 L 15 20.898438 C 15 21.199219 15.300781 21.5 15.699219 21.398438 C 19.398438 19.898438 22 16.300781 22 12.101562 C 22 6.101562 16.898438 1.398438 10.898438 2.101562 Z M 10.898438 2.101562 "/> </g> </svg> </a> <a href="https://t.me/HackySec" title="telegram" aria-label="telegram"> <svg data-name="telegram" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="25" height="25"><path fill="currentColor" d="M 26.070313 3.996094 C 25.734375 4.011719 25.417969 4.109375 25.136719 4.21875 L 25.132813 4.21875 C 24.847656 4.332031 23.492188 4.902344 21.433594 5.765625 C 19.375 6.632813 16.703125 7.757813 14.050781 8.875 C 8.753906 11.105469 3.546875 13.300781 3.546875 13.300781 L 3.609375 13.277344 C 3.609375 13.277344 3.25 13.394531 2.875 13.652344 C 2.683594 13.777344 2.472656 13.949219 2.289063 14.21875 C 2.105469 14.488281 1.957031 14.902344 2.011719 15.328125 C 2.101563 16.050781 2.570313 16.484375 2.90625 16.722656 C 3.246094 16.964844 3.570313 17.078125 3.570313 17.078125 L 3.578125 17.078125 L 8.460938 18.722656 C 8.679688 19.425781 9.949219 23.597656 10.253906 24.558594 C 10.433594 25.132813 10.609375 25.492188 10.828125 25.765625 C 10.933594 25.90625 11.058594 26.023438 11.207031 26.117188 C 11.265625 26.152344 11.328125 26.179688 11.390625 26.203125 C 11.410156 26.214844 11.429688 26.21875 11.453125 26.222656 L 11.402344 26.210938 C 11.417969 26.214844 11.429688 26.226563 11.441406 26.230469 C 11.480469 26.242188 11.507813 26.246094 11.558594 26.253906 C 12.332031 26.488281 12.953125 26.007813 12.953125 26.007813 L 12.988281 25.980469 L 15.871094 23.355469 L 20.703125 27.0625 L 20.8125 27.109375 C 21.820313 27.550781 22.839844 27.304688 23.378906 26.871094 C 23.921875 26.433594 24.132813 25.875 24.132813 25.875 L 24.167969 25.785156 L 27.902344 6.65625 C 28.007813 6.183594 28.035156 5.742188 27.917969 5.3125 C 27.800781 4.882813 27.5 4.480469 27.136719 4.265625 C 26.769531 4.046875 26.40625 3.980469 26.070313 3.996094 Z M 25.96875 6.046875 C 25.964844 6.109375 25.976563 6.101563 25.949219 6.222656 L 25.949219 6.234375 L 22.25 25.164063 C 22.234375 25.191406 22.207031 25.25 22.132813 25.308594 C 22.054688 25.371094 21.992188 25.410156 21.667969 25.28125 L 15.757813 20.75 L 12.1875 24.003906 L 12.9375 19.214844 C 12.9375 19.214844 22.195313 10.585938 22.59375 10.214844 C 22.992188 9.84375 22.859375 9.765625 22.859375 9.765625 C 22.886719 9.3125 22.257813 9.632813 22.257813 9.632813 L 10.082031 17.175781 L 10.078125 17.15625 L 4.242188 15.191406 L 4.242188 15.1875 C 4.238281 15.1875 4.230469 15.183594 4.226563 15.183594 C 4.230469 15.183594 4.257813 15.171875 4.257813 15.171875 L 4.289063 15.15625 L 4.320313 15.144531 C 4.320313 15.144531 9.53125 12.949219 14.828125 10.71875 C 17.480469 9.601563 20.152344 8.476563 22.207031 7.609375 C 24.261719 6.746094 25.78125 6.113281 25.867188 6.078125 C 25.949219 6.046875 25.910156 6.046875 25.96875 6.046875 Z"/></svg> </a> <a href="http://www.twitter.com/sniferl4bs" title="twitter" aria-label="twitter"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25" viewBox="0 0 32 32" version="1.1"> <g id="surface676"> <path fill="currentColor" d="M 28 8.558594 C 27.117188 8.949219 26.167969 9.214844 25.171875 9.332031 C 26.1875 8.722656 26.96875 7.757812 27.335938 6.609375 C 26.386719 7.171875 25.332031 7.582031 24.210938 7.804688 C 23.3125 6.847656 22.03125 6.246094 20.617188 6.246094 C 17.898438 6.246094 15.691406 8.453125 15.691406 11.171875 C 15.691406 11.558594 15.734375 11.933594 15.820312 12.292969 C 11.726562 12.089844 8.097656 10.128906 5.671875 7.148438 C 5.246094 7.875 5.003906 8.722656 5.003906 9.625 C 5.003906 11.332031 5.871094 12.839844 7.195312 13.722656 C 6.386719 13.695312 5.628906 13.476562 4.964844 13.105469 C 4.964844 13.128906 4.964844 13.148438 4.964844 13.167969 C 4.964844 15.554688 6.660156 17.546875 8.914062 17.996094 C 8.5 18.109375 8.066406 18.171875 7.617188 18.171875 C 7.300781 18.171875 6.988281 18.140625 6.691406 18.082031 C 7.316406 20.039062 9.136719 21.460938 11.289062 21.503906 C 9.605469 22.824219 7.480469 23.609375 5.175781 23.609375 C 4.777344 23.609375 4.386719 23.585938 4 23.539062 C 6.179688 24.9375 8.765625 25.753906 11.546875 25.753906 C 20.605469 25.753906 25.558594 18.25 25.558594 11.742188 C 25.558594 11.53125 25.550781 11.316406 25.542969 11.105469 C 26.503906 10.410156 27.339844 9.542969 28 8.558594 Z M 28 8.558594 "/> </g> </svg> </a> <a href="https://www.youtube.com/c/SniferL4bs" title="youtube" aria-label="youtube"> <svg xmlns="http://www.w3.org/2000/svg" fill="#000000" viewBox="0 0 30 30" width="25" height="25"> <path fill="currentColor" d="M 7.4140625 3 L 9.1894531 9.4121094 L 9.1894531 12.488281 L 10.726562 12.488281 L 10.726562 9.4121094 L 12.525391 3 L 10.976562 3 L 10.332031 5.9179688 C 10.151031 6.7699687 10.035422 7.3753281 9.9824219 7.7363281 L 9.9355469 7.7363281 C 9.8605469 7.2313281 9.7439375 6.62125 9.5859375 5.90625 L 8.9648438 3 L 7.4140625 3 z M 14.318359 5.4199219 C 13.797359 5.4199219 13.376641 5.5224687 13.056641 5.7304688 C 12.735641 5.9374688 12.500609 6.2687031 12.349609 6.7207031 C 12.199609 7.1737031 12.123047 7.7715781 12.123047 8.5175781 L 12.123047 9.5234375 C 12.123047 10.261437 12.190266 10.853828 12.322266 11.298828 C 12.454266 11.743828 12.675281 12.072203 12.988281 12.283203 C 13.301281 12.494203 13.733203 12.600562 14.283203 12.601562 C 14.818203 12.601562 15.244641 12.497063 15.556641 12.289062 C 15.868641 12.081063 16.095375 11.755641 16.234375 11.306641 C 16.373375 10.857641 16.443359 10.264391 16.443359 9.5253906 L 16.443359 8.5175781 C 16.443359 7.7715781 16.371516 7.1755625 16.228516 6.7265625 C 16.085516 6.2785625 15.860781 5.9473281 15.550781 5.7363281 C 15.241781 5.5253281 14.830359 5.4199219 14.318359 5.4199219 z M 17.251953 5.5566406 L 17.251953 10.734375 C 17.251953 11.375375 17.362078 11.847437 17.580078 12.148438 C 17.799078 12.449437 18.137656 12.599609 18.597656 12.599609 C 19.260656 12.599609 19.758844 12.279672 20.089844 11.638672 L 20.123047 11.638672 L 20.259766 12.486328 L 21.480469 12.486328 L 21.480469 5.5566406 L 19.921875 5.5566406 L 19.921875 11.060547 C 19.861875 11.189547 19.769531 11.295906 19.644531 11.378906 C 19.519531 11.462906 19.389906 11.503906 19.253906 11.503906 C 19.094906 11.503906 18.982063 11.436687 18.914062 11.304688 C 18.846063 11.172688 18.8125 10.954531 18.8125 10.644531 L 18.8125 5.5566406 L 17.251953 5.5566406 z M 14.283203 6.4941406 C 14.501203 6.4941406 14.656187 6.6098437 14.742188 6.8398438 C 14.829188 7.0688437 14.871094 7.4316875 14.871094 7.9296875 L 14.871094 10.089844 C 14.871094 10.602844 14.828188 10.971266 14.742188 11.197266 C 14.656188 11.423266 14.502156 11.536109 14.285156 11.537109 C 14.067156 11.537109 13.915031 11.423266 13.832031 11.197266 C 13.748031 10.971266 13.707031 10.601844 13.707031 10.089844 L 13.707031 7.9296875 C 13.707031 7.4326875 13.751891 7.0698438 13.837891 6.8398438 C 13.923891 6.6108438 14.072203 6.4941406 14.283203 6.4941406 z M 6.5 13.900391 C 5.119 13.900391 4 15.019391 4 16.400391 L 4 24.400391 C 4 25.781391 5.119 26.900391 6.5 26.900391 L 23.5 26.900391 C 24.881 26.900391 26 25.781391 26 24.400391 L 26 16.400391 C 26 15.019391 24.881 13.900391 23.5 13.900391 L 6.5 13.900391 z M 15.058594 16.199219 L 16.328125 16.199219 L 16.328125 19.283203 L 16.337891 19.283203 C 16.451891 19.060203 16.614219 18.881141 16.824219 18.744141 C 17.034219 18.607141 17.261906 18.539062 17.503906 18.539062 C 17.815906 18.539062 18.059328 18.622109 18.236328 18.787109 C 18.413328 18.952109 18.544047 19.220844 18.623047 19.589844 C 18.702047 19.959844 18.742188 20.471953 18.742188 21.126953 L 18.742188 22.050781 C 18.742188 22.922781 18.637734 23.563609 18.427734 23.974609 C 18.217734 24.385609 17.888359 24.591797 17.443359 24.591797 C 17.195359 24.591797 16.969625 24.533922 16.765625 24.419922 C 16.561625 24.305922 16.410594 24.149172 16.308594 23.951172 L 16.279297 23.951172 L 16.146484 24.503906 L 15.058594 24.503906 L 15.058594 16.199219 z M 7.1835938 16.496094 L 11.087891 16.496094 L 11.087891 17.556641 L 9.7792969 17.556641 L 9.7792969 24.503906 L 8.4902344 24.503906 L 8.4902344 17.556641 L 7.1835938 17.556641 L 7.1835938 16.496094 z M 21.117188 18.542969 C 21.568188 18.542969 21.916203 18.624062 22.158203 18.789062 C 22.399203 18.955063 22.570922 19.2135 22.669922 19.5625 C 22.767922 19.9125 22.816406 20.396672 22.816406 21.013672 L 22.816406 22.017578 L 20.613281 22.017578 L 20.613281 22.314453 C 20.613281 22.690453 20.623484 22.971203 20.646484 23.158203 C 20.669484 23.345203 20.715156 23.483359 20.785156 23.568359 C 20.855156 23.654359 20.963375 23.697266 21.109375 23.697266 C 21.306375 23.697266 21.441625 23.62075 21.515625 23.46875 C 21.588625 23.31675 21.628766 23.061078 21.634766 22.705078 L 22.769531 22.771484 C 22.775531 22.821484 22.779297 22.893422 22.779297 22.982422 C 22.779297 23.523422 22.631937 23.927359 22.335938 24.193359 C 22.039938 24.461359 21.621078 24.595703 21.080078 24.595703 C 20.431078 24.595703 19.976844 24.391375 19.714844 23.984375 C 19.452844 23.577375 19.324219 22.94675 19.324219 22.09375 L 19.324219 21.072266 C 19.324219 20.194266 19.460469 19.553438 19.730469 19.148438 C 20.000469 18.743437 20.462188 18.542969 21.117188 18.542969 z M 12.949219 18.650391 L 14.267578 18.650391 L 14.267578 24.501953 L 14.263672 24.501953 L 14.263672 24.503906 L 13.232422 24.503906 L 13.119141 23.787109 L 13.089844 23.787109 C 12.809844 24.329109 12.390078 24.599609 11.830078 24.599609 C 11.441078 24.599609 11.155703 24.47375 10.970703 24.21875 C 10.785703 23.96475 10.693359 23.565391 10.693359 23.025391 L 10.693359 18.652344 L 12.013672 18.652344 L 12.013672 22.949219 C 12.013672 23.209219 12.042609 23.397813 12.099609 23.507812 C 12.157609 23.619812 12.251719 23.673828 12.386719 23.673828 C 12.500719 23.673828 12.609844 23.639359 12.714844 23.568359 C 12.820844 23.498359 12.897219 23.408781 12.949219 23.300781 L 12.949219 18.650391 z M 21.089844 19.431641 C 20.949844 19.431641 20.844344 19.472687 20.777344 19.554688 C 20.710344 19.637687 20.665531 19.772938 20.644531 19.960938 C 20.621531 20.147938 20.611328 20.433453 20.611328 20.814453 L 20.611328 21.234375 L 21.574219 21.234375 L 21.574219 20.814453 C 21.574219 20.438453 21.562109 20.154937 21.537109 19.960938 C 21.512109 19.765937 21.467391 19.630781 21.400391 19.550781 C 21.333391 19.471781 21.230844 19.431641 21.089844 19.431641 z M 16.910156 19.474609 C 16.783156 19.474609 16.664641 19.524953 16.556641 19.626953 C 16.448641 19.728953 16.372125 19.859578 16.328125 20.017578 L 16.328125 23.339844 C 16.386125 23.441844 16.460734 23.517359 16.552734 23.568359 C 16.644734 23.618359 16.744516 23.646484 16.853516 23.646484 C 16.993516 23.646484 17.1045 23.596141 17.1875 23.494141 C 17.2705 23.392141 17.329281 23.220516 17.363281 22.978516 C 17.398281 22.737516 17.416016 22.402562 17.416016 21.976562 L 17.416016 21.222656 C 17.416016 20.764656 17.402047 20.411109 17.373047 20.162109 C 17.345047 19.914109 17.292703 19.736812 17.220703 19.632812 C 17.147703 19.528813 17.045156 19.474609 16.910156 19.474609 z"/></svg> </a> </div> </div> </section> <hr class="hr-slash whoami-hr" /> <section class="related"> <h1 class="related__title"> <hr class="hr-dots"/> <div> See Also </div> <hr class="hr-dots"/> </h1> <ul class="related-ul"> <li> <a href="/2012/05/senchainstalando-ext-js-4-conociendo-un-poco-el-framework/" class="related__link">[Sencha]Instalando Ext JS 4 conociendo un poco el framework</a> </li> <li> <a href="/2012/05/conviertiendo-a-gedit-en-un-ide-para-python/" class="related__link">Conviertiendo a Gedit en un IDE para Python</a> </li> </ul> </section> <div class="grow"></div> <nav class="pagination-single"> <a href="https://sniferl4bs.com/2012/07/tip-cat-split-el-mejor-aliado-para-cortar/" class="pagination-single__left"> <div class="pagination-single__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path fill="currentColor" d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z"/></svg> </div> <div class="pagination-single__left-title">[TIP] Cat & Split el mejor aliado para cortar</div> </a> <div class="grow"></div> <a href="https://sniferl4bs.com/2012/07/tipbuscar-y-eliminar-ficheros-duplicados-con/" class="pagination-single__right"> <div class="pagination-single__right-title">[Tip]Buscar y eliminar ficheros duplicados con</div> <div class="pagination-single__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path fill="currentColor" d="M5 13h11.17l-4.88 4.88c-.39.39-.39 1.03 0 1.42.39.39 1.02.39 1.41 0l6.59-6.59c.39-.39.39-1.02 0-1.41l-6.58-6.6c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L16.17 11H5c-.55 0-1 .45-1 1s.45 1 1 1z"/></svg> </div> </a> </nav> <div id="gitalk-container"></div> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css" crossorigin="anonymous"> <script src="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js" crossorigin="anonymous"></script> <script> var gitalk = new Gitalk({ id: '2012-07-16 01:19:00.002 -0400 -0400', title: 'Zen-Coding trabajando en modo Ninja con Gedit', clientID: '9e37ed2a6d2ae1421f62', clientSecret: '4e5bb71b08596e0788288db3d8356463b5caa894', repo: 'SniferL4bs', owner: 'Snifer', admin: ['Snifer'], body: decodeURI(location.href) }); gitalk.render('gitalk-container'); </script> <noscript>Please enable JavaScript to view the <a href="https://github.com/gitalk/gitalk">comments powered by gitalk.</a></noscript> <div class="modal micromodal-slide" id="modal" aria-hidden="true"> <div class="modal__overlay" tabindex="-1" data-micromodal-close> <div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="modal-title"> <div class="modal__content" id="modal-content"> <div id="mySwipe" class="swipe"> <div class="swipe-wrap"> </div> </div> </div> <span class="modal__items"> <span class="modal__header"> <div class="modal__paging" title="Page Info" aria-label="Current Page"> </div> <div class="modal__icon modal__toolbar modal__toolbar--close" title="Close" aria-label="Close Button" data-micromodal-close> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" width="25" height="25"><path fill="currentColor" d="M 21.734375 19.640625 L 19.636719 21.734375 C 19.253906 22.121094 18.628906 22.121094 18.242188 21.734375 L 13 16.496094 L 7.761719 21.734375 C 7.375 22.121094 6.746094 22.121094 6.363281 21.734375 L 4.265625 19.640625 C 3.878906 19.253906 3.878906 18.628906 4.265625 18.242188 L 9.503906 13 L 4.265625 7.761719 C 3.882813 7.371094 3.882813 6.742188 4.265625 6.363281 L 6.363281 4.265625 C 6.746094 3.878906 7.375 3.878906 7.761719 4.265625 L 13 9.507813 L 18.242188 4.265625 C 18.628906 3.878906 19.257813 3.878906 19.636719 4.265625 L 21.734375 6.359375 C 22.121094 6.746094 22.121094 7.375 21.738281 7.761719 L 16.496094 13 L 21.734375 18.242188 C 22.121094 18.628906 22.121094 19.253906 21.734375 19.640625 Z"/></svg> </div> <div class="modal__icon modal__toolbar modal__toolbar--full" title="Full Screen" aria-label="Full Screen Button"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="25" height="25"><path fill="currentColor" d="M 5 3 C 3.9069372 3 3 3.9069372 3 5 L 3 8 A 1.0001 1.0001 0 1 0 5 8 L 5 5 L 8 5 A 1.0001 1.0001 0 1 0 8 3 L 5 3 z M 16 3 A 1.0001 1.0001 0 1 0 16 5 L 19 5 L 19 8 A 1.0001 1.0001 0 1 0 21 8 L 21 5 C 21 3.9069372 20.093063 3 19 3 L 16 3 z M 3.984375 14.986328 A 1.0001 1.0001 0 0 0 3 16 L 3 19 C 3 20.093063 3.9069372 21 5 21 L 8 21 A 1.0001 1.0001 0 1 0 8 19 L 5 19 L 5 16 A 1.0001 1.0001 0 0 0 3.984375 14.986328 z M 19.984375 14.986328 A 1.0001 1.0001 0 0 0 19 16 L 19 19 L 16 19 A 1.0001 1.0001 0 1 0 16 21 L 19 21 C 20.093063 21 21 20.093063 21 19 L 21 16 A 1.0001 1.0001 0 0 0 19.984375 14.986328 z"/></svg> </div> <div class="modal__icon modal__toolbar modal__toolbar--normal" title="Normal Screen" aria-label="Normal Screen Button"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="25" height="25"><path fill="currentColor" d="M 16.96875 4.972656 C 15.867188 4.988281 14.984375 5.894531 15 7 L 15 15 L 7 15 C 6.277344 14.988281 5.609375 15.367188 5.246094 15.992188 C 4.878906 16.613281 4.878906 17.386719 5.246094 18.007813 C 5.609375 18.632813 6.277344 19.011719 7 19 L 19 19 L 19 7 C 19.007813 6.460938 18.796875 5.941406 18.414063 5.558594 C 18.03125 5.175781 17.511719 4.964844 16.96875 4.972656 Z M 32.96875 4.972656 C 31.921875 4.988281 31.0625 5.8125 31.003906 6.859375 C 31 6.90625 31 6.953125 31 7 L 31 19 L 43 19 C 43.066406 19 43.132813 19 43.199219 18.992188 C 44.269531 18.894531 45.070313 17.972656 45.015625 16.902344 C 44.964844 15.828125 44.074219 14.988281 43 15 L 35 15 L 35 7 C 35.007813 6.460938 34.796875 5.941406 34.414063 5.558594 C 34.03125 5.175781 33.511719 4.964844 32.96875 4.972656 Z M 7 31 C 6.277344 30.988281 5.609375 31.367188 5.246094 31.992188 C 4.878906 32.613281 4.878906 33.386719 5.246094 34.007813 C 5.609375 34.632813 6.277344 35.011719 7 35 L 15 35 L 15 43 C 14.988281 43.722656 15.367188 44.390625 15.992188 44.753906 C 16.613281 45.121094 17.386719 45.121094 18.007813 44.753906 C 18.632813 44.390625 19.011719 43.722656 19 43 L 19 31 Z M 31 31 L 31 43 C 30.988281 43.722656 31.367188 44.390625 31.992188 44.753906 C 32.613281 45.121094 33.386719 45.121094 34.007813 44.753906 C 34.632813 44.390625 35.011719 43.722656 35 43 L 35 35 L 43 35 C 43.722656 35.011719 44.390625 34.632813 44.753906 34.007813 C 45.121094 33.386719 45.121094 32.613281 44.753906 31.992188 C 44.390625 31.367188 43.722656 30.988281 43 31 Z"/></svg> </div> </span> <div class="modal__icon modal__arrow modal__arrow--left" title="Arrow Left" aria-label="Arrow Left Button"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" width="28" height="28"><path fill="currentColor" d="M 23.28125 11 L 10 10 L 10 6.851563 C 10 6.523438 9.839844 6.277344 9.519531 6.03125 C 9.199219 5.949219 8.878906 5.949219 8.640625 6.113281 C 5.359375 8.410156 2.238281 12.257813 2.160156 12.421875 C 2.082031 12.578125 2.007813 12.8125 2.003906 12.976563 C 2.003906 12.980469 2 12.988281 2 12.992188 C 2 13.15625 2.078125 13.402344 2.160156 13.484375 C 2.238281 13.648438 5.28125 17.507813 8.640625 19.804688 C 8.960938 19.96875 9.28125 20.050781 9.519531 19.886719 C 9.839844 19.722656 10 19.476563 10 19.148438 L 10 16 L 23.28125 15 C 23.679688 14.679688 24 13.875 24 12.992188 C 24 12.195313 23.761719 11.320313 23.28125 11 Z"/></svg> </div> <div class="modal__icon modal__arrow modal__arrow--right" title="Arrow Right" aria-label="Arrow Right Button"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" width="28" height="28"><path fill="currentColor" d="M 2.71875 11.023438 L 16 10.023438 L 16 6.875 C 16 6.546875 16.160156 6.300781 16.480469 6.054688 C 16.800781 5.972656 17.121094 5.972656 17.359375 6.136719 C 20.640625 8.433594 23.761719 12.28125 23.839844 12.445313 C 23.917969 12.601563 23.992188 12.835938 23.996094 13 C 23.996094 13.003906 24 13.011719 24 13.015625 C 24 13.179688 23.921875 13.425781 23.839844 13.507813 C 23.761719 13.671875 20.71875 17.53125 17.359375 19.828125 C 17.039063 19.992188 16.71875 20.074219 16.480469 19.910156 C 16.160156 19.746094 16 19.5 16 19.171875 L 16 16.023438 L 2.71875 15.023438 C 2.320313 14.703125 2 13.898438 2 13.015625 C 2 12.21875 2.238281 11.34375 2.71875 11.023438 Z"/></svg> </div> <div class="modal__caption"> <div class="modal__caption--text"> </div> </div> </span> </div> </div> </div> <script defer src="/js/swipe.min.989e074dfb92ce7f57a92c1df7027f88b53c50a54fd9ad450a673a64aa91bfa4.js"></script> <script defer src="/js/micromodal.min.de01b44b2f383056bbcaf6ee921fd385d79108ec1129afd0eb2f3f5a07e11f45.js"></script> <script defer src="/js/helper/fadeinout.min.js"></script> <script> document.addEventListener('DOMContentLoaded', function () { var docElem = document.documentElement; function openFullscreen() { if (docElem.requestFullscreen) { docElem.requestFullscreen(); } else if (docElem.mozRequestFullScreen) { docElem.mozRequestFullScreen(); } else if (docElem.webkitRequestFullscreen) { docElem.webkitRequestFullscreen(); } else if (docElem.msRequestFullscreen) { docElem.msRequestFullscreen(); } } function closeFullscreen() { if (document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement) { if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else if (document.webkitExitFullscreen) { document.webkitExitFullscreen(); } else if (document.msExitFullscreen) { document.msExitFullscreen(); } } } var modal = document.getElementById('modal'); var galleryContainerElem = document.querySelector('.gallery__container'); var swipeWrapElem = document.querySelector('.swipe-wrap'); var mySwipeElem = document.getElementById('mySwipe'); var arrowLeftElem = document.querySelector('.modal__arrow--left'); var arrowRightElem = document.querySelector('.modal__arrow--right'); var closeElem = document.querySelector('.modal__toolbar--close'); var fullElem = document.querySelector('.modal__toolbar--full'); var normalElem = document.querySelector('.modal__toolbar--normal'); var captionElem = document.querySelector('.modal__caption'); var pagingElem = document.querySelector('.modal__paging'); var itemsElem = document.querySelector('.modal__items'); var imgTotalNum = null; var myFadeTimeout = null; var mySwipe = null; var keydownFunction = function (e) { if (e.key === 'ArrowRight') { if (modal && modal.classList.contains('is-open')) { mySwipe.next(); } } else if (e.key === 'ArrowLeft') { if (modal && modal.classList.contains('is-open')) { mySwipe.prev(); } } } if (galleryContainerElem) { imgTotalNum = galleryContainerElem.querySelectorAll('img').length; } else { galleryContainerElem = document.querySelector('.single__contents'); imgTotalNum = galleryContainerElem.querySelectorAll('img').length; } MicroModal.init({ onClose: function () { if (mySwipe) { mySwipe.kill(); mySwipe = null; closeFullscreen(); } window.removeEventListener('keydown', keydownFunction); }, disableScroll: true, disableFocus: true, awaitOpenAnimation: false, awaitCloseAnimation: false, debugMode: false, }); var imageLoad = function(src) { return new Promise(function(resolve, reject) { var newImg = new Image; newImg.onload = function() { resolve(newImg); } newImg.onerror = reject; newImg.src = src; }); } galleryContainerElem.querySelectorAll('img').forEach(function (elem, idx) { elem.style.cursor = 'pointer'; var clonedElem = elem.cloneNode(true); clonedElem.style.maxHeight = '100%'; clonedElem.style.maxWidth = '100%'; clonedElem.onclick = function (e) { e.stopPropagation(); } var wrapper = document.createElement('div'); wrapper.style.width = '100%'; wrapper.style.height = '100vh'; wrapper.setAttribute('data-micromodal-close', ''); wrapper.onclick = function () { if (mySwipe) { mySwipe.kill(); mySwipe = null; } } wrapper.onmouseenter = function () { clearTimeout(myFadeTimeout); fadeIn(itemsElem, 200); }; wrapper.onmouseleave = function () { myFadeTimeout = setTimeout(function () { fadeOut(itemsElem, 200); }, 2500); } wrapper.ontouchstart = function() { fadeIn(itemsElem, 200); } wrapper.append(clonedElem); swipeWrapElem.append(wrapper); elem.addEventListener('click', async function (e) { MicroModal.show('modal'); if (mySwipe) { mySwipe.kill(); mySwipe = null; } var imgSrc = e.target.getAttribute('data-src') || e.target.getAttribute('src'); var img = await imageLoad(imgSrc); clonedElem.style.width = img.width + 'px'; clonedElem.style.height = img.height + 'px'; mySwipe = new Swipe(mySwipeElem, { startSlide: idx, draggable: true, autoRestart: false, continuous: false, disableScroll: true, stopPropagation: true, callback: async function (index, element) { var imgElem = element.querySelector('img'); var imgSrc = imgElem.getAttribute('data-src') || imgElem.getAttribute('src'); var img = await imageLoad(imgSrc); imgElem.style.width = img.width + 'px'; imgElem.style.height = img.height + 'px'; if (captionElem && imgElem) { var caption = null; if (imgElem.getAttribute('data-caption')) { caption = imgElem.getAttribute('data-caption'); } else if (imgElem.getAttribute('title')) { caption = imgElem.getAttribute('title'); } else if (imgElem.getAttribute('alt')) { caption = imgElem.getAttribute('alt'); } else { caption = imgElem.getAttribute('src'); } captionElem.querySelector('.modal__caption--text').innerText = caption; pagingElem.innerText = (index + 1) + ' / ' + imgTotalNum; clearTimeout(myFadeTimeout); fadeIn(itemsElem, 200); } }, }); fadeIn(itemsElem); if (captionElem) { var caption = null; if (e.target.getAttribute('data-caption')) { caption = e.target.getAttribute('data-caption'); } else if (e.target.getAttribute('title')) { caption = e.target.getAttribute('title'); } else if (e.target.getAttribute('alt')) { caption = e.target.getAttribute('alt'); } else { caption = e.target.getAttribute('src'); } captionElem.querySelector('.modal__caption--text').innerText = caption; pagingElem.innerText = (idx + 1) + ' / ' + imgTotalNum; } if (normalElem && fullElem) { normalElem.style.zIndex = -1; normalElem.style.opacity = 0; fullElem.style.zIndex = 25; fullElem.style.opacity = 1; } }); window.addEventListener('keydown', keydownFunction); }); arrowLeftElem ? arrowLeftElem.addEventListener('click', function (e) { if (mySwipe) { mySwipe.prev(); } }) : null; arrowRightElem ? arrowRightElem.addEventListener('click', function (e) { if (mySwipe) { mySwipe.next(); } }) : null; closeElem ? closeElem.addEventListener('click', function () { if (mySwipe) { mySwipe.kill(); mySwipe = null; } closeFullscreen(); MicroModal.close('modal'); }) : null; fullElem ? fullElem.addEventListener('click', function (e) { openFullscreen(); if (normalElem) { normalElem.style.zIndex = 25; normalElem.style.opacity = 1; fullElem.style.zIndex = -1; fullElem.style.opacity = 0; } }) : null; normalElem ? normalElem.addEventListener('click', function (e) { closeFullscreen(); if (fullElem) { fullElem.style.zIndex = 25; fullElem.style.opacity = 1; normalElem.style.zIndex = -1; normalElem.style.opacity = 0; } }) : null; }); </script> <div class="hide"> <div class="search"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M15.5 14h-.79l-.28-.27c1.2-1.4 1.82-3.31 1.48-5.34-.47-2.78-2.79-5-5.59-5.34-4.23-.52-7.79 3.04-7.27 7.27.34 2.8 2.56 5.12 5.34 5.59 2.03.34 3.94-.28 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg> </span> <input id="search" aria-label="Site Search" class="input" type="text" placeholder="Search" autocomplete="off"> <div id="search-results" class="dropdown"> <div id="search-menu" class="dropdown-menu" role="menu"> </div> </div> </div> </div> </div> </main> <aside class="single__side main-side"> <section class="sidebar hide"> <script>document.querySelector('.sidebar').classList.remove('hide')</script> <div class="toc__flexbox" data-position="fixed"> <h6 class="toc__title" data-ani="true">What's on this Page</h6> <label class="switch" data-ani="true"> <input id="toggle-toc" aria-label="Toggle TOC" type="checkbox" checked> <span class="slider round"></span> </label> </div> <div class="toc " data-dir="ltr" data-folding="true" data-ani="true"> <nav id="TableOfContents"></nav> </div> </section> </aside> <script> var enableToc = JSON.parse("true"); var toc = JSON.parse("null"); var tocPosition = JSON.parse("\"inner\""); var singleMainElem = document.querySelector('.single__main'); var singleSideElem = document.querySelector('.single__side'); enquire.register("screen and (max-width: 769px)", { match: function () { if ((enableToc || toc) && tocPosition !== "outer") { if (singleMainElem && singleSideElem) { singleMainElem.classList.remove('main-main'); singleMainElem.classList.add('main'); singleSideElem.classList.remove('main-side'); singleSideElem.classList.add('hide'); } } else if (tocPosition === "outer") { if (singleMainElem && !singleMainElem.classList.contains('main-main')) { singleMainElem.classList.remove('main-main'); singleMainElem.classList.add('main'); } if (singleSideElem && !singleSideElem.classList.contains('hide')) { singleSideElem.classList.add('hide'); } } }, unmatch: function () { if ((enableToc || toc) && tocPosition !== "outer") { singleMainElem.classList.remove('main'); singleMainElem.classList.add('main-main'); singleSideElem.classList.remove('hide'); singleSideElem.classList.add('main-side'); } else if (tocPosition === "outer") { if (singleMainElem && !singleMainElem.classList.contains('main-main')) { singleMainElem.classList.remove('main-main'); singleMainElem.classList.add('main'); } if (singleSideElem && !singleSideElem.classList.contains('hide')) { singleSideElem.classList.add('hide'); } } var navCollapseBtn = document.querySelector('.navbar__burger'); var navCollapse = document.getElementsByClassName('navbarm__collapse')[0]; if (navCollapse) { navCollapse.setAttribute('data-open', false); navCollapse.style.maxHeight = 0; navCollapseBtn.classList.remove('is-active'); } document.getElementsByClassName('navbar__menu')[0].classList.remove('is-active'); document.getElementsByClassName('mobile-search')[0].classList.add('hide'); }, setup: function () { }, deferSetup: true, destroy: function () { }, }); </script> <script defer src="/js/helper/getParents.min.js"></script> <script defer src="/js/helper/closest.min.js"></script> <script defer src="/js/helper/prev.min.js"></script> <script defer src="/js/helper/prop.min.js"></script> <script defer src="/js/helper/fadeinout.min.js"></script> <script defer src="/js/helper/throttle.min.js"></script> <script> 'use strict'; window.onload = function() { var navbar = document.querySelector('.navbar'); var singleContentsElem = document.querySelector('.single__contents'); var enableBusuanzi = JSON.parse("false"); var busuanziPagePV = JSON.parse("true"); if (enableBusuanzi && busuanziPagePV) { var pagePvElem = document.querySelector('#busuanzi_value_page_pv'); pagePvElem.textContent = pagePvElem.textContent.replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,"); } var enableToc = JSON.parse("true"); var toc = JSON.parse("null"); var hideToc = JSON.parse("false"); var tocFlexbox = document.querySelector('.toc__flexbox'); var tocFlexboxOuter = document.querySelector('.toc__flexbox--outer'); var tocFolding = JSON.parse("true"); if ((enableToc || toc) && document.querySelector('.toc')) { var tableOfContentsElem = document.querySelector('.toc').querySelector('#TableOfContents'); tableOfContentsElem.onmouseenter = function() { if (navbar.classList.contains('scrolling')) { navbar.classList.remove('scrolling'); } } tableOfContentsElem.onmouseleave = function() { if (!navbar.classList.contains('scrolling')) { navbar.classList.add('scrolling'); } } if (false === tocFolding) { } else { tableOfContentsElem.querySelectorAll('ul') ? tableOfContentsElem.querySelectorAll('ul').forEach(function (rootUl) { rootUl.querySelectorAll('li').forEach(function (liElem) { liElem.querySelectorAll('ul').forEach(function (ulElem) { ulElem.style.display = 'none'; }); }); }) : null; } if (tableOfContentsElem) { if (tableOfContentsElem.querySelectorAll('a').length > 0) { tableOfContentsElem.querySelectorAll('a').forEach(function (elem) { elem.addEventListener('click', function () { var id = elem.getAttribute('id'); if (!navbar.classList.contains('scrolling')) { navbar.classList.remove('navbar--show'); navbar.classList.remove('navbar--hide'); navbar.classList.add('navbar--hide'); } document.querySelector('.toc').querySelectorAll('a').forEach(function (elem) { elem.classList.remove('active'); }); elem.classList.add('active'); var curElem = tableOfContentsElem.querySelector('[href="#' + id + '"]'); if (curElem && curElem.nextElementSibling) { curElem.nextElementSibling.style.display = 'block'; } if (curElem) { getParents(curElem, 'ul') ? getParents(curElem, 'ul').forEach(function (elem) { elem.style.display = 'block'; }) : null; } }); }); } else { if (tocFlexbox) { tocFlexbox.setAttribute('data-position', ''); if (!tocFlexbox.classList.contains('hide')) { tocFlexbox.classList.add('hide'); } } if (tocFlexboxOuter) { tocFlexboxOuter.setAttribute('data-position', ''); if (!tocFlexboxOuter.classList.contains('hide')) { tocFlexboxOuter.classList.add('hide'); } } } } var toggleTocElem = document.getElementById("toggle-toc"); var visibleTocElem = document.getElementById('visible-toc'); var tocElem = document.querySelector('.toc'); var mainElem = document.querySelector('main'); var sideElem = document.querySelector('side'); var tocFlexboxElem = document.querySelector('.toc__flexbox'); toggleTocElem ? toggleTocElem.addEventListener('change', function(e) { if (e.target.checked) { if (tocElem) { fadeIn(tocElem, 200); } if (tocFlexboxElem) { tocFlexboxElem.setAttribute('data-position', 'fixed'); } if (mainElem) { mainElem.classList.remove('main-main'); mainElem.classList.remove('main'); mainElem.classList.add('main-main'); } if (sideElem) { sideElem.classList.remove('main-side'); } } else { if (tocElem) { fadeOut(tocElem, 200); } if (tocFlexboxElem) { tocFlexboxElem.setAttribute('data-position', 'absolute'); } if (mainElem) { mainElem.classList.remove('main-main'); mainElem.classList.remove('main'); mainElem.classList.add('main'); } if (sideElem) { sideElem.classList.remove('main-side'); } } }) : null; visibleTocElem ? visibleTocElem.addEventListener('change', function(e) { if (e.target.checked) { if (tocElem) { fadeIn(tocElem, 200); } } else { if (tocElem) { fadeOut(tocElem, 200); } } }) : null; } var topOffset = 120; var botOffset = 70; var handleWindowResize = function () { if (tocElem) { tocElem.style.maxHeight = (window.innerHeight - topOffset - botOffset) + 'px'; } } var throttledWindowResize = throttle(handleWindowResize, 300); throttledWindowResize() window.addEventListener('resize', throttledWindowResize); var text, clip = new ClipboardJS('.anchor'); var headers = singleContentsElem.querySelectorAll("h1, h2, h3, h4"); var languagedir = JSON.parse("\"ltr\""); headers ? headers.forEach(function (elem) { var size = parseInt(elem.tagName.substr(1), 10) * 2; var url = encodeURI(document.location.origin + document.location.pathname); var link = url + "#" + elem.getAttribute('id'); var newElemOuter = document.createElement('span'); newElemOuter.classList.add('anchor'); newElemOuter.classList.add('hide'); newElemOuter.setAttribute('data-clipboard-text', decodeURI(link)); newElemOuter.style.position = 'relative'; var newElemInner = document.createElement('span'); newElemInner.style.position = 'absolute'; newElemInner.style.top = '50%'; newElemInner.style.left = '0.75rem'; newElemInner.style.transform = 'translateY(-50%)'; newElemInner.innerHTML = ` <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${32 - size}px" height="${32 - size}px"><path d="M 5.5625 0 C 4.136719 0 2.707031 0.542969 1.625 1.625 C -0.539063 3.789063 -0.539063 7.335938 1.625 9.5 L 5.28125 13.15625 C 5.667969 13.554688 6.304688 13.558594 6.703125 13.171875 C 7.101563 12.785156 7.105469 12.148438 6.71875 11.75 L 3.03125 8.0625 C 1.632813 6.664063 1.632813 4.429688 3.03125 3.03125 C 4.429688 1.632813 6.664063 1.632813 8.0625 3.03125 L 12.96875 7.9375 C 14.367188 9.335938 14.367188 11.570313 12.96875 12.96875 C 12.804688 13.132813 12.621094 13.25 12.4375 13.375 C 11.980469 13.6875 11.859375 14.308594 12.171875 14.765625 C 12.484375 15.222656 13.105469 15.34375 13.5625 15.03125 C 13.847656 14.835938 14.125 14.625 14.375 14.375 C 16.539063 12.210938 16.539063 8.664063 14.375 6.5 L 9.5 1.625 C 8.417969 0.542969 6.988281 0 5.5625 0 Z M 10.78125 8.875 C 10.738281 8.882813 10.695313 8.894531 10.65625 8.90625 C 10.507813 8.9375 10.371094 9 10.25 9.09375 C 10.039063 9.253906 9.820313 9.429688 9.625 9.625 C 7.460938 11.789063 7.460938 15.335938 9.625 17.5 L 14.5 22.375 C 16.664063 24.539063 20.210938 24.539063 22.375 22.375 C 24.539063 20.210938 24.539063 16.664063 22.375 14.5 L 18.71875 10.875 C 18.476563 10.578125 18.089844 10.441406 17.714844 10.527344 C 17.34375 10.613281 17.050781 10.90625 16.964844 11.277344 C 16.878906 11.652344 17.015625 12.039063 17.3125 12.28125 L 20.96875 15.9375 C 22.367188 17.335938 22.367188 19.570313 20.96875 20.96875 C 19.570313 22.367188 17.335938 22.367188 15.9375 20.96875 L 11.03125 16.0625 C 9.632813 14.664063 9.632813 12.429688 11.03125 11.03125 C 11.152344 10.90625 11.300781 10.820313 11.4375 10.71875 C 11.839844 10.472656 12.015625 9.976563 11.855469 9.53125 C 11.699219 9.085938 11.25 8.8125 10.78125 8.875 Z"/></svg>`; if (languagedir === "rtl") { newElemInner.style.left = '-2rem'; } else { newElemInner.style.right = '-2rem'; } newElemOuter.append(newElemInner); elem.append(newElemOuter); elem.addEventListener('mouseenter', function() { this.querySelector('.anchor').classList.remove('hide'); }); elem.addEventListener('mouseleave', function () { this.querySelector('.anchor').classList.add('hide'); }); }) : null; document.querySelectorAll('.anchor').forEach(function(elem) { elem.addEventListener('mouseleave', function() { elem.setAttribute('aria-label', null); elem.classList.remove('tooltipped'); elem.classList.remove('tooltipped-s'); elem.classList.remove('tooltipped-w'); }); }); clip.on('success', function (e) { e.clearSelection(); e.trigger.setAttribute('aria-label', 'Link copied to clipboard!'); e.trigger.classList.add('tooltipped'); e.trigger.classList.add('tooltipped-s'); }); // ================================================================= var lib = JSON.parse("null"); if (lib && lib.includes('mermaid')) { var themeVariant = localStorage.getItem('theme') || JSON.parse("\"dark\""); if (themeVariant === "dark" || themeVariant === "hacker") { mermaid.initialize({ theme: 'dark' }); } else { mermaid.initialize({ theme: 'default' }); } var mermaids = []; [].push.apply(mermaids, document.getElementsByClassName('language-mermaid')); mermaids.forEach(function(elem) { var elemParentNode = elem.parentNode; if (elemParentNode !== document.body) { elemParentNode.parentNode.insertBefore(elem, elemParentNode); elemParentNode.parentNode.removeChild(elemParentNode); } var newElemWrapper = document.createElement('div'); newElemWrapper.classList.add('mermaid'); newElemWrapper.style.padding = '34px 4px 6px'; newElemWrapper.innerHTML = elem.innerHTML; elem.replaceWith(newElemWrapper); }); } if (lib && lib.includes('katex')) { var mathElements = document.getElementsByClassName('math'); var options = { delimiters: [ { left: "$$", right: "$$", display: true }, { left: "\\[", right: "\\]", display: true }, { left: "$", right: "$", display: false }, { left: "\\(", right: "\\)", display: false } ], }; renderMathInElement(document.querySelector('.single__contents'), options); } if (lib && lib.includes('flowchartjs')) { var options = JSON.parse("{\"arrow-end\":\"block\",\"element-color\":\"black\",\"fill\":\"white\",\"flowstate\":{\"approved\":{\"fill\":\"#58C4A3\",\"font-size\":12,\"no-text\":\"n/a\",\"yes-text\":\"APPROVED\"},\"current\":{\"fill\":\"yellow\",\"font-color\":\"red\",\"font-weight\":\"bold\"},\"future\":{\"fill\":\"#FFFF99\"},\"invalid\":{\"fill\":\"#444444\"},\"past\":{\"fill\":\"#CCCCCC\",\"font-size\":12},\"rejected\":{\"fill\":\"#C45879\",\"font-size\":12,\"no-text\":\"REJECTED\",\"yes-text\":\"n/a\"},\"request\":{\"fill\":\"blue\"}},\"font-color\":\"black\",\"font-size\":14,\"line-color\":\"black\",\"line-length\":50,\"line-width\":3,\"no-text\":\"no\",\"scale\":1,\"symbols\":{\"end\":{\"class\":\"end-element\"},\"start\":{\"element-color\":\"green\",\"fill\":\"yellow\",\"font-color\":\"red\"}},\"text-margin\":10,\"x\":0,\"y\":0,\"yes-text\":\"yes\"}"); var jsonContent = null; var flowchartPrefix = "language-flowchart"; var index = 0; Array.prototype.forEach.call(document.querySelectorAll("[class^=" + flowchartPrefix + "]"), function(x){ x.style.display = 'none' x.parentNode.style.backgroundColor = "transparent" jsonContent = x.innerText; var node0 = document.createElement('div'); node0.id = 'flowchart' + index; x.parentNode.insertBefore(node0, x); var diagram = flowchart.parse(jsonContent); diagram.drawSVG("flowchart"+index, options); index +=1; }); } document.querySelectorAll("mjx-container").forEach(function (x) { x.parentElement.classList += 'has-jax' }); if (lib && lib.includes('msc')) { var options = JSON.parse("{\"theme\":\"hand\"}"); var jsonContent = null; var index = 0; var chartPrefix = "language-msc"; Array.prototype.forEach.call(document.querySelectorAll("[class^=" + chartPrefix + "]"), function (x) { x.style.display = 'none' x.parentNode.style.backgroundColor = "transparent" jsonContent = x.innerText; var node0 = document.createElement('div'); node0.id = 'msc' + index; x.parentNode.insertBefore(node0, x); var diagram = Diagram.parse(jsonContent); diagram.drawSVG("msc" + index, options); index += 1; }); } if (lib && lib.includes('chart')) { var borderColor = "#666"; var bgColor = "#ddd"; var borderWidth = 2; Chart.defaults.global.elements.rectangle.borderWidth = borderWidth; Chart.defaults.global.elements.rectangle.borderColor = borderColor; Chart.defaults.global.elements.rectangle.backgroundColor = bgColor; Chart.defaults.global.elements.line.borderWidth = borderWidth; Chart.defaults.global.elements.line.borderColor = borderColor; Chart.defaults.global.elements.line.backgroundColor = bgColor; Chart.defaults.global.elements.point.borderWidth = borderWidth; Chart.defaults.global.elements.point.borderColor = borderColor; Chart.defaults.global.elements.point.backgroundColor = bgColor; var chartPrefix = "language-chart"; var index = 0; var jsonContent = null; Array.prototype.forEach.call(document.querySelectorAll("[class^=" + chartPrefix + "]"), function (x) { x.style.display = 'none' x.parentNode.style.backgroundColor = "transparent" jsonContent = x.innerText; var node0 = document.createElement('canvas'); var source = null; node0.height = 200; node0.style.height = 200; node0.id = 'myChart' + index; source = JSON.parse(jsonContent); x.parentNode.insertBefore(node0, x); var ctx = document.getElementById('myChart' + index).getContext('2d'); var myChart = new Chart(ctx, source); index += 1; }); } if (lib && lib.includes('wavedrom')) { var wavePrefix = "language-wave"; var index = 0; var jsonContent = null; Array.prototype.forEach.call(document.querySelectorAll("[class^=" + wavePrefix + "]"), function (x) { x.style.display = 'none' x.parentNode.style.backgroundColor = "transparent" jsonContent = x.innerText; var node0 = document.createElement('div'); var source = null; node0.id = 'WaveDrom_Display_' + index; source = JSON.parse(jsonContent); x.parentNode.insertBefore(node0, x); WaveDrom.RenderWaveForm(index, source, "WaveDrom_Display_"); index += 1; }); } if (lib && lib.includes('viz')) { var vizPrefix = "language-viz-"; Array.prototype.forEach.call(document.querySelectorAll("[class^=" + vizPrefix + "]"), function (x) { x.style.display = 'none' x.parentNode.style.backgroundColor = "transparent" var engine; x.getAttribute("class").split(" ").forEach(function (cls) { if (cls.startsWith(vizPrefix)) { engine = cls.substr(vizPrefix.length); } }); var viz = new Viz(); viz.renderSVGElement(x.innerText, { engine: engine }) .then(function (element) { element.style.width = "100%"; x.parentNode.insertBefore(element, x); }) }); } } </script> <footer class="footer"> <div class="footer__social"> <div class="social"> <a href="mailto:sniferl4bs@gmail.com" title="email" aria-label="email"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path fill="currentColor" d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-.4 4.25l-7.07 4.42c-.32.2-.74.2-1.06 0L4.4 8.25c-.25-.16-.4-.43-.4-.72 0-.67.73-1.07 1.3-.72L12 11l6.7-4.19c.57-.35 1.3.05 1.3.72 0 .29-.15.56-.4.72z"/></svg> </a> <a href="http://www.facebook.com/sniferl4bs" title="facebook" aria-label="facebook"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 24 24" version="1.1"> <g id="surface2747"> <path fill="currentColor" d="M 11.664062 2.003906 C 6.621094 2.171875 2.375 6.25 2.023438 11.289062 C 1.65625 16.617188 5.46875 21.121094 10.507812 21.878906 L 10.507812 14.648438 L 8.890625 14.648438 C 8.164062 14.648438 7.578125 14.0625 7.578125 13.335938 C 7.578125 12.609375 8.164062 12.023438 8.890625 12.023438 L 10.503906 12.023438 L 10.503906 10.273438 C 10.503906 7.378906 11.914062 6.105469 14.324219 6.105469 C 14.679688 6.105469 14.984375 6.113281 15.242188 6.128906 C 15.878906 6.15625 16.371094 6.6875 16.371094 7.324219 C 16.371094 7.988281 15.835938 8.523438 15.171875 8.523438 L 14.730469 8.523438 C 13.710938 8.523438 13.351562 9.492188 13.351562 10.585938 L 13.351562 12.023438 L 15.222656 12.023438 C 15.8125 12.023438 16.265625 12.550781 16.175781 13.132812 L 16.066406 13.835938 C 15.992188 14.304688 15.589844 14.652344 15.113281 14.652344 L 13.351562 14.652344 L 13.351562 21.898438 C 18.234375 21.234375 22 17.0625 22 12 C 22 6.367188 17.339844 1.820312 11.664062 2.003906 Z M 11.664062 2.003906 "/> </g> </svg> </a> <a href="http://github.com/snifer" title="github" aria-label="github"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 24 24" version="1.1"> <g id="surface3680"> <path fill="currentColor" d="M 10.898438 2.101562 C 6.300781 2.601562 2.601562 6.300781 2.101562 10.800781 C 1.601562 15.5 4.300781 19.699219 8.398438 21.300781 C 8.699219 21.398438 9 21.199219 9 20.800781 L 9 19.199219 C 9 19.199219 8.601562 19.300781 8.101562 19.300781 C 6.699219 19.300781 6.101562 18.101562 6 17.398438 C 5.898438 17 5.699219 16.699219 5.398438 16.398438 C 5.101562 16.300781 5 16.300781 5 16.199219 C 5 16 5.300781 16 5.398438 16 C 6 16 6.5 16.699219 6.699219 17 C 7.199219 17.800781 7.800781 18 8.101562 18 C 8.5 18 8.800781 17.898438 9 17.800781 C 9.101562 17.101562 9.398438 16.398438 10 16 C 7.699219 15.5 6 14.199219 6 12 C 6 10.898438 6.5 9.800781 7.199219 9 C 7.101562 8.800781 7 8.300781 7 7.601562 C 7 7.199219 7 6.601562 7.300781 6 C 7.300781 6 8.699219 6 10.101562 7.300781 C 10.601562 7.101562 11.300781 7 12 7 C 12.699219 7 13.398438 7.101562 14 7.300781 C 15.300781 6 16.800781 6 16.800781 6 C 17 6.601562 17 7.199219 17 7.601562 C 17 8.398438 16.898438 8.800781 16.800781 9 C 17.5 9.800781 18 10.800781 18 12 C 18 14.199219 16.300781 15.5 14 16 C 14.601562 16.5 15 17.398438 15 18.300781 L 15 20.898438 C 15 21.199219 15.300781 21.5 15.699219 21.398438 C 19.398438 19.898438 22 16.300781 22 12.101562 C 22 6.101562 16.898438 1.398438 10.898438 2.101562 Z M 10.898438 2.101562 "/> </g> </svg> </a> <a href="https://t.me/HackySec" title="telegram" aria-label="telegram"> <svg data-name="telegram" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32"><path fill="currentColor" d="M 26.070313 3.996094 C 25.734375 4.011719 25.417969 4.109375 25.136719 4.21875 L 25.132813 4.21875 C 24.847656 4.332031 23.492188 4.902344 21.433594 5.765625 C 19.375 6.632813 16.703125 7.757813 14.050781 8.875 C 8.753906 11.105469 3.546875 13.300781 3.546875 13.300781 L 3.609375 13.277344 C 3.609375 13.277344 3.25 13.394531 2.875 13.652344 C 2.683594 13.777344 2.472656 13.949219 2.289063 14.21875 C 2.105469 14.488281 1.957031 14.902344 2.011719 15.328125 C 2.101563 16.050781 2.570313 16.484375 2.90625 16.722656 C 3.246094 16.964844 3.570313 17.078125 3.570313 17.078125 L 3.578125 17.078125 L 8.460938 18.722656 C 8.679688 19.425781 9.949219 23.597656 10.253906 24.558594 C 10.433594 25.132813 10.609375 25.492188 10.828125 25.765625 C 10.933594 25.90625 11.058594 26.023438 11.207031 26.117188 C 11.265625 26.152344 11.328125 26.179688 11.390625 26.203125 C 11.410156 26.214844 11.429688 26.21875 11.453125 26.222656 L 11.402344 26.210938 C 11.417969 26.214844 11.429688 26.226563 11.441406 26.230469 C 11.480469 26.242188 11.507813 26.246094 11.558594 26.253906 C 12.332031 26.488281 12.953125 26.007813 12.953125 26.007813 L 12.988281 25.980469 L 15.871094 23.355469 L 20.703125 27.0625 L 20.8125 27.109375 C 21.820313 27.550781 22.839844 27.304688 23.378906 26.871094 C 23.921875 26.433594 24.132813 25.875 24.132813 25.875 L 24.167969 25.785156 L 27.902344 6.65625 C 28.007813 6.183594 28.035156 5.742188 27.917969 5.3125 C 27.800781 4.882813 27.5 4.480469 27.136719 4.265625 C 26.769531 4.046875 26.40625 3.980469 26.070313 3.996094 Z M 25.96875 6.046875 C 25.964844 6.109375 25.976563 6.101563 25.949219 6.222656 L 25.949219 6.234375 L 22.25 25.164063 C 22.234375 25.191406 22.207031 25.25 22.132813 25.308594 C 22.054688 25.371094 21.992188 25.410156 21.667969 25.28125 L 15.757813 20.75 L 12.1875 24.003906 L 12.9375 19.214844 C 12.9375 19.214844 22.195313 10.585938 22.59375 10.214844 C 22.992188 9.84375 22.859375 9.765625 22.859375 9.765625 C 22.886719 9.3125 22.257813 9.632813 22.257813 9.632813 L 10.082031 17.175781 L 10.078125 17.15625 L 4.242188 15.191406 L 4.242188 15.1875 C 4.238281 15.1875 4.230469 15.183594 4.226563 15.183594 C 4.230469 15.183594 4.257813 15.171875 4.257813 15.171875 L 4.289063 15.15625 L 4.320313 15.144531 C 4.320313 15.144531 9.53125 12.949219 14.828125 10.71875 C 17.480469 9.601563 20.152344 8.476563 22.207031 7.609375 C 24.261719 6.746094 25.78125 6.113281 25.867188 6.078125 C 25.949219 6.046875 25.910156 6.046875 25.96875 6.046875 Z"/></svg> </a> <a href="http://www.twitter.com/sniferl4bs" title="twitter" aria-label="twitter"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32" version="1.1"> <g id="surface676"> <path fill="currentColor" d="M 28 8.558594 C 27.117188 8.949219 26.167969 9.214844 25.171875 9.332031 C 26.1875 8.722656 26.96875 7.757812 27.335938 6.609375 C 26.386719 7.171875 25.332031 7.582031 24.210938 7.804688 C 23.3125 6.847656 22.03125 6.246094 20.617188 6.246094 C 17.898438 6.246094 15.691406 8.453125 15.691406 11.171875 C 15.691406 11.558594 15.734375 11.933594 15.820312 12.292969 C 11.726562 12.089844 8.097656 10.128906 5.671875 7.148438 C 5.246094 7.875 5.003906 8.722656 5.003906 9.625 C 5.003906 11.332031 5.871094 12.839844 7.195312 13.722656 C 6.386719 13.695312 5.628906 13.476562 4.964844 13.105469 C 4.964844 13.128906 4.964844 13.148438 4.964844 13.167969 C 4.964844 15.554688 6.660156 17.546875 8.914062 17.996094 C 8.5 18.109375 8.066406 18.171875 7.617188 18.171875 C 7.300781 18.171875 6.988281 18.140625 6.691406 18.082031 C 7.316406 20.039062 9.136719 21.460938 11.289062 21.503906 C 9.605469 22.824219 7.480469 23.609375 5.175781 23.609375 C 4.777344 23.609375 4.386719 23.585938 4 23.539062 C 6.179688 24.9375 8.765625 25.753906 11.546875 25.753906 C 20.605469 25.753906 25.558594 18.25 25.558594 11.742188 C 25.558594 11.53125 25.550781 11.316406 25.542969 11.105469 C 26.503906 10.410156 27.339844 9.542969 28 8.558594 Z M 28 8.558594 "/> </g> </svg> </a> <a href="https://www.youtube.com/c/SniferL4bs" title="youtube" aria-label="youtube"> <svg xmlns="http://www.w3.org/2000/svg" fill="#000000" viewBox="0 0 30 30" width="32" height="32"> <path fill="currentColor" d="M 7.4140625 3 L 9.1894531 9.4121094 L 9.1894531 12.488281 L 10.726562 12.488281 L 10.726562 9.4121094 L 12.525391 3 L 10.976562 3 L 10.332031 5.9179688 C 10.151031 6.7699687 10.035422 7.3753281 9.9824219 7.7363281 L 9.9355469 7.7363281 C 9.8605469 7.2313281 9.7439375 6.62125 9.5859375 5.90625 L 8.9648438 3 L 7.4140625 3 z M 14.318359 5.4199219 C 13.797359 5.4199219 13.376641 5.5224687 13.056641 5.7304688 C 12.735641 5.9374688 12.500609 6.2687031 12.349609 6.7207031 C 12.199609 7.1737031 12.123047 7.7715781 12.123047 8.5175781 L 12.123047 9.5234375 C 12.123047 10.261437 12.190266 10.853828 12.322266 11.298828 C 12.454266 11.743828 12.675281 12.072203 12.988281 12.283203 C 13.301281 12.494203 13.733203 12.600562 14.283203 12.601562 C 14.818203 12.601562 15.244641 12.497063 15.556641 12.289062 C 15.868641 12.081063 16.095375 11.755641 16.234375 11.306641 C 16.373375 10.857641 16.443359 10.264391 16.443359 9.5253906 L 16.443359 8.5175781 C 16.443359 7.7715781 16.371516 7.1755625 16.228516 6.7265625 C 16.085516 6.2785625 15.860781 5.9473281 15.550781 5.7363281 C 15.241781 5.5253281 14.830359 5.4199219 14.318359 5.4199219 z M 17.251953 5.5566406 L 17.251953 10.734375 C 17.251953 11.375375 17.362078 11.847437 17.580078 12.148438 C 17.799078 12.449437 18.137656 12.599609 18.597656 12.599609 C 19.260656 12.599609 19.758844 12.279672 20.089844 11.638672 L 20.123047 11.638672 L 20.259766 12.486328 L 21.480469 12.486328 L 21.480469 5.5566406 L 19.921875 5.5566406 L 19.921875 11.060547 C 19.861875 11.189547 19.769531 11.295906 19.644531 11.378906 C 19.519531 11.462906 19.389906 11.503906 19.253906 11.503906 C 19.094906 11.503906 18.982063 11.436687 18.914062 11.304688 C 18.846063 11.172688 18.8125 10.954531 18.8125 10.644531 L 18.8125 5.5566406 L 17.251953 5.5566406 z M 14.283203 6.4941406 C 14.501203 6.4941406 14.656187 6.6098437 14.742188 6.8398438 C 14.829188 7.0688437 14.871094 7.4316875 14.871094 7.9296875 L 14.871094 10.089844 C 14.871094 10.602844 14.828188 10.971266 14.742188 11.197266 C 14.656188 11.423266 14.502156 11.536109 14.285156 11.537109 C 14.067156 11.537109 13.915031 11.423266 13.832031 11.197266 C 13.748031 10.971266 13.707031 10.601844 13.707031 10.089844 L 13.707031 7.9296875 C 13.707031 7.4326875 13.751891 7.0698438 13.837891 6.8398438 C 13.923891 6.6108438 14.072203 6.4941406 14.283203 6.4941406 z M 6.5 13.900391 C 5.119 13.900391 4 15.019391 4 16.400391 L 4 24.400391 C 4 25.781391 5.119 26.900391 6.5 26.900391 L 23.5 26.900391 C 24.881 26.900391 26 25.781391 26 24.400391 L 26 16.400391 C 26 15.019391 24.881 13.900391 23.5 13.900391 L 6.5 13.900391 z M 15.058594 16.199219 L 16.328125 16.199219 L 16.328125 19.283203 L 16.337891 19.283203 C 16.451891 19.060203 16.614219 18.881141 16.824219 18.744141 C 17.034219 18.607141 17.261906 18.539062 17.503906 18.539062 C 17.815906 18.539062 18.059328 18.622109 18.236328 18.787109 C 18.413328 18.952109 18.544047 19.220844 18.623047 19.589844 C 18.702047 19.959844 18.742188 20.471953 18.742188 21.126953 L 18.742188 22.050781 C 18.742188 22.922781 18.637734 23.563609 18.427734 23.974609 C 18.217734 24.385609 17.888359 24.591797 17.443359 24.591797 C 17.195359 24.591797 16.969625 24.533922 16.765625 24.419922 C 16.561625 24.305922 16.410594 24.149172 16.308594 23.951172 L 16.279297 23.951172 L 16.146484 24.503906 L 15.058594 24.503906 L 15.058594 16.199219 z M 7.1835938 16.496094 L 11.087891 16.496094 L 11.087891 17.556641 L 9.7792969 17.556641 L 9.7792969 24.503906 L 8.4902344 24.503906 L 8.4902344 17.556641 L 7.1835938 17.556641 L 7.1835938 16.496094 z M 21.117188 18.542969 C 21.568188 18.542969 21.916203 18.624062 22.158203 18.789062 C 22.399203 18.955063 22.570922 19.2135 22.669922 19.5625 C 22.767922 19.9125 22.816406 20.396672 22.816406 21.013672 L 22.816406 22.017578 L 20.613281 22.017578 L 20.613281 22.314453 C 20.613281 22.690453 20.623484 22.971203 20.646484 23.158203 C 20.669484 23.345203 20.715156 23.483359 20.785156 23.568359 C 20.855156 23.654359 20.963375 23.697266 21.109375 23.697266 C 21.306375 23.697266 21.441625 23.62075 21.515625 23.46875 C 21.588625 23.31675 21.628766 23.061078 21.634766 22.705078 L 22.769531 22.771484 C 22.775531 22.821484 22.779297 22.893422 22.779297 22.982422 C 22.779297 23.523422 22.631937 23.927359 22.335938 24.193359 C 22.039938 24.461359 21.621078 24.595703 21.080078 24.595703 C 20.431078 24.595703 19.976844 24.391375 19.714844 23.984375 C 19.452844 23.577375 19.324219 22.94675 19.324219 22.09375 L 19.324219 21.072266 C 19.324219 20.194266 19.460469 19.553438 19.730469 19.148438 C 20.000469 18.743437 20.462188 18.542969 21.117188 18.542969 z M 12.949219 18.650391 L 14.267578 18.650391 L 14.267578 24.501953 L 14.263672 24.501953 L 14.263672 24.503906 L 13.232422 24.503906 L 13.119141 23.787109 L 13.089844 23.787109 C 12.809844 24.329109 12.390078 24.599609 11.830078 24.599609 C 11.441078 24.599609 11.155703 24.47375 10.970703 24.21875 C 10.785703 23.96475 10.693359 23.565391 10.693359 23.025391 L 10.693359 18.652344 L 12.013672 18.652344 L 12.013672 22.949219 C 12.013672 23.209219 12.042609 23.397813 12.099609 23.507812 C 12.157609 23.619812 12.251719 23.673828 12.386719 23.673828 C 12.500719 23.673828 12.609844 23.639359 12.714844 23.568359 C 12.820844 23.498359 12.897219 23.408781 12.949219 23.300781 L 12.949219 18.650391 z M 21.089844 19.431641 C 20.949844 19.431641 20.844344 19.472687 20.777344 19.554688 C 20.710344 19.637687 20.665531 19.772938 20.644531 19.960938 C 20.621531 20.147938 20.611328 20.433453 20.611328 20.814453 L 20.611328 21.234375 L 21.574219 21.234375 L 21.574219 20.814453 C 21.574219 20.438453 21.562109 20.154937 21.537109 19.960938 C 21.512109 19.765937 21.467391 19.630781 21.400391 19.550781 C 21.333391 19.471781 21.230844 19.431641 21.089844 19.431641 z M 16.910156 19.474609 C 16.783156 19.474609 16.664641 19.524953 16.556641 19.626953 C 16.448641 19.728953 16.372125 19.859578 16.328125 20.017578 L 16.328125 23.339844 C 16.386125 23.441844 16.460734 23.517359 16.552734 23.568359 C 16.644734 23.618359 16.744516 23.646484 16.853516 23.646484 C 16.993516 23.646484 17.1045 23.596141 17.1875 23.494141 C 17.2705 23.392141 17.329281 23.220516 17.363281 22.978516 C 17.398281 22.737516 17.416016 22.402562 17.416016 21.976562 L 17.416016 21.222656 C 17.416016 20.764656 17.402047 20.411109 17.373047 20.162109 C 17.345047 19.914109 17.292703 19.736812 17.220703 19.632812 C 17.147703 19.528813 17.045156 19.474609 16.910156 19.474609 z"/></svg> </a> <a href="https://sniferl4bs.com/posts/index.xml" type="application/rss+xml" title="RSS" aria-label="RSS Feed Link"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><circle fill="currentColor" cx="6.18" cy="17.82" r="2.18"/><path fill="currentColor" d="M5.59 10.23c-.84-.14-1.59.55-1.59 1.4 0 .71.53 1.28 1.23 1.4 2.92.51 5.22 2.82 5.74 5.74.12.7.69 1.23 1.4 1.23.85 0 1.54-.75 1.41-1.59-.68-4.2-3.99-7.51-8.19-8.18zm-.03-5.71C4.73 4.43 4 5.1 4 5.93c0 .73.55 1.33 1.27 1.4 6.01.6 10.79 5.38 11.39 11.39.07.73.67 1.28 1.4 1.28.84 0 1.5-.73 1.42-1.56-.73-7.34-6.57-13.19-13.92-13.92z"/></svg> </a> </div> </div> <div id="gtt"> <div class="gtt"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M8.12 14.71L12 10.83l3.88 3.88c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L12.7 8.71c-.39-.39-1.02-.39-1.41 0L6.7 13.3c-.39.39-.39 1.02 0 1.41.39.38 1.03.39 1.42 0z"/></svg> </div> </div> <hr /> <div class="basicflex flexwrap"> </div> <div class="footer__poweredby"> <p class="caption"> <a rel="license" href="https://creativecommons.org/licenses/by-nc-sa/4.0/legalcode" class="footer__copyright--img"><img alt=" CC BY-NC-SA 4.0" style="border-width:0" src="https://i.blogs.es/2a7010/88x31/1366_2000.png"/></a>©2023, All Rights Reserved<a rel="license" href="https://creativecommons.org/licenses/by-nc-sa/4.0/legalcode"> CC BY-NC-SA 4.0</a> </p> <p class="caption">Powered by <a href="https://gohugo.io/" target="_blank" rel="noreferrer">Hugo</a> and the <a href="https://github.com/zzossig/hugo-theme-zzo" target="_blank" rel="noreferrer">Zzo theme</a></p> </div> </footer> </div> <div class="wrapper__right hide" data-pad="true" dir="ltr"> <script>document.querySelector('.wrapper__right').classList.remove('hide')</script> </div> </div> </body> </html>