Oversight Jukebox Skins

[lordy]

This thread is for discussion related to skins for the Oversight Jukebox.

[tiefling]

I finally got sat back down in front of my Mac last night and got some more work done on the oversight skin, which is being renamed to 'blu'. I have managed to shrink down the skin content, removing unnecessary files, and had a revelation on most of the issues that were blocking me before when I realised that most of my template files were still referencing the 'alt' skin folder (insert Homer Simpson style expletive!). Anyway, to save my wittering, here's what you can expect from the new skin, in the way of a change log from the beta version...

Menu Page (blue gradient toolbar) - done
Movie page (respacing and structure) - done
Movie page (color theme alterations) - done
TV Season page (respacing and structure) - done
TV Season page (color theme alterations) - done
TV Season page (Episode title now displayed before plot instead of replacing genre) - done
TV Season page (Episode date now separate field)
TV Season page ('new' items no longer italicised) - done

TV Season page (list background to be changed to semi transparent) - pending
Menu Page (border issues for 'new' items) - pending (reverted some of this last night because it looked pants on Gaya)
TV boxset page (complete redesign based on new menu page) - pending
Global icon replacement - pending

TV Season page (fix display issues on browser) - v1.1
Code cleanup and final rationalisation (boring stuff for most people)

I'm going to try to put up some screenshots of the Menu and Movie pages, with the new icons, tonight with the TV Season page to follow soon after. At this point I may release a beta 2 version of the skin, with an update later for the new TV boxed set page, it all depends how long it takes to put the new page together. Either way, I hope to have either v1.0 or Beta 2 uploaded to Omertrons site sometime over the weekend.

@lordy - Thanks for the new thread!

[espresso]

@tiefling,

Looking forward to it.
I've need help in testing, i'm up for it.

Cheers,
Espresso

[tiefling]

(03-12-2010 02:58 PM)espresso Wrote:  @tiefling,

Looking forward to it.
I've need help in testing, i'm up for it.

Cheers,
Espresso

Any testing would be greatly appreciated - I hope to have a release posted up on Omertrons site tomorrow.

---

As promised, here are the preview screenshots for the new skin. Firstly, here's the new main menu page...

TV view...


Movie view...


And here's the movie page...


I'll post up a selection of TV view screenshots and the beta 2 release package link once I've fixed the browser display bug on the TV page - It's working fine on Gaya now (and looks sweet - new dynamic features and all!) but I can't get a decent screenshot yet (insert sadness). Hopefully I'll get this up tomorrow at some point.

[tiefling]

On a roll today, or so it would seem! I have got the TV page working both in browser and on Gaya at last, so here's the screenshots. This is the area that I have probably tweaked with the most. The items listed on the screenshots are all unwatched (green), but watched items appear in red and new items are white. TV listing background continues the transparency from above if transparency is enabled else the background will be black.

This is the standard view when you first load a TV Season page, note the change in date location, season text placement and the 'Show Summary' subheading before the plot...


On hover over of an episode the screen will change, showing the episode date in a separate field and the episode title is prepended to the episode plot.


Not shown here, is that the buttons (only shown on Gaya) above the poster will no longer 'jump' when moving over episodes. I managed to fix that with a little tweaking.

