🌏 Project URL
https://invisible-ink.e-kezia.com
🐈 Github
https://github.com/ekkezia/invisible-ink
👀 Overview

Imagine you had an invisible pen, those with ink that is only visible when shined with a particular light. Similarly, the project provides user an input where they can submit a secret message that would be revealed when user cursor-highlights the prepared paragraph. It is about the intimacy, the playfulness of sending your loved ones a secret message.

📚 Tech Stack
Vue.js
🖍️ Description

I struggled with conveying heartfelt message straightforwardly, so I'm thinking to generate a Javascript function that could hide the secret message between some paragraphs of text. The method is to iterate through each alphabet in the secret message, find a similar alphabet within the visible text, then set the background of this specific alphabet to white color. As a result, when user highlights the text with their cursor, the alphabet from the secret message will not be included in the cursor highlight since it is overwritten by the set background underneath the alphabet. This method reminds me of the invisible ink that I used to use with my friends back in middle school to pass on some jokes and drawings.

Elizabeth Kezia Widjaja © 2025 🙂