63 lines
2 KiB
Text
63 lines
2 KiB
Text
---
|
|
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>
|