fixed broken lightbox content

This commit is contained in:
Connor Turland 2014-10-23 20:16:04 -04:00
parent 486ebb0d41
commit 2d0793c083
2 changed files with 29 additions and 31 deletions

View file

@ -2056,18 +2056,6 @@ and it won't be important on password protected instances */
float: left;
}
#colophon {
overflow-y: scroll;
height:434px;
}
#colophonLinks {
padding-left:20px;
}
#colophoneHeader {
padding-bottom:12px;
}
#about > p, #getInvolved > p, #invite > p, #colophon p {
/* color: #000;
font-size: 16px;*/
@ -2080,14 +2068,25 @@ and it won't be important on password protected instances */
#about ul li {
display: inline-block;
}
#colophonSectionIndented {
#colophon {
overflow-y: scroll;
height:434px;
}
.colophonLinks {
padding-left:20px;
}
.colophoneHeader {
padding-bottom:12px;
}
.colophonSectionIndented {
font-family: 'din-medium', helvetica, sans-serif;
text-align: left;
padding-left:20px;
}
#colophonSection {
.colophonSection {
font-family: 'din-medium', helvetica, sans-serif;
text-align: left;
}
@ -2097,7 +2096,7 @@ and it won't be important on password protected instances */
text-decoration: underline;
}
#colophonCols {
.colophonCols {
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;

View file

@ -72,42 +72,42 @@
</div>
<div class="lightboxContent" id="colophon">
<h3 id="colophoneHeader">Colophon</h3>
<h3 class="colophoneHeader">Colophon</h3>
<p>Metamaps.thevalueweb.org is a partnership between The Value Web and Treeship, Inc, a venture of the Metamaps Open Value Network. It consists of a customized installation of the publicly available platform that resides at Metamaps.cc, for use internally within The Value Web for increased collective intelligence within the network.</p>
<h4 id="colophonSection">PROJECT LEADS</h4>
<h4 class="colophonSection">PROJECT LEADS</h4>
<p>Benjamin Brownell (Metamaps), Ishan Shapiro (Metamaps, Treeship), Sita Magnusson (The Value Web) </p>
<h4 id="colophonSection">ICONOGRAPHY</h4>
<h4 class="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>
<h4 class="colophonSectionIndented">System Icons</h4>
<p class="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>
<h4 id="colophonSectionIndented">Metacodes</h4>
<h4 class="colophonSection">METACODES</h4>
<p>Metacodes are visual categories for knowledge that are used within Metamaps for organizing knowledge. Metacodes within this installation have been custom designed for the specific application of the platform with The Value Web.</p>
<p id="colophonLinks">7 Stages of the Creative Process: <a href="http://www.mgtaylor.com/mgtaylor/glasbead/7stgcpgl.htm">MG Taylor Corporation</a>, <a href="http://notthisbody.com/">Notthisbody</a></p>
<p id="colophonLinks">Vantage Points: <a href="http://www.mgtaylor.com/mgtaylor/glasbead/glyphs06.htm">MG Taylor Corporation</a>, <a href="http://notthisbody.com/">Notthisbody</a></p>
<p id="colophonLinks">RECODE: <a href="http://recode.thevalueweb.org">MG Taylor Corporation</a>, <a href="http://notthisbody.com/">Notthisbody</a></p>
<p id="colophonLinks">General: <a href="http://notthisbody.com/">Notthisbody</a></p>
<p class="colophonLinks">7 Stages of the Creative Process: <a href="http://www.mgtaylor.com/mgtaylor/glasbead/7stgcpgl.htm">MG Taylor Corporation</a>, <a href="http://notthisbody.com/">Notthisbody</a></p>
<p class="colophonLinks">Vantage Points: <a href="http://www.mgtaylor.com/mgtaylor/glasbead/glyphs06.htm">MG Taylor Corporation</a>, <a href="http://notthisbody.com/">Notthisbody</a></p>
<p class="colophonLinks">RECODE: <a href="http://recode.thevalueweb.org">MG Taylor Corporation</a>, <a href="http://notthisbody.com/">Notthisbody</a></p>
<p class="colophonLinks">General: <a href="http://notthisbody.com/">Notthisbody</a></p>
<p>Credits and inspiration:</p>
<p id="colophonLinks"><a href="http://thenounproject.com/r0">Anton Gajdosik</a>, <a href="http://thenounproject.com/misirlou/">misirlou</a>, <a href="http://thenounproject.com/ArtZ91/">Arthur Shlain</a>, <a href="http://thenounproject.com/dtap/">Dave Tappy</a>, <a href="http://thenounproject.com/Icons8/">Icons8</a>, <a href="http://thenounproject.com/shanemilleryeah/">Shane Miller</a>, <a href="http://thenounproject.com/MarkieAnn/">MarkieAnn Packer</a>, <a href="http://thenounproject.com/cmozzati/">Christelle Mozzati</a>, <a href="http://thenounproject.com/nl_menghini/">Nicholas Menghini</a>, <a href="http://thenounproject.com/paultynes/">Paul Tynes</a>, <a href="http://thenounproject.com/Luca.Trinchero/">Luca Trinchero</a>, <a href="http://thenounproject.com/jerometave/">Jerome Tave</a>, <a href="http://thenounproject.com/johncaserta/">John Caserta</a>, <a href="http://thenounproject.com/wilsonjoseph/">Wilson Joseph</a>, <a href="http://thenounproject.com/dnlhtz/">dnlhtz</a>, <a href="http://thenounproject.com/tzog/">Nico Tzogalis</a>, <a href="http://thenounproject.com/marcbanderson/">Marc Anderson</a>, <a href="http://thenounproject.com/magzkan/">Magdalene Kan</a>, <a href="http://thenounproject.com/Ivanisawesome/">Ivan Colic</a>, <a href="http://thenounproject.com/FivebyFive/">Five by Five</a>, <a href="http://thenounproject.com/emmanuelmangatia/">Emmanuel Mangatia</a>, <a href="http://thenounproject.com/olivierguin/">Olivier Guin</a>, <a href="http://thenounproject.com/sapi/">Stefan Parnarov</a>, <a href="http://thenounproject.com/josemdelaa/">José Manuel de Laá</a>, <a href="http://thenounproject.com/howlettstudios/">Christopher T. Howlett</a>, <a href="http://thenounproject.com/mhsenkow/">Michael Senkow</a>, <a href="http://thenounproject.com/garrett.knoll/">Garrett Knoll</a>, <a href="http://thenounproject.com/Gatada/">Johan H. W. Basberg</a>, <a href="http://thenounproject.com/axoplasm/">PJ Souders</a>, <a href="http://thenounproject.com/Ilsur/">Ilsur Aptukov</a>, <a href="http://thenounproject.com/missamer/">Jenny Amer</a>, <a href="http://thenounproject.com/SimpleIcons/">Simple Icons</a>, <a href="http://thenounproject.com/stolkramaker/">stolkramaker</a>, <a href="http://thenounproject.com/imicons/">iconsmind.com</a>, <a href="http://thenounproject.com/riyazali/">riyazali</a>, <a href="http://cargocollective.com/gavinkeech">Gavin Keech</a>, <a href="http://poietic.tumblr.com">Ishan Shapiro</a>, <a href="http://browsearth.drupalgardens.com/">Benjamin Brownell</a>, <a href="http://marija.notthisbody.com/">Marija Coneva</a>, <a href="http://www.amazon.com/s?ie=UTF8&page=1&rh=n%3A283155%2Cp_27%3ACarl%20G.%20Liungman">Carl G. Liungman</a>, <a href="http://en.wikipedia.org/wiki/Juan_Eduardo_Cirlot">J.E. Cirlot</a></p>
<p class="colophonLinks"><a href="http://thenounproject.com/r0">Anton Gajdosik</a>, <a href="http://thenounproject.com/misirlou/">misirlou</a>, <a href="http://thenounproject.com/ArtZ91/">Arthur Shlain</a>, <a href="http://thenounproject.com/dtap/">Dave Tappy</a>, <a href="http://thenounproject.com/Icons8/">Icons8</a>, <a href="http://thenounproject.com/shanemilleryeah/">Shane Miller</a>, <a href="http://thenounproject.com/MarkieAnn/">MarkieAnn Packer</a>, <a href="http://thenounproject.com/cmozzati/">Christelle Mozzati</a>, <a href="http://thenounproject.com/nl_menghini/">Nicholas Menghini</a>, <a href="http://thenounproject.com/paultynes/">Paul Tynes</a>, <a href="http://thenounproject.com/Luca.Trinchero/">Luca Trinchero</a>, <a href="http://thenounproject.com/jerometave/">Jerome Tave</a>, <a href="http://thenounproject.com/johncaserta/">John Caserta</a>, <a href="http://thenounproject.com/wilsonjoseph/">Wilson Joseph</a>, <a href="http://thenounproject.com/dnlhtz/">dnlhtz</a>, <a href="http://thenounproject.com/tzog/">Nico Tzogalis</a>, <a href="http://thenounproject.com/marcbanderson/">Marc Anderson</a>, <a href="http://thenounproject.com/magzkan/">Magdalene Kan</a>, <a href="http://thenounproject.com/Ivanisawesome/">Ivan Colic</a>, <a href="http://thenounproject.com/FivebyFive/">Five by Five</a>, <a href="http://thenounproject.com/emmanuelmangatia/">Emmanuel Mangatia</a>, <a href="http://thenounproject.com/olivierguin/">Olivier Guin</a>, <a href="http://thenounproject.com/sapi/">Stefan Parnarov</a>, <a href="http://thenounproject.com/josemdelaa/">José Manuel de Laá</a>, <a href="http://thenounproject.com/howlettstudios/">Christopher T. Howlett</a>, <a href="http://thenounproject.com/mhsenkow/">Michael Senkow</a>, <a href="http://thenounproject.com/garrett.knoll/">Garrett Knoll</a>, <a href="http://thenounproject.com/Gatada/">Johan H. W. Basberg</a>, <a href="http://thenounproject.com/axoplasm/">PJ Souders</a>, <a href="http://thenounproject.com/Ilsur/">Ilsur Aptukov</a>, <a href="http://thenounproject.com/missamer/">Jenny Amer</a>, <a href="http://thenounproject.com/SimpleIcons/">Simple Icons</a>, <a href="http://thenounproject.com/stolkramaker/">stolkramaker</a>, <a href="http://thenounproject.com/imicons/">iconsmind.com</a>, <a href="http://thenounproject.com/riyazali/">riyazali</a>, <a href="http://cargocollective.com/gavinkeech">Gavin Keech</a>, <a href="http://poietic.tumblr.com">Ishan Shapiro</a>, <a href="http://browsearth.drupalgardens.com/">Benjamin Brownell</a>, <a href="http://marija.notthisbody.com/">Marija Coneva</a>, <a href="http://www.amazon.com/s?ie=UTF8&page=1&rh=n%3A283155%2Cp_27%3ACarl%20G.%20Liungman">Carl G. Liungman</a>, <a href="http://en.wikipedia.org/wiki/Juan_Eduardo_Cirlot">J.E. Cirlot</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="colophonSection">MEDIA</h4>
<h4 class="colophonSection">MEDIA</h4>
<p>Tutorial videos: <a href="http://notthisbody.com/">Notthisbody</a></p>
<h4 id="colophonSection">OPEN SOURCE CREDITS</h4>
<h4 class="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>
<p class="colophonCols">Javascript<br>
Ruby-on-rails<br>
Javascript Infoviz Toolkit<br>
Backbone.js<br>
@ -115,7 +115,6 @@
Famo.us<br>
Typeahead.js</p><br>
</div>
<div class="clearfloat"></div>
</div>