Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Fetching contributors…

Cannot retrieve contributors at this time

220 lines (182 sloc) 8.494 kb
{% load mustachejs %}
{% load compress %}
{% load i18n %}
{% load shareabouts_utils %}
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="en" class="ie6"> <![endif]-->
<!--[if IE 7 ]> <html lang="en" class="ie7"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=IE7">
<title>{{ config.app.title }}</title>
<meta name="description" content="{{ config.app.meta_description }}">
<meta name="author" content="OpenPlans.org">
<!-- Mobile Viewport Fix -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<!-- Favicon & Progressively-Enhanced Touch Icons: http://mathiasbynens.be/notes/touch-icons#sizes -->
<link rel="shortcut icon" href="{{ config.static_url }}css/images/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ config.static_url }}css/images/apple-touch-icon-144x144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{ config.static_url }}css/images/apple-touch-icon-114x114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{ config.static_url }}css/images/apple-touch-icon-72x72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="{{ config.static_url }}css/images/apple-touch-icon-precomposed.png">
<!-- Google WebFonts -->
<!-- We shouldn't include this if the custom stylesheet overrides the #site-title font. -->
<link href='http://fonts.googleapis.com/css?family=Dancing+Script:700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="{{ STATIC_URL }}css/style.css">
<!-- Custom Stylesheet -->
<link rel="stylesheet" href="{{ config.static_url }}css/custom.css">
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="stylesheet" href="{{STATIC_URL}}libs/leaflet.css" />
<!--[if lte IE 8]>
<link rel="stylesheet" href="http://code.leafletjs.com/leaflet-0.3.1/leaflet.ie.css" />
<![endif]-->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
</head>
<body>
<header id="site-header" class="clearfix">
<h1 id="site-title"><a href="/">{{ config.app.name }}</a></h1>
<div id="pages-nav-container"></div>
</header>
<div class="unsupported-overlay"></div>
<div role="main" id="main">
<noscript>
<div class="noscript">
<h3>Oops, {{ config.app.name}} needs JavaScript to achieve full awesomeness.</h3>
<p>{{ config.app.name }} is great but it needs something called JavaScript to work
properly. But fear not, it's really easy to turn on. Click
<a href="http://enable-javascript.com/" target="_blank">here</a> for simple instructions!</p>
</div>
</noscript>
<div id="map-container">
<div id="map"></div>
</div>
<div id="content">
<a href="#" class="close-bttn">&#10005;<span>Close</span></a>
<article class="point"><!-- .point or .page -->
</article>
</div><!-- end #content -->
</div><!-- end #main -->
<div id="ticker">
<ul class="recent-points"></ul>
<p id="powered-by">Powered by <a href="http://shareabouts.org/">Shareabouts</a>.</p>
</div>
<footer id="colophon">
</footer>
<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="{{ STATIC_URL }}libs/jquery-1.7.2.js"><\/script>')</script><!-- FIXME: Maybe this should be pulled into the repo as a git submodule-->
{% compress js %}
<script src="{{STATIC_URL}}libs/leaflet.js"></script>
<script src="{{STATIC_URL}}libs/underscore-min.js"></script>
<script src="{{STATIC_URL}}libs/backbone-min.js"></script>
<script src="{{STATIC_URL}}libs/mustache.js"></script>
<script src="{{STATIC_URL}}libs/ICanHaz-no-mustache.min.js"></script>
<script src="{{STATIC_URL}}libs/moment.min.js"></script>
<script src="{{STATIC_URL}}js/utils.js"></script>
<script src="{{STATIC_URL}}js/template-helpers.js"></script>
<script>
$(function() {
// Check official browser support.
var userAgent = {{ user_agent_json|safe }};
if (!Shareabouts.Util.isSupported(userAgent)) {
var userAgentData = userAgent,
$unsupportedEl = $('.unsupported-overlay'),
unsupportedHtml;
userAgentData['is_ie'] = (userAgent.browser.name === 'Microsoft Internet Explorer');
unsupportedHtml = ich['unsupported-overlay'](userAgentData);
$unsupportedEl.hide()
$unsupportedEl.html(unsupportedHtml);
$unsupportedEl.slideDown();
$unsupportedEl.find('.close-bttn').click(function(evt) {
evt.preventDefault();
$unsupportedEl.slideUp();
return false;
})
}
});
</script>
<script src="{{STATIC_URL}}js/models.js"></script>
<script src="{{STATIC_URL}}js/views/pages-nav-view.js"></script>
<script src="{{STATIC_URL}}js/views/activity-view.js"></script>
<script src="{{STATIC_URL}}js/views/app-view.js"></script>
<script src="{{STATIC_URL}}js/views/layer-view.js"></script>
<script src="{{STATIC_URL}}js/views/map-view.js"></script>
<script src="{{STATIC_URL}}js/views/support-view.js"></script>
<script src="{{STATIC_URL}}js/views/survey-view.js"></script>
<script src="{{STATIC_URL}}js/views/place-detail-view.js"></script>
<script src="{{STATIC_URL}}js/views/place-form-view.js"></script>
<script src="{{STATIC_URL}}js/routes.js"></script>
{% endcompress %}
{% mustacheich "place-form" %}
{% mustacheich "place-detail" %}
{% mustacheich "place-detail-survey" %}
{% mustacheich "place-detail-support" %}
{% mustacheich "activity-list-item" %}
{% mustacheich "pages-nav-item" %}
{% mustacheich "pages-nav" %}
{% mustacheich "unsupported-overlay" %}
{% mustacheich "add-places" %}
<script type="text/javascript">
// moment.lang({{locale}});
(function(S, $){
// Boostrapping the place types and their icons
var placeConfig = {{ config.place|as_json }},
placeTypesConfig = {{ config.place_types|as_json }},
placeTypeIconsConfig = {{ config.place_type_icons|as_json }},
placeTypeIcons = {},
placeTypes = {},
surveyConfig = {{ config.survey|as_json }},
supportConfig = {{ config.support|as_json }},
mapConfig = {{ config.map|as_json }},
activityConfig = {{ config.activity|as_json }},
pagesConfig = {{ pages_config_json|safe }},
defaultPlaceTypeName = '{{ default_place_type }}';
// Define each Leaflet Icon type
_.each(placeTypeIconsConfig, function(config, name) {
placeTypeIcons[name] = L.icon({
iconUrl: config.iconUrl,
shadowUrl: config.shadowUrl,
iconSize: new L.Point(config.iconSize.width, config.iconSize.height),
iconAnchor: new L.Point(config.iconAnchor.x, config.iconAnchor.y),
popupAnchor: new L.Point(config.iconAnchor.x, config.iconAnchor.y)
});
});
// Init each icon and attach it to its type
_.each(placeTypesConfig, function(config, name) {
if (!defaultPlaceTypeName || name.toLowerCase() === defaultPlaceTypeName.toLowerCase()) {
placeTypes[name] = {
'default': placeTypeIcons[config['default']],
'focused': placeTypeIcons[config.focused]
};
// Update in case if there is a case issue
if(defaultPlaceTypeName) {
defaultPlaceTypeName = name;
}
}
});
$(function() {
// Ready set go!
window.app = new Shareabouts.App({
defaultPlaceTypeName: defaultPlaceTypeName,
places: {{ places_json|safe }},
activity: {{ activity_json|safe }},
userToken: {{ user_token_json|safe }},
placeTypes: placeTypes,
surveyConfig: surveyConfig,
supportConfig: supportConfig,
pagesConfig: pagesConfig,
mapConfig: mapConfig,
placeConfig: placeConfig,
activityConfig: activityConfig
});
});
})(Shareabouts, jQuery);
</script>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.