125 lines
8.7 KiB
HTML
125 lines
8.7 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Ayabusa club - Projects</title>
|
|
<link rel="stylesheet" href="./style.css">
|
|
</head>
|
|
<body id="body">
|
|
<div style="display: flex; direction: row; justify-content: center; margin-bottom: 50px;">
|
|
<div class="disbox node" id="proj">
|
|
<div class="disboxh">
|
|
<a target="_blank" href="https://git.ayabusa.dev"><img class="ico" src="../assets/gitico.png"></img></a>
|
|
<a target="_blank" href="https://blog.ayabusa.dev"><img class="ico" src="../assets/blogico.png"></img></a>
|
|
</div>
|
|
<p class="disboxp">
|
|
loc_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 node" id="fich" style="margin-bottom: 50px;">
|
|
<div class="disboxh">
|
|
<a target="_blank" href="https://myfiches.com/about"><img class="ico" src="../assets/blogico.png"></img></a>
|
|
</div>
|
|
<p class="disboxp">
|
|
loc_myfiches.com:<br><br>
|
|
In my <b>last year of highschool</b> I stumbled upon a problem with my <b>studying</b> methodology. I kept loosing my <b>revision sheets</b>. <br/>
|
|
So I decided to devellop my own solution, <a href="https://myfiches.com">myfiches.com</a>! This website works like a <b>social media</b>,
|
|
where like minded individuals can <b>post</b> their revision sheets, <b>like</b> and even <b>comment</b>.
|
|
It has enabled be to store and categorize my revision material, and also to <b>share it</b> with the world.
|
|
The site is <b>open for everyone</b> to contribute but it's mostly in <b>french</b>.<br/><br/>
|
|
<img src="../assets/screen_myfiches.png" style="width: 100%;"></img>
|
|
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 node" id="rust">
|
|
<div class="disboxh">
|
|
<a target="_blank" href="https://git.ayabusa.dev/ayabusa/Rusty-slicer"><img class="ico" src="../assets/gitico.png"></img></a>
|
|
</div>
|
|
<p class="disboxp">
|
|
loc_rusty_slicer:<br><br>
|
|
<img src="../assets/logo_rusty.png" style="display: block; margin: auto; margin-top: 0; margin-bottom: 0;"></img><br/>
|
|
<b>Rusty Slicer</b> is a small app I built using <b>rust</b>, <b>tauri</b> and <b>ffmpeg</b>.
|
|
I built it because I was frustrated with some <b>youtube playlist</b> video,
|
|
that I wanted to <b>"split"</b> in individual music files.
|
|
So you just put your video or music, the time chapters and <b>voilà</b> you've got your files.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div style="width: 20px;"></div>
|
|
<div class="disbox node" id="hack">
|
|
<div class="disboxh">
|
|
<a target="_blank" href="https://git.ayabusa.dev/ayabusa/Numworks-zeta-os"><img class="ico" src="../assets/gitico.png"></img></a>
|
|
<a target="_blank" href="https://blog.ayabusa.dev/2024/04/21/lets-create-an-os-for-a-calculator-numworks-part-1-blinking-led/"><img class="ico" src="../assets/blogico.png"></img></a>
|
|
<a target="_blank" href="https://blog.ayabusa.dev/2025/11/07/lets-create-an-os-for-the-numworks-a-different-approach-part-2/"><img class="ico" src="../assets/blogico.png"></img></a>
|
|
</div>
|
|
<p class="disboxp">
|
|
loc_numworks_hacking:<br/><br/>
|
|
The <b>Numworks</b> is the first <b>graphing calculator</b> that I got in my hands, in my first year of high school.<br/>
|
|
And after a few weeks of common calc usage, I looked into the <b>homebrew community</b> that formed around this piece of hardware.<br/>
|
|
And in a matter of weeks I used my <b>raspi</b> to <b>jailbreak</b> it, which allowed me to dive in and learn a ton of cool stuff about reversing and embedded system.<br/><br/>
|
|
The first project I did on it, was a <b>baremetal OS</b> for the <b>n0110 model</b>, called <b>Zeta OS</b>. I did this OS from scratch and I got the <b>LED</b> and <b>keyboard</b> working.
|
|
You can view my article on it <a href="https://blog.ayabusa.dev/2024/04/21/lets-create-an-os-for-a-calculator-numworks-part-1-blinking-led/">here</a>.<br/><br/>
|
|
Then more than one year later I got my hand on the latest <b>n0120 model</b>, which had <b>not any CFW</b>. So I started working on <b>reversing</b> the official bootloader, and made
|
|
my own by injecting some code in a <b>code cave</b>. This now let me run any OS even if it's not signed by NW and reflash both the bootloader and the OS.<br/>
|
|
<img src="../assets/gamma_bootloader.jpg" style="width: 100%;"></img>
|
|
Once again I did an <a href="https://blog.ayabusa.dev/2025/11/07/lets-create-an-os-for-the-numworks-a-different-approach-part-2/">article on it</a> to document my process.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div style="display: flex; direction: row; justify-content: center; margin-bottom: 50px;">
|
|
<div class="disbox node" id="alac">
|
|
<div class="disboxh">
|
|
<a target="_blank" href="https://git.ayabusa.dev/ayabusa/A-la-carte"><img class="ico" src="../assets/gitico.png"></img></a>
|
|
<a target="_blank" href="https://tiplanet.org/forum/viewtopic.php?p=278211"><img class="ico" src="../assets/blogico.png"></img></a>
|
|
</div>
|
|
<p class="disboxp">
|
|
loc_a_la_carte:<br><br>
|
|
<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>.
|
|
<img src="../assets/alacarte_game.png" style="width: 100%;"></img>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div style="display: flex; direction: row; justify-content: center; margin-bottom: 50px;">
|
|
<div class="disbox" id="mine">
|
|
<div class="disboxh">
|
|
<a target="_blank" href="https://git.ayabusa.dev/ayabusa/Modern-Chunk-Detector"><img class="ico" src="../assets/gitico.png"></img></a>
|
|
<a target="_blank" href="https://github.com/ayabusa/NoMoreSpire"><img class="ico" src="../assets/gitico.png"></img></a>
|
|
<a target="_blank" href="https://blog.ayabusa.dev/2023/10/30/how-minecraft-mods-works-for-dummies/"><img class="ico" src="../assets/blogico.png"></img></a>
|
|
</div>
|
|
<p class="disboxp">
|
|
loc_minecraft_mods:<br><br>
|
|
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>
|