| 1 | ========================================= |
| 2 | Design Document: GNU MediaGoblin vision |
| 3 | ========================================= |
| 4 | |
| 5 | .. Note:: |
| 6 | |
| 7 | When we get a wiki, this will get moved there. It's here for now |
| 8 | mostly because we didn't have a better place for it. |
| 9 | |
| 10 | .. Note:: |
| 11 | |
| 12 | By the time you read this, it's very likely it'll be out of date. |
| 13 | |
| 14 | |
| 15 | This document attempts to describe the envisioned workflow of GNU |
| 16 | MediaGoblin, from a structural standpoint. For now, *nothing* in this |
| 17 | document is probably the eventual, final way that things will work. |
| 18 | Eventually as things come to exist, this document will hopefully be |
| 19 | refactored to describe how things *do* work. |
| 20 | |
| 21 | This documented on hopes, dreams, rainbows, and unicorns. And it will |
| 22 | come to fulfillment through a lot of hard work. Your hard work and my |
| 23 | hard work. |
| 24 | |
| 25 | |
| 26 | Look and feel |
| 27 | ============= |
| 28 | |
| 29 | Default look and feel |
| 30 | --------------------- |
| 31 | |
| 32 | Mairin Duffy made mockups for something called Design Hub. That |
| 33 | project did a number of things differently than the way we intend to |
| 34 | go, but it's probably a good idea to steal a good number of ideas from |
| 35 | here. |
| 36 | |
| 37 | http://mairin.wordpress.com/2010/03/09/another-design-hub-mockup/ |
| 38 | |
| 39 | |
| 40 | User profile mockup |
| 41 | ------------------- |
| 42 | |
| 43 | Here's an ascii art mockup on how things might look for a user's page:: |
| 44 | |
| 45 | _____ |
| 46 | |_( )_| USER NAME |
| 47 | | | | |
| 48 | |_/_\_| |
| 49 | |
| 50 | Recent artwork: |
| 51 | ___________________ ___________________________ |
| 52 | | ___ ___ ___ | |_About_User_Name___________| |
| 53 | | |pic| |pic| |pic| | | | |
| 54 | | |___| |___| |___| | | Some sort of self- | |
| 55 | | ___ ___ ___ | | description probably goes | |
| 56 | < | |pic| |pic| |pic| | > | here | |
| 57 | | |___| |___| |___| | | | |
| 58 | | ___ ___ ___ | | | |
| 59 | | |pic| |pic| |pic| | | | |
| 60 | | |___| |___| |___| | | | |
| 61 | |___________________| |___________________________| |
| 62 | |
| 63 | ___________________________ |
| 64 | Recent favorites: |_Recent_activity___________| |
| 65 | ___________________ | New picture: DragonFace | |
| 66 | | ___ ___ ___ | | 4/2/2010 | |
| 67 | | |pic| |pic| |pic| | |---------------------------| |
| 68 | | |___| |___| |___| | | Sup yall this is some kind| |
| 69 | | ___ ___ ___ | | of mini blogpost. Maybe | |
| 70 | < | |pic| |pic| |pic| | > | the interface will allow | |
| 71 | | |___| |___| |___| | | for this? | |
| 72 | | ___ ___ ___ | |___________________________| |
| 73 | | |pic| |pic| |pic| | |
| 74 | | |___| |___| |___| | ___________________________ |
| 75 | |___________________| |_External_comments_here____| |
| 76 | | Dang! This stuff rocks | |
| 77 | | - Joe 4/2/2010 | |
| 78 | |---------------------------| |
| 79 | | Nice job on the dragon | |
| 80 | | - Morgan 4/2/2010 | |
| 81 | '---------------------------' |
| 82 | |
| 83 | So there's this type of interface that puts a lot of different types |
| 84 | of info on the same screen. I'm not sure that I like it. It's |
| 85 | possible we'll go with something much more minimalist. Maybe we'll go |
| 86 | with something "tabbed" the way statusnet / http://identi.ca is on |
| 87 | user pages. |
| 88 | |
| 89 | It's possible that we could support multiple profile styles here, |
| 90 | and you could load whatever profile style you want as set by user |
| 91 | preferences? |
| 92 | |
| 93 | |
| 94 | Uploading mockup |
| 95 | ---------------- |
| 96 | |
| 97 | Here's an uploading mockup:: |
| 98 | |
| 99 | Upload an image |
| 100 | |
| 101 | [ Title ] |
| 102 | |
| 103 | Upload: [ ] [Browse] |
| 104 | ___________________________________________ |
| 105 | | | |
| 106 | | | |
| 107 | | o0O | |
| 108 | | o ' | |
| 109 | | o_.' | |
| 110 | | | |
| 111 | | Uploading... OK | <-, |
| 112 | | Resizing... OK | | |
| 113 | | | Area replaced w/ resized |
| 114 | | | image when done |
| 115 | |___________________________________________| |
| 116 | ________________ |
| 117 | License |_CC BY-SA_____|V| |
| 118 | ___________________________________________ |
| 119 | | Description goes here. | |
| 120 | | You can type it up in here and everything | |
| 121 | | and it'll show up under the image. | |
| 122 | | | |
| 123 | | Possibly we should allow some kind of | |
| 124 | | markup... maybe markdown? | |
| 125 | '___________________________________________' |
| 126 | |
| 127 | __________________________________________ |
| 128 | |> Advanced | |
| 129 | ------------------------------------------ |
| 130 | |
| 131 | |
| 132 | Customizability |
| 133 | --------------- |
| 134 | |
| 135 | General site theming customizability is pretty easy! Since we're |
| 136 | using `Jinja <http://jinja.pocoo.org/docs/>`_ we can just set up |
| 137 | user-overriding directories. |
| 138 | |
| 139 | We'll also figure out some sort of way to provide theming "packages", |
| 140 | eventually. |
| 141 | |
| 142 | |