@lordy - I fixed the browser display issue (I don't know if this is all browsers or Safari specific) - If you want to apply the same fix to the alt skin for a later release, code is as follows around the [:POSTER:] tag area...

Code:

<table width=100% class=main >
[:IF($@gaya):]
[:ELSE:]
        <tr valign=top height=100%></tr>
[:ENDIF:]
        <tr valign="bottom" class=main>
            <td class=main width=1% >
                [:POSTER:]
            </td>

---

The skin is now available for download from...

Download Oversight Blu

[lordy]

@tiefling, I like it. Looking good

Let me know anything you want doing. eg more options with the TV grid etc.

I'm really tempted to add some round corners and dvd boxing options to the dvd covers but there are some more functional things to look at first.

(if anyone's interested that requires some shell script + netpbm package in ./bin/jpeg_fetch_and_scale )
http://code.google.com/p/oversight/sourc..._and_scale

Will give it a spin tomorrow...

[Cherek]

Wow, it certainly looks great, tiefling!
Finally Oversight is getting some skinning that's fitting to it's superb functionality. Hopefully more will follow, as will some skin developers.
This might save lordy some time for functional development, as well.
Again kudos to all who help make Oversight the great application it is!

[espresso]

Great stuff Tiefling!

Tested it and it looks good .

Couple of points though:

1. In the Series detail view on gaya next to the rating, it is always showing (unknow) on the browser it shows me my NAS share
2. In the series detail, let take an example Saturday night live, if there's not detail on the episode, the whole frame where it displays the name of the series movies to the right, thus away from the poster of the series, distorting things
3. On gaya the blue top frame is nice, but maybe too strong and stands out, think if we let it blend with the background it would be more suttle and nicer (same as with your initial oversight skin dev)
4. There was an enchantment request with Lordy, that in the series view, to have shortcut to the episodes that example pressing 1 would the cursor to 1, 24 to episode 24 as an example. Is it something you can do, or is this in the core and Lordy has to do it?
   

Keep up the good work,
Espresso

[Atinkler]

Tiefling - thanks for this great skin

I have it up and running and love the look... however, I hope you'll accept my meer user opinion.. I'm not liking the icon for home

BUT I am liking the show summary text, colour, I agree with espresso that the toolbar is a bit to dark and maybe the Oversight A-110 text is too large

Could the watched/movie/genres selections be made bigger?

[Atinkler]

After further tests I've had a few black screen lock ups.. not saying it has anything to do with the skin but can anyone else let me know if they have issues?

It has happened twice and I THINK it happened when I pressed up direction on the TV page when the cursor was already on home or back.

[lordy]

(03-13-2010 08:16 AM)espresso Wrote:  >> There was an enchantment request with Lordy, that in the series view, to have shortcut to the episodes that example pressing 1 would the cursor to 1, 24 to episode 24 as an example. Is it something you can do, or is this in the core and Lordy has to do it?

Hi , this is tied in to the Tv grid.
I am thinking of a way to make the contents more accessible to skinners.
(after next stable)

[Atinkler]

gone back to oversight skin - had black screen on blu for a 3rd time .. again happens when I pressed up on TV detail page. will update if this happens again

[tiefling]

(03-13-2010 03:40 PM)Atinkler Wrote:  gone back to oversight skin - had black screen on blu for a 3rd time .. again happens when I pressed up on TV detail page. will update if this happens again

Which Oversight version are you using? Can you give me a bullet point list of how to reproduce the problem so I can see if it's anything on my end?

---

(03-13-2010 09:35 AM)Atinkler Wrote:  Tiefling - thanks for this great skin

I have it up and running and love the look... however, I hope you'll accept my meer user opinion.. I'm not liking the icon for home

BUT I am liking the show summary text, colour, I agree with espresso that the toolbar is a bit to dark and maybe the Oversight A-110 text is too large

Could the watched/movie/genres selections be made bigger?

New Home icon added to list for v1.0 - I haven't been able to find anything I like 100% either, this was kind of 'best I could do at short notice' attempt.

---

(03-13-2010 08:16 AM)espresso Wrote:  Great stuff Tiefling!

Tested it and it looks good .

Couple of points though:

1. In the Series detail view on gaya next to the rating, it is always showing (unknow) on the browser it shows me my NAS share
2. In the series detail, let take an example Saturday night live, if there's not detail on the episode, the whole frame where it displays the name of the series movies to the right, thus away from the poster of the series, distorting things
3. On gaya the blue top frame is nice, but maybe too strong and stands out, think if we let it blend with the background it would be more suttle and nicer (same as with your initial oversight skin dev)
4. There was an enchantment request with Lordy, that in the series view, to have shortcut to the episodes that example pressing 1 would the cursor to 1, 24 to episode 24 as an example. Is it something you can do, or is this in the core and Lordy has to do it?
   

Keep up the good work,
Espresso

OK - Step by step...

1) Is this happening when loading the Series detail page for the first time or is it when hovering over a series title. If hovering over an episode title, then that means that the episode does not have an episode date (the date is displayed here normally).
2) I don't have any data to recreate this, but by 'no detail'. what fields would be populated? Is there no plot or no plot or title? This may give me some pointers
3) How do you think we could improve on this? I could make the colour slightly darker, alternatively if I can find an appropriate variable to link it to I could make it configurable as to whether the background image is shown or not for the header. As another option, what I may well do is split it into two skins ('blu' being as it is now with the new TV boxed set page which I finished today and 'oversight' having a slightly different background, same icons and layout, no blue bar, and full page TV boxed set fanart (which blu currently has but won't when the new page comes out). If I do this then 'oversight' will probably be released about a week after the final release of 'blu'
4) Yep - This is a dev request

I've got some post-it notes stuck to my Mac at the moment with tweaks and issues that I'm looking at at the mo so when you get me more info I'll try and fix these issues.

---

(03-13-2010 02:16 AM)lordy Wrote:  @tiefling, I like it. Looking good

Let me know anything you want doing. eg more options with the TV grid etc.

I'm really tempted to add some round corners and dvd boxing options to the dvd covers but there are some more functional things to look at first.

(if anyone's interested that requires some shell script + netpbm package in ./bin/jpeg_fetch_and_scale )
http://code.google.com/p/oversight/sourc..._and_scale

Will give it a spin tomorrow...

Gaya is my pain!

I've just finished the new matching TV boxed set view; I've been trying to make the fanart image display as a div in the far corner but Gaya won't support CSS layering. Looks lovely on my browser (insert sadness), but never mind! If I had any wish for the Grid it would be the ability to configure poster size and layout separately for the main menu and the boxed set pages, as I would like to have smaller images on the boxed set pages. Then I can have the fanart image and series details in a side panel on the boxed set page etc. At the moment these can't be configured separately which is quite limiting.

[lordy]

(03-13-2010 06:53 PM)tiefling Wrote:  Gaya is my pain!

I've just finished the new matching TV boxed set view; I've been trying to make the fanart image display as a div in the far corner but Gaya won't support CSS layering. Looks lovely on my browser (insert sadness), but never mind!

The YAMJ skinners have a lot of experience working with gaya's brokeness.
It'w worth asking in applications & technical, looking in the NMT wiki and maybe even digging around in some skins - as I'm sure there's lots of knowledge that is not documented, working around gaya 'non-features'.

Gaya can reduce your lovely css layout to spaghetti fairly rapidly.

Quote:If I had any wish for the Grid it would be the ability to configure poster size and layout separately for the main menu and the boxed set pages, as I would like to have smaller images on the boxed set pages. Then I can have the fanart image and series details in a side panel on the boxed set page etc. At the moment these can't be configured separately which is quite limiting.

Noted!

[Atinkler]

I am using r756

I finished watching an episode (of lost) and it automatically returned to the tv detail page. I press up as if to go from the episode number back up to the home or return buttons.

However, as you will see or probably know the cursor is already automatically set to be on these buttons

So, I'm sort of going 'up' above these buttons ... does that make sense? and when I did this (on 3 seperate occassions) the screen went black and the PCH was unresponsive and needed a hard reboot.

Since returning to 'oversight' skin this hasnt happened at all and I purposely tried to recreate my un-need up pressing

I'll keep my eye out for a home icon too