---
layout: base.njk
title: ~/home
permalink: /
---

{# ── Desktop icons ───────────────────────────────── #}
<div class="desktop-icons" aria-label="Desktop icons">
  <div class="desktop-icon" data-opens="win-about" role="button" tabindex="0" aria-label="Open about">
    <div class="icon-art">[i]</div>
    <div class="icon-label">about_me.sh</div>
  </div>
  <div class="desktop-icon" data-opens="win-blog" role="button" tabindex="0" aria-label="Open blog">
    <div class="icon-art">[/]</div>
    <div class="icon-label">blog/</div>
  </div>
  <div class="desktop-icon" data-opens="win-projects" role="button" tabindex="0" aria-label="Open projects">
    <div class="icon-art">[/]</div>
    <div class="icon-label">projects/</div>
  </div>
  <div class="desktop-icon" data-opens="win-contact" role="button" tabindex="0" aria-label="Open contact">
    <div class="icon-art">[@]</div>
    <div class="icon-label">contact.vcf</div>
  </div>
</div>

<div class="window hidden"
     id="win-about"
     data-wid="win-about"
     data-title="$whoami"
     data-src="/fragments/about/"
     style="top:50px; left:120px; width:540px;">
  <div class="window-content"></div>
</div>

<div class="window hidden"
     id="win-blog"
     data-wid="win-blog"
     data-title="blog/"
     data-src="/fragments/blog/"
     style="top:60px; left:400px; width:500px; height:460px;">
  <div class="window-content" id="blog-window-content"></div>
</div>

<div class="window hidden"
     id="win-projects"
     data-wid="win-projects"
     data-title="projects/"
     data-src="/fragments/projects/"
     style="top:140px; left:120px; width:560px; height:380px;">
  <div class="window-content" id="projects-window-content"></div>
</div>

<div class="window hidden"
     id="win-contact"
     data-wid="win-contact"
     data-title="contact"
     data-src="/fragments/contact/"
     style="top:20px; left:240px; width:480px;">
  <div class="window-content"></div>
</div>

<script src="/assets/js/blog.js"></script>