Editing Task:Improving maemo.org/Graphics

Warning: You are not logged in. Your IP address will be recorded in this page's edit history.
The edit can be undone. Please check the comparison below to verify that this is what you want to do, and then save the changes below to finish undoing the edit.
Latest revision Your text
Line 5: Line 5:
We want 2 versions of a member profile badge: one with a small hackergochi and name, and maybe karma, for a usecase like in a news item, comment on a story/application, etc. and a second version for a stand-alone badge type thing, with a bigger photo + name + some details of the profile. The big version should fit nicely on a sidebar, or in a profile page.
We want 2 versions of a member profile badge: one with a small hackergochi and name, and maybe karma, for a usecase like in a news item, comment on a story/application, etc. and a second version for a stand-alone badge type thing, with a bigger photo + name + some details of the profile. The big version should fit nicely on a sidebar, or in a profile page.
-
The information needed for the small version will be the avatar, the real name or maemo.org username of the person, their karma rating and online status. Other decorations will be added depending on the application (whether the person has given the post a thumbs up or down, the rating the person has given an application, the date the comment was added, etc).
+
Current small version: [[Image:GA_mini.png|Comment on application]]
-
Current small version:
+
No big version currently.
-
 
+
-
[[Image:GA_mini.png|Comment on application]]
+
-
 
+
-
Suggested information laid out (badly) by [[User:Dneary]]. The unshaded bits make up the generic template, the shaded bits are context-specific content (comments, ratings, thumbs up/down, date, ...):
+
-
 
+
-
[[Image:Small_user_profile_color.png|Comment on application]]
+
-
 
+
-
Proposed small version:
+
-
 
+
-
[[Image:Wide_person_template.png]]
+
-
 
+
-
Bigger version:
+
-
 
+
-
[[Image:Large-person-template.png]]
+
-
 
+
-
Bigger version(sidebar):
+
-
 
+
-
[[Image:Person&App-Templates(sidebar) 03.png]]
+
-
 
+
-
 
+
-
For the large version of the profile template, there is some required information, and some optional information, that we could add to the template. The main use of the template will be to allow us to feature people from the community in the same way that we currently feature applications on the front page and the downloads page.
+
-
 
+
-
Required:
+
-
* Big avatar
+
-
* Name/user name
+
-
* Link to profile
+
-
* Online status
+
-
* Karma
+
-
 
+
-
Optional available information:
+
-
 
+
-
* Projects
+
-
* Interests
+
-
* Description
+
-
* Karma breakdown by category
+
-
* Joined since...
+
=== Small Application ===
=== Small Application ===
-
 
-
This template will be used in small lists of applications, sorted by rating, popularity, freshness, or (when available) application karma.
 
'''Current:'''
'''Current:'''
Line 58: Line 20:
=== Large application ===
=== Large application ===
-
 
-
Elements required in the application template are:
 
-
* Screenshot
 
-
* Downloads
 
-
* Popularity (karma/stars)
 
-
* Application name
 
-
* Short application description
 
-
 
-
Other elements which might be useful for the application profile are something like a [http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0001OR sparkline] showing download trends, or a percentile rating of the application according to application karma, popularity, or whatever. To give you an idea what I mean by a sparkline, here's an example: [[Image:Sparkline.png|Simple sparkline]]
 
-
 
-
This template will be used on the new front page, as well as in the downloads page, to link to specific applications. A nice generic template will allow for this to be reused even more widely later, if done right.
 
[[Image:Aisleriot_pearl.png|Large application profile]]
[[Image:Aisleriot_pearl.png|Large application profile]]
-
Application Profile[[Image:Wide_app.png]]
 
