divyam.dev/layouts/_default/resume.html

{{ define "main" }}
{{- $r := hugo.Data.resume -}}
<div class="resume-page">
  <div class="resume-header">
    <h1 class="resume-name">{{ $r.name }}</h1>
    <p class="resume-tagline">{{ $r.role }}</p>
    <div class="resume-contact">
      {{- with $r.contact.email }}
      <a href="{{ .url }}">
        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 8.67v8.58a3 3 0 003 3h15a3 3 0 003-3V8.67l-8.928 5.493a3 3 0 01-3.144 0L1.5 8.67z"/><path d="M22.5 6.908V6.75a3 3 0 00-3-3h-15a3 3 0 00-3 3v.158l9.714 5.978a1.5 1.5 0 001.572 0L22.5 6.908z"/></svg>
        {{ .display }}
      </a>
      {{- end }}
      {{- with $r.contact.website }}
      <a href="{{ .url }}" target="_blank">
        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/></svg>
        {{ .display }}
      </a>
      {{- end }}
      {{- with $r.contact.linkedin }}
      <a href="{{ .url }}" target="_blank">
        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
        {{ .display }}
      </a>
      {{- end }}
    </div>
    <div class="resume-contact">
      {{- with $r.contact.git }}
      <a href="{{ .url }}" target="_blank">
        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6 2a4 4 0 0 0-1 7.874V14.126A4.002 4.002 0 0 0 6 22a4 4 0 0 0 1-7.874V9.874A4.002 4.002 0 0 0 6 2zm0 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm0 12a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm12-12a4 4 0 0 0-1 7.874v2.252A4.002 4.002 0 0 0 18 22a4 4 0 0 0 1-7.874V9.874A4.002 4.002 0 0 0 18 2zm0 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm0 12a2 2 0 1 1 0 4 2 2 0 0 1 0-4z"/></svg>
        {{ .display }}
      </a>
      {{- end }}
      {{- with $r.contact.github }}
      <a href="{{ .url }}" target="_blank">
        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z"/></svg>
        {{ .display }}
      </a>
      {{- end }}
    </div>
  </div>

  <section class="resume-section">
    <h2 class="resume-section-title">Experience</h2>
    {{- range $r.experience }}
    <div class="resume-entry">
      <div class="resume-entry-header">
        <div>
          <h3 class="resume-entry-title">{{ .role }}</h3>
          <span class="resume-entry-org">{{ .company }} · {{ .location }}</span>
        </div>
        <span class="resume-entry-date">{{ .start }} — {{ .end }}</span>
      </div>
      {{- with .stack }}
      <div class="resume-tech-stack">{{ delimit . ", " }}</div>
      {{- end }}
      {{- with .bullets }}
      <ul class="resume-entry-details">
        {{- range . }}
        <li>{{ . | markdownify }}</li>
        {{- end }}
      </ul>
      {{- end }}
      {{- with .links }}
      <div class="resume-entry-links">
        {{- range . }}
        <a href="{{ .url }}" target="_blank">{{ .display }}</a>
        {{- end }}
      </div>
      {{- end }}
    </div>
    {{- end }}
  </section>

  <section class="resume-section">
    <h2 class="resume-section-title">Skills</h2>
    <div class="resume-skills">
      {{- range $r.skills }}
      <div class="resume-skill-group">
        <h4 class="resume-skill-label">{{ .type }}</h4>
        <span class="resume-skill-items">{{ delimit .items ", " }}</span>
      </div>
      {{- end }}
    </div>
  </section>

  <section class="resume-section">
    <h2 class="resume-section-title">Projects</h2>
    {{- range $r.projects }}
    <div class="resume-entry">
      <div class="resume-entry-header">
        <div>
          <h3 class="resume-entry-title">{{ .name }}</h3>
        </div>
      </div>
      {{- with .stack }}
      <div class="resume-tech-stack">{{ delimit . ", " }}</div>
      {{- end }}
      {{- with .links }}
      <div class="resume-entry-links">
        {{- range . }}
        <a href="{{ .url }}" target="_blank">{{ .display }}</a>
        {{- end }}
      </div>
      {{- end }}
    </div>
    {{- end }}
  </section>

  <section class="resume-section">
    <h2 class="resume-section-title">Education</h2>
    {{- range $r.education }}
    <div class="resume-entry">
      <div class="resume-entry-header">
        <div>
          <h3 class="resume-entry-title">{{ .course }}</h3>
          <span class="resume-entry-org">{{ .school }} · {{ .location }}</span>
        </div>
        <span class="resume-entry-date">{{ .start }} — {{ .end }}</span>
      </div>
    </div>
    {{- end }}
  </section>

  <div class="resume-download">
    <a href="/resume.pdf" class="resume-download-btn">↓ Download PDF</a>
  </div>
</div>
{{ end }}