metamaps--metamaps/views/layouts/_lightboxes.js

114 lines
5.1 KiB
JavaScript
Raw Normal View History

2018-03-05 17:45:36 +00:00
2018-02-15 18:47:28 +00:00
<div id="lightbox_overlay">
2014-02-05 05:03:44 +00:00
<div id="lightbox_main">
<a id="lightbox_close" href="#"></a>
2014-02-05 05:03:44 +00:00
<div id="lightbox_content">
2016-03-25 04:26:07 +00:00
2018-03-05 17:33:16 +00:00
<div className="lightboxContent" id="about">
<h3>About Metamaps.cc</h3>
<div id="aboutParms">
<div id="leftAboutParms">
<p>STATUS: </p>
<p>VERSION:</p>
<p>BUILD:</p>
<p>LAST UPDATE:</p>
</div>
<div id="rightAboutParms">
<p>PRIVATE BETA</p>
2018-03-04 02:25:42 +00:00
<p>{ METAMAPS_VERSION }</p>
<p>{ METAMAPS_BUILD }</p>
<p>{ METAMAPS_LAST_UPDATED }</p>
</div>
2018-03-05 17:33:16 +00:00
<div className="clearfloat"></div>
</div>
<p>Metamaps.cc is a free and open source web platform that supports real-time sense-making and distributed collaboration between individuals, communities and organizations.</p>
<p>Using an intuitive graph-based interface, Metamaps.cc helps map out networks of people, ideas, resources, stories, experiences, conversations and much more. The platform is evolving for a range of applications amidst a growing network of designers, developers, facilitators, practitioners, entrepreneurs, and artists.</p>
<p>Metamaps.cc is created and maintained by a distributed community of contributors passionate about the evolution of collaboration, alternative forms of value creation and increase of collective intelligence through the lens of the open culture and the peer-to-peer revolution.</p>
2018-03-05 17:33:16 +00:00
<ul className="lightbox_links">
<li>
2018-03-05 17:33:16 +00:00
<a className="icon_twitter" href="https://twitter.com/metamapps" target="_blank">
<div className="lightboxAboutIcon"></div>
@metamapps
</a>
</li>
<li>
2018-03-05 17:33:16 +00:00
<a className="icon_community" href="https://www.hylo.com/c/metamaps/join/mice-late-hit-two-shown" target="_blank">
<div className="lightboxAboutIcon"></div>
community
</a>
</li>
<li>
2018-03-05 17:33:16 +00:00
<a className="icon_source_code" href="https://github.com/metamaps/metamaps" target="_blank">
<div className="lightboxAboutIcon"></div>
source code
</a>
</li>
<li>
2018-03-05 17:33:16 +00:00
<a className="icon_howtos" href="https://docs.metamaps.cc" target="_blank">
<div className="lightboxAboutIcon"></div>
howtos
</a>
</li>
<li>
2018-03-05 17:33:16 +00:00
<a className="icon_terms" href="https://metamaps.cc/maps/331" target="_blank">
<div className="lightboxAboutIcon"></div>
terms
</a>
</li>
</ul>
2018-03-05 17:33:16 +00:00
<div className="clearfloat"></div>
</div>
2018-03-05 17:33:16 +00:00
<div className="lightboxContent" id="noIE">
2014-10-07 18:47:06 +00:00
<h3>OOPS! <br> YOUR BROWSER IS NOT SUPPORTED.</h3>
<p id="noIEsubheading">To view this experience, please upgrade to the latest one of these browsers:</p>
<a id="chromeIcon" href="https://www.google.com/chrome/browser/" target="_blank">Chrome</a>
<a id="fireFoxIcon" href="https://www.mozilla.org/en-US/firefox/new/" target="_blank">Firefox</a>
<a id="safariIcon" href="http://support.apple.com/downloads/#safari" target="_blank">Safari</a>
<p id="noIEbody">While it's downloading, explore our <a href="http://blog.metamaps.cc/">blog</a>,<br> watch the <a href="http://vimeo.com/88334167">tutorials</a>, or visit our <a href="https://docs.metamaps.cc">knowledge base</a>!
2014-10-07 18:47:06 +00:00
</div>
2018-03-05 17:33:16 +00:00
<div className="lightboxContent" id="tutorial">
2014-02-05 05:03:44 +00:00
<h3>Tutorial</h3>
2014-03-06 16:08:45 +00:00
<iframe src="//player.vimeo.com/video/88334167?title=0&amp;byline=0&amp;portrait=0" width="510" height="319" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
2014-02-05 05:03:44 +00:00
</div>
2016-03-25 04:26:07 +00:00
2018-03-05 17:33:16 +00:00
<div className="lightboxContent" id="cheatsheet">
2018-03-04 02:25:42 +00:00
{ render :partial => 'shared/cheatsheet' }
2016-03-25 04:26:07 +00:00
</div>
2018-03-04 02:25:42 +00:00
{ if current_user }
2018-03-05 17:33:16 +00:00
<div className="lightboxContent" id="invite">
2014-09-10 22:12:21 +00:00
<h3>SHARE INVITE</h3>
2016-03-25 04:26:07 +00:00
2018-03-05 17:33:16 +00:00
<div className="leaveSpace"></div>
<p>The Metamaps platform is currently in an invite-only beta with the express purpose of creating a high value knowledge ecosystem, a diverse community of contributors and a culture of collaboration and curiosity.</p>
<p>As a valued beta tester, you have the ability to invite your peers, colleagues and collaborators onto the platform.</p>
<p>Below is a personal invite link containing your unique access code, which can be used multiple times.</p>
2014-09-10 22:12:21 +00:00
<div id="joinCodesBox">
2018-03-05 17:33:16 +00:00
<p className="joinCodes">{ invite_link() }
<button className="button" onclick="Metamaps.GlobalUI.shareInvite('{ @invite_link }');">COPY INVITE LINK!</button>
2014-09-10 22:12:21 +00:00
</div>
2016-03-25 04:26:07 +00:00
2014-02-07 17:55:11 +00:00
</div>
2016-03-25 04:26:07 +00:00
2018-03-05 17:33:16 +00:00
<div className="lightboxContent" id="forkmap">
2018-03-04 02:25:42 +00:00
{ render :partial => 'shared/forkmap' }
2014-02-05 17:37:21 +00:00
</div>
2018-03-05 17:33:16 +00:00
<div className="lightboxContent" id="switchMetacodes">
2018-03-04 02:25:42 +00:00
{ render :partial => 'shared/switchmetacodes' }
</div>
2018-03-04 02:25:42 +00:00
{ end }
2016-03-25 04:26:07 +00:00
2014-02-05 05:03:44 +00:00
</div>
</div>
<div id="lightbox_screen" style="height: 100%;"></div>
2014-02-05 05:03:44 +00:00
</div>