Difference between revisions of "Mesh/Website"

From Sudo Room
Jump to navigation Jump to search
 
(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"


Color theme picker [muted green, orange, violet]: http://colorschemedesigner.com/#2V31Tqfudw0w0
==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


Wordpress theme: [http://320press.com/wp-foundation/ WP-Foundation]
==Tools==
===Color Scheme===
Used picker based on [[Mesh/Stickers|sticker green (#20b24b)]] to get [muted green, orange, violet]: http://colorschemedesigner.com/#2V31Tqfudw0w0


Design inspiration: [http://www.ocf.berkeley.edu/~atwu/firstcultural/imagine-no-cars.html Imagine No Cars (Alfred Twu)]
===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:

  1. Free - of cost, free Internet, free beer. "Just put a node on it!"
  2. Freedom - from censorship, surveillance, highlighting the community-owned nature of the network. "I'm the network"
  3. Commons - as in the network commons - the fundamental, essential shared resource that is communication - "share the air"

Next Steps

  1. Information Architecture overhaul
    1. Primary actions:
      1. Pre-Order a Node
      2. Join Us (in-person, online)
      3. Give from our Wishlist
    2. "Fork Me"
      1. Convey this is all forkable [code *and* organization]
      2. Learn from Awesome foundation example.
      3. Developer Tab - what is meant by developer help?
    3. Partners
    4. Max, github
    5. Iphone menu

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.

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

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