<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>NIULAB</title><link>https://souig.github.io/</link><atom:link href="https://souig.github.io/index.xml" rel="self" type="application/rss+xml"/><description>NIULAB</description><generator>Hugo Blox Builder (https://hugoblox.com)</generator><language>en</language><lastBuildDate>Fri, 24 Oct 2025 00:00:00 +0000</lastBuildDate><image><url>https://souig.github.io/media/icon_hu_7d2a9e6dbe042ff1.png</url><title>NIULAB</title><link>https://souig.github.io/</link></image><item><title>Getting Started</title><link>https://souig.github.io/teaching/courses/hugo-blox/getting-started/</link><pubDate>Sat, 17 Feb 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/teaching/courses/hugo-blox/getting-started/</guid><description>&lt;h2 id="quick-start-from-template"&gt;Quick Start from Template&lt;/h2&gt;
&lt;div class="hb-steps"&gt;
&lt;h3 id="create-a-site"&gt;Create a site&lt;/h3&gt;
&lt;p&gt;
&lt;/p&gt;
&lt;h3 id="configure-your-new-site"&gt;Configure your new site&lt;/h3&gt;
&lt;p&gt;
&lt;/p&gt;
&lt;h3 id="add-your-content"&gt;Add your content&lt;/h3&gt;
&lt;p&gt;
&lt;/p&gt;
&lt;h3 id="publish-your-site"&gt;Publish your site&lt;/h3&gt;
&lt;p&gt;Your site will automatically publish ~1-5 minutes after you commit (save) changes to files in your GitHub repository.&lt;/p&gt;
&lt;/div&gt;
&lt;h2 id="next"&gt;Next&lt;/h2&gt;
&lt;p&gt;Let&amp;rsquo;s customize your new site:&lt;/p&gt;
&lt;div class="hb-cards mt-4 grid gap-4 not-prose" style="--hb-cols: 1;"&gt;
&lt;a
class="hb-card group"href="../guide/project-structure" &gt;
&lt;span class="hb-card-title p-4"&gt;
&lt;svg style="height: 1em; width: 1em;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 0 1-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 0 1 1.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 0 0-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 0 1-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H9.75"/&gt;&lt;/svg&gt;Project Structure&lt;/span&gt;&lt;/a&gt;
&lt;a
class="hb-card group"href="../guide/configuration" &gt;
&lt;span class="hb-card-title p-4"&gt;
&lt;svg style="height: 1em; width: 1em;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6 13.5V3.75m0 9.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 3.75V16.5m12-3V3.75m0 9.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 3.75V16.5m-6-9V3.75m0 3.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 9.75V10.5"/&gt;&lt;/svg&gt;Configuration&lt;/span&gt;&lt;/a&gt;
&lt;a
class="hb-card group"href="../guide/formatting" &gt;
&lt;span class="hb-card-title p-4"&gt;
&lt;svg style="height: 1em; width: 1em;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 0 1-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 0 1 1.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 0 0-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 0 1-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H9.75"/&gt;&lt;/svg&gt;Create content&lt;/span&gt;&lt;/a&gt;
&lt;/div&gt;</description></item><item><title>Customizing Hugo</title><link>https://souig.github.io/teaching/courses/hugo-blox/reference/customization/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://souig.github.io/teaching/courses/hugo-blox/reference/customization/</guid><description>&lt;p&gt;View the full docs at
&lt;/p&gt;</description></item><item><title>Project Structure</title><link>https://souig.github.io/teaching/courses/hugo-blox/guide/project-structure/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://souig.github.io/teaching/courses/hugo-blox/guide/project-structure/</guid><description>&lt;h2 id="folder-structure"&gt;Folder Structure&lt;/h2&gt;
&lt;p&gt;There are &lt;strong&gt;4 main folders for Hugo-based sites&lt;/strong&gt;:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;code&gt;content/&lt;/code&gt; for your Markdown-formatted content files (homepage, etc.)
&lt;ul&gt;
&lt;li&gt;&lt;code&gt;_index.md&lt;/code&gt; the homepage (&lt;strong&gt;Hugo requires that the homepage and archive pages have an underscore prefix&lt;/strong&gt;)&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;code&gt;assets/&lt;/code&gt;
&lt;ul&gt;
&lt;li&gt;&lt;code&gt;media/&lt;/code&gt; for your media files (images, videos)
&lt;ul&gt;
&lt;li&gt;&lt;code&gt;icons/custom/&lt;/code&gt; upload any custom SVG icons you want to use&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;code&gt;config/_default/&lt;/code&gt; for your site configuration files
&lt;ul&gt;
&lt;li&gt;&lt;code&gt;hugo.yaml&lt;/code&gt; to configure Hugo (site title, URL, Hugo options, setup per-folder page features)&lt;/li&gt;
&lt;li&gt;&lt;code&gt;module.yaml&lt;/code&gt; to install or uninstall Hugo themes and plugins&lt;/li&gt;
&lt;li&gt;&lt;code&gt;params.yaml&lt;/code&gt; to configure Hugo Blox options (SEO, analytics, site features)&lt;/li&gt;
&lt;li&gt;&lt;code&gt;menus.yaml&lt;/code&gt; to configure your menu links (if the menu is enabled in &lt;code&gt;params.yaml&lt;/code&gt;)&lt;/li&gt;
&lt;li&gt;&lt;code&gt;languages.yaml&lt;/code&gt; to configure your site&amp;rsquo;s language or to set language-specific options in a multilingual site&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;code&gt;static/uploads/&lt;/code&gt; for any files you want visitors to download, such as a PDF&lt;/li&gt;
&lt;li&gt;&lt;code&gt;go.mod&lt;/code&gt; sets the version of Hugo themes/plugins which your site uses&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="hugo-file-naming-convention"&gt;Hugo File Naming Convention&lt;/h2&gt;
&lt;p&gt;Hugo gives us two options to name standard page files: as &lt;code&gt;TITLE/index.md&lt;/code&gt; or &lt;code&gt;TITLE.md&lt;/code&gt; where &lt;code&gt;TITLE&lt;/code&gt; is your page name.&lt;/p&gt;
&lt;p&gt;The page name should be lowercase and using hyphens (&lt;code&gt;-&lt;/code&gt;) instead of spaces.&lt;/p&gt;
&lt;p&gt;Both approaches result in the same output, so you can choose your preferred approach to naming and organizing files. A benefit to the folder-based approach is that all your page&amp;rsquo;s files (such as images) are self-contained within the page&amp;rsquo;s folder, so it&amp;rsquo;s more portable if you wish to share the original Markdown page with someone.&lt;/p&gt;
&lt;p&gt;The homepage is a special case as &lt;strong&gt;Hugo requires the homepage and listing pages to be named&lt;/strong&gt; &lt;code&gt;_index.md&lt;/code&gt;.&lt;/p&gt;
&lt;h2 id="docs-navigation"&gt;Docs Navigation&lt;/h2&gt;
&lt;p&gt;The docs navigation is automatically generated based on the content in the &lt;code&gt;docs/&lt;/code&gt; folder and is sorted alphabetically.&lt;/p&gt;
&lt;p&gt;The order of pages can be changed by adding the &lt;code&gt;weight&lt;/code&gt; parameter in the front matter of your Markdown files.&lt;/p&gt;
&lt;p&gt;In the example below, the &lt;code&gt;example.md&lt;/code&gt; page will appear before the &lt;code&gt;test.md&lt;/code&gt; page as it has a lower &lt;code&gt;weight&lt;/code&gt;:&lt;/p&gt;
&lt;p&gt;Page &lt;code&gt;example.md&lt;/code&gt;:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-yaml" data-lang="yaml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nn"&gt;---&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt;&lt;/span&gt;&lt;span class="nt"&gt;title&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;My Example&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt;&lt;/span&gt;&lt;span class="nt"&gt;weight&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="m"&gt;1&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt;&lt;/span&gt;&lt;span class="nn"&gt;---&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;Page &lt;code&gt;test.md&lt;/code&gt;:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-yaml" data-lang="yaml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nn"&gt;---&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt;&lt;/span&gt;&lt;span class="nt"&gt;title&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;My Test&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt;&lt;/span&gt;&lt;span class="nt"&gt;weight&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="m"&gt;2&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt;&lt;/span&gt;&lt;span class="nn"&gt;---&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;</description></item><item><title>Configuration</title><link>https://souig.github.io/teaching/courses/hugo-blox/guide/configuration/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://souig.github.io/teaching/courses/hugo-blox/guide/configuration/</guid><description>&lt;p&gt;The configuration of your site can be found in &lt;code&gt;config/_default/&lt;/code&gt;.&lt;/p&gt;
&lt;h2 id="full-documentation"&gt;Full Documentation&lt;/h2&gt;
&lt;p&gt;See
&lt;/p&gt;
&lt;h2 id="navigation"&gt;Navigation&lt;/h2&gt;
&lt;h3 id="menu"&gt;Menu&lt;/h3&gt;
&lt;p&gt;See
&lt;/p&gt;
&lt;h2 id="left-sidebar"&gt;Left Sidebar&lt;/h2&gt;
&lt;p&gt;Links are automatically generated from the structure of your content directory. Simply add a folder to nest a page.&lt;/p&gt;
&lt;h3 id="extra-links"&gt;Extra Links&lt;/h3&gt;
&lt;p&gt;Additional links can be added under the &lt;code&gt;sidebar&lt;/code&gt; section of your &lt;code&gt;config/_default/menus.yaml&lt;/code&gt;:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-yaml" data-lang="yaml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;menu&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;sidebar&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;- &lt;span class="nt"&gt;name&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;Need help?&amp;#34;&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;params&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;type&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;separator&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;weight&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="m"&gt;1&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;- &lt;span class="nt"&gt;name&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;A page&amp;#34;&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;pageRef&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;/page-filename-here&amp;#34;&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;weight&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="m"&gt;2&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;- &lt;span class="nt"&gt;name&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;An external link ↗&amp;#34;&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;url&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;https://hugoblox.com&amp;#34;&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;weight&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="m"&gt;3&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="right-sidebar"&gt;Right Sidebar&lt;/h2&gt;
&lt;p&gt;A table of contents is automatically generated from the headings your Markdown file.&lt;/p&gt;
&lt;p&gt;It can optionally be disabled by setting &lt;code&gt;toc: false&lt;/code&gt; in the front matter of a page:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-yaml" data-lang="yaml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nn"&gt;---&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt;&lt;/span&gt;&lt;span class="nt"&gt;title&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;My Page&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt;&lt;/span&gt;&lt;span class="nt"&gt;toc&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="kc"&gt;false&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt;&lt;/span&gt;&lt;span class="nn"&gt;---&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;</description></item><item><title>Robust DNN Partitioning and Resource Allocation Under Uncertain Inference Time</title><link>https://souig.github.io/publication/robustdnnpartitioningand-resource-005/</link><pubDate>Sun, 01 Mar 2026 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/robustdnnpartitioningand-resource-005/</guid><description/></item><item><title>CoSTr: a Fully Sparse Transformer with Mutual Information for Pragmatic Collaborative Perception</title><link>https://souig.github.io/publication/costr-sparse-282/</link><pubDate>Thu, 01 Jan 2026 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/costr-sparse-282/</guid><description/></item><item><title>DH-VLM: Dual-Horizon Cooperative Latent Reasoning for Autonomous Driving</title><link>https://souig.github.io/publication/dh-vlm-293/</link><pubDate>Thu, 01 Jan 2026 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/dh-vlm-293/</guid><description/></item><item><title>DPNet: Doppler LiDAR Motion Planning for Highly-Dynamic Environments</title><link>https://souig.github.io/publication/dpnet-doppler-277/</link><pubDate>Thu, 01 Jan 2026 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/dpnet-doppler-277/</guid><description/></item><item><title>DRIVE: Dynamic Residual Information Exchange for Communication-Efficient Collaborative Perception in Autonomous Driving</title><link>https://souig.github.io/publication/drive-dynamic-294/</link><pubDate>Thu, 01 Jan 2026 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/drive-dynamic-294/</guid><description/></item><item><title>Learning to Jointly Optimize Antenna Positioning and Beamforming for Movable Antenna-Aided Systems</title><link>https://souig.github.io/publication/learning-jointly-280/</link><pubDate>Thu, 01 Jan 2026 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/learning-jointly-280/</guid><description/></item><item><title>SparseCoM: Fully Sparse Collaborative Perception via Mixture of BEV Experts</title><link>https://souig.github.io/publication/sparsecom-bev-292/</link><pubDate>Thu, 01 Jan 2026 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/sparsecom-bev-292/</guid><description/></item><item><title>Task Profiling and Draft Model Selection for Accelerating Distributed Speculative Decoding</title><link>https://souig.github.io/publication/task-profiling-draft-288/</link><pubDate>Thu, 01 Jan 2026 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/task-profiling-draft-288/</guid><description/></item><item><title>UniMM-V2X: MoE-Enhanced Multi-Level Fusion for End-to-End Cooperative Autonomous Driving</title><link>https://souig.github.io/publication/unimm-v2x-281/</link><pubDate>Thu, 01 Jan 2026 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/unimm-v2x-281/</guid><description/></item><item><title>Joint Memory Frequency and Computing Frequency Scaling for Energy-Efficient DNN Inference</title><link>https://souig.github.io/publication/joint-memory-freq-290/</link><pubDate>Mon, 01 Dec 2025 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/joint-memory-freq-290/</guid><description/></item><item><title>Agile Coverage for Low-Altitude Aerial Intelligent Networks: A Blended Hyper-Cellular Solution</title><link>https://souig.github.io/publication/agile-coverage-008/</link><pubDate>Mon, 01 Sep 2025 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/agile-coverage-008/</guid><description/></item><item><title>Mixture of Experts-Augmented Deep Unfolding for Activity Detection in IRS-Aided Systems</title><link>https://souig.github.io/publication/moe-augmented-deep-276/</link><pubDate>Mon, 01 Sep 2025 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/moe-augmented-deep-276/</guid><description/></item><item><title>Robust Task Offloading and Resource Allocation Under Imperfect Computing Capacity Information in Edge Intelligence Systems</title><link>https://souig.github.io/publication/robust-task-010/</link><pubDate>Tue, 01 Jul 2025 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/robust-task-010/</guid><description/></item><item><title>DVFS-aware DNN Inference on GPUs: Latency Modeling and Performance Analysis</title><link>https://souig.github.io/publication/dvfs-aware-dnn-291/</link><pubDate>Sun, 01 Jun 2025 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/dvfs-aware-dnn-291/</guid><description/></item><item><title>Dynamic Scheduling for Vehicle-to-Vehicle Communications Enhanced Federated Learning</title><link>https://souig.github.io/publication/dynamic-scheduling-007/</link><pubDate>Sun, 01 Jun 2025 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/dynamic-scheduling-007/</guid><description/></item><item><title>AEPHORA: AI/ML-Based Energy-Efficient Proactive Handover and Resource Allocation</title><link>https://souig.github.io/publication/aephora-energy-289/</link><pubDate>Wed, 01 Jan 2025 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/aephora-energy-289/</guid><description/></item><item><title>Distributed Activity Detection for Cell-Free Hybrid Near-Far Field Communications</title><link>https://souig.github.io/publication/distributed-activity-279/</link><pubDate>Wed, 01 Jan 2025 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/distributed-activity-279/</guid><description/></item><item><title>FedCGD: Collective Gradient Divergence Optimized Scheduling for Wireless Federated Learning</title><link>https://souig.github.io/publication/fedcgd-collective-001/</link><pubDate>Wed, 01 Jan 2025 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/fedcgd-collective-001/</guid><description/></item><item><title>FedTeddi: Temporal Drift and Divergence Aware Scheduling for Timely Federated Edge Learning</title><link>https://souig.github.io/publication/fedteddi-scheduling-295/</link><pubDate>Wed, 01 Jan 2025 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/fedteddi-scheduling-295/</guid><description/></item><item><title>Joint Optimization of Offloading, Batching and DVFS for Multiuser Co-Inference</title><link>https://souig.github.io/publication/joint-optimization-285/</link><pubDate>Wed, 01 Jan 2025 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/joint-optimization-285/</guid><description/></item><item><title>Mobility Accelerates Learning: Convergence Analysis on Hierarchical Federated Learning in Vehicular Networks</title><link>https://souig.github.io/publication/mobility-accelerates-016/</link><pubDate>Wed, 01 Jan 2025 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/mobility-accelerates-016/</guid><description/></item><item><title>Mobility-Aware Asynchronous Federated Learning with Dynamic Sparsification</title><link>https://souig.github.io/publication/mobility-aware-asynchronous-274/</link><pubDate>Wed, 01 Jan 2025 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/mobility-aware-asynchronous-274/</guid><description/></item><item><title>Nonparametric Teaching for Graph Property Learners</title><link>https://souig.github.io/publication/nonparametric-teaching-278/</link><pubDate>Wed, 01 Jan 2025 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/nonparametric-teaching-278/</guid><description/></item><item><title>On the Impact of Mobility in Asynchronous Federated Learning over Device-to-Device Networks</title><link>https://souig.github.io/publication/impact-mobility-d2d-275/</link><pubDate>Wed, 01 Jan 2025 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/impact-mobility-d2d-275/</guid><description/></item><item><title>SMDP-Based Dynamic Batching for Improving Responsiveness and Energy Efficiency of Batch Services</title><link>https://souig.github.io/publication/smdp-dynamic-batching-284/</link><pubDate>Wed, 01 Jan 2025 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/smdp-dynamic-batching-284/</guid><description/></item><item><title>SNAKE: Sequential Continual Learning for Knowledge Extension over Communication-Constrained Networks</title><link>https://souig.github.io/publication/snake-sequential-273/</link><pubDate>Wed, 01 Jan 2025 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/snake-sequential-273/</guid><description/></item><item><title>WHALES: A Multi-Agent Scheduling Dataset for Enhanced Cooperation in Autonomous Driving</title><link>https://souig.github.io/publication/whales-multi-agent-283/</link><pubDate>Wed, 01 Jan 2025 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/whales-multi-agent-283/</guid><description/></item><item><title>Learning-Assisted User Scheduling and Beamforming for mmWave Vehicular Networks</title><link>https://souig.github.io/publication/learning-assisted-019/</link><pubDate>Thu, 01 Aug 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/learning-assisted-019/</guid><description/></item><item><title>, A2.92-Gb/s/Wand0.43-Gb/s/MGFlexibleand Scalable CGRA-Based Baseband Processor for Massive MIMO Detection</title><link>https://souig.github.io/publication/a2-92-065/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/a2-92-065/</guid><description/></item><item><title>, AI-Assisted Low Information Latency Wireless Networking</title><link>https://souig.github.io/publication/ai-assisted-062/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/ai-assisted-062/</guid><description/></item><item><title>, Algorithmandarchitectureofalow-complexity and high-parallelism preprocessing-based K-best detector for large-scale MIMO sys- tems</title><link>https://souig.github.io/publication/algorithmandarchitectureofalow-complexity-090/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/algorithmandarchitectureofalow-complexity-090/</guid><description/></item><item><title>, Basestationsleepingandresourceallocationinrenewable energypoweredcellularnetworks</title><link>https://souig.github.io/publication/basestationsleepingandresourceallocationinrenewable-energypoweredcellularnetworks-117/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/basestationsleepingandresourceallocationinrenewable-energypoweredcellularnetworks-117/</guid><description/></item><item><title>, Discretespatialcompressionbeyondbeamspacechannelsparsitybased onbranch-and-bound</title><link>https://souig.github.io/publication/discretespatialcompressionbeyondbeamspacechannelsparsitybased-onbranch-206/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/discretespatialcompressionbeyondbeamspacechannelsparsitybased-onbranch-206/</guid><description/></item><item><title>, Dynamic Schedulingfor Over-the-Air Federated Edge Learn- ing With Energy Constraints</title><link>https://souig.github.io/publication/dynamic-schedulingfor-041/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/dynamic-schedulingfor-041/</guid><description/></item><item><title>, Energy-and Area-Efficient Recursive- Conjugate-Gradient-BasedMMSEDetectorfor MassiveMIMOSystems</title><link>https://souig.github.io/publication/energy-and-063/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/energy-and-063/</guid><description/></item><item><title>, Energy-awarenetworkplanningforwirelesscellular systemwithinter-cellcooperation</title><link>https://souig.github.io/publication/energy-awarenetworkplanningforwirelesscellular-131/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/energy-awarenetworkplanningforwirelesscellular-131/</guid><description/></item><item><title>, Energy-awaretrafficoffloadingforgreen heterogeneousnetworks</title><link>https://souig.github.io/publication/energy-awaretrafficoffloadingforgreen-103/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/energy-awaretrafficoffloadingforgreen-103/</guid><description/></item><item><title>, Exploitingmovingintelligence: Delay-optimizedcomputation offloadinginvehicularfognetworks</title><link>https://souig.github.io/publication/exploitingmovingintelligence-delay-070/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/exploitingmovingintelligence-delay-070/</guid><description/></item><item><title>, Howmanysmallcellscanbeturnedoffviaverticaloffloading underaseparationarchitecture?</title><link>https://souig.github.io/publication/howmanysmallcellscanbeturnedoffviaverticaloffloading-underaseparationarchitecture-107/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/howmanysmallcellscanbeturnedoffviaverticaloffloading-underaseparationarchitecture-107/</guid><description/></item><item><title>, Joint Frame Structureand Beamwidth Optimizationfor Integrated Localizationand Communication</title><link>https://souig.github.io/publication/joint-frame-157/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/joint-frame-157/</guid><description/></item><item><title>, Joint Optimizationof Schedulingand Power Controlin Wireless Networks: Multi-Dimensional Modelingand Decomposition</title><link>https://souig.github.io/publication/joint-optimizationof-073/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/joint-optimizationof-073/</guid><description/></item><item><title>, Learning-Based Remote Channel Inference: Feasibility Analysisand Case Study</title><link>https://souig.github.io/publication/learning-based-068/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/learning-based-068/</guid><description/></item><item><title>, Near-OptimalMIMO-SCMAUplink Detection with Low-Complexity Expectation Propagation</title><link>https://souig.github.io/publication/near-optimalmimo-064/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/near-optimalmimo-064/</guid><description/></item><item><title>, Pilot-datasuperpositionforbeam-basedFDDmassive MIMOdownlinks</title><link>https://souig.github.io/publication/pilot-datasuperpositionforbeam-094/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/pilot-datasuperpositionforbeam-094/</guid><description/></item><item><title>, Recursivewaterfillingforwirelesslinkswithenergyhar-vesting transmitters</title><link>https://souig.github.io/publication/recursivewaterfillingforwirelesslinkswithenergyhar-vesting-118/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/recursivewaterfillingforwirelesslinkswithenergyhar-vesting-118/</guid><description/></item><item><title>“面向 6G 网络的高可靠低延时通信计算与控制”</title><link>https://souig.github.io/publication/6g-54-134/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/6g-54-134/</guid><description/></item><item><title>Adaptive learning-based task of- floading for vehicular edge computing systems</title><link>https://souig.github.io/publication/adaptive-learning-074/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/adaptive-learning-074/</guid><description/></item><item><title>Adaptive Privacy-Preserving Coded Computing With Hierarchical Task Partitioning</title><link>https://souig.github.io/publication/adaptive-privacy-018/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/adaptive-privacy-018/</guid><description/></item><item><title>Adynamicprogrammingapproachforbasestationsleepingincellular networks</title><link>https://souig.github.io/publication/adynamicprogrammingapproachforbasestationsleepingincellular-networks-132/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/adynamicprogrammingapproachforbasestationsleepingincellular-networks-132/</guid><description/></item><item><title>Age-Optimal Schedul- ingfor Heterogeneous Trafficwith Timely Throughput Constraints</title><link>https://souig.github.io/publication/age-optimal-137/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/age-optimal-137/</guid><description/></item><item><title>Age-Optimal Scheduling for Heterogeneous Traffic with Timely-Throughput Constraint</title><link>https://souig.github.io/publication/age-optimal-176/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/age-optimal-176/</guid><description/></item><item><title>Age-Optimal Schedulingfor Heterogeneous Traffic with Timely-Throughput Constraint</title><link>https://souig.github.io/publication/age-optimal-047/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/age-optimal-047/</guid><description/></item><item><title>AI-Native Networking</title><link>https://souig.github.io/researches/ai-native-networking/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/researches/ai-native-networking/</guid><description/></item><item><title>Analysisandoptimizationofwirelesstransmissionsoverfastfading channelswithslowtime-varyingenergyarrival</title><link>https://souig.github.io/publication/analysisandoptimizationofwirelesstransmissionsoverfastfading-channelswithslowtime-220/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/analysisandoptimizationofwirelesstransmissionsoverfastfading-channelswithslowtime-220/</guid><description/></item><item><title>Anovelprecodingschemefordynamicbasestationcooperationwith overlappedclusters</title><link>https://souig.github.io/publication/anovelprecodingschemefordynamicbasestationcooperationwith-overlappedclusters-128/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/anovelprecodingschemefordynamicbasestationcooperationwith-overlappedclusters-128/</guid><description/></item><item><title>Antenna-beam spatial transformation in C-RAN with large antenna arrays</title><link>https://souig.github.io/publication/antenna-beam-217/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/antenna-beam-217/</guid><description/></item><item><title>AoI-Delay Tradeoffin Mobile Edge Caching With Freshness-Aware Content Refreshing</title><link>https://souig.github.io/publication/aoi-delay-046/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/aoi-delay-046/</guid><description/></item><item><title>APredictive Frame Transmission Schemefor Cloud Gaming in Mobile Edge Cloudlet Systems</title><link>https://souig.github.io/publication/apredictive-frame-029/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/apredictive-frame-029/</guid><description/></item><item><title>AUnified Sampling and Scheduling Approach for Status Updatein Multiaccess Wireless Networks</title><link>https://souig.github.io/publication/aunified-sampling-192/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/aunified-sampling-192/</guid><description/></item><item><title>AUoI-Optimal Policyfor Timely Status Updateswith Resource Constraint</title><link>https://souig.github.io/publication/auoi-optimal-043/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/auoi-optimal-043/</guid><description/></item><item><title>Base-stationsleepingcontrolandpowermatchingfor energy-delaytradeoffswithburstytraffic</title><link>https://souig.github.io/publication/base-stationsleepingcontrolandpowermatchingfor-104/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/base-stationsleepingcontrolandpowermatchingfor-104/</guid><description/></item><item><title>C-MASS: Combinatorial Mobility-Aware Sensor Schedulingfor Collaborative Perceptionwith Second-Order Topology Approximation</title><link>https://souig.github.io/publication/c-mass-003/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/c-mass-003/</guid><description/></item><item><title>Channel Fingerprint Based Beam Tracking for Millimeter Wave Communications</title><link>https://souig.github.io/publication/channel-fingerprint-061/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/channel-fingerprint-061/</guid><description/></item><item><title>Characterizing energy–delay tradeoff in hyper-cellular networkswithbasestationsleepingcontrol</title><link>https://souig.github.io/publication/characterizing-energy-112/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/characterizing-energy-112/</guid><description/></item><item><title>CHORUS:frameworkforscalablecollaborationinhetero- geneousnetworkswithcognitivesynergetic</title><link>https://souig.github.io/publication/chorus-frameworkforscalablecollaborationinhetero-124/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/chorus-frameworkforscalablecollaborationinhetero-124/</guid><description/></item><item><title>Closed-Form Analysisof Non-Linear Age-of-Information in Status Updates with an Energy Harvesting Transmitter</title><link>https://souig.github.io/publication/closed-form-067/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/closed-form-067/</guid><description/></item><item><title>Closed-Form Whittle’s Index-Enabled Random Accessfor Timely Status Update</title><link>https://souig.github.io/publication/closed-form-058/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/closed-form-058/</guid><description/></item><item><title>Coded Computation across Shared Heterogeneous Workers with Communication Delay</title><link>https://souig.github.io/publication/coded-computation-037/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/coded-computation-037/</guid><description/></item><item><title>Coded Computation Across Shared Heterogeneous Workswith Communication Delay</title><link>https://souig.github.io/publication/coded-computation-136/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/coded-computation-136/</guid><description/></item><item><title>Coded Computationover Heterogeneous Workerswith Random Task Arrivals</title><link>https://souig.github.io/publication/coded-computationover-044/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/coded-computationover-044/</guid><description/></item><item><title>Collaborative mobile clouds: an energy efficient paradigmforcontentsharing</title><link>https://souig.github.io/publication/collaborative-mobile-087/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/collaborative-mobile-087/</guid><description/></item><item><title>Collaborative Perception Oriented Wireless Com- municationsfor Intelligent Unmanned Systems</title><link>https://souig.github.io/publication/collaborative-perception-017/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/collaborative-perception-017/</guid><description/></item><item><title>Computationpeeroffloadingforenergy-constrainedmobileedgecom- putinginsmall-cellnetworks</title><link>https://souig.github.io/publication/computationpeeroffloadingforenergy-constrainedmobileedgecom-080/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/computationpeeroffloadingforenergy-constrainedmobileedgecom-080/</guid><description/></item><item><title>CONCERT: a cloud-based architecture for next- generationcellularsystems</title><link>https://souig.github.io/publication/concert-a-116/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/concert-a-116/</guid><description/></item><item><title>Coverage Analyseson Directional Transmissions Ultra-Dense Networkswith Imperfect Beam Alignment</title><link>https://souig.github.io/publication/coverage-analyseson-039/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/coverage-analyseson-039/</guid><description/></item><item><title>CPU-Utilization-Aware Scheduling for In-Vehicle Distributed Computing</title><link>https://souig.github.io/publication/cpu-utilization-156/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/cpu-utilization-156/</guid><description/></item><item><title>Data-drivenusercomplaintpredictionfor mobileaccessnetworks</title><link>https://souig.github.io/publication/data-drivenusercomplaintpredictionfor-079/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/data-drivenusercomplaintpredictionfor-079/</guid><description/></item><item><title>Deep learning based optimization in wireless network</title><link>https://souig.github.io/publication/deep-learning-221/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/deep-learning-221/</guid><description/></item><item><title>Deep Nap: Data-drivenbasestationsleepingopera- tionsthroughdeepreinforcementlearning</title><link>https://souig.github.io/publication/deep-nap-078/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/deep-nap-078/</guid><description/></item><item><title>Delay Optimization of Coded Computing With Hierarchical Task Partitioning</title><link>https://souig.github.io/publication/delay-optimization-026/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/delay-optimization-026/</guid><description/></item><item><title>Delay-constrainedenergy-optimalbasestationsleeping control</title><link>https://souig.github.io/publication/delay-constrainedenergy-102/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/delay-constrainedenergy-102/</guid><description/></item><item><title>Distributed Policy Learning Based Random Access for Diversified QoSRequirements</title><link>https://souig.github.io/publication/distributed-policy-189/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/distributed-policy-189/</guid><description/></item><item><title>Distributed Task Replication for Vehicular Edge Computing: Perfor- mance Analysisand Learning-based Algorithm</title><link>https://souig.github.io/publication/distributed-task-049/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/distributed-task-049/</guid><description/></item><item><title>Distributedadaptationofquantizedfeedbackfordownlinknetwork MIMOsystems</title><link>https://souig.github.io/publication/distributedadaptationofquantizedfeedbackfordownlinknetwork-mimosystems-133/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/distributedadaptationofquantizedfeedbackfordownlinknetwork-mimosystems-133/</guid><description/></item><item><title>Dynamic Caching: ACollaborative Designof Storageand Backhaul</title><link>https://souig.github.io/publication/dynamic-caching-057/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/dynamic-caching-057/</guid><description/></item><item><title>Dynamic channel acquisition in MU-MIMO</title><link>https://souig.github.io/publication/dynamic-channel-115/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/dynamic-channel-115/</guid><description/></item><item><title>Dynamic Compression Ratio Selection for Edge Inference Systems with Hard Deadlines</title><link>https://souig.github.io/publication/dynamic-compression-053/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/dynamic-compression-053/</guid><description/></item><item><title>E2M2: Energyefficientmobilitymanagementindensesmall cellswithmobileedgecomputing</title><link>https://souig.github.io/publication/e2m2-energyefficientmobilitymanagementindensesmall-219/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/e2m2-energyefficientmobilitymanagementindensesmall-219/</guid><description/></item><item><title>Edge Intelligence</title><link>https://souig.github.io/researches/edge-intelligence/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/researches/edge-intelligence/</guid><description/></item><item><title>Edge Learningwith Timeliness Constraints: Chal- lengesand Solutions</title><link>https://souig.github.io/publication/edge-learningwith-051/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/edge-learningwith-051/</guid><description/></item><item><title>EMM:Energy-awaremobilitymanagementformobileedgecomputing in ultra dense networks</title><link>https://souig.github.io/publication/emm-energy-091/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/emm-energy-091/</guid><description/></item><item><title>Energy efficient mobile edge computing in dense cellular networks</title><link>https://souig.github.io/publication/energy-efficient-218/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/energy-efficient-218/</guid><description/></item><item><title>Energy Efficient Resource Allocation for Wireless Power Transfer Enabled Collaborative Mobile Clouds</title><link>https://souig.github.io/publication/energy-efficient-141/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/energy-efficient-141/</guid><description/></item><item><title>Energy-awarenetworkplan- ningforwirelesscellularsystemswithinter-cellcooperation</title><link>https://souig.github.io/publication/energy-awarenetworkplan-151/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/energy-awarenetworkplan-151/</guid><description/></item><item><title>Energy-Efficient Collaborative Percep- tion: ABlock-SkippingDNNApproachwith Dynamic Frequency Scalingand Environment Aware- ness</title><link>https://souig.github.io/publication/energy-efficient-002/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/energy-efficient-002/</guid><description/></item><item><title>Energy-optimal computation offloading withdelayconstraintsinmobileedgecomputingsystemswithheterogeneousclouds</title><link>https://souig.github.io/publication/energy-optimal-054/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/energy-optimal-054/</guid><description/></item><item><title>Energy-optimalanddelay-boundedcompu- tationoffloadinginmobileedgecomputingwithheterogeneousclouds</title><link>https://souig.github.io/publication/energy-optimalanddelay-139/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/energy-optimalanddelay-139/</guid><description/></item><item><title>Energy-sustainabletrafficsteeringfor 5Gmobilenetworks</title><link>https://souig.github.io/publication/energy-sustainabletrafficsteeringfor-092/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/energy-sustainabletrafficsteeringfor-092/</guid><description/></item><item><title>Energyefficientnetworkplanninganddynamiccontrolforhyper- cellularnetwork</title><link>https://souig.github.io/publication/energyefficientnetworkplanninganddynamiccontrolforhyper-cellularnetwork-093/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/energyefficientnetworkplanninganddynamiccontrolforhyper-cellularnetwork-093/</guid><description/></item><item><title>Error Analysisfor Status Updatefrom Sensorswith Tem- porallyand Spatially Correlated Observations</title><link>https://souig.github.io/publication/error-analysisfor-048/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/error-analysisfor-048/</guid><description/></item><item><title>Exploitingwirelesschannel stateinformationstructuresbeyondlinearcorrelations: Adeeplearningapproach</title><link>https://souig.github.io/publication/exploitingwirelesschannel-stateinformationstructuresbeyondlinearcorrelations-077/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/exploitingwirelesschannel-stateinformationstructuresbeyondlinearcorrelations-077/</guid><description/></item><item><title>Flex Gen: Efficient On-Demand GenerativeAIService With Flexible Diffusion Modelin Mobile Edge Networks</title><link>https://souig.github.io/publication/flex-gen-011/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/flex-gen-011/</guid><description/></item><item><title>Flexible Functional Split and Power Control for Energy Harvesting Cloud Radio Access Networks</title><link>https://souig.github.io/publication/flexible-functional-059/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/flexible-functional-059/</guid><description/></item><item><title>Flexiblefunctionalsplit in C-RANwithrenewableenergypoweredremote radiounits</title><link>https://souig.github.io/publication/flexiblefunctionalsplit-in-205/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/flexiblefunctionalsplit-in-205/</guid><description/></item><item><title>Green Delivery: Proactive content caching and pushwithenergy-harvesting-basedsmallcells</title><link>https://souig.github.io/publication/green-delivery-111/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/green-delivery-111/</guid><description/></item><item><title>Green Wireless Systems</title><link>https://souig.github.io/researches/green-wireless/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/researches/green-wireless/</guid><description/></item><item><title>Grouping-based Schedulingunder Age of Correlated Information Constraints</title><link>https://souig.github.io/publication/grouping-based-014/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/grouping-based-014/</guid><description/></item><item><title>Image Analysis Oriented Integrated Sensingand Communication via Intelligent Reflecting Surface</title><link>https://souig.github.io/publication/image-analysis-015/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/image-analysis-015/</guid><description/></item><item><title>Importance-Aware Data Pre-Processingand Device Schedulingfor Multi- Channel Edge Learning</title><link>https://souig.github.io/publication/importance-aware-035/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/importance-aware-035/</guid><description/></item><item><title>Improving Device-Edge Cooperative In- ferenceof Deep Learningvia2-Step Pruning</title><link>https://souig.github.io/publication/improving-device-190/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/improving-device-190/</guid><description/></item><item><title>Improving the energy efficiency of two-tier heterogeneous cellular networksthroughpartialspectrumreuse</title><link>https://souig.github.io/publication/improving-the-123/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/improving-the-123/</guid><description/></item><item><title>Infrastructure-Assisted Collaborative Perceptionin Automated Valet Parking: ASafety Perspective</title><link>https://souig.github.io/publication/infrastructure-assisted-154/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/infrastructure-assisted-154/</guid><description/></item><item><title>Interference-awarerelayselectionschemefortwo-hoprelaynetworks withmultiplesource-destinationpairs</title><link>https://souig.github.io/publication/interference-awarerelayselectionschemefortwo-126/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/interference-awarerelayselectionschemefortwo-126/</guid><description/></item><item><title>Intermittent CSI update for massive MIMO systems with heterogeneoususermobility</title><link>https://souig.github.io/publication/intermittent-csi-069/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/intermittent-csi-069/</guid><description/></item><item><title>Joint Device Scheduling and Resource Allocation for Latency Con- strained Wireless Federated Learning</title><link>https://souig.github.io/publication/joint-device-050/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/joint-device-050/</guid><description/></item><item><title>Joint Task Offloading and Resource Allocation for Vehicular Edge Computingwith Result Feedback Delay</title><link>https://souig.github.io/publication/joint-task-028/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/joint-task-028/</guid><description/></item><item><title>Jointuserschedulingandbeamselectionoptimizationforbeam- basedmassiveMIMOdownlinks</title><link>https://souig.github.io/publication/jointuserschedulingandbeamselectionoptimizationforbeam-basedmassivemimodownlinks-086/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/jointuserschedulingandbeamselectionoptimizationforbeam-basedmassivemimodownlinks-086/</guid><description/></item><item><title>Latency Guaranteed Edge Inferencevia Dynamic Compression Ratio Se- lection</title><link>https://souig.github.io/publication/latency-guaranteed-180/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/latency-guaranteed-180/</guid><description/></item><item><title>Learning-basedtaskoffloadingforvehicular cloudcomputingsystems</title><link>https://souig.github.io/publication/learning-basedtaskoffloadingforvehicular-207/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/learning-basedtaskoffloadingforvehicular-207/</guid><description/></item><item><title>Low-Altitude Intelligent Networks</title><link>https://souig.github.io/researches/low-altitude-networks/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/researches/low-altitude-networks/</guid><description/></item><item><title>MASS:Mobility-Aware Sensor Schedulingof Coopera- tive Perceptionfor Connected Automated Driving</title><link>https://souig.github.io/publication/mass-mobility-027/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/mass-mobility-027/</guid><description/></item><item><title>Mobility-awarecoded-cachingschemeforsmallcellnetwork</title><link>https://souig.github.io/publication/mobility-awarecoded-215/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/mobility-awarecoded-215/</guid><description/></item><item><title>Multi-AgentDRL-Based Two-Timescale Re- source Allocationfor Network Slicing in V2XCommunications</title><link>https://souig.github.io/publication/multi-agentdrl-020/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/multi-agentdrl-020/</guid><description/></item><item><title>Multiuser Co-inference with Batch Processing Capable Edge Server</title><link>https://souig.github.io/publication/multiuser-co-034/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/multiuser-co-034/</guid><description/></item><item><title>Near-Sensor LiDARand Visual Feature Extractionand Communicationfor Low-Latency Roadside Cooperative Perception</title><link>https://souig.github.io/publication/near-sensor-009/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/near-sensor-009/</guid><description/></item><item><title>NetworkedMIMOwithfractionaljointtransmissioninenergyhar- vestingsystems</title><link>https://souig.github.io/publication/networkedmimowithfractionaljointtransmissioninenergyhar-vestingsystems-101/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/networkedmimowithfractionaljointtransmissioninenergyhar-vestingsystems-101/</guid><description/></item><item><title>On precoding for overlapped clustering in a measured urbanmacrocellularenvironment</title><link>https://souig.github.io/publication/on-precoding-127/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/on-precoding-127/</guid><description/></item><item><title>On the Coverage and Capacity of Ultra-Dense Networks with Directional Transmissions</title><link>https://souig.github.io/publication/on-the-060/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/on-the-060/</guid><description/></item><item><title>Only Those Requested Count: Proactive Scheduling Policesfor Minimizing Effective Age-of-Information</title><link>https://souig.github.io/publication/only-those-193/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/only-those-193/</guid><description/></item><item><title>Onthe time scales of energyarrivaland channel fading in energyhar- vestingcommunications</title><link>https://souig.github.io/publication/onthe-time-083/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/onthe-time-083/</guid><description/></item><item><title>Onthefronthaulstatisticalmultiplexinggain</title><link>https://souig.github.io/publication/pub-095/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/pub-095/</guid><description/></item><item><title>Optimal antenna cluster size in cell-free distributed large-scale an- tennasystemswithimperfectCSIandinter-clusterinterference</title><link>https://souig.github.io/publication/optimal-antenna-110/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/optimal-antenna-110/</guid><description/></item><item><title>Optimalcombinationofbasestationdensitiesforenergy-efficienttwo- tierheterogeneouscellularnetworks</title><link>https://souig.github.io/publication/optimalcombinationofbasestationdensitiesforenergy-efficienttwo-121/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/optimalcombinationofbasestationdensitiesforenergy-efficienttwo-121/</guid><description/></item><item><title>OptimaldiscretespatialcompressionforbeamspacemassiveMIMO signals</title><link>https://souig.github.io/publication/optimaldiscretespatialcompressionforbeamspacemassivemimo-signals-085/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/optimaldiscretespatialcompressionforbeamspacemassivemimo-signals-085/</guid><description/></item><item><title>Optimalgreenenergyutilization in MIMOsystems withhybridenergysupplies</title><link>https://souig.github.io/publication/optimalgreenenergyutilization-in-108/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/optimalgreenenergyutilization-in-108/</guid><description/></item><item><title>Optimalpowerallocationforenergyharvestingandpowergridcoex- istingwirelesscommunicationsystems</title><link>https://souig.github.io/publication/optimalpowerallocationforenergyharvestingandpowergridcoex-istingwirelesscommunicationsystems-125/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/optimalpowerallocationforenergyharvestingandpowergridcoex-istingwirelesscommunicationsystems-125/</guid><description/></item><item><title>Optimalsleepingmechanismformultipleservers with MMPP-based bursty traffic arrival</title><link>https://souig.github.io/publication/optimalsleepingmechanismformultipleservers-with-081/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/optimalsleepingmechanismformultipleservers-with-081/</guid><description/></item><item><title>Optimizing Information Freshnessin Broadcast Networkwith Unreliable Linksand Random Arrivals: An Approximate Index Policy</title><link>https://souig.github.io/publication/optimizing-information-191/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/optimizing-information-191/</guid><description/></item><item><title>Optimizing Task-Specific Timeliness With Edge- Assisted Schedulingfor Status Update</title><link>https://souig.github.io/publication/optimizing-task-025/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/optimizing-task-025/</guid><description/></item><item><title>Outageminimizationforafadingwirelesslinkwithenergy harvestingtransmitterandreceiver</title><link>https://souig.github.io/publication/outageminimizationforafadingwirelesslinkwithenergy-harvestingtransmitterandreceiver-113/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/outageminimizationforafadingwirelesslinkwithenergy-harvestingtransmitterandreceiver-113/</guid><description/></item><item><title>Policy optimization for content push via energyharvesting smallcellsinheterogeneousnetworks</title><link>https://souig.github.io/publication/policy-optimization-097/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/policy-optimization-097/</guid><description/></item><item><title>Powercontrolpoliciesforawirelesslinkwithenergyhar- vestingtransmitterandreceiver</title><link>https://souig.github.io/publication/powercontrolpoliciesforawirelesslinkwithenergyhar-vestingtransmitterandreceiver-242/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/powercontrolpoliciesforawirelesslinkwithenergyhar-vestingtransmitterandreceiver-242/</guid><description/></item><item><title>QMNet: Importance-Aware Message Exchange for Decentralized Multi- Agent Reinforcement Learning</title><link>https://souig.github.io/publication/qmnet-importance-023/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/qmnet-importance-023/</guid><description/></item><item><title>Radio Resource Allocation for Bidirectional Offloading in Space- Air-Ground Integrated Vehicular Network</title><link>https://souig.github.io/publication/radio-resource-066/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/radio-resource-066/</guid><description/></item><item><title>Radio Resource Allocation for Collaborative OFDMARelay Networkswith Imperfect Channel State Information</title><link>https://souig.github.io/publication/radio-resource-143/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/radio-resource-143/</guid><description/></item><item><title>Redesigning fronthaul for next-generation networks: beyond basebandsamplesandpoint-to-pointlinks</title><link>https://souig.github.io/publication/redesigning-fronthaul-106/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/redesigning-fronthaul-106/</guid><description/></item><item><title>Resource Allocation for Channel Estimation in Reconfigurable Intelligent Surface-Aided Multi-Cell Networks</title><link>https://souig.github.io/publication/resource-allocation-021/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/resource-allocation-021/</guid><description/></item><item><title>Robustenergyschedulinginvehicle-to-grid networks</title><link>https://souig.github.io/publication/robustenergyschedulinginvehicle-to-096/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/robustenergyschedulinginvehicle-to-096/</guid><description/></item><item><title>RSU-Aided Energy-Efficient Collaborative Perceptionfor Connected Autonomous Vehicles</title><link>https://souig.github.io/publication/rsu-aided-155/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/rsu-aided-155/</guid><description/></item><item><title>S.Zhou,D.Lee,B.Leng,X.Zhou,H.Zhang,andZ.Niu“, Onthespatialdistributionofbasestations anditsrelationt</title><link>https://souig.github.io/publication/s-zhou-109/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/s-zhou-109/</guid><description/></item><item><title>Security Analysisof Mobile Device- to-Device Network Applications</title><link>https://souig.github.io/publication/security-analysisof-072/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/security-analysisof-072/</guid><description/></item><item><title>SENATE: A Permissionless Byzantine consensusprotocolinwirelessnetworksforreal-timeinternet-of-thingsapplications</title><link>https://souig.github.io/publication/senate-a-055/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/senate-a-055/</guid><description/></item><item><title>Sensingand Communication Co-Designfor Status Update in Multiaccess Wireless Networks</title><link>https://souig.github.io/publication/sensingand-communication-030/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/sensingand-communication-030/</guid><description/></item><item><title>SFC-Based Service Provisioningfor Recon-fig- urable Space-Air-Ground Integrated Networks</title><link>https://souig.github.io/publication/sfc-based-056/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/sfc-based-056/</guid><description/></item><item><title>Simultaneousinformationandenergyflow for IoTrelaysystemswithcrowdharvesting</title><link>https://souig.github.io/publication/simultaneousinformationandenergyflow-for-098/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/simultaneousinformationandenergyflow-for-098/</guid><description/></item><item><title>SMART:Situationally-Aware Multi- Agent Reinforcement Learning-Based Transmissions</title><link>https://souig.github.io/publication/smart-situationally-042/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/smart-situationally-042/</guid><description/></item><item><title>Software-definedhyper-cellulararchitectureforgreenand elasticwirelessaccess</title><link>https://souig.github.io/publication/software-definedhyper-105/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/software-definedhyper-105/</guid><description/></item><item><title>Spatialmodelingofthetrafficdensity incellularnetworks</title><link>https://souig.github.io/publication/spatialmodelingofthetrafficdensity-incellularnetworks-119/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/spatialmodelingofthetrafficdensity-incellularnetworks-119/</guid><description/></item><item><title>Statisticalmultiplexinggainanalysisofheterogeneousvir- tual base station pools in cloud radio access networks</title><link>https://souig.github.io/publication/statisticalmultiplexinggainanalysisofheterogeneousvir-tual-100/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/statisticalmultiplexinggainanalysisofheterogeneousvir-tual-100/</guid><description/></item><item><title>Task replication for deadline-constrained vehicular cloud computing: optimal policy, performance analysis and implications on road traffic</title><link>https://souig.github.io/publication/task-replication-089/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/task-replication-089/</guid><description/></item><item><title>Tasks scheduling and resource allocation in heterogeneous cloudfordelay-boundedmobileedgecomputing</title><link>https://souig.github.io/publication/tasks-scheduling-216/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/tasks-scheduling-216/</guid><description/></item><item><title>Timely and Sustainable: Utilis- ing Correlationin Status Updatesof Battery-Poweredand Energy-Harvesting Sensors Using Deep Rein- forcement Learning</title><link>https://souig.github.io/publication/timely-and-038/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/timely-and-038/</guid><description/></item><item><title>Timely Status Updatein Wire-less Up- links: Analytical Solutionswith Asymptotic Optimality</title><link>https://souig.github.io/publication/timely-status-071/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/timely-status-071/</guid><description/></item><item><title>Towardsservice-oriented5G:Virtualizing thenetworksforeverything-as-a-Service</title><link>https://souig.github.io/publication/towardsservice-oriented5g-088/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/towardsservice-oriented5g-088/</guid><description/></item><item><title>Traffic-awarebasestationsleepingcontrolandpowermatch-ingfor energy-delaytradeoffsingreencellularnetworks</title><link>https://souig.github.io/publication/traffic-awarebasestationsleepingcontrolandpowermatch-122/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/traffic-awarebasestationsleepingcontrolandpowermatch-122/</guid><description/></item><item><title>Unlimited Vector Processing for Wireless Baseband Based on RISC-VExtension</title><link>https://souig.github.io/publication/unlimited-vector-006/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/unlimited-vector-006/</guid><description/></item><item><title>Urgencyof Informationfor Context-Aware Timely Status Updates in Remote Control Systems</title><link>https://souig.github.io/publication/urgencyof-informationfor-052/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/urgencyof-informationfor-052/</guid><description/></item><item><title>Vehicular &amp; Autonomous Systems</title><link>https://souig.github.io/researches/vehicular-systems/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/researches/vehicular-systems/</guid><description/></item><item><title>Venus: A RISC-VDomain Specific Architecture Towards IntegratedAIand Wireless Baseband Processingfor 6GEdge Intelligence</title><link>https://souig.github.io/publication/venus-a-004/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/venus-a-004/</guid><description/></item><item><title>Water-filling: Ageometricapproachanditsapplicationtosolve generalizedradioresourceallocationproblems</title><link>https://souig.github.io/publication/water-filling-120/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/water-filling-120/</guid><description/></item><item><title>Xiaoyang Li,Yi Gong,Kaibin Huangand Zhisheng Niu,”Over-the-Air Integrated Sensing,Commu- nication, and Comp</title><link>https://souig.github.io/publication/xiaoyang-li-135/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/xiaoyang-li-135/</guid><description/></item><item><title>定位与通信受限的网联协同感知算法</title><link>https://souig.github.io/publication/pub-024/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/pub-024/</guid><description/></item><item><title>能量信息深度融合的移动网络架构及其技术挑战</title><link>https://souig.github.io/publication/pub-022/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/pub-022/</guid><description/></item><item><title>车辆间计算任务卸载算法与系统级仿真验证</title><link>https://souig.github.io/publication/pub-075/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/pub-075/</guid><description/></item><item><title>面向’双碳’战略的绿色通信与网络：挑战与对策</title><link>https://souig.github.io/publication/pub-040/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/pub-040/</guid><description/></item><item><title>面向6G网络的信息时效性度量及研究进展</title><link>https://souig.github.io/publication/pub-045/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/pub-045/</guid><description/></item><item><title>Pandas</title><link>https://souig.github.io/project/pandas/</link><pubDate>Thu, 26 Oct 2023 00:00:00 +0000</pubDate><guid>https://souig.github.io/project/pandas/</guid><description>&lt;p&gt;Flexible and powerful data analysis / manipulation library for Python, providing labeled data structures.&lt;/p&gt;</description></item><item><title>PyTorch</title><link>https://souig.github.io/project/pytorch/</link><pubDate>Thu, 26 Oct 2023 00:00:00 +0000</pubDate><guid>https://souig.github.io/project/pytorch/</guid><description>&lt;p&gt;PyTorch is a Python package that provides tensor computation (like NumPy) with strong GPU acceleration.&lt;/p&gt;</description></item><item><title>scikit-learn</title><link>https://souig.github.io/project/scikit/</link><pubDate>Thu, 26 Oct 2023 00:00:00 +0000</pubDate><guid>https://souig.github.io/project/scikit/</guid><description>&lt;p&gt;scikit-learn is a Python module for machine learning built on top of SciPy and is distributed under the 3-Clause BSD license.&lt;/p&gt;</description></item><item><title>Embed Media</title><link>https://souig.github.io/teaching/courses/hugo-blox/guide/formatting/media/</link><pubDate>Tue, 24 Oct 2023 00:00:00 +0000</pubDate><guid>https://souig.github.io/teaching/courses/hugo-blox/guide/formatting/media/</guid><description>&lt;p&gt;
is designed to give technical content creators a seamless experience. You can focus on the content and the Hugo Blox Builder which this template is built upon handles the rest.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Embed videos, podcasts, code, LaTeX math, and even test students!&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;On this page, you&amp;rsquo;ll find some examples of the types of technical content that can be rendered with Hugo Blox.&lt;/p&gt;
&lt;h2 id="video"&gt;Video&lt;/h2&gt;
&lt;p&gt;Teach your course by sharing videos with your students. Choose from one of the following approaches:&lt;/p&gt;
&lt;div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;"&gt;
&lt;iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" loading="eager" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube.com/embed/D2vj0WcvH5c?autoplay=0&amp;amp;controls=1&amp;amp;end=0&amp;amp;loop=0&amp;amp;mute=0&amp;amp;start=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" title="YouTube video"&gt;&lt;/iframe&gt;
&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;Youtube&lt;/strong&gt;:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;{{&amp;lt; youtube w7Ft2ymGmfc &amp;gt;}}
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;strong&gt;Bilibili&lt;/strong&gt;:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;{{&amp;lt; bilibili id=&amp;quot;BV1WV4y1r7DF&amp;quot; &amp;gt;}}
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;strong&gt;Video file&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Videos may be added to a page by either placing them in your &lt;code&gt;assets/media/&lt;/code&gt; media library or in your
, and then embedding them with the &lt;em&gt;video&lt;/em&gt; shortcode:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;{{&amp;lt; video src=&amp;quot;my_video.mp4&amp;quot; controls=&amp;quot;yes&amp;quot; &amp;gt;}}
&lt;/code&gt;&lt;/pre&gt;
&lt;h2 id="podcast"&gt;Podcast&lt;/h2&gt;
&lt;p&gt;You can add a podcast or music to a page by placing the MP3 file in the page&amp;rsquo;s folder or the media library folder and then embedding the audio on your page with the &lt;em&gt;audio&lt;/em&gt; shortcode:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;{{&amp;lt; audio src=&amp;quot;ambient-piano.mp3&amp;quot; &amp;gt;}}
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Try it out:&lt;/p&gt;
&lt;audio controls &gt;
&lt;source src="ambient-piano.mp3" type="audio/mpeg"&gt;
&lt;/audio&gt;
&lt;h2 id="test-students"&gt;Test students&lt;/h2&gt;
&lt;p&gt;Provide a simple yet fun self-assessment by revealing the solutions to challenges with the &lt;code&gt;spoiler&lt;/code&gt; shortcode:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;{{&amp;lt; spoiler text=&amp;#34;👉 Click to view the solution&amp;#34; &amp;gt;}}
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;You found me!
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;{{&amp;lt; /spoiler &amp;gt;}}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;renders as&lt;/p&gt;
&lt;details class="spoiler " id="spoiler-2"&gt;
&lt;summary class="cursor-pointer"&gt;👉 Click to view the solution&lt;/summary&gt;
&lt;div class="rounded-lg bg-neutral-50 dark:bg-neutral-800 p-2"&gt;
You found me 🎉
&lt;/div&gt;
&lt;/details&gt;
&lt;h2 id="math"&gt;Math&lt;/h2&gt;
&lt;p&gt;Hugo Blox Builder supports a Markdown extension for $\LaTeX$ math. You can enable this feature by toggling the &lt;code&gt;math&lt;/code&gt; option in your &lt;code&gt;config/_default/params.yaml&lt;/code&gt; file.&lt;/p&gt;
&lt;p&gt;To render &lt;em&gt;inline&lt;/em&gt; or &lt;em&gt;block&lt;/em&gt; math, wrap your LaTeX math with &lt;code&gt;{{&amp;lt; math &amp;gt;}}$...${{&amp;lt; /math &amp;gt;}}&lt;/code&gt; or &lt;code&gt;{{&amp;lt; math &amp;gt;}}$$...$${{&amp;lt; /math &amp;gt;}}&lt;/code&gt;, respectively.&lt;/p&gt;
&lt;div class="callout flex px-4 py-3 mb-6 rounded-md border-l-4 bg-blue-100 dark:bg-blue-900 border-blue-500"
data-callout="note"
data-callout-metadata=""&gt;
&lt;span class="callout-icon pr-3 pt-1 text-blue-600 dark:text-blue-300"&gt;
&lt;svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m16.862 4.487l1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8l.8-2.685a4.5 4.5 0 0 1 1.13-1.897zm0 0L19.5 7.125"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;div class="callout-content dark:text-neutral-300"&gt;
&lt;div class="callout-title font-semibold mb-1"&gt;Note&lt;/div&gt;
&lt;div class="callout-body"&gt;&lt;p&gt;We wrap the LaTeX math in the Hugo Blox &lt;em&gt;math&lt;/em&gt; shortcode to prevent Hugo rendering our math as Markdown. This callout now uses the standard Markdown alert syntax!&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Example &lt;strong&gt;math block&lt;/strong&gt;:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-latex" data-lang="latex"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nb"&gt;{{&lt;/span&gt;&amp;lt; math &amp;gt;&lt;span class="nb"&gt;}}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="sb"&gt;$$&lt;/span&gt;&lt;span class="nb"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nb"&gt;&lt;/span&gt;&lt;span class="nv"&gt;\gamma&lt;/span&gt;&lt;span class="nb"&gt;_{n} &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="nb"&gt; &lt;/span&gt;&lt;span class="nv"&gt;\frac&lt;/span&gt;&lt;span class="nb"&gt;{ &lt;/span&gt;&lt;span class="nv"&gt;\left&lt;/span&gt;&lt;span class="nb"&gt; | &lt;/span&gt;&lt;span class="nv"&gt;\left&lt;/span&gt;&lt;span class="nb"&gt; &lt;/span&gt;&lt;span class="o"&gt;(&lt;/span&gt;&lt;span class="nv"&gt;\mathbf&lt;/span&gt;&lt;span class="nb"&gt; x_{n} &lt;/span&gt;&lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="nb"&gt; &lt;/span&gt;&lt;span class="nv"&gt;\mathbf&lt;/span&gt;&lt;span class="nb"&gt; x_{n&lt;/span&gt;&lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="m"&gt;1&lt;/span&gt;&lt;span class="nb"&gt;} &lt;/span&gt;&lt;span class="nv"&gt;\right&lt;/span&gt;&lt;span class="nb"&gt; &lt;/span&gt;&lt;span class="o"&gt;)&lt;/span&gt;&lt;span class="nb"&gt;^T &lt;/span&gt;&lt;span class="nv"&gt;\left&lt;/span&gt;&lt;span class="nb"&gt; &lt;/span&gt;&lt;span class="o"&gt;[&lt;/span&gt;&lt;span class="nv"&gt;\nabla&lt;/span&gt;&lt;span class="nb"&gt; F &lt;/span&gt;&lt;span class="o"&gt;(&lt;/span&gt;&lt;span class="nv"&gt;\mathbf&lt;/span&gt;&lt;span class="nb"&gt; x_{n}&lt;/span&gt;&lt;span class="o"&gt;)&lt;/span&gt;&lt;span class="nb"&gt; &lt;/span&gt;&lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="nb"&gt; &lt;/span&gt;&lt;span class="nv"&gt;\nabla&lt;/span&gt;&lt;span class="nb"&gt; F &lt;/span&gt;&lt;span class="o"&gt;(&lt;/span&gt;&lt;span class="nv"&gt;\mathbf&lt;/span&gt;&lt;span class="nb"&gt; x_{n&lt;/span&gt;&lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="m"&gt;1&lt;/span&gt;&lt;span class="nb"&gt;}&lt;/span&gt;&lt;span class="o"&gt;)&lt;/span&gt;&lt;span class="nb"&gt; &lt;/span&gt;&lt;span class="nv"&gt;\right&lt;/span&gt;&lt;span class="nb"&gt; &lt;/span&gt;&lt;span class="o"&gt;]&lt;/span&gt;&lt;span class="nb"&gt; &lt;/span&gt;&lt;span class="nv"&gt;\right&lt;/span&gt;&lt;span class="nb"&gt; |}{&lt;/span&gt;&lt;span class="nv"&gt;\left&lt;/span&gt;&lt;span class="nb"&gt; &lt;/span&gt;&lt;span class="nv"&gt;\|\nabla&lt;/span&gt;&lt;span class="nb"&gt; F&lt;/span&gt;&lt;span class="o"&gt;(&lt;/span&gt;&lt;span class="nv"&gt;\mathbf&lt;/span&gt;&lt;span class="nb"&gt;{x}_{n}&lt;/span&gt;&lt;span class="o"&gt;)&lt;/span&gt;&lt;span class="nb"&gt; &lt;/span&gt;&lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="nb"&gt; &lt;/span&gt;&lt;span class="nv"&gt;\nabla&lt;/span&gt;&lt;span class="nb"&gt; F&lt;/span&gt;&lt;span class="o"&gt;(&lt;/span&gt;&lt;span class="nv"&gt;\mathbf&lt;/span&gt;&lt;span class="nb"&gt;{x}_{n&lt;/span&gt;&lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="m"&gt;1&lt;/span&gt;&lt;span class="nb"&gt;}&lt;/span&gt;&lt;span class="o"&gt;)&lt;/span&gt;&lt;span class="nb"&gt; &lt;/span&gt;&lt;span class="nv"&gt;\right&lt;/span&gt;&lt;span class="nb"&gt; &lt;/span&gt;&lt;span class="nv"&gt;\|&lt;/span&gt;&lt;span class="nb"&gt;^&lt;/span&gt;&lt;span class="m"&gt;2&lt;/span&gt;&lt;span class="nb"&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nb"&gt;&lt;/span&gt;&lt;span class="s"&gt;$$&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nb"&gt;{{&lt;/span&gt;&amp;lt; /math &amp;gt;&lt;span class="nb"&gt;}}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;renders as&lt;/p&gt;
$$\gamma_{n} = \frac{ \left | \left (\mathbf x_{n} - \mathbf x_{n-1} \right )^T \left [\nabla F (\mathbf x_{n}) - \nabla F (\mathbf x_{n-1}) \right ] \right |}{\left \|\nabla F(\mathbf{x}_{n}) - \nabla F(\mathbf{x}_{n-1}) \right \|^2}$$
&lt;p&gt;Example &lt;strong&gt;inline math&lt;/strong&gt; &lt;code&gt;{{&amp;lt; math &amp;gt;}}$\nabla F(\mathbf{x}_{n})${{&amp;lt; /math &amp;gt;}}&lt;/code&gt; renders as $\nabla F(\mathbf{x}_{n})$
.&lt;/p&gt;
&lt;p&gt;Example &lt;strong&gt;multi-line math&lt;/strong&gt; using the math linebreak (&lt;code&gt;\\&lt;/code&gt;):&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-latex" data-lang="latex"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nb"&gt;{{&lt;/span&gt;&amp;lt; math &amp;gt;&lt;span class="nb"&gt;}}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="sb"&gt;$$&lt;/span&gt;&lt;span class="nb"&gt;f&lt;/span&gt;&lt;span class="o"&gt;(&lt;/span&gt;&lt;span class="nb"&gt;k;p_{&lt;/span&gt;&lt;span class="m"&gt;0&lt;/span&gt;&lt;span class="nb"&gt;}^{&lt;/span&gt;&lt;span class="o"&gt;*&lt;/span&gt;&lt;span class="nb"&gt;}&lt;/span&gt;&lt;span class="o"&gt;)&lt;/span&gt;&lt;span class="nb"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="nb"&gt; &lt;/span&gt;&lt;span class="nv"&gt;\begin&lt;/span&gt;&lt;span class="nb"&gt;{cases}p_{&lt;/span&gt;&lt;span class="m"&gt;0&lt;/span&gt;&lt;span class="nb"&gt;}^{&lt;/span&gt;&lt;span class="o"&gt;*&lt;/span&gt;&lt;span class="nb"&gt;} &amp;amp; &lt;/span&gt;&lt;span class="nv"&gt;\text&lt;/span&gt;&lt;span class="nb"&gt;{if }k&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="m"&gt;1&lt;/span&gt;&lt;span class="nb"&gt;, &lt;/span&gt;&lt;span class="nv"&gt;\\&lt;/span&gt;&lt;span class="nb"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nb"&gt;&lt;/span&gt;&lt;span class="m"&gt;1&lt;/span&gt;&lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="nb"&gt;p_{&lt;/span&gt;&lt;span class="m"&gt;0&lt;/span&gt;&lt;span class="nb"&gt;}^{&lt;/span&gt;&lt;span class="o"&gt;*&lt;/span&gt;&lt;span class="nb"&gt;} &amp;amp; &lt;/span&gt;&lt;span class="nv"&gt;\text&lt;/span&gt;&lt;span class="nb"&gt;{if }k&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="m"&gt;0&lt;/span&gt;&lt;span class="nb"&gt;.&lt;/span&gt;&lt;span class="nv"&gt;\end&lt;/span&gt;&lt;span class="nb"&gt;{cases}&lt;/span&gt;&lt;span class="s"&gt;$$&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nb"&gt;{{&lt;/span&gt;&amp;lt; /math &amp;gt;&lt;span class="nb"&gt;}}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;renders as&lt;/p&gt;
$$
f(k;p_{0}^{*}) = \begin{cases}p_{0}^{*} &amp; \text{if }k=1, \\
1-p_{0}^{*} &amp; \text{if }k=0.\end{cases}
$$
&lt;h2 id="code"&gt;Code&lt;/h2&gt;
&lt;p&gt;Hugo Blox Builder utilises Hugo&amp;rsquo;s Markdown extension for highlighting code syntax. The code theme can be selected in the &lt;code&gt;config/_default/params.yaml&lt;/code&gt; file.&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;```python
import pandas as pd
data = pd.read_csv(&amp;quot;data.csv&amp;quot;)
data.head()
```
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;renders as&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-python" data-lang="python"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;pandas&lt;/span&gt; &lt;span class="k"&gt;as&lt;/span&gt; &lt;span class="nn"&gt;pd&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="n"&gt;data&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;pd&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;read_csv&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;data.csv&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="n"&gt;data&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;head&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="inline-images"&gt;Inline Images&lt;/h2&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-go" data-lang="go"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;{{&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;icon&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;name&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;python&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;&amp;gt;}}&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;Python&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;renders as&lt;/p&gt;
&lt;p&gt;
&lt;span class="inline-block pr-1"&gt;
&lt;svg style="height: 1em; transform: translateY(0.1em);" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512" fill="currentColor"&gt;&lt;path d="M439.8 200.5c-7.7-30.9-22.3-54.2-53.4-54.2h-40.1v47.4c0 36.8-31.2 67.8-66.8 67.8H172.7c-29.2 0-53.4 25-53.4 54.3v101.8c0 29 25.2 46 53.4 54.3 33.8 9.9 66.3 11.7 106.8 0 26.9-7.8 53.4-23.5 53.4-54.3v-40.7H226.2v-13.6h160.2c31.1 0 42.6-21.7 53.4-54.2 11.2-33.5 10.7-65.7 0-108.6zM286.2 404c11.1 0 20.1 9.1 20.1 20.3 0 11.3-9 20.4-20.1 20.4-11 0-20.1-9.2-20.1-20.4.1-11.3 9.1-20.3 20.1-20.3zM167.8 248.1h106.8c29.7 0 53.4-24.5 53.4-54.3V91.9c0-29-24.4-50.7-53.4-55.6-35.8-5.9-74.7-5.6-106.8.1-45.2 8-53.4 24.7-53.4 55.6v40.7h106.9v13.6h-147c-31.1 0-58.3 18.7-66.8 54.2-9.8 40.7-10.2 66.1 0 108.6 7.6 31.6 25.7 54.2 56.8 54.2H101v-48.8c0-35.3 30.5-66.4 66.8-66.4zm-6.7-142.6c-11.1 0-20.1-9.1-20.1-20.3.1-11.3 9-20.4 20.1-20.4 11 0 20.1 9.2 20.1 20.4s-9 20.3-20.1 20.3z"/&gt;&lt;/svg&gt;
&lt;/span&gt; Python&lt;/p&gt;
&lt;h2 id="did-you-find-this-page-helpful-consider-sharing-it-"&gt;Did you find this page helpful? Consider sharing it 🙌&lt;/h2&gt;</description></item><item><title>Join Us</title><link>https://souig.github.io/opportunities/</link><pubDate>Tue, 24 Oct 2023 00:00:00 +0000</pubDate><guid>https://souig.github.io/opportunities/</guid><description/></item><item><title>Data-heterogeneous hierarchical federated learning with mobility</title><link>https://souig.github.io/publication/data-heterogeneous-161/</link><pubDate>Fri, 01 Sep 2023 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/data-heterogeneous-161/</guid><description/></item><item><title>Hierarchical Federated Learning: Architecture, Challenges, and Its Implementation in Vehicular Networks</title><link>https://souig.github.io/publication/hierarchical-federated-031/</link><pubDate>Wed, 01 Mar 2023 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/hierarchical-federated-031/</guid><description/></item><item><title>, MOB-FL:Mobility-Aware Federated Learningfor Intelligent Connected Vehicles</title><link>https://souig.github.io/publication/mob-fl-164/</link><pubDate>Sun, 01 Jan 2023 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/mob-fl-164/</guid><description/></item><item><title>MEET: Mobility-Enhanced Edge inTelligence for Smart and Green 6G Networks</title><link>https://souig.github.io/publication/meet-mobility-033/</link><pubDate>Sun, 01 Jan 2023 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/meet-mobility-033/</guid><description/></item><item><title>MoRFF:Multi-View Object Detection for Connected Autonomous Drivingunder Communicationand Localization Limitations</title><link>https://souig.github.io/publication/morff-multi-160/</link><pubDate>Sun, 01 Jan 2023 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/morff-multi-160/</guid><description/></item><item><title>NI-MAC:MACProtocol Designfor Neural Interfaces</title><link>https://souig.github.io/publication/ni-mac-158/</link><pubDate>Sun, 01 Jan 2023 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/ni-mac-158/</guid><description/></item><item><title>Random Access Protocol Designand Analysisfor Neural Inter- faces Under Non-Saturated Regime</title><link>https://souig.github.io/publication/random-access-159/</link><pubDate>Sun, 01 Jan 2023 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/random-access-159/</guid><description/></item><item><title>SMDP-Based Dynamic Batching for Efficient Inference on GPU-Based Platforms</title><link>https://souig.github.io/publication/smdp-efficient-inference-286/</link><pubDate>Sun, 01 Jan 2023 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/smdp-efficient-inference-286/</guid><description/></item><item><title>Time-Triggered Reservation for Cooperative Random Access in Wireless LANs</title><link>https://souig.github.io/publication/time-triggered-reservation-287/</link><pubDate>Sun, 01 Jan 2023 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/time-triggered-reservation-287/</guid><description/></item><item><title>V2V-Assisted Timely Hierarchical Federated Learning</title><link>https://souig.github.io/publication/v2v-assisted-162/</link><pubDate>Sun, 01 Jan 2023 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/v2v-assisted-162/</guid><description/></item><item><title>, DOLPHINS:Datasetforcollaborativeper-ception enabled harmonious and interconnected self-driving</title><link>https://souig.github.io/publication/dolphins-datasetforcollaborativeper-166/</link><pubDate>Sat, 01 Jan 2022 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/dolphins-datasetforcollaborativeper-166/</guid><description/></item><item><title>Importance-Aware Message Exchangeand Predictionfor Multi-Agent Re- inforcement Learning</title><link>https://souig.github.io/publication/importance-aware-167/</link><pubDate>Sat, 01 Jan 2022 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/importance-aware-167/</guid><description/></item><item><title>Online V2X Scheduling for Raw-Level Cooperative Perception</title><link>https://souig.github.io/publication/online-v2x-168/</link><pubDate>Sat, 01 Jan 2022 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/online-v2x-168/</guid><description/></item><item><title>Time-Correlated Sparsificationfor Efficient Over-the-Air Model Aggregationin Wireless Federated Learning</title><link>https://souig.github.io/publication/time-correlated-169/</link><pubDate>Sat, 01 Jan 2022 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/time-correlated-169/</guid><description/></item><item><title>Device Scheduling and Resource Allocation for Federated Learningunder Delayand Energy Constraints</title><link>https://souig.github.io/publication/device-scheduling-170/</link><pubDate>Fri, 01 Jan 2021 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/device-scheduling-170/</guid><description/></item><item><title>On the Capacity of Privacy-Preserving and Straggler-Robust Distributed Coded Computing</title><link>https://souig.github.io/publication/on-the-171/</link><pubDate>Fri, 01 Jan 2021 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/on-the-171/</guid><description/></item><item><title>The Impact of Interference Reflection on Reconfigurable Intelligent Surface-Aided Directional Transmissions</title><link>https://souig.github.io/publication/the-impact-172/</link><pubDate>Fri, 01 Jan 2021 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/the-impact-172/</guid><description/></item><item><title>, Device Schedulingwith Fast Convergencefor Wireless Federated Learn- ing</title><link>https://souig.github.io/publication/device-schedulingwith-179/</link><pubDate>Wed, 01 Jan 2020 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/device-schedulingwith-179/</guid><description/></item><item><title>Achieving Cooperative Diversityin Over-the-Air Computationvia Relay Selection</title><link>https://souig.github.io/publication/achieving-cooperative-173/</link><pubDate>Wed, 01 Jan 2020 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/achieving-cooperative-173/</guid><description/></item><item><title>Adaptive Transmissionfor Edge Learningvia Training Loss Estimation</title><link>https://souig.github.io/publication/adaptive-transmissionfor-177/</link><pubDate>Wed, 01 Jan 2020 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/adaptive-transmissionfor-177/</guid><description/></item><item><title>ADeep Reinforcement Learning Frame- workto Combat Dynamic Blockageinmm WaveV2XNetworks</title><link>https://souig.github.io/publication/adeep-reinforcement-181/</link><pubDate>Wed, 01 Jan 2020 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/adeep-reinforcement-181/</guid><description/></item><item><title>Beyond Age: Urgencyof Informationfor Timeliness Guaranteein Status Update Systems</title><link>https://souig.github.io/publication/beyond-age-182/</link><pubDate>Wed, 01 Jan 2020 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/beyond-age-182/</guid><description/></item><item><title>Cluster-Based Cooperative Digital Over-the-Air Aggregation for Wireless Federated Edge Learning</title><link>https://souig.github.io/publication/cluster-based-175/</link><pubDate>Wed, 01 Jan 2020 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/cluster-based-175/</guid><description/></item><item><title>Energy-Aware Analog Aggregation for Federated Learning with Redundant Data</title><link>https://souig.github.io/publication/energy-aware-178/</link><pubDate>Wed, 01 Jan 2020 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/energy-aware-178/</guid><description/></item><item><title>Space-air-groundintegratedvehicularnetworkforconnected and automated vehicles: Challenges and solutions</title><link>https://souig.github.io/publication/space-air-138/</link><pubDate>Wed, 01 Jan 2020 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/space-air-138/</guid><description/></item><item><title>Timely Status Update Basedon Urgencyof Informationwith Statistical Context</title><link>https://souig.github.io/publication/timely-status-174/</link><pubDate>Wed, 01 Jan 2020 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/timely-status-174/</guid><description/></item><item><title>, Scalable Multi-Agent Learningfor Situationally- Aware Multiple-Accessand Grant-Free Transmissions</title><link>https://souig.github.io/publication/scalable-multi-188/</link><pubDate>Tue, 01 Jan 2019 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/scalable-multi-188/</guid><description/></item><item><title>Age of Information and Delay Tradeoff with Freshness-Aware Mobile Edge Cache Update</title><link>https://souig.github.io/publication/age-of-186/</link><pubDate>Tue, 01 Jan 2019 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/age-of-186/</guid><description/></item><item><title>Bi Directionalmissionoffloadingforagilespace- air-groundintegratednetworks</title><link>https://souig.github.io/publication/bi-directionalmissionoffloadingforagilespace-076/</link><pubDate>Tue, 01 Jan 2019 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/bi-directionalmissionoffloadingforagilespace-076/</guid><description/></item><item><title>Context-Aware Information Lapse for Timely Status Updates in Remote Control Systems</title><link>https://souig.github.io/publication/context-aware-185/</link><pubDate>Tue, 01 Jan 2019 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/context-aware-185/</guid><description/></item><item><title>Heterogeneous Coded Computationacross Heterogeneous Workers</title><link>https://souig.github.io/publication/heterogeneous-coded-183/</link><pubDate>Tue, 01 Jan 2019 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/heterogeneous-coded-183/</guid><description/></item><item><title>Service Function Chain Planningwith Resource Balancingin Space-Air-Ground Integrated Networks</title><link>https://souig.github.io/publication/service-function-184/</link><pubDate>Tue, 01 Jan 2019 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/service-function-184/</guid><description/></item><item><title>Statusfroma Random Field: How Densely Should One Update?</title><link>https://souig.github.io/publication/statusfroma-random-187/</link><pubDate>Tue, 01 Jan 2019 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/statusfroma-random-187/</guid><description/></item><item><title>, A1.58Gbps/W0.40Gbps/mm^2ASICimple-mentation of MMSE detection for 128X8 64-QAM massive MIMO in 65 nm CMOS</title><link>https://souig.github.io/publication/a1-58gbps-084/</link><pubDate>Mon, 01 Jan 2018 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/a1-58gbps-084/</guid><description/></item><item><title>, Joint Optimizationof Cache Allocationand Content Placementin Urban Vehicular Networks</title><link>https://souig.github.io/publication/joint-optimizationof-196/</link><pubDate>Mon, 01 Jan 2018 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/joint-optimizationof-196/</guid><description/></item><item><title>ATwo-Step Learningand Interpolation Methodfor Location-Based Channel Database Construction</title><link>https://souig.github.io/publication/atwo-step-199/</link><pubDate>Mon, 01 Jan 2018 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/atwo-step-199/</guid><description/></item><item><title>Can Decentralized Status Update Achieve Uni- versally Near-Optimal Age-of-Informationin Wireless Multiaccess Channels?</title><link>https://souig.github.io/publication/can-decentralized-202/</link><pubDate>Mon, 01 Jan 2018 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/can-decentralized-202/</guid><description/></item><item><title>Decentralized status update for age- of-informationoptimizationinwirelessmultiaccesschannels</title><link>https://souig.github.io/publication/decentralized-status-204/</link><pubDate>Mon, 01 Jan 2018 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/decentralized-status-204/</guid><description/></item><item><title>Energy-efficientUAVdeploymentwithflexiblefunctionalsplitselection</title><link>https://souig.github.io/publication/energy-efficientuavdeploymentwithflexiblefunctionalsplitselection-203/</link><pubDate>Mon, 01 Jan 2018 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/energy-efficientuavdeploymentwithflexiblefunctionalsplitselection-203/</guid><description/></item><item><title>Improved Scaling Lawfor Status Update Timelinessin Massive IoT by Elastic Spatial Multiplexing</title><link>https://souig.github.io/publication/improved-scaling-197/</link><pubDate>Mon, 01 Jan 2018 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/improved-scaling-197/</guid><description/></item><item><title>Inferring Remote Channel State Infor- mation: Cramer-Rao Lower Boundand Deep Learning Implementation</title><link>https://souig.github.io/publication/inferring-remote-198/</link><pubDate>Mon, 01 Jan 2018 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/inferring-remote-198/</guid><description/></item><item><title>Learning Based Security for V ANET with Blockchain</title><link>https://souig.github.io/publication/learning-based-194/</link><pubDate>Mon, 01 Jan 2018 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/learning-based-194/</guid><description/></item><item><title>Mode Selection in UAV-aided Vehicular Network: an Evolutionary Game Approach</title><link>https://souig.github.io/publication/mode-selection-201/</link><pubDate>Mon, 01 Jan 2018 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/mode-selection-201/</guid><description/></item><item><title>Task Replication for Vehicular Edge Computing: A Combinatorial Multi-Armed Banditbased Approach</title><link>https://souig.github.io/publication/task-replication-195/</link><pubDate>Mon, 01 Jan 2018 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/task-replication-195/</guid><description/></item><item><title>Time-sequence channel inference for beam alignment in vehicularnetworks</title><link>https://souig.github.io/publication/time-sequence-200/</link><pubDate>Mon, 01 Jan 2018 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/time-sequence-200/</guid><description/></item><item><title>, HowoftenshouldCSIbeupdatedformassiveMIMOsystems withmassiveconnectivity?</title><link>https://souig.github.io/publication/howoftenshouldcsibeupdatedformassivemimosystems-withmassiveconnectivity-209/</link><pubDate>Sun, 01 Jan 2017 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/howoftenshouldcsibeupdatedformassivemimosystems-withmassiveconnectivity-209/</guid><description/></item><item><title>Ablockcoordinatedupdatemethodforbeam-basedmassiveMIMO downlinkschedulingbasedonstatisticalCSI</title><link>https://souig.github.io/publication/ablockcoordinatedupdatemethodforbeam-basedmassivemimo-208/</link><pubDate>Sun, 01 Jan 2017 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/ablockcoordinatedupdatemethodforbeam-basedmassivemimo-208/</guid><description/></item><item><title>Computationpeeroffloadinginmobileedgecomputingwithenergy budgets</title><link>https://souig.github.io/publication/computationpeeroffloadinginmobileedgecomputingwithenergy-budgets-211/</link><pubDate>Sun, 01 Jan 2017 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/computationpeeroffloadinginmobileedgecomputingwithenergy-budgets-211/</guid><description/></item><item><title>Elasticlocalbreakoutstrategyandimplementationfor delay-sensitivepacketswithlocalsignificance</title><link>https://souig.github.io/publication/elasticlocalbreakoutstrategyandimplementationfor-delay-212/</link><pubDate>Sun, 01 Jan 2017 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/elasticlocalbreakoutstrategyandimplementationfor-delay-212/</guid><description/></item><item><title>Joint Resource Provisioningfor Internet Datacenterswith Diverse and Dynamic Traffic</title><link>https://souig.github.io/publication/joint-resource-140/</link><pubDate>Sun, 01 Jan 2017 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/joint-resource-140/</guid><description/></item><item><title>L.Wang and S.Zhou,“Fractionaldynamiccaching: minimizingthefiledeliverytimeunderlimited backhaul,“IEEES</title><link>https://souig.github.io/publication/l-wang-213/</link><pubDate>Sun, 01 Jan 2017 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/l-wang-213/</guid><description/></item><item><title>Proactive content push in heterogeneous networks with multiple energyharvestingsmallcells</title><link>https://souig.github.io/publication/proactive-content-214/</link><pubDate>Sun, 01 Jan 2017 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/proactive-content-214/</guid><description/></item><item><title>S.Chen,Z.Jiang,J.Liu,R.Vannithamby,S.Zhou,Z.Niu,andY.Wu“Remotechannelinferencefor beamforminginultra</title><link>https://souig.github.io/publication/s-chen-210/</link><pubDate>Sun, 01 Jan 2017 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/s-chen-210/</guid><description/></item><item><title>, Scalablenon-orthogonalpilotdesignformassiveMIMOsystemswith massiveconnectivity</title><link>https://souig.github.io/publication/scalablenon-orthogonalpilotdesignformassivemimosystemswith-222/</link><pubDate>Fri, 01 Jan 2016 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/scalablenon-orthogonalpilotdesignformassivemimosystemswith-222/</guid><description/></item><item><title>Energy-Efficient Resource Allocation and User Schedulingfor Collaborative Mobile Cloudswith Hybrid Receivers</title><link>https://souig.github.io/publication/energy-efficient-142/</link><pubDate>Fri, 01 Jan 2016 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/energy-efficient-142/</guid><description/></item><item><title>Impact of mobile instant messaging applications onsignalingload and UEenergyconsumption</title><link>https://souig.github.io/publication/impact-of-099/</link><pubDate>Fri, 01 Jan 2016 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/impact-of-099/</guid><description/></item><item><title>Jointoptimizationofcontentcachingandpushinrenewable energypoweredsmallcells</title><link>https://souig.github.io/publication/jointoptimizationofcontentcachingandpushinrenewable-energypoweredsmallcells-223/</link><pubDate>Fri, 01 Jan 2016 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/jointoptimizationofcontentcachingandpushinrenewable-energypoweredsmallcells-223/</guid><description/></item><item><title>On the online minimization of completion time in an energy har- vestingsystem</title><link>https://souig.github.io/publication/on-the-225/</link><pubDate>Fri, 01 Jan 2016 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/on-the-225/</guid><description/></item><item><title>Pricing policy and computational resource provi- sioningfor Delay-awaremobileedgecomputing</title><link>https://souig.github.io/publication/pricing-policy-224/</link><pubDate>Fri, 01 Jan 2016 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/pricing-policy-224/</guid><description/></item><item><title>A Cooperative scheduling scheme of local cloud andinternetcloudfordelay-awaremobilecloudcomputing</title><link>https://souig.github.io/publication/a-cooperative-228/</link><pubDate>Thu, 01 Jan 2015 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/a-cooperative-228/</guid><description/></item><item><title>Energy-efficienttaskoffloadingformultiusermobilecloud computing</title><link>https://souig.github.io/publication/energy-efficienttaskoffloadingformultiusermobilecloud-229/</link><pubDate>Thu, 01 Jan 2015 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/energy-efficienttaskoffloadingformultiusermobilecloud-229/</guid><description/></item><item><title>Graph-basedframeworkforflexiblebasebandfunction splittingandplacement in C-RAN</title><link>https://souig.github.io/publication/graph-basedframeworkforflexiblebasebandfunction-231/</link><pubDate>Thu, 01 Jan 2015 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/graph-basedframeworkforflexiblebasebandfunction-231/</guid><description/></item><item><title>On dimensionality loss in FDD Massive MIMO Systems</title><link>https://souig.github.io/publication/on-dimensionality-233/</link><pubDate>Thu, 01 Jan 2015 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/on-dimensionality-233/</guid><description/></item><item><title>Optimal Power Allocationon Discrete Energy Harvesting Model</title><link>https://souig.github.io/publication/optimal-power-144/</link><pubDate>Thu, 01 Jan 2015 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/optimal-power-144/</guid><description/></item><item><title>Proactive push with energy harvesting based small cells in heterogeneousnetworks</title><link>https://souig.github.io/publication/proactive-push-230/</link><pubDate>Thu, 01 Jan 2015 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/proactive-push-230/</guid><description/></item><item><title>RF chain and user selection for multiuser MIMO systems underrandomdataarrival</title><link>https://souig.github.io/publication/rf-chain-232/</link><pubDate>Thu, 01 Jan 2015 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/rf-chain-232/</guid><description/></item><item><title>Seeingtheunobservable: channellearningforwirelesscom- municationnetworks</title><link>https://souig.github.io/publication/seeingtheunobservable-channellearningforwirelesscom-227/</link><pubDate>Thu, 01 Jan 2015 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/seeingtheunobservable-channellearningforwirelesscom-227/</guid><description/></item><item><title>Spatialtrafficshapinginheterogeneous cellular networks with energy harvesting</title><link>https://souig.github.io/publication/spatialtrafficshapinginheterogeneous-cellular-226/</link><pubDate>Thu, 01 Jan 2015 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/spatialtrafficshapinginheterogeneous-cellular-226/</guid><description/></item><item><title>Userschedulinginpilot-assistedTDDmultiuserMIMOsystems</title><link>https://souig.github.io/publication/userschedulinginpilot-assistedtddmultiusermimosystems-234/</link><pubDate>Thu, 01 Jan 2015 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/userschedulinginpilot-assistedtddmultiusermimosystems-234/</guid><description/></item><item><title>X.Wang,J.Gong,C.Hu,S.Zhou,andZ.Niu“, Optimalpowerallocationondiscreteenergyharvesting model,“EURASIP</title><link>https://souig.github.io/publication/x-wang-114/</link><pubDate>Thu, 01 Jan 2015 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/x-wang-114/</guid><description/></item><item><title>, Onthestatisticalmultiplexinggainofvirtualbasestationpools</title><link>https://souig.github.io/publication/pub-236/</link><pubDate>Wed, 01 Jan 2014 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/pub-236/</guid><description/></item><item><title>, Trafficawareoffloading for BSsleepinginheterogeneousnet-works</title><link>https://souig.github.io/publication/trafficawareoffloading-for-238/</link><pubDate>Wed, 01 Jan 2014 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/trafficawareoffloading-for-238/</guid><description/></item><item><title>A practical channel allocation scheme based on the weighted conflict graph in heterogeneous networks</title><link>https://souig.github.io/publication/a-practical-239/</link><pubDate>Wed, 01 Jan 2014 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/a-practical-239/</guid><description/></item><item><title>An Energy-EfficientOFDMScheme Basedon Time-Frequency Joint Channel Estimation</title><link>https://souig.github.io/publication/an-energy-145/</link><pubDate>Wed, 01 Jan 2014 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/an-energy-145/</guid><description/></item><item><title>CONCERT:ACloud-Based Architec- turefor Next-Generation Cellular Systems Mobile Converged Networks</title><link>https://souig.github.io/publication/concert-acloud-146/</link><pubDate>Wed, 01 Jan 2014 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/concert-acloud-146/</guid><description/></item><item><title>Downlinkbasestationcooperationwithenergyharvesting</title><link>https://souig.github.io/publication/pub-237/</link><pubDate>Wed, 01 Jan 2014 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/pub-237/</guid><description/></item><item><title>Energy Efficient Sleep Schedulingfor VoIP overWLANs</title><link>https://souig.github.io/publication/energy-efficient-148/</link><pubDate>Wed, 01 Jan 2014 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/energy-efficient-148/</guid><description/></item><item><title>Energy-efficiencyandspectrum-efficiencytradeoffincoor- dinatedsmall-cellnetworks</title><link>https://souig.github.io/publication/energy-efficiencyandspectrum-240/</link><pubDate>Wed, 01 Jan 2014 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/energy-efficiencyandspectrum-240/</guid><description/></item><item><title>Energy-efficientantennaselectionandpowerallocationfor large-scale multiple antenna systems with hybrid energy supply</title><link>https://souig.github.io/publication/energy-efficientantennaselectionandpowerallocationfor-235/</link><pubDate>Wed, 01 Jan 2014 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/energy-efficientantennaselectionandpowerallocationfor-235/</guid><description/></item><item><title>Traffic-aware data and signaling resource managementforgreencellularnetworks</title><link>https://souig.github.io/publication/traffic-aware-241/</link><pubDate>Wed, 01 Jan 2014 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/traffic-aware-241/</guid><description/></item><item><title>Traffic-aware network planning and green operation with BSsleepingandcellzooming</title><link>https://souig.github.io/publication/traffic-aware-147/</link><pubDate>Wed, 01 Jan 2014 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/traffic-aware-147/</guid><description/></item><item><title>, Spatialmodelingofscalablespatially-correlatedlog-normaldis-tributed traffic inhomogeneity and energy-efficient network planning</title><link>https://souig.github.io/publication/spatialmodelingofscalablespatially-correlatedlog-246/</link><pubDate>Tue, 01 Jan 2013 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/spatialmodelingofscalablespatially-correlatedlog-246/</guid><description/></item><item><title>Energy Saving in Cellular Networks by Dynamic RS-BS Association andBSSwitching</title><link>https://souig.github.io/publication/energy-saving-149/</link><pubDate>Tue, 01 Jan 2013 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/energy-saving-149/</guid><description/></item><item><title>Jointoptimizationoffrequencyallocationanduserassociationwith differentiatedserviceinhyper-cellularnetworks</title><link>https://souig.github.io/publication/jointoptimizationoffrequencyallocationanduserassociationwith-differentiatedserviceinhyper-245/</link><pubDate>Tue, 01 Jan 2013 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/jointoptimizationoffrequencyallocationanduserassociationwith-differentiatedserviceinhyper-245/</guid><description/></item><item><title>Optimal Combinationof Base Station Densitiesfor Cost- Efficient Two-tier Heterogeneous Cellular Networks</title><link>https://souig.github.io/publication/optimal-combinationof-150/</link><pubDate>Tue, 01 Jan 2013 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/optimal-combinationof-150/</guid><description/></item><item><title>Optimalwake-upmechanismforsinglebasestationwith sleepmode</title><link>https://souig.github.io/publication/optimalwake-upmechanismforsinglebasestationwith-244/</link><pubDate>Tue, 01 Jan 2013 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/optimalwake-upmechanismforsinglebasestationwith-244/</guid><description/></item><item><title>Sleep control for base station powered by heterogenous energy sources</title><link>https://souig.github.io/publication/sleep-control-243/</link><pubDate>Tue, 01 Jan 2013 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/sleep-control-243/</guid><description/></item><item><title>Capacity bounds of downlink network MIMO systems with inter- clusterinterference</title><link>https://souig.github.io/publication/capacity-bounds-247/</link><pubDate>Sun, 01 Jan 2012 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/capacity-bounds-247/</guid><description/></item><item><title>Energy efficiency and resource optimized hyper- cellular mobile communication system architecture and its technical challenges</title><link>https://souig.github.io/publication/energy-efficiency-130/</link><pubDate>Sun, 01 Jan 2012 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/energy-efficiency-130/</guid><description/></item><item><title>Energymanagementandresourceoptimizationforwireless communications under dynamic energy harvesting</title><link>https://souig.github.io/publication/energymanagementandresourceoptimizationforwireless-communications-129/</link><pubDate>Sun, 01 Jan 2012 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/energymanagementandresourceoptimizationforwireless-communications-129/</guid><description/></item><item><title>Improvingnetworkthroughputin 60GHz WLANs via multi-AP diversity</title><link>https://souig.github.io/publication/improvingnetworkthroughputin-60ghz-248/</link><pubDate>Sun, 01 Jan 2012 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/improvingnetworkthroughputin-60ghz-248/</guid><description/></item><item><title>Optimal base station density for energy-efficient heterogeneous net- works</title><link>https://souig.github.io/publication/optimal-base-249/</link><pubDate>Sun, 01 Jan 2012 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/optimal-base-249/</guid><description/></item><item><title>Minimizingtransmitpowerinavirtual-celldown- linkwithdistributedantennas</title><link>https://souig.github.io/publication/minimizingtransmitpowerinavirtual-celldown-250/</link><pubDate>Sat, 01 Jan 2011 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/minimizingtransmitpowerinavirtual-celldown-250/</guid><description/></item><item><title>Multi-hoprelaynetworkforbasestationenergysavinganditsperfor- manceevaluation</title><link>https://souig.github.io/publication/multi-hoprelaynetworkforbasestationenergysavinganditsperfor-251/</link><pubDate>Sat, 01 Jan 2011 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/multi-hoprelaynetworkforbasestationenergysavinganditsperfor-251/</guid><description/></item><item><title>On optimal relay placement and sleep control to improve en- ergyefficiencyincellularnetworks</title><link>https://souig.github.io/publication/on-optimal-253/</link><pubDate>Sat, 01 Jan 2011 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/on-optimal-253/</guid><description/></item><item><title>Queuing on energy-efficient wireless transmissions with adaptive modulationandcoding</title><link>https://souig.github.io/publication/queuing-on-254/</link><pubDate>Sat, 01 Jan 2011 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/queuing-on-254/</guid><description/></item><item><title>schedulinganddynamicclusteringindownlink cellularnetworks</title><link>https://souig.github.io/publication/schedulinganddynamicclusteringindownlink-cellularnetworks-252/</link><pubDate>Sat, 01 Jan 2011 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/schedulinganddynamicclusteringindownlink-cellularnetworks-252/</guid><description/></item><item><title>TANGO:Traffic-Aware Network Planningand Green Operation</title><link>https://souig.github.io/publication/tango-traffic-152/</link><pubDate>Sat, 01 Jan 2011 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/tango-traffic-152/</guid><description/></item><item><title>Towards Dynamic Energy- Efficient Operation of Cellular Network Infrastructure</title><link>https://souig.github.io/publication/towards-dynamic-153/</link><pubDate>Sat, 01 Jan 2011 00:00:00 +0000</pubDate><guid>https://souig.github.io/publication/towards-dynamic-153/</guid><description/></item><item><title>Buttons</title><link>https://souig.github.io/teaching/courses/hugo-blox/guide/formatting/button/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://souig.github.io/teaching/courses/hugo-blox/guide/formatting/button/</guid><description>&lt;p&gt;A modern, customizable button shortcode with gradient styling, icons, and smart link handling.&lt;/p&gt;
&lt;h2 id="basic-usage"&gt;Basic Usage&lt;/h2&gt;
&lt;div class="text-left"&gt;
&lt;a
id="button-5ad55d7402eeb48ac308eb863a1a07c2"
href="https://souig.github.io/contact"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 active:from-primary-700 active:to-primary-800 text-white shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30 hover:-translate-y-0.5 hover:scale-[1.02] active:scale-[0.98] focus:ring-primary-500/50 px-4 py-2 text-base rounded-lg"
role="button"
aria-label="Contact Us"
&gt;
&lt;span&gt;Contact Us&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;div class="text-left"&gt;
&lt;a
id="button-065df053746d18e0eac452be095e561a"
href="https://example.com"
target="_blank"
rel="noopener noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-secondary-500 to-secondary-600 hover:from-secondary-600 hover:to-secondary-700 active:from-secondary-700 active:to-secondary-800 text-white shadow-lg shadow-secondary-500/25 hover:shadow-xl hover:shadow-secondary-500/30 hover:scale-105 active:scale-95 focus:ring-secondary-500/50 px-4 py-2 text-base rounded-lg"
role="button"
aria-label="Visit External Site"
&gt;
&lt;span&gt;Visit External Site&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;p&gt;The above buttons are created with:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-go-html-template" data-lang="go-html-template"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;url&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;/contact&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;Contact Us&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;/&lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;url&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;https://example.com&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;new_tab&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;true&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;style&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;secondary&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;Visit External Site&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;/&lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="style-variants"&gt;Style Variants&lt;/h2&gt;
&lt;h3 id="primary-default"&gt;Primary (Default)&lt;/h3&gt;
&lt;div class="text-left"&gt;
&lt;a
id="button-6010be079b048291bdc5f3fb15b9c9f7"
href="#"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 active:from-primary-700 active:to-primary-800 text-white shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30 hover:-translate-y-0.5 hover:scale-[1.02] active:scale-[0.98] focus:ring-primary-500/50 px-4 py-2 text-base rounded-lg"
role="button"
aria-label="Primary Button"
&gt;
&lt;span&gt;Primary Button&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-go-html-template" data-lang="go-html-template"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;url&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;#&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;style&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;primary&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;Primary Button&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;/&lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id="secondary"&gt;Secondary&lt;/h3&gt;
&lt;div class="text-left"&gt;
&lt;a
id="button-d0969334d5ca4cdebe17fd91c546af09"
href="#"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-secondary-500 to-secondary-600 hover:from-secondary-600 hover:to-secondary-700 active:from-secondary-700 active:to-secondary-800 text-white shadow-lg shadow-secondary-500/25 hover:shadow-xl hover:shadow-secondary-500/30 hover:scale-105 active:scale-95 focus:ring-secondary-500/50 px-4 py-2 text-base rounded-lg"
role="button"
aria-label="Secondary Button"
&gt;
&lt;span&gt;Secondary Button&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-go-html-template" data-lang="go-html-template"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;url&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;#&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;style&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;secondary&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;Secondary Button&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;/&lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id="outline"&gt;Outline&lt;/h3&gt;
&lt;div class="text-left"&gt;
&lt;a
id="button-d8e44f55adefc4fb2a3d4e98dcf3f1b9"
href="#"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-white dark:bg-zinc-900 border-2 border-primary-500 text-primary-600 dark:text-primary-400 hover:bg-primary-50 dark:hover:bg-primary-950/50 hover:border-primary-600 active:bg-primary-100 dark:active:bg-primary-950 shadow-md hover:shadow-lg hover:scale-105 active:scale-95 focus:ring-primary-500/50 px-4 py-2 text-base rounded-lg"
role="button"
aria-label="Outline Button"
&gt;
&lt;span&gt;Outline Button&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-go-html-template" data-lang="go-html-template"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;url&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;#&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;style&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;outline&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;Outline Button&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;/&lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id="ghost"&gt;Ghost&lt;/h3&gt;
&lt;div class="text-left"&gt;
&lt;a
id="button-a28a5f71827adda122df1076cd9d74da"
href="#"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-transparent text-primary-600 dark:text-primary-400 hover:bg-primary-50 dark:hover:bg-primary-950/50 active:bg-primary-100 dark:active:bg-primary-950 hover:scale-105 active:scale-95 focus:ring-primary-500/50 px-4 py-2 text-base rounded-lg"
role="button"
aria-label="Ghost Button"
&gt;
&lt;span&gt;Ghost Button&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-go-html-template" data-lang="go-html-template"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;url&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;#&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;style&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;ghost&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;Ghost Button&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;/&lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="sizes"&gt;Sizes&lt;/h2&gt;
&lt;h3 id="small"&gt;Small&lt;/h3&gt;
&lt;div class="text-left"&gt;
&lt;a
id="button-1469b0917d4a923eb34409eb73f47885"
href="#"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 active:from-primary-700 active:to-primary-800 text-white shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30 hover:-translate-y-0.5 hover:scale-[1.02] active:scale-[0.98] focus:ring-primary-500/50 px-3 py-1.5 text-sm rounded-lg"
role="button"
aria-label="Small Button"
&gt;
&lt;span&gt;Small Button&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;h3 id="medium-default"&gt;Medium (Default)&lt;/h3&gt;
&lt;div class="text-left"&gt;
&lt;a
id="button-1b7b495cf387f2574667b59aa3f6c392"
href="#"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 active:from-primary-700 active:to-primary-800 text-white shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30 hover:-translate-y-0.5 hover:scale-[1.02] active:scale-[0.98] focus:ring-primary-500/50 px-4 py-2 text-base rounded-lg"
role="button"
aria-label="Medium Button"
&gt;
&lt;span&gt;Medium Button&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;h3 id="large"&gt;Large&lt;/h3&gt;
&lt;div class="text-left"&gt;
&lt;a
id="button-fd7cec2b28b2e54078b8b804f12f6cdc"
href="#"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 active:from-primary-700 active:to-primary-800 text-white shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30 hover:-translate-y-0.5 hover:scale-[1.02] active:scale-[0.98] focus:ring-primary-500/50 px-6 py-3 text-lg rounded-lg"
role="button"
aria-label="Large Button"
&gt;
&lt;span&gt;Large Button&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;h3 id="extra-large"&gt;Extra Large&lt;/h3&gt;
&lt;div class="text-left"&gt;
&lt;a
id="button-c48ae11439f70ff09efe34f982f142b8"
href="#"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 active:from-primary-700 active:to-primary-800 text-white shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30 hover:-translate-y-0.5 hover:scale-[1.02] active:scale-[0.98] focus:ring-primary-500/50 px-8 py-4 text-xl rounded-lg"
role="button"
aria-label="Extra Large"
&gt;
&lt;span&gt;Extra Large&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-go-html-template" data-lang="go-html-template"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;url&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;#&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;size&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;sm&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;Small Button&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;/&lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;url&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;#&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;size&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;md&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;Medium Button&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;/&lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;url&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;#&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;size&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;lg&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;Large Button&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;/&lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;url&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;#&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;size&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;xl&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;Extra Large&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;/&lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="alignment"&gt;Alignment&lt;/h2&gt;
&lt;h3 id="left-default"&gt;Left (Default)&lt;/h3&gt;
&lt;div class="text-left"&gt;
&lt;a
id="button-a8223aad44a0561613186c8994a8347c"
href="#"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 active:from-primary-700 active:to-primary-800 text-white shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30 hover:-translate-y-0.5 hover:scale-[1.02] active:scale-[0.98] focus:ring-primary-500/50 px-4 py-2 text-base rounded-lg"
role="button"
aria-label="Left Aligned"
&gt;
&lt;span&gt;Left Aligned&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;h3 id="center"&gt;Center&lt;/h3&gt;
&lt;div class="text-center"&gt;
&lt;a
id="button-744cec83a4aa42ad5d80738c7647f4b1"
href="#"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 active:from-primary-700 active:to-primary-800 text-white shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30 hover:-translate-y-0.5 hover:scale-[1.02] active:scale-[0.98] focus:ring-primary-500/50 px-4 py-2 text-base rounded-lg"
role="button"
aria-label="Center Aligned"
&gt;
&lt;span&gt;Center Aligned&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;h3 id="right"&gt;Right&lt;/h3&gt;
&lt;div class="text-right"&gt;
&lt;a
id="button-c009b9abde6f6c8785804579da02890b"
href="#"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 active:from-primary-700 active:to-primary-800 text-white shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30 hover:-translate-y-0.5 hover:scale-[1.02] active:scale-[0.98] focus:ring-primary-500/50 px-4 py-2 text-base rounded-lg"
role="button"
aria-label="Right Aligned"
&gt;
&lt;span&gt;Right Aligned&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-go-html-template" data-lang="go-html-template"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;url&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;#&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;align&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;left&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;Left Aligned&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;/&lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;url&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;#&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;align&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;center&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;Center Aligned&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;/&lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;url&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;#&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;align&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;right&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;Right Aligned&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;/&lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="with-icons"&gt;With Icons&lt;/h2&gt;
&lt;h3 id="icon-before-text"&gt;Icon Before Text&lt;/h3&gt;
&lt;div class="text-left"&gt;
&lt;a
id="button-d6f5873d5378f18e50227da79b503f0c"
href="#"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 active:from-primary-700 active:to-primary-800 text-white shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30 hover:-translate-y-0.5 hover:scale-[1.02] active:scale-[0.98] focus:ring-primary-500/50 px-4 py-2 text-base rounded-lg"
role="button"
aria-label="Download"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Download&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;h3 id="icon-after-text"&gt;Icon After Text&lt;/h3&gt;
&lt;div class="text-left"&gt;
&lt;a
id="button-c4f99099c305d3fa4775776d5504e080"
href="#"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 active:from-primary-700 active:to-primary-800 text-white shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30 hover:-translate-y-0.5 hover:scale-[1.02] active:scale-[0.98] focus:ring-primary-500/50 px-4 py-2 text-base rounded-lg"
role="button"
aria-label="Continue"
&gt;
&lt;span&gt;Continue&lt;/span&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-go-html-template" data-lang="go-html-template"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;url&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;#&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;icon&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;arrow-down-tray&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;Download&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;/&lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;url&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;#&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;icon&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;arrow-right&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;icon_position&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;right&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;Continue&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;/&lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="rounded-corners"&gt;Rounded Corners&lt;/h2&gt;
&lt;h3 id="small-radius"&gt;Small Radius&lt;/h3&gt;
&lt;div class="text-left"&gt;
&lt;a
id="button-a983024ae7f840d2f7c95db133b2e05f"
href="#"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 active:from-primary-700 active:to-primary-800 text-white shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30 hover:-translate-y-0.5 hover:scale-[1.02] active:scale-[0.98] focus:ring-primary-500/50 px-4 py-2 text-base rounded"
role="button"
aria-label="Small Radius"
&gt;
&lt;span&gt;Small Radius&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;h3 id="medium-radius-default"&gt;Medium Radius (Default)&lt;/h3&gt;
&lt;div class="text-left"&gt;
&lt;a
id="button-dcfd3abd2a7e63d68114c97264a1ecd5"
href="#"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 active:from-primary-700 active:to-primary-800 text-white shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30 hover:-translate-y-0.5 hover:scale-[1.02] active:scale-[0.98] focus:ring-primary-500/50 px-4 py-2 text-base rounded-lg"
role="button"
aria-label="Medium Radius"
&gt;
&lt;span&gt;Medium Radius&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;h3 id="large-radius"&gt;Large Radius&lt;/h3&gt;
&lt;div class="text-left"&gt;
&lt;a
id="button-a9aa111ccb680696b1b297fdaaa3a3af"
href="#"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 active:from-primary-700 active:to-primary-800 text-white shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30 hover:-translate-y-0.5 hover:scale-[1.02] active:scale-[0.98] focus:ring-primary-500/50 px-4 py-2 text-base rounded-xl"
role="button"
aria-label="Large Radius"
&gt;
&lt;span&gt;Large Radius&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;h3 id="pill-shape"&gt;Pill Shape&lt;/h3&gt;
&lt;div class="text-left"&gt;
&lt;a
id="button-1a6937e2cffd47c3416f649b1d9729b9"
href="#"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 active:from-primary-700 active:to-primary-800 text-white shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30 hover:-translate-y-0.5 hover:scale-[1.02] active:scale-[0.98] focus:ring-primary-500/50 px-4 py-2 text-base rounded-full"
role="button"
aria-label="Pill Button"
&gt;
&lt;span&gt;Pill Button&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-go-html-template" data-lang="go-html-template"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;url&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;#&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;rounded&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;sm&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;Small Radius&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;/&lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;url&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;#&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;rounded&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;md&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;Medium Radius&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;/&lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;url&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;#&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;rounded&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;lg&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;Large Radius&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;/&lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;url&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;#&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;rounded&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;full&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;Pill Button&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;/&lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="advanced-examples"&gt;Advanced Examples&lt;/h2&gt;
&lt;h3 id="call-to-action-button"&gt;Call-to-Action Button&lt;/h3&gt;
&lt;div class="text-center"&gt;
&lt;a
id="button-8230b59cd963b677859a3eaaa781ba1c"
href="https://souig.github.io/signup"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 active:from-primary-700 active:to-primary-800 text-white shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30 hover:-translate-y-0.5 hover:scale-[1.02] active:scale-[0.98] focus:ring-primary-500/50 px-6 py-3 text-lg rounded-lg"
role="button"
aria-label="Get Started Today"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7a15.53 15.53 0 0 1-.311.06a15.09 15.09 0 0 1-2.448-2.448a14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306a4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Get Started Today&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-go-html-template" data-lang="go-html-template"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;url&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;/signup&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;style&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;primary&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;size&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;lg&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;align&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;center&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;icon&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;rocket-launch&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;Get Started Today&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;/&lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id="external-link-with-new-tab"&gt;External Link with New Tab&lt;/h3&gt;
&lt;div class="text-left"&gt;
&lt;a
id="button-417bd237bd6a7b3e70bb8e05c986eff4"
href="https://github.com/hugo-blox/hugo-blox-builder"
target="_blank"
rel="noopener noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-white dark:bg-zinc-900 border-2 border-primary-500 text-primary-600 dark:text-primary-400 hover:bg-primary-50 dark:hover:bg-primary-950/50 hover:border-primary-600 active:bg-primary-100 dark:active:bg-primary-950 shadow-md hover:shadow-lg hover:scale-105 active:scale-95 focus:ring-primary-500/50 px-4 py-2 text-base rounded-lg"
role="button"
aria-label="View on GitHub"
&gt;
&lt;span&gt;View on GitHub&lt;/span&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-go-html-template" data-lang="go-html-template"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;url&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;https://github.com/hugo-blox/hugo-blox-builder&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;new_tab&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;true&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;style&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;outline&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;icon&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;arrow-top-right-on-square&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;icon_position&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;right&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;View on GitHub&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;/&lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id="download-button"&gt;Download Button&lt;/h3&gt;
&lt;div class="text-left"&gt;
&lt;a
id="button-ddfbead2edd712d53c2c8b536e5e64a9"
href="https://souig.github.io/files/document.pdf"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-secondary-500 to-secondary-600 hover:from-secondary-600 hover:to-secondary-700 active:from-secondary-700 active:to-secondary-800 text-white shadow-lg shadow-secondary-500/25 hover:shadow-xl hover:shadow-secondary-500/30 hover:scale-105 active:scale-95 focus:ring-secondary-500/50 px-4 py-2 text-base rounded-full"
role="button"
aria-label="Download PDF"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m.75 12l3 3m0 0l3-3m-3 3v-6m-1.5-9H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Download PDF&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-go-html-template" data-lang="go-html-template"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;url&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;/files/document.pdf&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;style&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;secondary&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;icon&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;document-arrow-down&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;rounded&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;full&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;Download PDF&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;/&lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;&amp;gt;&lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="parameters"&gt;Parameters&lt;/h2&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Parameter&lt;/th&gt;
&lt;th&gt;Type&lt;/th&gt;
&lt;th&gt;Default&lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;url&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;string&lt;/td&gt;
&lt;td&gt;&lt;code&gt;#&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;Required.&lt;/strong&gt; Button destination URL (internal or external)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;text&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;string&lt;/td&gt;
&lt;td&gt;Inner content&lt;/td&gt;
&lt;td&gt;Button text (overrides shortcode content)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;new_tab&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;boolean&lt;/td&gt;
&lt;td&gt;&lt;code&gt;false&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Whether to open link in new tab&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;style&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;string&lt;/td&gt;
&lt;td&gt;&lt;code&gt;primary&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Button style: &lt;code&gt;primary&lt;/code&gt;, &lt;code&gt;secondary&lt;/code&gt;, &lt;code&gt;outline&lt;/code&gt;, &lt;code&gt;ghost&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;size&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;string&lt;/td&gt;
&lt;td&gt;&lt;code&gt;md&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Button size: &lt;code&gt;sm&lt;/code&gt;, &lt;code&gt;md&lt;/code&gt;, &lt;code&gt;lg&lt;/code&gt;, &lt;code&gt;xl&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;align&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;string&lt;/td&gt;
&lt;td&gt;&lt;code&gt;left&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Button alignment: &lt;code&gt;left&lt;/code&gt;, &lt;code&gt;center&lt;/code&gt;, &lt;code&gt;right&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;icon&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;string&lt;/td&gt;
&lt;td&gt;-&lt;/td&gt;
&lt;td&gt;Icon name from
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;icon_position&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;string&lt;/td&gt;
&lt;td&gt;&lt;code&gt;left&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Icon position: &lt;code&gt;left&lt;/code&gt;, &lt;code&gt;right&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;rounded&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;string&lt;/td&gt;
&lt;td&gt;&lt;code&gt;md&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Border radius: &lt;code&gt;sm&lt;/code&gt;, &lt;code&gt;md&lt;/code&gt;, &lt;code&gt;lg&lt;/code&gt;, &lt;code&gt;xl&lt;/code&gt;, &lt;code&gt;full&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;disabled&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;boolean&lt;/td&gt;
&lt;td&gt;&lt;code&gt;false&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Whether button should be disabled&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;h2 id="security-features"&gt;Security Features&lt;/h2&gt;
&lt;p&gt;The button shortcode automatically handles security for external links:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;External links&lt;/strong&gt; get &lt;code&gt;rel=&amp;quot;noreferrer&amp;quot;&lt;/code&gt; attribute&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;External links opening in new tab&lt;/strong&gt; get &lt;code&gt;rel=&amp;quot;noopener noreferrer&amp;quot;&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Internal links opening in new tab&lt;/strong&gt; get &lt;code&gt;rel=&amp;quot;noopener&amp;quot;&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;This ensures safe navigation while maintaining functionality.&lt;/p&gt;
&lt;h2 id="accessibility"&gt;Accessibility&lt;/h2&gt;
&lt;p&gt;The button shortcode includes built-in accessibility features:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Proper &lt;code&gt;role=&amp;quot;button&amp;quot;&lt;/code&gt; attribute&lt;/li&gt;
&lt;li&gt;&lt;code&gt;aria-label&lt;/code&gt; support&lt;/li&gt;
&lt;li&gt;Keyboard focus indicators&lt;/li&gt;
&lt;li&gt;High contrast focus rings&lt;/li&gt;
&lt;li&gt;Disabled state handling&lt;/li&gt;
&lt;/ul&gt;</description></item><item><title>Callouts</title><link>https://souig.github.io/teaching/courses/hugo-blox/guide/formatting/callout/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://souig.github.io/teaching/courses/hugo-blox/guide/formatting/callout/</guid><description>&lt;p&gt;Hugo Blox supports GitHub and Obsidian-style Markdown callouts for maximum compatibility and content portability.&lt;/p&gt;
&lt;p&gt;Callouts are a useful feature to draw attention to important or related content such as notes, hints, or warnings in your articles.&lt;/p&gt;
&lt;h2 id="usage"&gt;Usage&lt;/h2&gt;
&lt;h3 id="basic-callout-types"&gt;Basic Callout Types&lt;/h3&gt;
&lt;p&gt;Hugo Blox supports all 15+ callout types from
:&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Information &amp;amp; Notes:&lt;/strong&gt;&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;[!NOTE]
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="ge"&gt;&lt;/span&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;This is a note callout with important information that users should know.
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;div class="callout flex px-4 py-3 mb-6 rounded-md border-l-4 bg-blue-100 dark:bg-blue-900 border-blue-500"
data-callout="note"
data-callout-metadata=""&gt;
&lt;span class="callout-icon pr-3 pt-1 text-blue-600 dark:text-blue-300"&gt;
&lt;svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m16.862 4.487l1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8l.8-2.685a4.5 4.5 0 0 1 1.13-1.897zm0 0L19.5 7.125"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;div class="callout-content dark:text-neutral-300"&gt;
&lt;div class="callout-title font-semibold mb-1"&gt;Note&lt;/div&gt;
&lt;div class="callout-body"&gt;&lt;p&gt;This is a note callout with important information that users should know.&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;[!INFO]
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="ge"&gt;&lt;/span&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;Alternative info callout - same styling as NOTE.
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;div class="callout flex px-4 py-3 mb-6 rounded-md border-l-4 bg-blue-100 dark:bg-blue-900 border-blue-500"
data-callout="info"
data-callout-metadata=""&gt;
&lt;span class="callout-icon pr-3 pt-1 text-blue-600 dark:text-blue-300"&gt;
&lt;svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m11.25 11.25l.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0m-9-3.75h.008v.008H12z"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;div class="callout-content dark:text-neutral-300"&gt;
&lt;div class="callout-title font-semibold mb-1"&gt;Info&lt;/div&gt;
&lt;div class="callout-body"&gt;&lt;p&gt;Alternative info callout - same styling as NOTE.&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;[!ABSTRACT]
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="ge"&gt;&lt;/span&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;Use for abstracts, summaries, or TL;DR sections.
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;div class="callout flex px-4 py-3 mb-6 rounded-md border-l-4 bg-cyan-100 dark:bg-cyan-900 border-cyan-500"
data-callout="abstract"
data-callout-metadata=""&gt;
&lt;span class="callout-icon pr-3 pt-1 text-cyan-600 dark:text-cyan-300"&gt;
&lt;svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75a2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15a2.25 2.25 0 0 1 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125zM6.75 12h.008v.008H6.75zm0 3h.008v.008H6.75zm0 3h.008v.008H6.75z"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;div class="callout-content dark:text-neutral-300"&gt;
&lt;div class="callout-title font-semibold mb-1"&gt;Abstract&lt;/div&gt;
&lt;div class="callout-body"&gt;&lt;p&gt;Use for abstracts, summaries, or TL;DR sections.&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;Actions &amp;amp; Tasks:&lt;/strong&gt;&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;[!TODO]
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="ge"&gt;&lt;/span&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;This is something that needs to be done.
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;div class="callout flex px-4 py-3 mb-6 rounded-md border-l-4 bg-blue-100 dark:bg-blue-900 border-blue-500"
data-callout="todo"
data-callout-metadata=""&gt;
&lt;span class="callout-icon pr-3 pt-1 text-blue-600 dark:text-blue-300"&gt;
&lt;svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12.75L11.25 15L15 9.75M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;div class="callout-content dark:text-neutral-300"&gt;
&lt;div class="callout-title font-semibold mb-1"&gt;Todo&lt;/div&gt;
&lt;div class="callout-body"&gt;&lt;p&gt;This is something that needs to be done.&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;[!TIP]
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="ge"&gt;&lt;/span&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;Here&amp;#39;s a helpful tip to make your workflow more efficient!
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;div class="callout flex px-4 py-3 mb-6 rounded-md border-l-4 bg-emerald-100 dark:bg-emerald-900 border-emerald-500"
data-callout="tip"
data-callout-metadata=""&gt;
&lt;span class="callout-icon pr-3 pt-1 text-emerald-600 dark:text-emerald-300"&gt;
&lt;svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 18v-5.25m0 0a6.01 6.01 0 0 0 1.5-.189m-1.5.189a6.01 6.01 0 0 1-1.5-.189m3.75 7.478a12.06 12.06 0 0 1-4.5 0m3.75 2.383a14.406 14.406 0 0 1-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 1 0-7.517 0c.85.493 1.509 1.333 1.509 2.316V18"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;div class="callout-content dark:text-neutral-300"&gt;
&lt;div class="callout-title font-semibold mb-1"&gt;Tip&lt;/div&gt;
&lt;div class="callout-body"&gt;&lt;p&gt;Here&amp;rsquo;s a helpful tip to make your workflow more efficient!&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;[!SUCCESS]
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="ge"&gt;&lt;/span&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;Great job! This operation completed successfully.
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;div class="callout flex px-4 py-3 mb-6 rounded-md border-l-4 bg-green-100 dark:bg-green-900 border-green-500"
data-callout="success"
data-callout-metadata=""&gt;
&lt;span class="callout-icon pr-3 pt-1 text-green-600 dark:text-green-300"&gt;
&lt;svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12.75L11.25 15L15 9.75M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;div class="callout-content dark:text-neutral-300"&gt;
&lt;div class="callout-title font-semibold mb-1"&gt;Success&lt;/div&gt;
&lt;div class="callout-body"&gt;&lt;p&gt;Great job! This operation completed successfully.&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;Questions &amp;amp; Interactive:&lt;/strong&gt;&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;[!QUESTION]
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="ge"&gt;&lt;/span&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;What do you think about this approach? Let us know!
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;div class="callout flex px-4 py-3 mb-6 rounded-md border-l-4 bg-yellow-100 dark:bg-yellow-900 border-yellow-500"
data-callout="question"
data-callout-metadata=""&gt;
&lt;span class="callout-icon pr-3 pt-1 text-yellow-700 dark:text-yellow-300"&gt;
&lt;svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.879 7.519c1.172-1.025 3.071-1.025 4.243 0c1.171 1.025 1.171 2.687 0 3.712a2.98 2.98 0 0 1-.67.442c-.746.361-1.452.999-1.452 1.827v.75M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0m-9 5.25h.008v.008H12z"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;div class="callout-content dark:text-neutral-300"&gt;
&lt;div class="callout-title font-semibold mb-1"&gt;Question&lt;/div&gt;
&lt;div class="callout-body"&gt;&lt;p&gt;What do you think about this approach? Let us know!&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;[!EXAMPLE]
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="ge"&gt;&lt;/span&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;Here&amp;#39;s a practical example of how to implement this feature.
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;div class="callout flex px-4 py-3 mb-6 rounded-md border-l-4 bg-purple-100 dark:bg-purple-900 border-purple-500"
data-callout="example"
data-callout-metadata=""&gt;
&lt;span class="callout-icon pr-3 pt-1 text-purple-600 dark:text-purple-300"&gt;
&lt;svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.75 3.104v5.714a2.25 2.25 0 0 1-.659 1.591L5 14.5M9.75 3.104c-.251.023-.501.05-.75.082m.75-.082a24.301 24.301 0 0 1 4.5 0m0 0v5.714c0 .597.237 1.17.659 1.591L19.8 15.3M14.25 3.104c.251.023.501.05.75.082M19.8 15.3l-1.57.393A9.065 9.065 0 0 1 12 15a9.065 9.065 0 0 0-6.23-.693L5 14.5m14.8.8l1.402 1.402c1.232 1.232.65 3.318-1.067 3.611A48.309 48.309 0 0 1 12 21a48.25 48.25 0 0 1-8.135-.687c-1.718-.293-2.3-2.379-1.067-3.61L5 14.5"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;div class="callout-content dark:text-neutral-300"&gt;
&lt;div class="callout-title font-semibold mb-1"&gt;Example&lt;/div&gt;
&lt;div class="callout-body"&gt;&lt;p&gt;Here&amp;rsquo;s a practical example of how to implement this feature.&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;[!QUOTE]
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="ge"&gt;&lt;/span&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;&amp;#34;The best way to predict the future is to invent it.&amp;#34; - Alan Kay
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;div class="callout flex px-4 py-3 mb-6 rounded-md border-l-4 bg-gray-100 dark:bg-gray-800 border-gray-500"
data-callout="quote"
data-callout-metadata=""&gt;
&lt;span class="callout-icon pr-3 pt-1 text-gray-600 dark:text-gray-300"&gt;
&lt;svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193c-.34.027-.68.052-1.02.072v3.091l-3-3a49.5 49.5 0 0 1-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095a48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402c-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235c.577.075 1.157.14 1.74.194V21l4.155-4.155"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;div class="callout-content dark:text-neutral-300"&gt;
&lt;div class="callout-title font-semibold mb-1"&gt;Quote&lt;/div&gt;
&lt;div class="callout-body"&gt;&lt;p&gt;&amp;ldquo;The best way to predict the future is to invent it.&amp;rdquo; - Alan Kay&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;Warnings &amp;amp; Errors:&lt;/strong&gt;&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;[!WARNING]
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="ge"&gt;&lt;/span&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;Be careful! This action might have unexpected consequences.
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;div class="callout flex px-4 py-3 mb-6 rounded-md border-l-4 bg-orange-100 dark:bg-orange-900 border-orange-500"
data-callout="warning"
data-callout-metadata=""&gt;
&lt;span class="callout-icon pr-3 pt-1 text-orange-600 dark:text-orange-300"&gt;
&lt;svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0zM12 15.75h.007v.008H12z"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;div class="callout-content dark:text-neutral-300"&gt;
&lt;div class="callout-title font-semibold mb-1"&gt;Warning&lt;/div&gt;
&lt;div class="callout-body"&gt;&lt;p&gt;Be careful! This action might have unexpected consequences.&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;[!CAUTION]
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="ge"&gt;&lt;/span&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;Danger! This operation is irreversible and could cause data loss.
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;div class="callout flex px-4 py-3 mb-6 rounded-md border-l-4 bg-red-100 dark:bg-red-900 border-red-500"
data-callout="caution"
data-callout-metadata=""&gt;
&lt;span class="callout-icon pr-3 pt-1 text-red-600 dark:text-red-300"&gt;
&lt;svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0zM12 15.75h.007v.008H12z"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;div class="callout-content dark:text-neutral-300"&gt;
&lt;div class="callout-title font-semibold mb-1"&gt;Caution&lt;/div&gt;
&lt;div class="callout-body"&gt;&lt;p&gt;Danger! This operation is irreversible and could cause data loss.&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;[!IMPORTANT]
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="ge"&gt;&lt;/span&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;This is critical information that users must understand to proceed.
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;div class="callout flex px-4 py-3 mb-6 rounded-md border-l-4 bg-purple-100 dark:bg-purple-900 border-purple-500"
data-callout="important"
data-callout-metadata=""&gt;
&lt;span class="callout-icon pr-3 pt-1 text-purple-600 dark:text-purple-300"&gt;
&lt;svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 9v3.75m9-.75a9 9 0 1 1-18 0a9 9 0 0 1 18 0m-9 3.75h.008v.008H12z"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;div class="callout-content dark:text-neutral-300"&gt;
&lt;div class="callout-title font-semibold mb-1"&gt;Important&lt;/div&gt;
&lt;div class="callout-body"&gt;&lt;p&gt;This is critical information that users must understand to proceed.&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;[!DANGER]
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="ge"&gt;&lt;/span&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;This is extremely dangerous - proceed with extreme caution!
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;div class="callout flex px-4 py-3 mb-6 rounded-md border-l-4 bg-red-100 dark:bg-red-900 border-red-500"
data-callout="danger"
data-callout-metadata=""&gt;
&lt;span class="callout-icon pr-3 pt-1 text-red-600 dark:text-red-300"&gt;
&lt;svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0zM12 15.75h.007v.008H12z"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;div class="callout-content dark:text-neutral-300"&gt;
&lt;div class="callout-title font-semibold mb-1"&gt;Danger&lt;/div&gt;
&lt;div class="callout-body"&gt;&lt;p&gt;This is extremely dangerous - proceed with extreme caution!&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;[!FAILURE]
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="ge"&gt;&lt;/span&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;This operation failed. Check your configuration and try again.
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;div class="callout flex px-4 py-3 mb-6 rounded-md border-l-4 bg-red-100 dark:bg-red-900 border-red-500"
data-callout="failure"
data-callout-metadata=""&gt;
&lt;span class="callout-icon pr-3 pt-1 text-red-600 dark:text-red-300"&gt;
&lt;svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m9.75 9.75l4.5 4.5m0-4.5l-4.5 4.5M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;div class="callout-content dark:text-neutral-300"&gt;
&lt;div class="callout-title font-semibold mb-1"&gt;Failure&lt;/div&gt;
&lt;div class="callout-body"&gt;&lt;p&gt;This operation failed. Check your configuration and try again.&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;[!BUG]
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="ge"&gt;&lt;/span&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;Known issue: This feature doesn&amp;#39;t work properly in Safari &amp;lt; 14.
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;div class="callout flex px-4 py-3 mb-6 rounded-md border-l-4 bg-red-100 dark:bg-red-900 border-red-500"
data-callout="bug"
data-callout-metadata=""&gt;
&lt;span class="callout-icon pr-3 pt-1 text-red-600 dark:text-red-300"&gt;
&lt;svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 12.75c1.148 0 2.278.08 3.383.237c1.037.146 1.866.966 1.866 2.013c0 3.728-2.35 6.75-5.25 6.75S6.75 18.728 6.75 15c0-1.046.83-1.867 1.866-2.013A24.204 24.204 0 0 1 12 12.75m0 0c2.883 0 5.647.508 8.208 1.44a23.91 23.91 0 0 1-1.153 6.06M12 12.75c-2.883 0-5.647.508-8.208 1.44c.125 2.105.52 4.136 1.153 6.06M12 12.75a2.25 2.25 0 0 0 2.248-2.354M12 12.75a2.25 2.25 0 0 1-2.248-2.354M12 8.25c.995 0 1.971-.08 2.922-.236c.403-.066.74-.358.795-.762a3.778 3.778 0 0 0-.399-2.25M12 8.25c-.995 0-1.97-.08-2.922-.236c-.402-.066-.74-.358-.795-.762a3.734 3.734 0 0 1 .4-2.253M12 8.25a2.25 2.25 0 0 0-2.248 2.146M12 8.25a2.25 2.25 0 0 1 2.248 2.146M8.683 5a6.032 6.032 0 0 1-1.155-1.002c.07-.63.27-1.222.574-1.747M8.683 5a3.75 3.75 0 0 1 6.635 0m0 0c.427-.283.815-.62 1.155-.999a4.471 4.471 0 0 0-.575-1.752M4.921 6a24.048 24.048 0 0 0-.392 3.314a23.88 23.88 0 0 0 5.223 1.082M19.08 6c.205 1.08.337 2.187.392 3.314a23.882 23.882 0 0 1-5.223 1.082"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;div class="callout-content dark:text-neutral-300"&gt;
&lt;div class="callout-title font-semibold mb-1"&gt;Bug&lt;/div&gt;
&lt;div class="callout-body"&gt;&lt;p&gt;Known issue: This feature doesn&amp;rsquo;t work properly in Safari &amp;lt; 14.&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h3 id="custom-titles"&gt;Custom Titles&lt;/h3&gt;
&lt;p&gt;You can customize the title of any callout:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;[!WARNING]+ Custom Warning Title
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="ge"&gt;&lt;/span&gt;&lt;span class="k"&gt;&amp;gt; &lt;/span&gt;&lt;span class="ge"&gt;This warning has a custom title instead of just &amp;#34;Warning&amp;#34;.
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;div class="callout flex px-4 py-3 mb-6 rounded-md border-l-4 bg-orange-100 dark:bg-orange-900 border-orange-500"
data-callout="warning"
data-callout-metadata=""&gt;
&lt;span class="callout-icon pr-3 pt-1 text-orange-600 dark:text-orange-300"&gt;
&lt;svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0zM12 15.75h.007v.008H12z"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;div class="callout-content dark:text-neutral-300"&gt;
&lt;div class="callout-title font-semibold mb-1"&gt;Custom Warning Title&lt;br&gt;&lt;/div&gt;
&lt;div class="callout-body"&gt;&lt;p&gt;This warning has a custom title instead of just &amp;ldquo;Warning&amp;rdquo;.&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h3 id="legacy-syntax-deprecated"&gt;Legacy Syntax (Deprecated)&lt;/h3&gt;
&lt;p&gt;The old shortcode syntax still works but shows a deprecation warning:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;{{&amp;lt; callout note &amp;gt;}}
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;This still works but is deprecated. Use the Markdown syntax above!
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;{{&amp;lt; /callout &amp;gt;}}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id="css-customization"&gt;CSS Customization&lt;/h3&gt;
&lt;p&gt;Hugo Blox generates callouts with semantic CSS classes and data attributes, making customization easy. Each callout has:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Base class: &lt;code&gt;.callout&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;Type-specific data attribute: &lt;code&gt;data-callout=&amp;quot;note&amp;quot;&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;Component classes: &lt;code&gt;.callout-icon&lt;/code&gt;, &lt;code&gt;.callout-title&lt;/code&gt;, &lt;code&gt;.callout-content&lt;/code&gt;, &lt;code&gt;.callout-body&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;Custom CSS Example&lt;/strong&gt; (add to your &lt;code&gt;assets/css/custom.css&lt;/code&gt;):&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-css" data-lang="css"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="c"&gt;/* Customize NOTE callouts */&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nc"&gt;callout&lt;/span&gt;&lt;span class="o"&gt;[&lt;/span&gt;&lt;span class="nt"&gt;data-callout&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;note&amp;#34;&lt;/span&gt;&lt;span class="o"&gt;]&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="k"&gt;border-left-width&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;8&lt;/span&gt;&lt;span class="kt"&gt;px&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="k"&gt;box-shadow&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;0&lt;/span&gt; &lt;span class="mi"&gt;4&lt;/span&gt;&lt;span class="kt"&gt;px&lt;/span&gt; &lt;span class="mi"&gt;6&lt;/span&gt;&lt;span class="kt"&gt;px&lt;/span&gt; &lt;span class="mi"&gt;-1&lt;/span&gt;&lt;span class="kt"&gt;px&lt;/span&gt; &lt;span class="nb"&gt;rgb&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;0&lt;/span&gt; &lt;span class="mi"&gt;0&lt;/span&gt; &lt;span class="mi"&gt;0&lt;/span&gt; &lt;span class="o"&gt;/&lt;/span&gt; &lt;span class="mf"&gt;0.1&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="c"&gt;/* Make SUCCESS callouts pulse */&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nc"&gt;callout&lt;/span&gt;&lt;span class="o"&gt;[&lt;/span&gt;&lt;span class="nt"&gt;data-callout&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;success&amp;#34;&lt;/span&gt;&lt;span class="o"&gt;]&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="k"&gt;animation&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="n"&gt;pulse&lt;/span&gt; &lt;span class="mi"&gt;2&lt;/span&gt;&lt;span class="kt"&gt;s&lt;/span&gt; &lt;span class="kc"&gt;infinite&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="c"&gt;/* Custom icon styling */&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nc"&gt;callout-icon&lt;/span&gt; &lt;span class="nt"&gt;svg&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="k"&gt;transition&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="k"&gt;transform&lt;/span&gt; &lt;span class="mf"&gt;0.2&lt;/span&gt;&lt;span class="kt"&gt;s&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nc"&gt;callout&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="nd"&gt;hover&lt;/span&gt; &lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nc"&gt;callout-icon&lt;/span&gt; &lt;span class="nt"&gt;svg&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="k"&gt;transform&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;scale&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mf"&gt;1.1&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="c"&gt;/* Dark mode overrides */&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;@&lt;/span&gt;&lt;span class="k"&gt;media&lt;/span&gt; &lt;span class="o"&gt;(&lt;/span&gt;&lt;span class="nt"&gt;prefers-color-scheme&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt; &lt;span class="nt"&gt;dark&lt;/span&gt;&lt;span class="o"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nc"&gt;callout&lt;/span&gt;&lt;span class="o"&gt;[&lt;/span&gt;&lt;span class="nt"&gt;data-callout&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;warning&amp;#34;&lt;/span&gt;&lt;span class="o"&gt;]&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="k"&gt;background-color&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;rgb&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;92&lt;/span&gt; &lt;span class="mi"&gt;25&lt;/span&gt; &lt;span class="mi"&gt;2&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="k"&gt;border-color&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;rgb&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;245&lt;/span&gt; &lt;span class="mi"&gt;158&lt;/span&gt; &lt;span class="mi"&gt;11&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="p"&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;This approach matches
, ensuring your styles work across platforms.&lt;/p&gt;
&lt;h3 id="benefits-of-the-new-syntax"&gt;Benefits of the New Syntax&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Portable&lt;/strong&gt;: Works with GitHub, Obsidian, and other Markdown editors&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Standard&lt;/strong&gt;: Uses widely-adopted Markdown callout syntax&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Clean&lt;/strong&gt;: No Hugo-specific shortcodes needed&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Future-proof&lt;/strong&gt;: Supported by the latest Hugo versions (0.132.0+)&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Customizable&lt;/strong&gt;: Semantic CSS classes and data attributes for easy styling&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Complete&lt;/strong&gt;: All 15+ Obsidian callout types supported&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Multilingual&lt;/strong&gt;: Callout titles are automatically translated based on your site&amp;rsquo;s language (and can be customized in the language packs)&lt;/li&gt;
&lt;/ul&gt;</description></item><item><title>Cards</title><link>https://souig.github.io/teaching/courses/hugo-blox/guide/formatting/cards/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://souig.github.io/teaching/courses/hugo-blox/guide/formatting/cards/</guid><description>&lt;p&gt;A Hugo extension to create cards. Cards can be shown as links or as plain text.&lt;/p&gt;
&lt;h2 id="usage"&gt;Usage&lt;/h2&gt;
&lt;div class="hb-cards mt-4 grid gap-4 not-prose" style="--hb-cols: 1;"&gt;
&lt;a
class="hb-card group"href="../" &gt;
&lt;span class="hb-card-title p-4"&gt;
&lt;svg style="height: 1em; width: 1em;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.26 10.147a60.436 60.436 0 0 0-.491 6.347A48.627 48.627 0 0 1 12 20.904a48.627 48.627 0 0 1 8.232-4.41a60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.57 50.57 0 0 0-2.658-.813A59.905 59.905 0 0 1 12 3.493a59.902 59.902 0 0 1 10.399 5.84a51.39 51.39 0 0 0-2.658.814m-15.482 0A50.697 50.697 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5m0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5"/&gt;&lt;/svg&gt;Learn Shortcodes&lt;/span&gt;&lt;/a&gt;
&lt;a
class="hb-card group"&gt;
&lt;span class="hb-card-title p-4"&gt;A card without an icon or link&lt;/span&gt;&lt;/a&gt;
&lt;/div&gt;
&lt;p&gt;is rendered by:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-fallback" data-lang="fallback"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;{{&amp;lt; cards &amp;gt;}}
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; {{&amp;lt; card url=&amp;#34;../callout&amp;#34; title=&amp;#34;Callout&amp;#34; icon=&amp;#34;academic-cap&amp;#34; &amp;gt;}}
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; {{&amp;lt; card url=&amp;#34;&amp;#34; title=&amp;#34;A card without an icon&amp;#34; &amp;gt;}}
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;{{&amp;lt; /cards &amp;gt;}}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="options"&gt;Options&lt;/h2&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Parameter&lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;icon&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Name of the icon. Defaults to
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;title&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Title heading for the card.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;subtitle&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Subtitle heading (supports Markdown).&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;url&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;URL&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;</description></item><item><title>Internationalization (i18n)</title><link>https://souig.github.io/teaching/courses/hugo-blox/reference/i18n/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://souig.github.io/teaching/courses/hugo-blox/reference/i18n/</guid><description>&lt;p&gt;Hugo Blox enables you to easily edit the interface text as well as translating your site into multiple languages using Hugo&amp;rsquo;s
feature.&lt;/p&gt;
&lt;p&gt;View the full docs at
&lt;/p&gt;</description></item><item><title>Spoilers</title><link>https://souig.github.io/teaching/courses/hugo-blox/guide/formatting/toggle/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://souig.github.io/teaching/courses/hugo-blox/guide/formatting/toggle/</guid><description>&lt;p&gt;A Hugo shortcode to toggle collapsible content.&lt;/p&gt;
&lt;h2 id="example"&gt;Example&lt;/h2&gt;
&lt;details class="spoiler " id="spoiler-0"&gt;
&lt;summary class="cursor-pointer"&gt;Click to view the spoiler&lt;/summary&gt;
&lt;div class="rounded-lg bg-neutral-50 dark:bg-neutral-800 p-2"&gt;
&lt;p&gt;You found me!&lt;/p&gt;
&lt;p&gt;Markdown is &lt;strong&gt;supported&lt;/strong&gt;.&lt;/p&gt;
&lt;/div&gt;
&lt;/details&gt;
&lt;h2 id="usage"&gt;Usage&lt;/h2&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-fallback" data-lang="fallback"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;{{&amp;lt; spoiler text=&amp;#34;Click to view the spoiler&amp;#34; &amp;gt;}}
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;This is the content of the details.
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;Markdown is **supported**.
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;{{&amp;lt; /spoiler &amp;gt;}}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;</description></item><item><title>Steps</title><link>https://souig.github.io/teaching/courses/hugo-blox/guide/formatting/steps/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://souig.github.io/teaching/courses/hugo-blox/guide/formatting/steps/</guid><description>&lt;p&gt;Display a series of steps, such as for a tutorial.&lt;/p&gt;
&lt;h2 id="example"&gt;Example&lt;/h2&gt;
&lt;div class="hb-steps"&gt;
&lt;h3 id="step-1"&gt;Step 1&lt;/h3&gt;
&lt;p&gt;The first step here&amp;hellip;&lt;/p&gt;
&lt;h3 id="step-2"&gt;Step 2&lt;/h3&gt;
&lt;p&gt;The second step here&amp;hellip;&lt;/p&gt;
&lt;h3 id="step-3"&gt;Step 3&lt;/h3&gt;
&lt;p&gt;The third step here&amp;hellip;&lt;/p&gt;
&lt;/div&gt;
&lt;h2 id="usage"&gt;Usage&lt;/h2&gt;
&lt;p&gt;Use the Markdown level-3 headings to represent step titles within the &lt;code&gt;steps&lt;/code&gt; shortcode:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-fallback" data-lang="fallback"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;{{% steps %}}
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;### Step 1
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;The first step here...
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;### Step 2
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;The second step here...
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;### Step 3
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;The third step here...
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;{{% /steps %}}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;</description></item></channel></rss>