Difference between revisions of "Mesh/Website"
(adds web design stuff) |
Tunabananas (talk | contribs) |
||
| (2 intermediate revisions by one other user not shown) | |||
| Line 6: | Line 6: | ||
# Freedom - from censorship, surveillance, highlighting the community-owned nature of the network. "I'm the network" | # 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" | # 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== | ==Tools== | ||
| Line 23: | Line 37: | ||
===Fonts=== | ===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). | 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=== | ===Graphic Elements=== | ||
Latest revision as of 02: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