https://homelab.nbkelley.com/tags/template-patterns/ Recent content in Template-Patterns on homelab Hugo en Fri, 01 May 2026 00:00:00 +0000 https://homelab.nbkelley.com/docs/web/ilmare-website/ Fri, 01 May 2026 00:00:00 +0000 https://homelab.nbkelley.com/docs/web/ilmare-website/ <h1 id="ilmarë-website">Ilmarë Website<a class="anchor" href="#ilmar%c3%ab-website">#</a></h1> <h2 id="what-was-established">What Was Established<a class="anchor" href="#what-was-established">#</a></h2> <ul> <li>Static Hugo site hosted on Varda (<code>192.168.1.131</code>).</li> <li>Features CSS Grid layout, hamburger menu, and parallax hero.</li> </ul> <h2 id="development-patterns">Development Patterns<a class="anchor" href="#development-patterns">#</a></h2> <h3 id="conditional-title-suffixes">Conditional Title Suffixes<a class="anchor" href="#conditional-title-suffixes">#</a></h3> <ul> <li><strong>Goal</strong>: Append a suffix (e.g., <code>/home</code>) to the page title only on the index page.</li> <li><strong>Implementation</strong>: Leverage Hugo&rsquo;s <code>.IsHome</code> boolean within template conditionals.</li> <li><strong>Pattern</strong>: <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-go" data-lang="go"><span style="display:flex;"><span>{{ <span style="color:#66d9ef">if</span> .<span style="color:#a6e22e">IsHome</span> }}{{ .<span style="color:#a6e22e">Site</span>.<span style="color:#a6e22e">Title</span> }}<span style="color:#f92672">/</span><span style="color:#a6e22e">home</span>{{ <span style="color:#66d9ef">else</span> }}{{ .<span style="color:#a6e22e">Title</span> }}{{ <span style="color:#a6e22e">end</span> }}</span></span></code></pre></div>or using a variable for cleaner syntax: <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-go" data-lang="go"><span style="display:flex;"><span>{{ <span style="color:#960050;background-color:#1e0010">$</span><span style="color:#a6e22e">suffix</span> <span style="color:#f92672">:=</span> <span style="color:#e6db74">&#34;&#34;</span> }} </span></span><span style="display:flex;"><span>{{ <span style="color:#66d9ef">if</span> .<span style="color:#a6e22e">IsHome</span> }}{{ <span style="color:#960050;background-color:#1e0010">$</span><span style="color:#a6e22e">suffix</span> = <span style="color:#e6db74">&#34;/home&#34;</span> }}{{ <span style="color:#a6e22e">end</span> }} </span></span><span style="display:flex;"><span>{{ <span style="color:#66d9ef">if</span> .<span style="color:#a6e22e">IsHome</span> }}{{ .<span style="color:#a6e22e">Site</span>.<span style="color:#a6e22e">Title</span> }}{{ <span style="color:#960050;background-color:#1e0010">$</span><span style="color:#a6e22e">suffix</span> }}{{ <span style="color:#66d9ef">else</span> }}{{ .<span style="color:#a6e22e">Title</span> }}{{ <span style="color:#a6e22e">end</span> }}</span></span></code></pre></div></li> <li><strong>Context</strong>: Applied to <code>layouts/index.html</code> or base templates to differentiate the root URL from inner pages.</li> </ul> <h2 id="current-configuration">Current Configuration<a class="anchor" href="#current-configuration">#</a></h2> <ul> <li><strong>Host</strong>: Varda (<code>192.168.1.131</code>)</li> <li><strong>Stack</strong>: Hugo static site generation</li> <li><strong>Template Engine</strong>: Go templates</li> </ul> <h2 id="historical-notes">Historical Notes<a class="anchor" href="#historical-notes">#</a></h2> <ul> <li>Conversation dated 2025-11-24. Pattern confirmed for Hugo static site generation.</li> </ul> <h2 id="open-questions">Open Questions<a class="anchor" href="#open-questions">#</a></h2> <ul> <li>None.</li> </ul> <h2 id="related-pages">Related Pages<a class="anchor" href="#related-pages">#</a></h2> <ul> <li><a href="https://homelab.nbkelley.com/docs/infrastructure/varda-server/">Varda Server (Ubuntu)</a></li> <li><a href="https://homelab.nbkelley.com/docs/development/vscode-liveserver-paths/">VS Code Live Server Path Configuration</a></li> <li><a href="https://homelab.nbkelley.com/docs/development/hugo-git-submodule-pattern/">Hugo Git Submodule Extraction Pattern</a></li> </ul> <h2 id="sources">Sources<a class="anchor" href="#sources">#</a></h2> <ul> <li><code>ingested/chats/115-Adding -home to index page conditionally.md</code></li> </ul>