Closed Bug 927559 Opened 11 years ago Closed 11 years ago

Update gallery of starter projects on frontpage

Categories

(Webmaker Graveyard :: webmaker.org, defect)

defect
Not set
normal

Tracking

(Not tracked)

RESOLVED FIXED

People

(Reporter: matt, Assigned: Jacob)

References

Details

(Whiteboard: mozfest)

* Finalized list is below
* Metadata should include:
** Project name
** One-sentence description
** Difficulty
** Username

Projects: 

* Meme Maker 
[BEGINNER] 
Swap in your own image and caption to make a goofy internet meme.
https://thimble.webmaker.org/project/20795/remix


* Movie Poster
[BEGINNER] 
Remix some simple HTML to create your own poster and movie pitch.
https://webmaker.makes.org/thimble/movie-poster-hack/remix


* Postcard for a Friend 
[INTERMEDIATE]
Make a webby postcard for a friend. Tweak some CSS animation properties to change the way it flips.
https://webmaker.makes.org/thimble/postcard-for-a-friend/remix

* Vintage Newspaper 
[INTERMEDIATE] 
Remix an old-timey newspaper with your own headlines.
https://tripad.makes.org/thimble/on-this-day-in-history-a-starter-make/remix

* The Ingredients of Me 
[INTERMEDIATE] 
Create an ingredients label that shows the world what you're made of.
https://cogdog.makes.org/thimble/what-are-your-ingredients/remix  

* Book cover 
[INTERMEDIATE] 
You're the author of this runaway best seller. Swap in photos and text to make it your own.
https://webmaker.makes.org/thimble/my-book-cover/remix 

* GIF Music Video 
[INTERMEDIATE]
Remix audio from You Tube or Soundcloud with animated GIFS to make your own music video.
https://popcorn.webmaker.org/editor/60433/remix  

* Top 5 
[INTERMEDIATE] 
Make a multimedia list of your 5 favorite things set to music.
https://jake.makes.org/popcorn/ph3/remix 

* Franken Face 
[INTERMEDIATE] 
Rearrange face photos to create your own hybrid human.
https://briandonnelly.makes.org/thimble/my-corkboard-of-frankenface/remix
@ Kate: I'll update the "description" field in the MakeAPI with the new descriptions
Whiteboard: mozfest
* I've updated the MakeAPI with the correct title and description for each]
* We're using this new tag to mark them for the frontpage: "webmaker:frontpage"
Assignee: kate → matt
This doesn't need to happen immediately, but once https://bugzilla.mozilla.org/show_bug.cgi?id=914187 lands, this can be done through the makeapi editor

Note that:

* makes should be tagged webmaker:frontpage
* The tags #beginner, #intermediate, #advanced will show up as levels on each make
* There is a max of 10 right now
* working on this now
@ Jacob: I can't figure out how to find this "Top 5" project in the Make API to add it to the front page:
https://jake.makes.org/popcorn/ph3/remix 

* Can you add it? By tagging: "webmaker:frontpage-7" and "intermediate"
Assignee: matt → jacob
@ Kate: as per discussion, let's style the Popcorn projects on the front page the same way as the Thimble projects.

* Right now the difference is kinda confusing from a UX perspective
@ Jacob: can you check to ensure the Animated Music Video on frontpage is correct as well?

http://webmaker-sandbox.herokuapp.com/en-US/
Flags: needinfo?(jacob)
OK so I've now tagged the correct projects and removed the wrong ones.

http://webmaker-sandbox.herokuapp.com/en-US/

You'll see that we now have the "My all time Top 5" Popcorn project by @jake and the "Animated Music Video" project by @maxcapacity

==================
OUTSTANDING ISSUES
==================

- I lost the original front page copy that was on there for the two Popcorn projects, because the popcorn thumbnails have different behavior than the Thimble ones. The two Popcorn ones are pulling in the actual project title and description, so will have to update those two in the Make API with the text copy that you want if the current project title and description aren't desirable. 

Also, do you prefer the previous thumbnail with the guy that has the oversized hand?

- Max Capacity's thumbnail isn't great. I changed it in the MakeAPI to be this one - https://s3.amazonaws.com/makes.org/user_uploads/f1425c15-4ff1-48d5-aaf0-a1d9a24017e3.gif

but for some reason it's not rendering into the project, I have no idea why. So I can ask him to change it himself I suppose.
Flags: needinfo?(jacob)
Oh, sorry, forgot two other issues:

1) The clickable area of the Popcorn projects is very narrow, is there any way to change this so more of the preview box is clickable to the actual remix URL?

2) "The Ingredients of Me" is showing up staggered far below the others
> - I lost the original front page copy that was on there for the two Popcorn projects

Here's the copy. Jacob, can you update the Make API as needed?

Top 5
Make a multimedia list of your 5 favorite things set to music.
[intermediate]

Animated Music Video 
Remix audio from You Tube or Soundcloud with animated GIFS to make your own music video.
[intermediate]


> Also, do you prefer the previous thumbnail with the guy that has the
> oversized hand?

No what's there now is fine.

> - Max Capacity's thumbnail isn't great. for some reason it's not rendering into the project.

No problem. What's there now is fine.
(In reply to Jacob [:Jacob] from comment #9)
> Oh, sorry, forgot two other issues:
> 
> 1) The clickable area of the Popcorn projects is very narrow, is there any
> way to change this so more of the preview box is clickable to the actual
> remix URL?
> 
> 2) "The Ingredients of Me" is showing up staggered far below the others

These are being addressed in other tickets.
OK things look good now - http://webmaker-sandbox.herokuapp.com/en-US/

One thing I noticed is that even though I changed the description in the Make API, it reverted back because Max opened up his project and resaved it. That's because in his version of the editor, the old description is still in place, so it overwrote my changes.

So I asked him to update it himself so we won't have any problems if he ever updates that project in the future.

Also Matt - I made a correction in your description and changed the word You Tube to YouTube (One word, camelcase) as that is the official way that it is written on all of Google's properties.
Status: NEW → RESOLVED
Closed: 11 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.