header.gohtml (964B)
1 {{define "header"}} 2 <header id="tabs" data-active-tab="{{.ActiveTab}}" data-tabs="about,projects,experience,blog"> 3 <nav class="tab-nav" aria-label="main navigation" preload="preload:init" preload-images="true"> 4 {{range .Tabs}} 5 <a href="{{tabPath .ID}}" class="tab{{if eq .ID $.ActiveTab}} active{{end}}" data-tab="{{.ID}}" data-label="{{.ID}}" hx-get="{{tabPath .ID}}" hx-target="#content" hx-push-url="true"> 6 <span class="tab-num">[{{.Num}}] </span>{{.ID}} 7 </a> 8 {{end}} 9 </nav> 10 <div class="tab-spacer"></div> 11 <div class="status" id="header-status"> 12 <span class="dpad"> 13 <span class="dpad-row"><span class="dpad-key">▲</span></span> 14 <span class="dpad-row"><span class="dpad-key">◀</span><span class="dpad-key">▼</span><span class="dpad-key">▶</span></span> 15 </span> 16 <span class="navigate"> navigate · tab cycle · ? help</span> 17 </div> 18 </header> 19 20 <style>{{inlineCSS "header.css"}}</style> 21 {{end}}