== Graphics resources required for maemo.org ==
== Graphics resources required for maemo.org ==
Line 87: Line 37:
| Thumbs down off || http://static.maemo.org/net.nemein.favourites/not-buried.png|| [[Image:Bad_Normal.png]]
| Thumbs down off || http://static.maemo.org/net.nemein.favourites/not-buried.png|| [[Image:Bad_Normal.png]]
|-
|-
-
| Thumbs down rollover || http://static.maemo.org/net.nemein.favourites/not-buried-hover.png|| [[Image:Bad_rollover.png]]
+
| Thumbs down rollover || http://static.maemo.org/net.nemein.favourites/not-buried-hover.png||
|-
|-
| Heart on || http://static.maemo.org/net.nemein.favourites/favorite.png|| [[Image:Good_over.png]]
| Heart on || http://static.maemo.org/net.nemein.favourites/favorite.png|| [[Image:Good_over.png]]
Line 93: Line 43:
| Heart off || http://static.maemo.org/net.nemein.favourites/not-favorite.png || [[Image:Good_Normal.png]]
| Heart off || http://static.maemo.org/net.nemein.favourites/not-favorite.png || [[Image:Good_Normal.png]]
|-
|-
-
| Heart rollover || http://static.maemo.org/net.nemein.favourites/not-favorite-hover.png|| [[Image:Good_rollover.png]]
+
| Heart rollover || http://static.maemo.org/net.nemein.favourites/not-favorite-hover.png||
|-
|-
| Star on || http://static.maemo.org/style_maemo2007/orange_star.gif || [[Image:Star_Over.png]]
| Star on || http://static.maemo.org/style_maemo2007/orange_star.gif || [[Image:Star_Over.png]]
|-
|-
| Star off || http://static.maemo.org/style_maemo2007/grey_star.gif || [[Image:Star_Normal.png]]
| Star off || http://static.maemo.org/style_maemo2007/grey_star.gif || [[Image:Star_Normal.png]]
-
|-
 
-
| Star Rollover || || [[Image:Star_rollover.png]]
 
|-
|-
| List Bullet 1 || See front page ||
| List Bullet 1 || See front page ||
|-
|-
-
| List Bullet 2 || http://static.maemo.org/style_maemo2007/arrow.png  ||[[Image:Bullet.png]]
+
| List Bullet 2 || http://static.maemo.org/style_maemo2007/arrow.png  ||
|-
|-
| Online || http://static.maemo.org/net.nehmer.account/online.png || [[Image:on.png]]
| Online || http://static.maemo.org/net.nehmer.account/online.png || [[Image:on.png]]
|-
|-
| Offline || http://static.maemo.org/net.nehmer.account/offline.png || [[Image:off.png]]
| Offline || http://static.maemo.org/net.nehmer.account/offline.png || [[Image:off.png]]
-
|-
 
-
| Status on/off Rollover || || [[Image:Status_rollover.png]]
 
|-
|-
| Default buddy icon || None? || [[Image:DefaultAvatarProfile.png]]
| Default buddy icon || None? || [[Image:DefaultAvatarProfile.png]]
Line 119: Line 65:
| Click to install || http://static.maemo.org/style_maemo2007/install_button_small.png || [[Image:ClickToInstall.png]]
| Click to install || http://static.maemo.org/style_maemo2007/install_button_small.png || [[Image:ClickToInstall.png]]
|-
|-
-
| Missing .install || || [[Image:MissingInstall.png]]
+
| OS2006 on || http://static.maemo.org/style_maemo2007/os2006-green.gif ||'''deprecated'''
|-
|-
-
| OS2006 on || http://static.maemo.org/style_maemo2007/os2006-green.gif ||[[Image:OS2006_over.png]]
+
| OS2006 off || http://static.maemo.org/style_maemo2007/os2006-grey.gif ||'''deprecated'''
|-
|-
-
| OS2006 off || http://static.maemo.org/style_maemo2007/os2006-grey.gif ||[[Image:OS2006_normal.png]]
+
| OS2007 on || http://static.maemo.org/style_maemo2007/os2007-green.gif ||'''deprecated'''
|-
|-
-
| OS2006 Rollover || ||[[Image:OS2006_rollover.png]]
+
| OS2007 off || http://static.maemo.org/style_maemo2007/os2007-grey.gif ||'''deprecated'''
|-
|-
-
| OS2007 on || http://static.maemo.org/style_maemo2007/os2007-green.gif ||[[Image:OS2007_Over.png]]
+
| OS2008 on || http://static.maemo.org/style_maemo2007/os2008-green.gif ||'''deprecated'''
|-
|-
-
| OS2007 off || http://static.maemo.org/style_maemo2007/os2007-grey.gif ||[[Image:OS2007_Normal.png]]
+
| OS2008 off || http://static.maemo.org/style_maemo2007/os2008-grey.gif ||'''deprecated'''
|-
|-
-
| OS2007 Rollover|| ||[[Image:OS2007_rollover.png]]
+
| Maemo 3 on || ||
|-
|-
-
| OS2008 on || http://static.maemo.org/style_maemo2007/os2008-green.gif ||[[Image:OS2008_Over.png ]]
+
| Maemo 3 off || ||
|-
|-
-
| OS2008 off || http://static.maemo.org/style_maemo2007/os2008-grey.gif ||[[Image:OS2008_Normal.png]]
+
| Maemo 4 on || ||
|-
|-
-
| OS2008 Rollover || ||[[Image:OS2008_rollover.png]]
+
| Maemo 4 off || ||
|-
|-
-
| Maemo 5 on || ||[[Image:Maemo5_Over.png]]
+
| Maemo 5 on || ||
|-
|-
-
| Maemo 5 off || ||[[Image:Maemo5_Normal.png]]
+
| Maemo 5 off || ||
-
|-
+
-
| Maemo 5 Rollover || ||[[Image:Maemo5_rollover.png]]
+
-
|-
+
-
| Maemo 4 on || ||[[Image:Maemo4_Over.png]]
+
-
|-
+
-
| Maemo 4 off || ||[[Image:Maemo4_Normal.png]]
+
-
|-
+
-
| Maemo 4 Rollover || ||[[Image:Maemo4_rollover.png]]
+
-
|-
+
-
| Maemo 3 on || ||[[Image:Maemo3_Over.png]]
+
-
|-
+
-
| Maemo 3 off || ||[[Image:Maemo3_Normal.png]]
+
-
|-
+
-
| Maemo 3 Rollover || ||[[Image:Maemo3_rollover.png]]
+
|-
|-
| Hot overlay || || [[Image:Hot_overlay.png]]
| Hot overlay || || [[Image:Hot_overlay.png]]
Line 164: Line 96:
|-
|-
| PC off || http://static.maemo.org/style_maemo2007/pc-grey.gif || [[Image:PC_Normal.png]]
| PC off || http://static.maemo.org/style_maemo2007/pc-grey.gif || [[Image:PC_Normal.png]]
-
|-
 
