update the colophone page

This commit is contained in:
Bashar Jabbour 2014-10-01 20:43:11 -04:00
parent 427fa99a0c
commit 8caabb6ce1
2 changed files with 116 additions and 3 deletions

View file

@ -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 */

View file

@ -69,6 +69,85 @@
<div class="clearfloat"></div>
</div>
<div class="lightboxContent" id="colophon">
<h3 id="colophoneHeader">Colophon</h3>
<p>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.</p>
<p>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:</p>
<h4 id="colophonSection">ACTIVE PEERS (as of 10/2014)</h4>
<p>Robert Best, Benjamin Brownell, Marija Coneva, Devin Howard, Bashar Jabbour, Raymon Johnstone, Shai Mor, Ishan Shapiro, Connor Turland </p>
<h4 id="colophonSection">ICONOGRAPHY</h4>
<p>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:<p>
<h4 id="colophonSectionIndented">System Icons</h4>
<p id="colophonLinks"><a href="http://thenounproject.com/r0">Ryan Oksenhorn</a>, <a href="http://thenounproject.com/leonides.dm">Leonides Delgado</a>, <a href="http://thenounproject.com/matheusanturio">Matheus Antúrio</a>, <a href="http://thenounproject.com/nl_menghini">Nicholas Menghini</a>, <a href="http://thenounproject.com/useiconic.com">useiconic.com</a>, <a href="http://thenounproject.com/Icomatic">Icomatic</a>, <a href="http://thenounproject.com/ansteydesign">AnsteyDesign</a>, <a href="http://thenounproject.com/somerandomdude">P.J. Onori</a>, <a href="http://thenounproject.com/Michzen">Michael Zenaty</a>, <a href="http://thenounproject.com/edward">Edward Boatman</a>, <a href="http://thenounproject.com/garrett.knoll">Garrett Knoll</a>, <a href="http://thenounproject.com/misirlou">misirlou</a>, <a href="http://thenounproject.com/DmitryBaranovskiy">Dmitry Baranovskiy</a>, <a href="http://thenounproject.com/waymanate">Nathan Thomson</a>, <a href="http://thenounproject.com/razerk">Alex Auda Samora</a>, <a href="http://thenounproject.com/bernar.novalyi">Bernar Novalyi</a>, <a href="http://thenounproject.com/jeremy.j.bristol">Jeremy J Bristol</a>, <a href="http://thenounproject.com/FivebyFive/">FivebyFive</a>, <a href="http://thenounproject.com/thibault.geffroy">Thibault Geffroy</a>, <a href="http://cargocollective.com/gavinkeech">Gavin Keech</a></p>
<p>We are also indebted to <a href="http://thenounproject.com/">The Noun Project</a>, an invaluable resource for iconography on the web, and also where many of the above creators' icons can be found.</p>
<h4 id="colophonSectionIndented">Metacodes:</h4>
<p id="colophonLinks">Legacy:<a href="http://cargocollective.com/gavinkeech">Gavin Keech</a>, <a href="http://notthisbody.com/">Notthisbody</a><br><a href="http://thenounproject.com/FivebyFive/">FivebyFive</a></p>
<h4 id="colophonSection">MEDIA</h4>
<p>Intro video: <a href="http://notthisbody.com/">Notthisbody</a>, <a href="https://uwaterloo.ca/arts/people-profiles/glenn-stillar">Glenn Stillar</a> <br>Tutorial videos: <a href="http://notthisbody.com/">Notthisbody</a></p>
<h4 id="colophonSection">OPEN SOURCE CREDITS</h4>
<p>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.</p>
<p id="colophonCols">Javascript<br>
Ruby-on-rails<br>
Javascript Infoviz Toolkit<br>
Backbone.js<br>
Underscore.js<br>
Famo.us<br>
Typeahead.js</p><br>
<h4 id="colophonSection">BUILDING METAMAPS</h4>
<p> 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*.</p>
<div id="colophonCols">
<h4 id="colophonSection">Communication</h4>
<ul>
<li>Asana</li>
<li>Invision App <a href="http://invis.io/541GCFJRM">*</a></li>
<li>Docracy <a href="https://www.docracy.com/userprofile/show?userId=7366">*</a></li>
<li>Google Hangouts</li>
<li>Google Plus <a href="https://plus.google.com/communities/115060009262157699234">*</a></li>
<li>Hipchat</li>
<li>Hackpad <a href="http://metamaps.hackpad.com/">*</a></li>
<li>Loomio <a href="https://www.loomio.org/g/bu3L1tIW/topos-ffo">*</a></li>
<li>Twitter <a href="http://twitter.com/metamapps">*</a></li>
<li>Vimeo </li>
<li>Youtube</li></ul>
<br>
<h4 id="colophonSection">Development</h4>
<ul>
<li>Git</li>
<li>Github<a href="https://github.com/Connoropolous/metamaps_gen002">*</a></li></ul>
<br>
<h4 id="colophonSection">Documentation</h4>
<ul><li>Dropbox <a href="https://www.dropbox.com/sh/qqkesm0pmzaihfa/AAAv9aCVZeawUzDXrdM9y3T5a?dl=0">*</a></li>
<li>Google Drive <a href="https://drive.google.com/folderview?id=0B_RQI2WcwEHLckplOHhhdnZkSUE&usp=sharing">*</a></li>
<li>Toggl</li></ul>
<br>
<h4 id="colophonSection">Hosting</h4>
<ul><li>Heroku</li>
<li>Linode</li>
<li>Webhostinghub</li></ul>
<br>
<h4 id="colophonSection">Monitoring & Metrics</h4>
<ul><li>Google Analytics</li></ul>
<br>
<h4 id="colophonSection">Support</h4>
<ul><li>Uservoice <a href="http://support.metamaps.cc/">*</a></li></ul>
</div>
<div class="clearfloat"></div>
</div>
<div class="lightboxContent" id="getInvolved">
<h3>GET INVOLVED!</h3>
<div class="leaveSpace"></div>