98 lines
3.9 KiB
HTML
98 lines
3.9 KiB
HTML
{{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}} |