id	summary	reporter	owner	description	type	status	priority	milestone	component	resolution	keywords	cc	parents
232	New http://mediagoblin.org/ website design	Christopher Allan Webber	Jef van Schendel	"{{{
#!rst
We need a new design for
`http://mediagoblin.org/ <http://mediagoblin.org/>`_ for the 0.1.0
launch! This is the site about the software project, not an actual
instance of the software. The colors should match a little bit
closer to our MediaGoblin software, though the look and feel does
not have to be the same (in fact, maybe shouldn't be, as the
software is designed to be non-invasive so that the media can stand
out, but this is marketing material, and so the design **should**
stand out on `http://mediagoblin.org <http://mediagoblin.org>`_)

I made a vague ascii art mockup for the frontpage.

::

    |         |_blog_|_wiki_|_Download_|
    |                                  |
    |           MediaGoblin            |
    |                                  |
    | .------------------------------. |
    | | Art   Text describing GMG    | |
    | |       goes here!             | |
    | |        - bullet              | |
    | |        - point               | |
    | | .-------. .------. .-------. | |
    | | |       | |      | |       | | |
    | | |scrnsht| |scrnsh| |scrnsht| | |
    | | |       | |      | |       | | |
    | | '-------' '------' '-------' | |
    | '------------------------------' |
    | .--------. .--------. .--------. |
    | | Run it | | Use it | | Join us| |
    | |        | |        | |        | |
    | '--------' '--------' '--------' |
    |  .----------------------------.  |
    |  | News!                      |  |
    |  |  - Headline!               |  |
    |  |  - Headline!               |  |
    |  '----------------------------'  |

The idea of this is like so. There's something similar to the
top-navigation like we have now in the upper right, but the rest of
the frontpage is broken up into three primary sections


-  **First section sells it:** provide a cute image of the
   mediagoblin mascot, provide text perhaps with bullet points
   explaining it generally. Directly underneath the text/image but in
   the same block is a carousel of screenshots
-  **Second section directs you:** Three columns, each one targeted
   with information to properly direct members of our three target
   audiences (Administrators, site-users, contributors)
-  **Third section informs you of updates:** Just headlines from
   the blog with datestamps which link directly to recent entries.

Example detail of an element from the second section:

::

    .---------------------.
    | Run it              |
    |---------------------|
    |  Run MediaGoblin!   |
    |  Be awesome!        |
    |                     |
    |   - Here's the docs |
    |   - Maybe another   |
    |     bullet          |
    '---------------------'

We should also:


-  consider reorganizing other sections of the site
-  add archiving features to the blog, probably the yeararchives
   plugin
   `http://pyblosxom.bluesock.org/registry/archives/yeararchives.html <http://pyblosxom.bluesock.org/registry/archives/yeararchives.html>`_



}}}"	defect	closed	major	0.1.0	ui	FIXED