Kinora - skin for Emby (work in progress)

[Blueskies278 160]

I've been working on this skin for a few weeks now. It still has some bugs I'm working through, and as soon as I feel it's ready, I'll upload it here.

What it does

Libraries (TV Shows and Movies)

• The backdrop of the title you're on fills the top of the page, with its logo, a row of badges (year, certificate, rating, genres) and the description.
• Below it sits one row of large cards in name order, with franchise films kept together in release order. An A-Z bar along the bottom lets you jump through the library.
• The cards use Emby's own card sizes. The Library card size setting picks Larger (the default: one card fewer across, each about a fifth bigger) or Home screen size (the same as the My Media row).

Film and show pages

• The same look: big backdrop, logo, badges and Play buttons, with the cast in a row underneath.
• Clicking a person opens the Cast & Crew page on them.

Cast & Crew page

• Opens from the Cast & Crew tab while you're watching, or from a person on a film or show page.
• The cast runs in a row of badges across the top, each with a photo, name and role. Crew has its own tab.
• For the person you're on, you get:

  their photo and name

  badges for their role, birth date and birthplace, and the director and writers

  their biography in a framed box beside them; a long biography scrolls slowly inside the box

• Career row: the person's whole career in date order, from their first film. The film you're watching comes first, and anything in your library is tagged LIBRARY.

  Each card shows its year as a badge, with the title after it.

  Career pictures chooses posters (at Emby's own poster size) or landscape art.

• Box sets: when someone made two or more films in a series (Alien, Avatar, Ghostbusters), the series is kept together as a box set.

  The first film's poster sits at full size, with the other films as named spines down its right-hand side. The more films, the wider the box.

  Badges underneath show the years and the number of films.

  OK opens the box set out into its films; Back closes it again.

  Film series in a career also offers Thread, Stack, Hero card or Off.

• TV shows work the same way: a show the person appeared in for several seasons becomes a box set of its seasons, with a spine and a poster for each season they were in.
• Film info: OK on any film or show shows its info right there on the page: poster, badges, a "Season 2" badge for a season, and the description in its own box. Films in your library get Play and Open film buttons.
• Layout: the Cast & Crew people setting chooses Career at the bottom (the default) or With decades. With decades, the career row lines up with the library row, and a bar of the decades the person worked in runs along the bottom; pick a decade and the career jumps to it.
• Everything works with the mouse, the arrow keys or a remote.

The player The player's controls and tabs get the same restyle, and its Cast & Crew tab opens the Cast & Crew page.

Not in yet Music libraries haven't been given the Kinora look yet - for now they keep Emby's standard look.

How it works The skin is its own small server plugin, Kinora, and it only affects Emby's web interface. It draws the Kinora pages on top of Emby's default web interface and restyles some of Emby's own pages, such as the player. Emby's own code isn't modified. Turning the skin off in the plugin's settings returns you to Emby's standard look. It doesn't need any of my other plugins: it has its own settings and its own TMDB key, which stays on the server. Careers, box sets, seasons and pictures come from TMDB and are remembered, so each title only costs one lookup.

Because it works by adding a script to Emby's web client rather than through an official plugin API, an Emby update can break parts of it until I release a fix.

Credits & where the look comes from This skin's design is inspired by jurialmunkey's Arctic skins for Kodi (Arctic Horizon, Zephyr and Fuse). If you know Kodi, you'll recognise the layout, the badges and the overall feel. All credit for that design goes to him: https://github.com/jurialmunkey

To be clear about what this is: every line of this skin was written from scratch for Emby. It contains no XML, artwork, icons, fonts or code from jurialmunkey's skins. It's an Emby-only build that recreates the feel of his work, not a port or copy of his files.

His Kodi skins are released under Creative Commons Attribution‑NonCommercial‑ShareAlike 4.0. Nothing of his is included here, so that licence doesn't carry over. If I ever do use any of his assets in future, I'll credit them and follow his licence terms in full.

When it's released, it will be a free, work-in-progress skin plugin shared here on the forum only. It isn't in the Emby plugin catalog and won't be submitted there. It isn't affiliated with Kodi, the XBMC Foundation, Emby or jurialmunkey.

Disclaimer Kinora is a free hobby project, provided as it is, without any warranty. It's a work in progress, so expect bugs, and use it at your own risk. It only changes how Emby's web interface looks: it doesn't change your media files, your library or its metadata. Turning the skin off, or removing the plugin, puts Emby's standard look back. I can't be held responsible for any problems that come from using it, and support is given on this forum thread as and when I can. Kinora is not affiliated with, or endorsed by, Emby, Kodi, the XBMC Foundation, jurialmunkey or TMDB. All film and show artwork, names and information belong to their respective owners.

This product uses the TMDB API but is not endorsed or certified by TMDB.

 

 

Edited Saturday at 06:51 PM by Blueskies278