These are some basic design sketches for templating the Source project for OpenNews.
All the CSS points to app.css and is shared across flat files.
I'm hosting mirrors of these on S3 for easy peeping.
NOTE THAT INTERLINKING BETWEEN THESE EXAMPLES SUCKS ASS. Use your back button to not go crazy.
- note that this is viewing a top-level topic "projects" if we're in the home view, that wouldn't display
- also note that the categories are linkable (in this case only 'how-to') and they lead to...
- This ads a second level to the top-level topic listing, the category and filters to only see that category
- Note that the top-level topic listing (in this case "projects") is now linkable to move up the stack.
- This shows a code-heavy article
- Note that this view introduces the Syntax Highlighter jquery plugin, and is only used in this view (and probably could use some tweaking)
- Just an example of a much simpler article display.
- the basic view into a code index entry
- note I added a little description field as well.
- This probably also works for the formatting of the code list view
- (and, frankly, still probably needs more tweaking)
- This one's pretty solid
- Though note that the example page I was working from didn't actually have a code list, so go with what you had formatted previously for that.
- But do we want a little bio under the name? Maybe. If we do, would maybe be good on the list view too.
- This is exactly what it says on the box
One final note: the footer, obviously, sucks on all of these. Didn't even start thinking about that yet.