about.gohtml (4171B)
1 {{define "about"}} 2 <section id="about" class="page active"> 3 <div class="about-layout"> 4 <div class="section"> 5 <div class="fetch"> 6 <img class="fetch-logo" src="/static/me-sm.jpg" width="480" height="480" decoding="async" alt="{{.About.Name}} - {{.About.Profession}}" loading="eager"> 7 <div class="fetch-info"> 8 <div class="fetch-title"><span class="shell-user">{{.About.Handle}}</span>@<span class="shell-host">prime8</span></div> 9 <div class="fetch-rule" aria-hidden="true">----------------</div> 10 <div class="fetch-row"><span class="fetch-key">name</span>: {{.About.Name}}</div> 11 <div class="fetch-row"><span class="fetch-key">role</span>: {{with .CurrentJob}}{{.Role}} @ <a href="/experience/{{.ID}}" hx-get="/experience/{{.ID}}" hx-target="#content" hx-push-url="true">{{.Company}}</a>{{else}}{{.About.Profession}}{{end}}</div> 12 <div class="fetch-row"><span class="fetch-key">location</span>: {{.About.Location}}</div> 13 <div class="fetch-row"><span class="fetch-key">uptime</span>: {{.Uptime}}</div> 14 {{range .About.Setup}}<div class="fetch-row"><span class="fetch-key">{{.Key}}</span>: {{.Value}}</div> 15 {{end}} 16 <div class="fetch-row"><span class="fetch-key">langs</span>: {{range $i, $l := .About.Languages}}{{if $i}}, {{end}}<span style="color:{{tagColor $l}}">{{$l}}</span>{{end}}</div> 17 <div class="fetch-row"><span class="fetch-key">email</span>: <a href="mailto:damian@prime8.dev">damian@prime8.dev</a></div> 18 <div class="fetch-row"><span class="fetch-key">git</span>: <a href="/projects">prime8.dev/projects</a></div> 19 <div class="fetch-row"><span class="fetch-key">linkedin</span>: <a href="https://linkedin.com/in/damian-myrda" target="_blank" rel="noopener noreferrer me">linkedin.com/in/damian-myrda</a></div> 20 </div> 21 </div> 22 </div> 23 24 <div class="section"> 25 <div class="shell-prompt"><span class="shell-user">{{shellUser}}</span>@<span class="shell-host">prime8</span>:<span class="shell-path">~</span><span class="shell-dollar">$</span> <span class="shell-cmd">cat bio</span></div> 26 <p class="bio">{{.About.Bio}}</p> 27 </div> 28 29 <div class="section"> 30 <div class="shell-prompt"><span class="shell-user">{{shellUser}}</span>@<span class="shell-host">prime8</span>:<span class="shell-path">~</span><span class="shell-dollar">$</span> <span class="shell-cmd">ls interests/</span></div> 31 <div class="tags"> 32 {{range .About.Interests}}<span class="tag {{tagClass .}}">{{.}}</span>{{end}} 33 </div> 34 </div> 35 36 {{if .About.Hobbies}} 37 <div class="section"> 38 <div class="shell-prompt"><span class="shell-user">{{shellUser}}</span>@<span class="shell-host">prime8</span>:<span class="shell-path">~</span><span class="shell-dollar">$</span> <span class="shell-cmd">ls hobbies/</span></div> 39 <div class="tags"> 40 {{range .About.Hobbies}}{{if eq (tagClass .) "hobby-audi"}}<span class="i5-host tag {{tagClass .}}" title="1-2-4-5-3" tabindex="0"><span class="i5-label">{{.}}</span><span class="i5" aria-hidden="true"><i style="--fire:0"></i><i style="--fire:1"></i><i style="--fire:4"></i><i style="--fire:2"></i><i style="--fire:3"></i></span></span>{{else}}<span class="tag {{tagClass .}}">{{.}}</span>{{end}}{{end}} 41 </div> 42 </div> 43 {{end}} 44 45 <div class="section shell" id="shell" data-user="{{shellUser}}"> 46 <div class="shell-history" aria-live="polite"></div> 47 <label class="shell-prompt shell-live"><span class="shell-ps1"><span class="shell-user">{{shellUser}}</span>@<span class="shell-host">prime8</span>:<span class="shell-path">~</span><span class="shell-dollar">$</span> </span><span class="shell-line"><span class="shell-cmd" data-before></span><span class="shell-cursor" aria-hidden="true"> </span><span class="shell-cmd" data-after></span></span><input class="shell-input" type="text" autocomplete="off" autocapitalize="off" autocorrect="off" spellcheck="false" enterkeyhint="go" aria-label="shell: type help for commands"></label> 48 </div> 49 </div> 50 </section> 51 52 <style>{{inlineCSS "about.css"}}</style> 53 {{end}}