projects.gohtml (1148B)
1 {{define "projects"}} 2 <section id="projects" class="page"> 3 <aside class="list-view" aria-label="Project list" preload="preload:init" preload-images="true"> 4 {{range $i, $p := .Projects}} 5 <div class="list-item{{if $.SelectedProjectID}}{{if eq $p.ID $.SelectedProjectID}} selected{{end}}{{else}}{{if eq $i 0}} selected{{end}}{{end}}" data-index="{{$i}}" data-id="{{$p.ID}}" data-url="{{$p.URL}}" hx-get="/api/projects/{{$p.ID}}" hx-target="#project-detail" hx-swap="innerHTML"> 6 <div class="list-header"> 7 <span class="list-title">{{$p.Name}}</span> 8 <span class="list-meta">{{techMeta $p.Tech}}</span> 9 </div> 10 <div class="list-subtitle">{{$p.Subtitle}}</div> 11 </div> 12 {{end}} 13 </aside> 14 <article class="detail-view"> 15 <div id="project-detail"> 16 {{if .Project}} 17 {{template "project_detail" .}} 18 {{else if gt (len .Projects) 0}} 19 <p class="color-dim" data-project-placeholder="true">$ cat README.md</p> 20 {{else}} 21 <p class="color-dim">No projects available.</p> 22 {{end}} 23 </div> 24 </article> 25 </section> 26 27 <style>{{inlineCSS "projects.css"}}</style> 28 {{end}}