{{ define "main" }}
<header class="mb-14 pb-10 border-b border-slate-800">
  <div class="flex flex-wrap gap-2 mb-5">
    <span class="px-2.5 py-1 rounded-full text-xs font-mono bg-blue-500/10 text-blue-400 border border-blue-500/20">DevOps</span>
    <span class="px-2.5 py-1 rounded-full text-xs font-mono bg-blue-500/10 text-blue-400 border border-blue-500/20">Backend</span>
    <span class="px-2.5 py-1 rounded-full text-xs font-mono bg-blue-500/10 text-blue-400 border border-blue-500/20">Go · Python</span>
    <span class="px-2.5 py-1 rounded-full text-xs font-mono bg-blue-500/10 text-blue-400 border border-blue-500/20">Kubernetes</span>
  </div>
  <h1 class="text-5xl font-bold tracking-tight bg-gradient-to-br from-white via-slate-200 to-slate-500 bg-clip-text text-transparent">
    {{ .Site.Params.author }}
  </h1>
  <p class="mt-3 text-slate-400 text-lg">{{ .Site.Params.description }}</p>
  <div class="mt-6 flex flex-wrap gap-3">
    {{ if .Site.Params.github }}
    <a href="{{ .Site.Params.github }}"
       class="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-slate-800 hover:bg-slate-700 text-sm text-slate-300 hover:text-white transition-all border border-slate-700">
      GitHub ↗
    </a>
    {{ end }}
    {{ if .Site.Params.email }}
    <a href="mailto:{{ .Site.Params.email }}"
       class="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-slate-800/50 hover:bg-slate-700 text-sm text-slate-400 hover:text-white transition-all border border-slate-700/60">
      {{ .Site.Params.email }}
    </a>
    {{ end }}
  </div>
</header>
<article class="resume-content prose prose-invert max-w-none">
  {{ .Content }}
</article>
{{ end }}