666460 - Create subpages for past Dev Derbies

Status: VERIFIED FIXED

(developer.mozilla.org Graveyard :: Wiki pages, defect)

Description

[John Karahalis [:openjck]]

Create a subpage for each of the past Dev Derbies (or only last month's Dev Derby?). The subpage should contain the following information about the Derby:

* Title
* Description
* Submissions
* Judges
* Winner

Jay, I might be missing something in the page components (I accidentally deleted my note on this). Am I forgetting anything?

Comment 1

[Jay Patel [:jay]]

This will hopefully be an easy page to put together.  I believe we have all the content we need.   Let's start with getting a page together for June so we can allow people to view those demos once we switch over to July next week on the main Dev Derby page.

Sorry for the last minute request, but since we haven't flagged and tagged the June demos on Demo Studio, it will be very hard to identify the demos from the previous month's derby once we start promoting July.

Here is what I think we need at a minimum:

Title:
June - CSS3 Animations

Description:
Use the CSS3 copy under the "Current Challenge"

Winners:
Carve out space on the side or near the top where we can highlight the eventual winners (1st, 2nd, 3rd)

Submissions:
Same gallery as we show under "Submissions"

I don't think we need a Judges section, since that info is the same across every Derby and will always be available on the main page.

Les:  Do you think you can take this on?  It'll be great to have this page ready for 0.9.7.  If that's not possible, we'll have to do a 0.9.7.1 push when we do have it done.   Thanks.

Comment 2

[Jay Patel [:jay]]

We should use the same page template as https://developer.mozilla.org/en-US/demos/devderby/rules and keep things simple for this first iteration.

If we think it needs to look better, we can work with Craig to do that in a future push.

This page was overlooked, but we need it so we can point judges somewhere as the voting gets underway July 1.

Comment 3

[Jay Patel [:jay]]

The one thing we need to figure out is where to link to the sub-pages... I was thinking a "Previous Challenges" tab might do the trick and we can just build out a list there.

Thoughts?

Comment 4

[John Karahalis [:openjck]]

(In reply to comment #3)
> The one thing we need to figure out is where to link to the sub-pages... I
> was thinking a "Previous Challenges" tab might do the trick and we can just
> build out a list there.
> 
> Thoughts?

I think that makes sense. It seems such a design would do a good job of meeting the user's needs.

"Where are the details for this month? Where are the details for all other months?"

Most users will probably not need to jump to a specific Derby in the past ("What happened in February 2013 again?"), so all of the old Derbies might as well be grouped together.

Comment 5

[Jay Patel [:jay]]

Attachment: rouch mockup for prev derby page

The only part I'm not sure of is how to design in the menu of derbies by month.  My mockup shows a tabbed interface, but that won't scale well once we get to 5+.

Craig:  Any ideas on what we can do?  I first thought about putting in a horizontal bar of months below the page title... but not sure that will work long-term.  We can definitely put in about 5-6 months in a row up there, but after that it gets messy.  Or we can just do a list menu in a table to the left... which was my second idea.

Comment 6

[Jay Patel [:jay]]

Chatted with Craig on IRC and here is what we decided:

1. Craig is going to add a "Previous" tab to the main Dev Derby page at the end of the current tabs (after "Judging").  We can rename "Current Challenge" to "Current Derby" or just "Current" if we need the space.

2. Les can implement the subpage according to my mockup, but with the following changes:

- Replace "Previous Challenges" with the Derby title (eg. CSS3 Animations - June)
- Remove the tabs and tagline from the title

The rest can remain as-is... with the description below the Derby title and then the row of winners and gallery of submissions.

Comment 7

[Jay Patel [:jay]]

Note: We are not going to worry about Judges or Prizes for these new sub-pages.

Comment 8

[Jay Patel [:jay]]

Craig: i'll leave it up to you to make the list of previous derbies presentable in the new tab.  i'm guessing month + title + tagline + winner in some layout that works for each row will be sufficient.  and the winner can  just be the demo title + author + link to winning demo.

Comment 9

[Les Orchard [:lorchard]]

ISTR we wanted to move this to 0.9.8

Comment 10

[Jay Patel [:jay]]

Let's try to get this page together by next week so we can push on Thursday 7/7.  We will need it before sending the voting form to the judges so they can see all the demos in one place.

If for whatever reason we don't get to it...  I think Les mentioned a filtered search page that can display all the June derby demos on Demo Studio.

Comment 11

[Craig Cook (:craigcook)]

Static template previewable at http://mozilla.focalcurve.com/mdn/demo-derby-past.php

Comment 12

[Les Orchard [:lorchard]]

Implementation so far:
https://github.com/mozilla/kuma/commit/406da221d65c6bda0d8a9daa7ece145c59c8d38b

Important tags to use, for admins only:

system:challenge:finalist:2011:june
system:challenge:firstplace:2011:june
system:challenge:secondplace:2011:june
system:challenge:thirdplace:2011:june

In the future, we can switch from using "2011:june" to "2011:july" and etc. The flags displayed on demos should reflect the tags, with first/second/third winner tags taking priority over finalist. So, we can leave the "finalist" tag on any demos and just add the winner tag on top.

Comment 13

[Craig Cook (:craigcook)]

I've updated the previous derbies tab on the main page in: 
https://github.com/mozilla/kuma/commit/d5da5e3bcf3dda939f195346187ecf90340ee573

It's just a temp kludge until Les works his magic to turn my crappy code into something that actually works.

Comment 14

[Jay Patel [:jay]]

This all looks great!  I won't file a separate bug for the ribbon tags, since Les has already taken care of that and shared the details here.

Comment 15

[Jay Patel [:jay]]

lorchard:  Could we have more user-friendly URLs for the previous derby pages?  Instead of https://developer-stage9.mozilla.org/en-US/demos/devderby/tag/challenge:2011:june/, could we do something like:

/demos/devderby/2011/june

?

Comment 16

[Les Orchard [:lorchard]]

https://github.com/mozilla/kuma/commit/0db2d3d7758cc4ed0f164523682be9cdbdfa57cb

This should fix an error on the dev derby page

(In reply to comment #15)
> lorchard:  Could we have more user-friendly URLs for the previous derby
> pages?  Instead of
> https://developer-stage9.mozilla.org/en-US/demos/devderby/tag/challenge:2011:
> june/, could we do something like:
> 
> /demos/devderby/2011/june

I'll take a poke at that... it'll be a bit of a hack, but is probably doable

Comment 17

[Les Orchard [:lorchard]]

Tweaks to support date-based URLs:
https://github.com/mozilla/kuma/commit/82194f9b66e10434ce8256392b0ba5a6b01fe59e

I think that was the last outstanding thing

Comment 18

[raymond [:retornam] (inactive)]

verified fixed https://developer.mozilla.org/en-US/demos/devderby/tag/challenge:2011:june/