Started working on arrows

This commit is contained in:
2026-03-27 20:44:27 +01:00
parent 94efc03593
commit 535a4584aa
3 changed files with 148 additions and 11 deletions

View File

@@ -4,25 +4,24 @@
<meta charset="utf-8">
<title>Ayabusa club - Projects</title>
<link rel="stylesheet" href="./style.css">
<!--<script src="script.js"></script> -->
</head>
<body>
<body id="body">
<div style="display: flex; direction: row; justify-content: center; margin-bottom: 50px;">
<div class="disbox">
<div class="disbox node" id="n0">
<div class="disboxh">
<img class="ico" src="../assets/gitico.png"></img>
<img class="ico" src="../assets/blogico.png"></img>
</div>
<p class="disboxp">
loc_projects:<br><br>
During my <b>dev journey</b>, I had the opportunity to create some cool projects.<br><br>
During my <b>dev journey</b>, I have the opportunity to create some cool projects.<br><br>
I've collected here those that might <b>pick your interest</b>.
</p>
</div>
</div>
<div style="display: flex; direction: row; justify-content: center; margin-bottom: 50px;">
<div>
<div class="disbox" style="margin-bottom: 50px;">
<div class="disbox node" id="n1" style="margin-bottom: 50px;">
<div class="disboxh">
<img class="ico" src="../assets/gitico.png"></img>
<img class="ico" src="../assets/blogico.png"></img>
@@ -37,7 +36,7 @@
I develloped it with <b>Golang</b> for the backend and <b>svelte</b> for the frontend, and it has worked pretty well for me :D
</p>
</div>
<div class="disbox">
<div class="disbox node" id="n2">
<div class="disboxh">
<img class="ico" src="../assets/gitico.png"></img>
<img class="ico" src="../assets/blogico.png"></img>
@@ -71,15 +70,15 @@
</div>
</div>
<div style="display: flex; direction: row; justify-content: center; margin-bottom: 50px;">
<div class="disbox">
<div class="disbox node" id="n3">
<div class="disboxh">
<img class="ico" src="../assets/gitico.png"></img>
<img class="ico" src="../assets/blogico.png"></img>
</div>
<p class="disboxp">
loc_a_la_carte:<br><br>
During my <b>dev journey</b>, I had the opportunity to create some cool projects.<br><br>
I've collected here those that might <b>pick your interest</b>.
<b>À la carte</b> is a <b>game</b> I built for the <b>Numworks</b>, in the context of a <a href="https://tiplanet.org/">TI Planet</a> contest.
It's built in <b>python</b> and optimized for it to <b>run smoothly</b> on the target <b>calculator</b>.
</p>
</div>
</div>
@@ -91,10 +90,31 @@
</div>
<p class="disboxp">
loc_minecraft_mods:<br><br>
During my <b>dev journey</b>, I had the opportunity to create some cool projects.<br><br>
I've collected here those that might <b>pick your interest</b>.
During some of my (too) many <b>Minecraft two weeks phases</b>, I develloped some <b>minecraft mods</b>. Mainly in <b>Fabric</b>,
I even did a <a href="https://blog.ayabusa.dev/2023/10/30/how-minecraft-mods-works-for-dummies/">tutorial to get
started</a> and be introduced to the wonderfull world of <b>Mixins</b> xD.<br/><br/>
<a href="https://modrinth.com/mod/no-more-spire">No more spire</a>: I did this mod for the server that I was playing back then <b>OriginRealms</b>.
Everyone was spamming about the <b>spire update</b> in chat, so I decided to do some <b>cleanup</b> and free the chat from this <b>pollution</b>.<br/><br/>
<a href="https://modrinth.com/mod/modern-chunk-detector">Modern chunk detector</a>: This mod was made for the server <b>9b9t</b> that my friend and I were playing. It <b>highlights</b> the chunk that were
generated in <b>modern version of MC</b>. Great to track bases trails ;)
</p>
</div>
</div>
<svg id="arrows">
<defs>
<!-- Arrowhead marker — inherits line color via context-stroke -->
<marker id="head"
viewBox="0 0 10 10" refX="8" refY="5"
markerWidth="6" markerHeight="6"
orient="auto-start-reverse">
<path d="M1 1L9 5L1 9Z"
fill="context-stroke" stroke="none"/>
</marker>
</defs>
<!-- One <path> per connection (added by JS below) -->
</svg>
<script src="script.js"></script>
</body>
</html>