Difference between revisions of "Mesh/Website"
Jump to navigation
Jump to search
Tunabananas (talk | contribs) |
Tunabananas (talk | contribs) |
||
| (3 intermediate revisions by one other user not shown) | |||
| Line 7: | Line 7: | ||
# Commons - as in the network commons - the fundamental, essential shared resource that is communication - "share the air" | # Commons - as in the network commons - the fundamental, essential shared resource that is communication - "share the air" | ||
==Next Steps== | |||
# Information Architecture overhaul | |||
## Primary actions: | |||
### Pre-Order a Node | |||
### Join Us (in-person, online) | |||
### Give from our Wishlist | |||
## "Fork Me" | |||
### Convey this is all forkable [code *and* organization] | |||
### Learn from Awesome foundation example. | |||
### Developer Tab - what is meant by developer help? | |||
## Partners | |||
## Max, github | |||
## Iphone menu | |||
==Tools== | |||
===Color Scheme=== | |||
Used picker based on [[Mesh/Stickers|sticker green (#20b24b)]] to get [muted green, orange, violet]: http://colorschemedesigner.com/#2V31Tqfudw0w0 | |||
===Themes=== | |||
Selected [http://320press.com/wp-foundation/ WP-Foundation] based on [http://foundation.zurb.com/ Foundation]. | |||
* Alternative options included | |||
** The Twenty-Something breed of themes, namely [http://wordpress.org/themes/twentytwelve Twenty Twelve] | |||
** [http://wordpress.org/themes/responsive Responsive] | |||
** [http://yoko.elmastudio.de/ Yoko]. | |||
Research Links | |||
* http://wp.smashingmagazine.com/2012/07/26/adopting-responsive-wordpress-theme/ | |||
===Fonts=== | |||
Found some open source fonts through [https://www.google.com/fonts/ Google Fonts]. Trick is to download the fonts, rather than use the "google fonts" service. Considered [https://www.google.com/fonts/#ReviewPlace:refine/Collection:Josefin+Sans|Quicksand|Abel|News+Cycle|Lekton|Dosis|Anaheim these fonts] and selected the combination of '''[https://www.google.com/fonts/specimen/Anaheim#pairings Doris for titles with Anaheim for paragraph text]''' (along with any for monospace). | |||
It seems like loading custom fonts should be straight-forward, it ended up being complex. Simplest solution is to generate css & multiple formats here: http://www.fontsquirrel.com/tools/webfont-generator | |||
===Graphic Elements=== | |||
Reaching out to designer-artists to generate engaging graphics, primarily for landing page to convey narrative, point to call to action | |||
====Inspirations==== | |||
* [http://www.ocf.berkeley.edu/~atwu/firstcultural/imagine-no-cars.html Imagine No Cars (Alfred Twu)] | |||
* [http://tacoconf.com/ TacoConf], [https://browserling.com/ Browserling], [http://browserify.org/ Browserify], etc by [[User:Substack|Substack]]. | |||
===Development Tools=== | |||
* [http://quirktools.com/screenfly Screenfly] - testing on multiple resolutions | |||
=MeshThePla.net= | =MeshThePla.net= | ||
For now, we'll be using the [https://sudoroom.org/wiki/Mesh/Stickers sticker design] as a placeholder while we construct the site as a general broad propaganda platform for mesh networks worldwide :D | For now, we'll be using the [https://sudoroom.org/wiki/Mesh/Stickers sticker design] as a placeholder while we construct the site as a general broad propaganda platform for mesh networks worldwide :D | ||
Latest revision as of 03:14, 24 October 2013
PeoplesOpen.Net
The aim of this site is to promote the network itself, featuring three critical aspects:
- Free - of cost, free Internet, free beer. "Just put a node on it!"
- Freedom - from censorship, surveillance, highlighting the community-owned nature of the network. "I'm the network"
- Commons - as in the network commons - the fundamental, essential shared resource that is communication - "share the air"
Next Steps
- Information Architecture overhaul
- Primary actions:
- Pre-Order a Node
- Join Us (in-person, online)
- Give from our Wishlist
- "Fork Me"
- Convey this is all forkable [code *and* organization]
- Learn from Awesome foundation example.
- Developer Tab - what is meant by developer help?
- Partners
- Max, github
- Iphone menu
- Primary actions:
Tools
Color Scheme
Used picker based on sticker green (#20b24b) to get [muted green, orange, violet]: http://colorschemedesigner.com/#2V31Tqfudw0w0
Themes
Selected WP-Foundation based on Foundation.
- Alternative options included
- The Twenty-Something breed of themes, namely Twenty Twelve
- Responsive
- Yoko.
Research Links
Fonts
Found some open source fonts through Google Fonts. Trick is to download the fonts, rather than use the "google fonts" service. Considered these fonts and selected the combination of Doris for titles with Anaheim for paragraph text (along with any for monospace).
It seems like loading custom fonts should be straight-forward, it ended up being complex. Simplest solution is to generate css & multiple formats here: http://www.fontsquirrel.com/tools/webfont-generator
Graphic Elements
Reaching out to designer-artists to generate engaging graphics, primarily for landing page to convey narrative, point to call to action
Inspirations
Development Tools
- Screenfly - testing on multiple resolutions
MeshThePla.net
For now, we'll be using the sticker design as a placeholder while we construct the site as a general broad propaganda platform for mesh networks worldwide :D