{{define "nav"}}
<div>
<p class="sidebar-label">subjects</p>
<div class="skill-list">
<div class="skill-item">movies</div>
<div class="skill-item">music</div>
<div class="skill-item">games</div>
<div class="skill-item">linux</div>
<div class="skill-item">git</div>
<div class="skill-item">programing</div>
</div>
</div>
{{end}}

{{define "body"}}
<section class="hero" id="about">
        <p class="hero-eyebrow">Personal interests · 2026</p>
        <h1 >Links Tree &<br><span>Playlists</span>
        </h1>
      </section>

<section id="research">


<section id="interests">
<div id="interests-body">

<div class="section-head">
<h2>Link Tree</h2>
</div>
<div class="exp-grid">
<div class="exp-card link" onclick="window.location.href='https://letterboxd.com/samantha42/'">
<div class="exp-header">
<span class="exp-title">Movies</span>
<span class="exp-tag">LetterBoxed</span>
</div>
<p class="exp-body">film reviews/ratings and watchlist</p>
</div>

<div class="exp-card link" onclick="window.location.href='https://git.samantha42.xyz/samantha'">
<div class="exp-header">
<span class="exp-title">Git repo</span>
<span class="exp-tag">Gitea profile</span>
</div>
<p class="exp-body">Personal public repos.</p>
</div>

<div class="exp-card link" onclick="window.location.href='https://steamcommunity.com/id/samantha42/'">
<div class="exp-header">
<span class="exp-title">Games</span>
<span class="exp-tag">Steam</span>
</div>
<p class="exp-body">games and inventory</p>
</div>

</div>
</div>
<br>

<div class="section-head">
<h2>Lunix rice</h2>
</div>

<p class="exp-body">I love my custom Linux setup. I use Hyprland, which automatically arranges app windows
                on my screen so everything stays organized without dragging things around. I also use Quickshell, which
                lets me customize menus, shortcuts, and system controls to work exactly how I want.
                My system is based on Arch Linux or Manjaro Linux, which are versions of Linux that give you more
                control and customization than a typical computer setup. The result is a clean, fast, and super
                efficient desktop that's hard to go back from.
<a class="outlink" href="https://git.samantha42.xyz/samantha/dotfiles">
<button style="background: var(--surface);">Git repo</button>
</a>
</p>
<img src="/static/images/rice.png" style="width: 95%; align-self: center;">

<div class="section-head">
<h2>programing</h2>
</div>
<p class="exp-body">
                Programming can be a chore, but for me it's a source of joy. It's something I do as a hobby, and I
                don't use LLMs much. It's about having fun and making a fool of yourself. It's not about how good it is,
                in this case, I'd rather just listen to music and drink a cup of tea. I enjoy the struggle to debug, the small beauty in understanding why a bug was there in the first place.
</p>

<br>

<div class="section-head">
<h2>Music playlists</h2>
</div>

<iframe data-testid="embed-iframe" style="border-radius:12px" src="https://open.spotify.com/embed/playlist/6cp6fCnsOaNd2WDTPRuOR1?utm_source=generator" width="100%" height="200" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>

<iframe data-testid="embed-iframe" style="border-radius:12px" src="https://open.spotify.com/embed/playlist/4aGMTgl6eNMspp37jrQ799?utm_source=generator" width="100%" height="200" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>

<iframe data-testid="embed-iframe" style="border-radius:12px" src="https://open.spotify.com/embed/playlist/4yxijQILgLkF0UDCUDAauc?utm_source=generator" width="100%" height="200" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>

</section>
{{end}}