Difference between revisions of "Mesh/Website"

From Sudo Room
Jump to navigation Jump to search
(adds web design stuff)
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
==Tools==
===Color Scheme===
Used picker based on [[Mesh/Stickers|sticker green (#20b24b)]] to get [muted green, orange, violet]: http://colorschemedesigner.com/#2V31Tqfudw0w0


Wordpress theme: [http://320press.com/wp-foundation/ WP-Foundation]
===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].


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

Revision as of 16:30, 18 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"

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).

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