Embedded Files
Spring 2026 Calendar Sneak Peek
Digital Orukami is a student portfolio.
Orukami is the Japanese translation of the English word origami.
Digitally folding creative solutions and conceptual projects that keep me inspired on my path to a master's degree in Cybersecurity with a focus in AI for Cybersecurity.
This is a creative and conceptual mind map of me folding Digital Orukami for anyone to enjoy.
Time Line Project:
Time Line Project:
These are projects that I have started or in the process of development. If you have any questions, please do not hesitate to contact me.
Academic Timeline Project
Academic Timeline Project
The Academic Timeline Project is a self-coded, living document built on CodePen.io that tracks progress through academic and personal development milestones. Currently on version 6, the project has evolved continuously since it was first created as a way to learn the basics of coding without a formal computer science background.
The idea was simple — instead of building something throwaway just to practice, build something that actually means something. Every version of the timeline represents a real checkpoint: a course completed, a skill gained, a goal reached. The code itself is the record.
Why CodePen?
CodePen was chosen as the platform after consulting AI for beginner-friendly environments that don't require a full local development setup. It allows for immediate visual feedback, easy sharing, and a built-in community of developers to learn from. For someone coming into coding from a non-traditional background, it removed every barrier between having an idea and seeing it run.
Why it matters beyond the builder
The Academic Timeline Project is also designed as an open template. Anyone can fork it, edit it, and adapt it to document their own learning journey. It works as a personal portfolio piece, a student profile showcase, or simply a way to stay accountable to your own goals.
Current Version: 6
Platform: CodePen.io
Stack: HTML, CSS, JavaScript
A full-page geometric canvas renders as a fixed background, giving the project its signature visual depth. The layout is structured around a central container that houses a hidden subtitle element kept for structural integrity, a glitch-animated main title, and a trigger button that activates the timeline. HTML bubble-gum.
The styling is hand-written CSS with no frameworks. The date cards use a frosted glass effect with backdrop blur, the timeline branches animate in on trigger, and the signature glitch title is built entirely from custom keyframe math — no libraries, no shortcuts. CSS Bees Knees.
The animated background is a fully procedural canvas system written in JavaScript. A grid of circles is calculated mathematically across the entire viewport, each pulsing at its own phase and speed. When the timeline opens, the background color smoothly interpolates between terminal green and dark olive using a linear blend function — no CSS transitions, just math running on every frame. JS the Matrix.
Source Code & Forking
The Academic Timeline Project is open and available to anyone who wants to build their own version. If you are interested in forking the project or getting access to the original source code, use the contact button below to send a request. Include a brief note about what you are building and I will get it to you directly.
A full analytics dashboard is currently in development to track project usage, visitor engagement, and fork activity. Check back for updates
Ethical Cybersecurity Hackers Ops
[ECHO CLUB]
Ethical Cybersecurity Hackers Ops was created to help students bridge the theory concepts taught in class and apply them with hands on creative support of a student led organization.
Ethical Cybersecurity Hackers Ops
ECHO CLUB
Get in touch at [orukami@proton.me]
Get in touch at [orukami@proton.me]
Page updated
Google Sites
Report abuse