Loquat Music Tracklist Table

The Loquat Music Tracklist Table (formerly the oTunes Mockup Tracklist Table) is an HTML / CSS widget made by Dozerfleet Labs for purposes of listing song playlists in a browser window, inside a table that is designed to resemble an open window instance of macOS12 Monterey's shipment of Apple Music. Previously, it was modeled to resemble iTunes 7.

History
The Loquat setup is derived from Dozerfleet's own DzSongTracklist code, but modified. This allows for users to see their song playlists inside a table that resembles the Apple Music app in macOS 12 that has replaced iTunes on the Mac side of PC marketing. It was first implemented on the Dozerfleet Database in its original oTunes format on April 29th of 2021, and was soon converted for use on the official blog. It was later packaged as a widget for copy-pasting on the official Dozerfleet Labs blog. In June of 2022, the widget was updated in aesthetics to reflect then-current Apple design standards.

Changes
The Loquat rebranding brought design changes to the widget, to reflect Apple's music player design changes when switching from iTunes to the more generic Apple Music.


 * The blue hover effect was replaced with a red one.
 * Box-reflect properties were dropped from the design. These features were superfluous and unnecessary, since they didn't work in Gecko-based browsers.
 * Many of the radial and linear gradients that made up the original widget were dropped in favor of simple color drops. This was due to the fact that Apple Music uses a flatter design than iTunes did.
 * The decorative buttons are now part of their own sub-panel.

Naming
The reason this widget was once dubbed "oTunes" was due to iTunes being a trademark of Apple, and due to a knockoff open source version of iTunes called aTunes already existing. The rebranding to "Loquat" was following a random Google search for a stand-in fruit. This is in keeping with how many TV shows will substitute Apple's apple logo with a pear, peach, or pomegranate - infamously, with how the series iCarly used a pear.

Buttons
Variants allow for one to use CSS-generated fake Apple Aqua window buttons, for decorative purposes. In some places, one may get away with using a decorative image of buttons from an actual Aqua interface.