https://werx.xplshn.com.ar/categories/documentation/ Recent content in Documentation on WERX DEMO Hugo en-us Tue, 02 Dec 2025 00:00:00 +0000 https://werx.xplshn.com.ar/ Tue, 02 Dec 2025 00:00:00 +0000 https://werx.xplshn.com.ar/ <h1 id="werx-shortcodes-and-extensions-demonstration">WERX Shortcodes and Extensions Demonstration</h1> <p>This article demonstrates all available shortcodes and special code blocks in the WERX Hugo theme.</p> <h2 id="preview-shortcode-prev">Preview Shortcode (prev)</h2> <p>The <code>prev</code> shortcode creates hover-activated popups for URL previews.</p> <h3 id="basic-preview-with-image">Basic Preview with Image</h3> <span class="prev-link-wrapper"> <u>View xplshn.com.ar</u> <span class="prev-popup"> <span class="prev-content"><img src="https://werx.xplshn.com.ar/assets/xplshn.com.ar_02_12_2025.png" alt="preview image" loading="lazy"><iframe class="prev-iframe" src="https://xplshn.com.ar"></iframe><span class="prev-text" data-url="https://xplshn.com.ar"> <a href="https://xplshn.com.ar" target="_blank" rel="noopener">Abrir enlace</a> </span> </span> </span> </span> <p><strong>Usage:</strong></p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-go" data-lang="go"><span style="display:flex;"><span>{{&lt; <span style="color:#a6e22e">prev</span> <span style="color:#a6e22e">URL</span>=<span style="color:#e6db74">&#34;https://xplshn.com.ar&#34;</span> <span style="color:#a6e22e">IMG</span>=<span style="color:#e6db74">&#34;/assets/xplshn.com.ar_02_12_2025.png&#34;</span> <span style="color:#a6e22e">TEXT</span>=<span style="color:#e6db74">&#34;View xplshn.com.ar&#34;</span> &gt;}} </span></span></code></pre></div><h3 id="preview-without-iframe">Preview without Iframe</h3> <span class="prev-link-wrapper"> <u>GitHub.com/xplshn</u> <span class="prev-popup"> <span class="prev-content"><span class="prev-text" data-url="https://github.com/xplshn"> <a href="https://github.com/xplshn" target="_blank" rel="noopener">Abrir enlace</a> </span> </span> </span> </span> <p><strong>Usage:</strong></p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-go" data-lang="go"><span style="display:flex;"><span>{{&lt; <span style="color:#a6e22e">prev</span> <span style="color:#a6e22e">URL</span>=<span style="color:#e6db74">&#34;https://github.com/xplshn&#34;</span> <span style="color:#a6e22e">TEXT</span>=<span style="color:#e6db74">&#34;GitHub.com/xplshn&#34;</span> <span style="color:#a6e22e">NO_IFRAME</span>=<span style="color:#e6db74">&#34;true&#34;</span> &gt;}} </span></span></code></pre></div><h3 id="minimal-preview-metadata-only">Minimal Preview (Metadata Only)</h3> <span class="prev-link-wrapper"> <u>Hugo Documentation</u> <span class="prev-popup"> <span class="prev-content"><iframe class="prev-iframe" src="https://docs.gohugo.io"></iframe><span class="prev-text" data-url="https://docs.gohugo.io"> <a href="https://docs.gohugo.io" target="_blank" rel="noopener">Abrir enlace</a> </span> </span> </span> </span> <p><strong>Usage:</strong></p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-go" data-lang="go"><span style="display:flex;"><span>{{&lt; <span style="color:#a6e22e">prev</span> <span style="color:#a6e22e">URL</span>=<span style="color:#e6db74">&#34;https://docs.gohugo.io&#34;</span> <span style="color:#a6e22e">TEXT</span>=<span style="color:#e6db74">&#34;Hugo Documentation&#34;</span> &gt;}} </span></span></code></pre></div><h2 id="inline-javascript-shortcode">Inline JavaScript Shortcode</h2> <script id="js-inline-3"> console.log("WERX JS shortcode executed!"); document.addEventListener('DOMContentLoaded', function() { console.log("Page loaded with JS shortcode support"); }); </script> <p><strong>Usage:</strong></p> https://werx.xplshn.com.ar/docs/demo/demo/ Tue, 02 Dec 2025 00:00:00 +0000 https://werx.xplshn.com.ar/docs/demo/demo/ <h1 id="werx-shortcodes-and-extensions-demonstration">WERX Shortcodes and Extensions Demonstration</h1> <p>This article demonstrates all available shortcodes and special code blocks in the WERX Hugo theme.</p> <h2 id="preview-shortcode-prev">Preview Shortcode (prev)</h2> <p>The <code>prev</code> shortcode creates hover-activated popups for URL previews.</p> <h3 id="basic-preview-with-image">Basic Preview with Image</h3> <span class="prev-link-wrapper"> <u>View xplshn.com.ar</u> <span class="prev-popup"> <span class="prev-content"><img src="https://werx.xplshn.com.ar/assets/xplshn.com.ar_02_12_2025.png" alt="preview image" loading="lazy"><iframe class="prev-iframe" src="https://xplshn.com.ar"></iframe><span class="prev-text" data-url="https://xplshn.com.ar"> <a href="https://xplshn.com.ar" target="_blank" rel="noopener">Abrir enlace</a> </span> </span> </span> </span> <p><strong>Usage:</strong></p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-go" data-lang="go"><span style="display:flex;"><span>{{&lt; <span style="color:#a6e22e">prev</span> <span style="color:#a6e22e">URL</span>=<span style="color:#e6db74">&#34;https://xplshn.com.ar&#34;</span> <span style="color:#a6e22e">IMG</span>=<span style="color:#e6db74">&#34;/assets/xplshn.com.ar_02_12_2025.png&#34;</span> <span style="color:#a6e22e">TEXT</span>=<span style="color:#e6db74">&#34;View xplshn.com.ar&#34;</span> &gt;}} </span></span></code></pre></div><h3 id="preview-without-iframe">Preview without Iframe</h3> <span class="prev-link-wrapper"> <u>GitHub.com/xplshn</u> <span class="prev-popup"> <span class="prev-content"><span class="prev-text" data-url="https://github.com/xplshn"> <a href="https://github.com/xplshn" target="_blank" rel="noopener">Abrir enlace</a> </span> </span> </span> </span> <p><strong>Usage:</strong></p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-go" data-lang="go"><span style="display:flex;"><span>{{&lt; <span style="color:#a6e22e">prev</span> <span style="color:#a6e22e">URL</span>=<span style="color:#e6db74">&#34;https://github.com/xplshn&#34;</span> <span style="color:#a6e22e">TEXT</span>=<span style="color:#e6db74">&#34;GitHub.com/xplshn&#34;</span> <span style="color:#a6e22e">NO_IFRAME</span>=<span style="color:#e6db74">&#34;true&#34;</span> &gt;}} </span></span></code></pre></div><h3 id="minimal-preview-metadata-only">Minimal Preview (Metadata Only)</h3> <span class="prev-link-wrapper"> <u>Hugo Documentation</u> <span class="prev-popup"> <span class="prev-content"><iframe class="prev-iframe" src="https://docs.gohugo.io"></iframe><span class="prev-text" data-url="https://docs.gohugo.io"> <a href="https://docs.gohugo.io" target="_blank" rel="noopener">Abrir enlace</a> </span> </span> </span> </span> <p><strong>Usage:</strong></p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-go" data-lang="go"><span style="display:flex;"><span>{{&lt; <span style="color:#a6e22e">prev</span> <span style="color:#a6e22e">URL</span>=<span style="color:#e6db74">&#34;https://docs.gohugo.io&#34;</span> <span style="color:#a6e22e">TEXT</span>=<span style="color:#e6db74">&#34;Hugo Documentation&#34;</span> &gt;}} </span></span></code></pre></div><h2 id="inline-javascript-shortcode">Inline JavaScript Shortcode</h2> <script id="js-inline-3"> console.log("WERX JS shortcode executed!"); document.addEventListener('DOMContentLoaded', function() { console.log("Page loaded with JS shortcode support"); }); </script> <p><strong>Usage:</strong></p>