From 8caabb6ce1f9ed6163300d8c5105322a06f8f0f4 Mon Sep 17 00:00:00 2001 From: Bashar Jabbour Date: Wed, 1 Oct 2014 20:43:11 -0400 Subject: [PATCH] update the colophone page --- app/assets/stylesheets/application.css | 40 ++++++++++++- app/views/layouts/_lightboxes.html.erb | 79 ++++++++++++++++++++++++++ 2 files changed, 116 insertions(+), 3 deletions(-) diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index c4fc66b5..d3b99bd3 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -1784,7 +1784,7 @@ float: left; font-weight: normal; float: right; } -/* about, getInvolved */ +/* about, getInvolved, colophon */ #aboutParms { margin: 30px auto; @@ -1801,10 +1801,22 @@ float: left; float: left; } -#about > p, #getInvolved > p, #invite > p { +#colophon { + overflow-y: scroll; + height:434px; +} +#colophonLinks { + padding-left:20px; +} + +#colophoneHeader { + padding-bottom:40px; +} + +#about > p, #getInvolved > p, #invite > p, #colophon p { /* color: #000; font-size: 16px;*/ - margin: 10px 0; + margin: 0px 0px 20px 0px; line-height: 20px; } #about ul { @@ -1813,6 +1825,28 @@ float: left; #about ul li { display: inline-block; } +#colophonSectionIndented { + font-family: 'din-medium', helvetica, sans-serif; + text-align: left; + padding-left:20px; +} + + +#colophonSection { + font-family: 'din-medium', helvetica, sans-serif; + text-align: left; +} + +#colophon a { + color: #c04f4f; + text-decoration: underline; +} + +#colophonCols { + -webkit-column-count: 2; /* Chrome, Safari, Opera */ + -moz-column-count: 2; /* Firefox */ + column-count: 2; +} /* invite */ diff --git a/app/views/layouts/_lightboxes.html.erb b/app/views/layouts/_lightboxes.html.erb index 28943e6a..413e6799 100644 --- a/app/views/layouts/_lightboxes.html.erb +++ b/app/views/layouts/_lightboxes.html.erb @@ -69,6 +69,85 @@
+
+

Colophon

+ +

Metamaps.cc is an initiative of affiliates of the Metamaps Open Value Network, an evolving network of peers working together to create shared value. Metamaps continues to be a constantly developing experiment in progress.

+ +

The peers behind Metamaps have their own respective backgrounds as artists, designers, engineers, advocates, activitists, filmmakers and systems thinkers and share a deep commitment to the creative culture they support. Active peers include:

+

ACTIVE PEERS (as of 10/2014)

+

Robert Best, Benjamin Brownell, Marija Coneva, Devin Howard, Bashar Jabbour, Raymon Johnstone, Shai Mor, Ishan Shapiro, Connor Turland

+ +

ICONOGRAPHY

+ +

Iconography within Metamaps is a distinctive and subtle art. We thank the following creators of icons used throughout Metamaps for the courtesy of sharing their work under Creative Commons licenses:

+ +

System Icons

+ + +

We are also indebted to The Noun Project, an invaluable resource for iconography on the web, and also where many of the above creators' icons can be found.

+ +

Metacodes:

+ + +

MEDIA

+

Intro video: Notthisbody, Glenn Stillar
Tutorial videos: Notthisbody

+ +

OPEN SOURCE CREDITS

+ +

We make extensive use of open source software for the various technologies, architectures, and interfaces that run Metamaps.cc. We would be unable to offer the service as we envision it without these publicly developed projects.

+ +

Javascript
+ Ruby-on-rails
+ Javascript Infoviz Toolkit
+ Backbone.js
+ Underscore.js
+ Famo.us
+ Typeahead.js


+ +

BUILDING METAMAPS

+ +

These are the tools and services that the Metamaps team uses to work together and build the platform. Wherever possible, we link directly to a place where we work via a linked asterisk*.

+
+

Communication

+
    +
  • Asana
    • +
  • Invision App *
    • +
  • Docracy *
    • +
  • Google Hangouts
    • +
  • Google Plus *
    • +
  • Hipchat
    • +
  • Hackpad *
    • +
  • Loomio *
    • +
  • Twitter *
    • +
  • Vimeo
    • +
  • Youtube
+
+

Development

+
    +
  • Git
    • +
  • Github*
+
+

Documentation

+
  • Dropbox *
    • +
  • Google Drive *
    • +
  • Toggl
+
+

Hosting

+
  • Heroku
    • +
  • Linode
    • +
  • Webhostinghub
+
+

Monitoring & Metrics

+
  • Google Analytics
+
+

Support

+
  • Uservoice *
+ +
+
+
+

GET INVOLVED!