about.gohtml (4584B)
1 {{define "about"}} 2 <section id="about" class="page active"> 3 <div class="about-layout"> 4 <div class="about-left"> 5 <img class="profile-image" src="/static/me.jpg" alt="damian myrda - software engineer" loading="eager"> 6 <div class="contact-box"> 7 <div class="shell-prompt"><span class="shell-user">{{.About.Handle}}</span>@<span class="shell-host">prime8</span>:<span class="shell-path">~</span><span class="shell-dollar">$</span> <span class="shell-cmd">cat contact</span></div> 8 <div class="contact-item"><span class="label">email:</span><a href="mailto:damian@prime8.dev">damian@prime8.dev</a></div> 9 <div class="contact-item"><span class="label">git:</span><a href="https://git.prime8.dev/" target="_blank" rel="noopener noreferrer me">git.prime8.dev</a></div> 10 <div class="contact-item"><span class="label">linkedin:</span><a href="https://linkedin.com/in/damian-myrda" target="_blank" rel="noopener noreferrer me">linkedin.com/in/damian-myrda</a></div> 11 </div> 12 <div class="about-sidebar-note" aria-label="SSH endpoint"> 13 <div class="about-sidebar-note-title">Explore this portfolio over SSH</div> 14 <div class="about-sidebar-note-desc">Open your terminal and connect:</div> 15 <div class="about-sidebar-note-command-row"> 16 <pre class="about-sidebar-note-command" data-ssh-command><code>ssh prime8.dev</code></pre> 17 <button type="button" class="about-sidebar-copy-btn" data-ssh-copy>copy</button> 18 </div> 19 </div> 20 </div> 21 22 <div class="about-right"> 23 <div class="section"> 24 <div class="shell-prompt"><span class="shell-user">{{.About.Handle}}</span>@<span class="shell-host">prime8</span>:<span class="shell-path">~</span><span class="shell-dollar">$</span> <span class="shell-cmd">whoami</span></div> 25 <pre class="name-ascii" aria-label="{{.About.Name}}">{{.AboutNameASCII}}</pre> 26 <p class="bio">{{.About.Bio}}</p> 27 </div> 28 29 <div class="section"> 30 <div class="shell-prompt"><span class="shell-user">{{.About.Handle}}</span>@<span class="shell-host">prime8</span>:<span class="shell-path">~</span><span class="shell-dollar">$</span> <span class="shell-cmd">cat info</span></div> 31 <div class="info-columns"> 32 <div class="info-column"> 33 <div class="info-row"><span class="label">location:</span>{{.About.Location}}</div> 34 </div> 35 {{with .CurrentJob}} 36 <div class="info-column"> 37 <div class="info-row"><span class="label">company:</span><a href="/experience/{{.ID}}" hx-get="/experience/{{.ID}}" hx-target="#content" hx-push-url="true">{{.Company}}</a></div> 38 <div class="info-row"><span class="label">position:</span>{{.Role}}</div> 39 </div> 40 {{end}} 41 </div> 42 </div> 43 44 <div class="section"> 45 <div class="shell-prompt"><span class="shell-user">{{.About.Handle}}</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> 46 <div class="tags"> 47 {{range .About.Interests}}<span class="tag {{tagClass .}}">{{.}}</span>{{end}} 48 </div> 49 </div> 50 51 <div class="section"> 52 <div class="shell-prompt"><span class="shell-user">{{.About.Handle}}</span>@<span class="shell-host">prime8</span>:<span class="shell-path">~</span><span class="shell-dollar">$</span> <span class="shell-cmd">ls tools/</span></div> 53 <div class="tags"> 54 {{range .About.Tools}}<span class="tag {{tagClass .}}">{{.}}</span>{{end}} 55 </div> 56 </div> 57 58 <div class="section"> 59 <div class="shell-prompt"><span class="shell-user">{{.About.Handle}}</span>@<span class="shell-host">prime8</span>:<span class="shell-path">~</span><span class="shell-dollar">$</span> <span class="shell-cmd">ls languages/</span></div> 60 <div class="tags"> 61 {{range .About.Languages}}<span class="tag {{tagClass .}}">{{.}}</span>{{end}} 62 </div> 63 </div> 64 65 <div class="section" id="activity-section"> 66 <div class="shell-prompt"><span class="shell-user">{{.About.Handle}}</span>@<span class="shell-host">prime8</span>:<span class="shell-path">~</span><span class="shell-dollar">$</span> <span class="shell-cmd">wakatime --week</span></div> 67 <div class="weekly-stats" id="activity-stats"> 68 <div class="loading-text">loading stats...</div> 69 </div> 70 </div> 71 </div> 72 </div> 73 </section> 74 75 <style>{{inlineCSS "about.css"}}</style> 76 {{end}}