97 lines
No EOL
3 KiB
HTML
97 lines
No EOL
3 KiB
HTML
{{define "title"}}
|
|
Atridad Lahiji // Root
|
|
{{end}}
|
|
|
|
{{define "headercontent"}}
|
|
Atridad Lahiji // Root
|
|
{{end}}
|
|
|
|
{{define "head"}}
|
|
<link rel="stylesheet" href="/public/css/styles.home.css" />
|
|
{{end}}
|
|
|
|
{{define "main"}}
|
|
<h1 class="text-4xl font-extrabold text-white sm:text-8xl">
|
|
Hi, I'm <span
|
|
class="text-transparent bg-clip-text bg-gradient-to-r from-pink-500 via-purple-500 to-blue-500">Atridad</span>
|
|
</h1>
|
|
|
|
<h2 class="text-2xl font-extrabold tracking-tight text-white sm:text-[2rem]">
|
|
I'm a full stack developer who builds cool things for the web.
|
|
</h2>
|
|
|
|
<span>
|
|
<h2 class="mb-2 text-xl text-white sm:text-[1.5rem]">Places I exist:</h2>
|
|
<div class="flex flex-row flex-wrap items-center justify-center gap-4 text-center">
|
|
{{range .Socials}}
|
|
{{if eq .Name "Spotify"}}
|
|
<div class="indicator indicator-top indicator-end">
|
|
<div hx-ext="sse" sse-connect="/api/sse?channel=spotify" sse-swap="message">
|
|
<span class="link link-hover link-success" hx-get="/api/spotify/nowplaying" hx-trigger="load" hx-swap="self">
|
|
</span>
|
|
</div>
|
|
|
|
<a class="fill-white hover:fill-pink-500" href={{.Href}} target="_blank" rel="me" aria-label={{.Name}}>
|
|
{{.Icon}}
|
|
</a>
|
|
</div>
|
|
{{else}}
|
|
<a class="fill-white hover:fill-pink-500" href={{.Href}} target="_blank" rel="me" aria-label={{.Name}}>
|
|
{{.Icon}}
|
|
</a>
|
|
{{end}}
|
|
{{end}}
|
|
</div>
|
|
</span>
|
|
|
|
|
|
<span>
|
|
<h2 class="mb-2 text-xl text-white sm:text-[1.5rem]">Stuff I Use:</h2>
|
|
<div class="flex flex-row flex-wrap items-center justify-center gap-4 text-center">
|
|
{{range .Tech}}
|
|
<a class="fill-white hover:fill-pink-500" href={{.Href}} target="_blank" rel="me" aria-label={{.Name}}>
|
|
{{.Icon}}
|
|
</a>
|
|
{{end}}
|
|
</div>
|
|
</span>
|
|
|
|
<div class="flex flex-row flex-wrap gap-2">
|
|
<a class="btn btn-primary btn-outline btn-md lg:btn-lg" href={{.ContractLink}} target="_blank" rel="noreferrer">
|
|
Contract Me
|
|
</a>
|
|
|
|
<a class="btn btn-primary btn-outline btn-md lg:btn-lg" href={{.ResumeURL}} target="_blank" rel="noreferrer">
|
|
Resumé
|
|
</a>
|
|
|
|
<a class="btn btn-primary btn-outline btn-md lg:btn-lg" href={{.SupportLink}} target="_blank" rel="noreferrer">
|
|
Support 🩵
|
|
</a>
|
|
</div>
|
|
|
|
<span>
|
|
<h2 class="mb-2 text-xl text-white sm:text-[1.5rem]">Things People Say About Me:</h2>
|
|
<div class="grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3">
|
|
<div>
|
|
<img class="object-cover object-center w-full max-w-full rounded-lg" src="/public/img/testimonials/1.png"
|
|
alt="gallery-photo" />
|
|
</div>
|
|
<div>
|
|
<img class="object-cover object-center w-full max-w-full rounded-lg" src="/public/img/testimonials/2.png"
|
|
alt="gallery-photo" />
|
|
</div>
|
|
<div>
|
|
<img class="object-cover object-center w-full max-w-full rounded-lg" src="/public/img/testimonials/3.png"
|
|
alt="gallery-photo" />
|
|
</div>
|
|
</div>
|
|
</span>
|
|
|
|
{{end}}
|
|
|
|
{{define "foot"}}
|
|
<script src="/public/js/htmx.base.js"></script>
|
|
<script src="/public/js/htmx.sse.js"></script>
|
|
<script src="/public/js/hyperscript.js"></script>
|
|
{{end}} |