About J-Card Template

J-Card Template is a web application that allows one to create a cassette tape J-card straight from a web browser. Simply edit the form below or beside the real-time preview, then print the page when finished, or save it to a file for later.

A J-card--also known as an inlay card--is a foldout paper that tucks inside a cassette tape compartment (Norelco box) containing track listings, artwork, credits, messages, and more. Its shape usually resembles the letter J; some extend to both sides of the compartment, resembling the letter U instead.

J-Card Template is a fork of the [original version] from Blaine Murphy. Aside from rebasing it to our infrastructure, we have made the following additions and changes:

• Dark user interface color scheme.
• Event Condensing Coalescer (ECC).
• Modularized code.
• More template controls.
• Output-persistent user interface (UI2).
• Print shop.
• Progressive Web Application (PWA).
• Responsive pages.
• Serialization features (save and load).
• Variable template metrics.

J-Card Template uses only standard web technologies, and the first to use our [Unagi] framework. Its pages--including the template--are defined in HTML, styled in CSS, and programmed in JavaScript. It is built with [Jekyll] on the same backend as that for EDEN Online. So naturally, it also uses [Liquid] and [YAML] but only during development.

Much of J-Card Template are made in-house from scratch, while the core design and template definition remain attributed to the original version.

Alongside [NET-Viewer], they are testbeds to generalize our web application infrastructure for future projects.