Final adjustments

Today I did the last fixes for ship no1!
While I am already excited to see what ya’ll have to say, I can promise there is way more to come.

Welcome to the team!

From now on, the Modern Corporate Styling comes with it’s own companion, Tappy dressed up real nice for all the occasions he might meet new people!

Just select “Modern Corporate” when creating your custom HTML, and he’ll be there.

I hope that he’ll watch many new connections form in his fresh attire!

Introducing: Tappy!

The new mascot

Today, I could proudly roll out Tappy, a new face for the Card-Editor. Integration took longer than expected, because getting it into the Export-HTML required encoding him into Base64 and then packaging that into the JS-File, but it all worked out!
Disclaimer: Tappy the Fox was refined by AI. Sketches and prompting all done by me.
PS.: Landing Page still to be redone!

Landing Page

Today I made a quick Landing Page mockup (!!!) using AI.
I will later on make it on my own, but I needed to check how I’ll design it and make it work with pages,
and just don’t have enough time today to write the testing page by hand.

Again, please excuse and i’ll change it later.
Hope you like it though, as the design will probably stay pretty much the same.

Internal changes

While nothing has changed from the outside, I have moved the inline styling from HTML to it’s own css, which I should’ve done in the first place.

I did it today (while on vacation), because I’m planning on doing a massive redesign of the Editor, which is just way easier with HTML,CSS and JS all on their own.

Thanks for reading!

#Devlog 2
Did not manage to get done as much today, but I did add 2 new Designs.

#Whats new:
There are now to more Design: “Dark Hacker” and “Sunset Minimal”. Dark Hacker is supposed to give off a CLI-Kind of Vibe using a black/green color scheme, while Sunset Minimal is made considering HackClubs Design Language and colors.

#Hope you enjoy it!

Tappy Devlog

Quick update on what changed and what’s next for the project.

What’s Done

• Cleaned up the repo: Removed my personal test card files so no private data is public.
• New landing page: Renamed editor.html to index.html. Now the editor loads instantly when you open the link.
• Live on GitHub Pages: The app is officially live and working at: https://siryanni.github.io/Tappy/
• Fixed export bug: Updated script.js so the downloaded ZIP still contains a clean index.html for your NFC card, without messing up the editor.

Next Steps

• Test the generated .vcf contact cards on different iOS and Android phones to make sure it saves perfectly everywhere.
• Add an option to inject custom CSS styles directly from the editor before exporting.