-
| PC Rollover ||  || [[Image:PC_Over_rollover.png]]
 
|-
|-
| Default avatar || http://static.maemo.org/style_maemo2007/hackergotchi-notfound.png || [[Image:Avatar_Planet.png]]
| Default avatar || http://static.maemo.org/style_maemo2007/hackergotchi-notfound.png || [[Image:Avatar_Planet.png]]
Line 172: Line 102:
|-
|-
| Delete Over|| ||[[Image:Delete_over.png]]
| Delete Over|| ||[[Image:Delete_over.png]]
-
|-
 
-
| Delete Rollover|| ||[[Image:Delete_rollover.png]]
 
|-
|-
| Do not Abuse || ||[[Image:notAbuse_normal.png]]
| Do not Abuse || ||[[Image:notAbuse_normal.png]]
|-
|-
-
| Do not Abuse Over||  ||[[Image:notAbuse_over.png]]
+
| Do not Abuse Overl||  ||[[Image:notAbuse_over.png]]
-
|-
+
-
| Do not Abuse Rollover||  ||[[Image:NotAbuse_rollover.png]]
+
|-
|-
| LittleBuddy Normal || ||[[Image:LittleBuddy_Normal.png]]
| LittleBuddy Normal || ||[[Image:LittleBuddy_Normal.png]]
|-
|-
| LittleBuddy Over||  ||[[Image:LittleBuddy_over.png]]
| LittleBuddy Over||  ||[[Image:LittleBuddy_over.png]]
-
|-
 
-
| LittleBuddy Rollover||  ||[[Image:LittleBuddy_rollover.png]]
 
|-
|-
| Bar Normal ||  ||[[Image:Bar_Normal.png]]
| Bar Normal ||  ||[[Image:Bar_Normal.png]]
Line 191: Line 115:
| Bar Over || ||[[Image:Bar_Over.png]]
| Bar Over || ||[[Image:Bar_Over.png]]
|-
|-
-
| Bar Rollover || ||[[Image:Bar_rollover.png]]
+
| Bar rollover || http://wiki.maemo.org/Image:Bar_rollover.png ||[[Image:Bar_rollover.png]]
-
|}
+
-
 
+
-
 
+
-
== Page Design Status ==
+
-
 
+
-
These are the links which we have designed already. If you need any page to be designed, please feel free to put its name here:
+
-
 
+
-
{| class="wikitable"
+
-
! Page name !! Wireframe or link reference !!  Designed page Link
+
-
 
+
-
|-
+
-
| Login ||  || [[:Image:Login_page.png]]
+
|-
|-
-
| Profile List ||  || [[:Image:Profile_List.png]]
 
|}
|}
-
[[Category:Tasks]]
 

Learn more about Contributing to the wiki.


Please note that all contributions to maemo.org wiki may be edited, altered, or removed by other contributors. If you do not want your writing to be edited mercilessly, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource (see maemo.org wiki:Copyrights for details). Do not submit copyrighted work without permission!


Cancel | Editing help (opens in new window)
Retrieved from "https://wiki.maemo.org/Task:Improving_maemo.org/Graphics"