metamaps--metamaps/app/views/layouts/_lightboxes.html.erb

<%#
  # @file
  # The inner HTML of the account box that comes up in the bottom left
  #%>


<div id="lightbox_overlay">
  <div id="lightbox_main">
    <a id="lightbox_close" onclick="$('#lightbox_overlay').hide();return false" href="#"></a>
    <div id="lightbox_content">
      
      <div class="lightboxContent" id="about">
        <h3>About Metamaps.cc</h3>
        
        <p>
         Metamaps is an online interface for communities to build and visualize their shared knowledge. It is a tool to connect people, resources, and ideas in 'big picture' views without losing context or detail. 
        </p>
        <p>
        Metamaps provide a natural window into complex systems, sparking insights, creative opportunities, and social synergy. The platform is evolving to meet a growing range of application scenarios.
        </p>
        <p>
        The Metamaps project is a collaborative venture powered by a passionate network of peers, dedicated to the wealth of knowledge we find in common.
        </p>
        
        <ul>
          <li><a href="/faq">FAQ</a></li>
          <li><a href="http://blog.metamaps.cc" target="_blank">blog</a></li>
          <li><a href="https://plus.google.com/u/0/communities/115060009262157699234" target="_blank">community</a></li>
          <li><a href="https://twitter.com/metamapps" target="_blank">@metamapps</a></li>
          <li><a href="https://github.com/Connoropolous/metamaps_gen002" target="_blank">source code</a></li>
          <li><a href="http://metamaps.cc/maps/331" target="_blank">terms</a></li>
        </ul>
        <div class="clearfloat"></div>
      </div>
      
      <div class="lightboxContent" id="tutorial">
        <h3>Tutorial</h3>
        <iframe width="510" height="383" src="//www.youtube.com/embed/0Bd8XxlNG3U?rel=0" frameborder="0" allowfullscreen></iframe>
      </div>
      
      <div class="lightboxContent" id="cheatsheet">
        <h3>Quick Reference Guide</h3>
        
        <div class="cheatsheetBox">
        
        </div>
        <div class="cheatsheetBox">
        
        </div>
        <div class="cheatsheetBox">
        
        </div>
        <div class="cheatsheetBox">
        
        </div>
        <div class="cheatsheetBox">
        
        </div>
        <div class="cheatsheetBox">
        
        </div>
      </div>
      
      <% if authenticated? %>
        <% # this is the create new map form %>
        <div class="lightboxContent" id="newmap">  
          <%= render :partial => 'maps/new' %>
        </div>
      
        <% if (controller_name == "maps" || controller_name == "topics" ) && action_name == "show"  %>
        <div class="lightboxContent" id="forkmap">  
          <%= render :partial => 'maps/fork' %>
        </div>
        <% end %>
      <% end %>
      
    </div>
  </div>
  <div id="lightbox_screen" onclick="$('#lightbox_overlay').hide();return false" style="height: 100%;"></div>
</div>