302 lines
10 KiB
HTML
302 lines
10 KiB
HTML
<!--
|
|
|
|
Do you want to learn more about web development using Ruby or Javascript?
|
|
|
|
Metamaps.cc is an open source project, and we are always looking for new
|
|
developers to help contribute to our codebase! To get involved, send an
|
|
email to team@metamaps.cc or find us on Github at
|
|
https://github.com/metamaps/metamaps.
|
|
|
|
-->
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>Metamaps</title>
|
|
|
|
<link rel="stylesheet" media="all" href="/css/application.css">
|
|
|
|
<!-- typekit for vinyl font -->
|
|
<script type="text/javascript" src="https://use.typekit.net/tki2nyo.js"></script>
|
|
<script type="text/javascript">try { Typekit.load(); } catch (e) { }</script>
|
|
|
|
<!--[if (IE)]>
|
|
<style type="text/css">
|
|
#lightbox_overlay {
|
|
display: block;
|
|
}
|
|
|
|
#lightbox_main {
|
|
top: 50%;
|
|
margin-top: -281px;
|
|
}
|
|
|
|
#lightbox_screen {
|
|
height: 100%;
|
|
opacity: 0.42;
|
|
}
|
|
|
|
.lightboxContent {
|
|
display: none;
|
|
}
|
|
|
|
#noIE {
|
|
display: block;
|
|
}
|
|
|
|
#lightbox_close {
|
|
display: none;
|
|
}
|
|
|
|
</style>
|
|
<script type="text/javascript">
|
|
$(document).ready(function(){
|
|
$("#lightbox_screen").unbind().click(function(event){
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
return false;
|
|
});
|
|
});
|
|
</script>
|
|
<![endif]-->
|
|
|
|
</head>
|
|
|
|
<body class="unauthenticated">
|
|
<div class="main">
|
|
<div id="app"></div>
|
|
<div id="loading"></div>
|
|
</div>
|
|
<script src="/lib/jquery-1.12.4.min.js"></script>
|
|
<script src="/lib/jquery-ui.min.js"></script>
|
|
<script src="/lib/ajaxq.js"></script>
|
|
<script src="/lib/best_in_place.js"></script>
|
|
<script src="/lib/bitcoinsrc.js"></script>
|
|
<script src="/lib/canvas-to-blob.min.js"></script>
|
|
<script src="/lib/canvasloader.min.js"></script>
|
|
<script src="/lib/cloudcarousel.js"></script>
|
|
<script src="/lib/Countable.js"></script>
|
|
<script src="/lib/embedly.js"></script>
|
|
<script src="/lib/hogan-2.0.0.js"></script>
|
|
<script src="/lib/jquery.lettering.js"></script>
|
|
<script src="/lib/jquery.mousewheel.min.js"></script>
|
|
<script src="/lib/jquery.roundabout.min.js"></script>
|
|
<script src="/lib/jquery.typing-0.2.0.min.js"></script>
|
|
<script src="/lib/typeahead.bundle.js"></script>
|
|
<script type="text/javascript" src="/metamaps.bundle.js"></script>
|
|
<!--
|
|
Metamaps.ServerData.mobileTitle = "{ yield(:mobile_title) }"
|
|
{ if devise_error_messages? }
|
|
Metamaps.ServerData.toast = "{ devise_error_messages! }"
|
|
{ elsif notice }
|
|
Metamaps.ServerData.toast = "{ notice }"
|
|
{ elsif alert }
|
|
Metamaps.ServerData.toast = "{ alert }"
|
|
{ end }
|
|
|
|
{ render :partial => 'shared/metacodeCssColors' }
|
|
{ render :partial => 'layouts/googleanalytics' if ENV["GA_TRACKING_CODE"].present? }
|
|
|
|
-->
|
|
<script type="text/javascript">
|
|
Metamaps.ServerData = Metamaps.ServerData || {}
|
|
Metamaps.ServerData.RAILS_ENV = 'development'
|
|
Metamaps.ServerData['junto_spinner_darkgrey.gif'] = '/images/junto_spinner_darkgrey.gif'
|
|
Metamaps.ServerData['user.png'] = '/images/user.png'
|
|
Metamaps.ServerData['icons/wildcard.png'] = '/images/icons/wildcard.png'
|
|
Metamaps.ServerData['topic_description_signifier.png'] = '/images/topic_description_signifier.png'
|
|
Metamaps.ServerData['topic_link_signifier.png'] = '/images/topic_link_signifier.png'
|
|
Metamaps.ServerData['synapse16.png'] = '/images/synapse16.png'
|
|
Metamaps.ServerData['sounds/MM_sounds.mp3'] = '/images/sounds/MM_sounds.mp3'
|
|
Metamaps.ServerData['sounds/MM_sounds.ogg'] = '/images/sounds/MM_sounds.ogg'
|
|
Metamaps.ServerData['exploremaps_sprite.png'] = '/images/exploremaps_sprite.png'
|
|
Metamaps.ServerData['map_control_sprite.png'] = '/images/map_control_sprite.png'
|
|
Metamaps.ServerData['user_sprite.png'] = '/images/user_sprite.png'
|
|
Metamaps.Loading.setup()
|
|
</script>
|
|
|
|
<div class="templates">
|
|
<script type="text/template" id="mapInfoBoxTemplate">
|
|
<div class="requestTitle">Click here to name this map</div>
|
|
<div class="mapInfoName" id="mapInfoName">{{{name}}}</div>
|
|
|
|
<div class="mapInfoStat">
|
|
<div class="infoStatIcon mapContributors hoverForTip">
|
|
<img id="mapContribs" class="{{contributors_class}}"
|
|
width="25" height="25" src="{{contributor_image}}" />
|
|
<span class="count">{{contributor_count}}</span>
|
|
<div class="tip">{{{contributor_list}}}</div>
|
|
</div>
|
|
<div class="infoStatIcon mapTopics">
|
|
{{topic_count}}
|
|
</div>
|
|
<div class="infoStatIcon mapSynapses">
|
|
{{synapse_count}}
|
|
</div>
|
|
<div class="infoStatIcon mapPermission {{permission}} hoverForTip">
|
|
{{{map_creator_tip}}}
|
|
</div>
|
|
<div class="clearfloat"></div>
|
|
</div>
|
|
<div class="mapInfoDesc" id="mapInfoDesc">
|
|
{{{desc}}}
|
|
</div>
|
|
|
|
<div class="mapInfoMeta">
|
|
<p class="mapCreatedAt"><span>Created by:</span> {{user_name}} on {{created_at}}</p>
|
|
<p class="mapEditedAt"><span>Last edited:</span> {{updated_at}}</p>
|
|
<div class="mapInfoButtonsWrapper">
|
|
<div class="mapInfoThumbnail">
|
|
<div class="thumbnail"></div>
|
|
<div class="tooltip">Update Thumbnail</div>
|
|
<span>Thumb</span>
|
|
</div>
|
|
<div class="mapInfoDelete">
|
|
<div class="deleteMap"></div>
|
|
<span>Delete</span>
|
|
</div>
|
|
<div class="mapInfoShare">
|
|
<div class="mapInfoShareIcon"></div>
|
|
<span>Share</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</script>
|
|
|
|
<script type="text/template" id="topicSearchTemplate">
|
|
<div class="result{{rtype}}">
|
|
<div class="topicMetacode searchResIconWrapper">
|
|
<img src="{{typeImageURL}}" class="topicIcon" />
|
|
<div class="metacodeTip">{{type}}</div>
|
|
</div>
|
|
<div class="resultText">
|
|
<p class="resultTitle">{{label}}</p>
|
|
<p class="resultDesc">{{description}}</p>
|
|
</div>
|
|
<div class="autoOptions">
|
|
<button class="addToMap hoverForTip" onclick="return Metamaps.Topic.getTopicFromSearch(event, {{id}})">
|
|
<span class="tip">add to map</span>
|
|
</button>
|
|
<div class="mapCount">
|
|
{{mapCount}}
|
|
</div>
|
|
<div class="synapseCount">
|
|
{{synapseCount}}
|
|
</div>
|
|
<div class="topicOriginatorIcon hoverForTip">
|
|
<img width="18" height="18" src="{{originatorImage}}">
|
|
<span class="tip topicOriginator">{{originator}}</span>
|
|
</div>
|
|
<div class="topicPermission {{permission}}">
|
|
</div>
|
|
</div>
|
|
<div class="clearfloat"></div>
|
|
</div>
|
|
</script>
|
|
|
|
<script type="text/template" id="mapSearchTemplate">
|
|
<div class="result{{rtype}}">
|
|
<div class="searchResIconWrapper">
|
|
<img class="icon" src="/images/metamap36c.png">
|
|
</div>
|
|
<div class="resultText">
|
|
<p class="resultTitle">{{label}}</p>
|
|
<p class="resultDesc">{{description}}</p>
|
|
</div>
|
|
<div class="autoOptions">
|
|
<div class="topicCount">
|
|
{{topicCount}}
|
|
</div>
|
|
<div class="synapseCount">
|
|
{{synapseCount}}
|
|
</div>
|
|
<div class="mapContributorsIcon hoverForTip">
|
|
<img id="mapContribs" width="25" height="25" src="{{mapContributorImage}}" />
|
|
<div class="tip">
|
|
<ul>
|
|
{{{contributorTip}}}
|
|
</ul>
|
|
</div>
|
|
<span>{{contributorCount}}</span>
|
|
</div>
|
|
<div class="mapPermission {{permission}}">
|
|
</div>
|
|
</div>
|
|
<div class="clearfloat"></div>
|
|
</div>
|
|
</script>
|
|
|
|
<script type="text/template" id="mapperSearchTemplate">
|
|
<div class="result{{rtype}}">
|
|
<div class="searchResIconWrapper">
|
|
<img class="icon" width="32" height="32" src="{{profile}}">
|
|
</div>
|
|
<div class="resultText">
|
|
<p class="resultTitle">{{label}}</p>
|
|
</div>
|
|
<div class="autoOptions">
|
|
<div class="mapperCreated">
|
|
<p>Mapping since: {{created_at}}</p>
|
|
</div>
|
|
<div class="mapperGeneration">
|
|
<p>Generation: {{generation}}</p>
|
|
</div>
|
|
<div class="mapCount">
|
|
{{mapCount}}
|
|
</div>
|
|
</div>
|
|
<div class="clearfloat"></div>
|
|
</div>
|
|
</script>
|
|
|
|
<script type="text/template" id="collaboratorSearchTemplate">
|
|
<div class="collabResult">
|
|
<div class="collabIconWrapper">
|
|
<img class="icon" width="25" height="25" src="{{profile}}">
|
|
</div>
|
|
<div class="collabNameWrapper">
|
|
<p class="collabName">{{label}}</p>
|
|
</div>
|
|
<div class="clearfloat"></div>
|
|
</div>
|
|
</script>
|
|
|
|
<script type="text/template" id="synapseAutocompleteTemplate">
|
|
<div class="result{{rtype}}">
|
|
<p class="autocompleteSection synapseDesc">{{label}}</p>
|
|
<div class="synapseMetadata">
|
|
<div class="synapseOriginatorIcon hoverForTip">
|
|
<img width="24" height="24" src="{{originatorImage}}" />
|
|
<span class="tooltips synapseOriginator">{{originator}}</span>
|
|
</div>
|
|
<div class="synapsePermission {{permission}}"></div>
|
|
</div>
|
|
<div class="clearfloat"></div>
|
|
</div>
|
|
</script>
|
|
|
|
<script type="text/template" id="topicAutocompleteTemplate">
|
|
<div>
|
|
<img class="autocompleteSection topicType" width="24" height="24"
|
|
src="{{typeImageURL}}" alt="{{type}}" title="{{type}}" />
|
|
<p class="autocompleteSection topicTitle">{{label}}</p>
|
|
<div class="expandTopicMetadata"></div>
|
|
<div class="topicMetadata">
|
|
<div class="topicNumMaps">{{mapCount}}</div>
|
|
<div class="topicNumSynapses">{{synapseCount}}</div>
|
|
<div class="topicOriginatorIcon hoverForTip">
|
|
<img width="24" height="24" src="{{originatorImage}}" />
|
|
<span class="tooltips topicOriginator">{{originator}}</span>
|
|
</div>
|
|
<div class="topicPermission {{permission}}"></div>
|
|
</div>
|
|
<div class="clearfloat"></div>
|
|
</div>
|
|
</script>
|
|
</div>
|
|
</body>
|
|
</html> |