Skip to content

Instantly share code, notes, and snippets.

.sectionPanel .title, .sectionPanel .appTitle, #mobileView .title{
font-family: 'Oswald', sans-serif;
}
.sectionPanel .content, #mobileView .content{
font-family: 'Lora', serif;
}
.sectionPanel .content strong, #mobileView .content strong{
font-family: 'Lora', serif;
font-weight: bold;
}
<script type="text/javascript">
// Get the full url to the app so we can load the readmore.js file
var path = location.pathname.replace(/\/[^/]+$/, '/');
// require Readmore.js and app events
require(["dojo/topic", path + "app/readmore.min.js"], function(topic) {
// After each point change, call readmore on the description pane
topic.subscribe("maptour-point-change-after", function(){
$('.description').readmore({
collapsedHeight: 10,
blockCSS: 'float: left; padding: 10px;'
<div id="index-map">
<p id="index-map-info"></p>
<div id="index-map-helper" class="active">
<!-- Helper Tooltip text to show until user first clicks on the map -->
Click a park to explore
</div>
</div>
#index-map{
position: relative;
width: 100%;
height: 25%;
max-height: 400px;
min-height: 200px;
margin-bottom: 2px;
}
.sectionPanel .appTitle.anchored{
// Loading all required dojo and esri modules used in index map
require([
'dojo/topic',
'dojo/_base/array',
'dojo/dom-geometry',
'esri/map',
'esri/layers/CSVLayer',
'esri/Color',
'esri/symbols/SimpleMarkerSymbol',
'esri/renderers/UniqueValueRenderer',
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
<title>Load a basic WebMap - 4.1</title>
<style>
html,
body,
require([“dojo/topic”], function(topic) {
/* * Custom Javascript to be executed while the application is initializing goes here */
// The application is ready
topic.subscribe(“tpl-ready”, function(){
/* * Custom Javascript to be executed when the application is ready goes here */
// Add a click event for each group of buttons
// Use Jquery class selector (https://api.jquery.com/class-selector/) to select a group of buttons and add a click event
{
"brand": {
"primary": "#ff9f08",
"secondary":"#4fff00" ,
"gray": "#4c4c4c"
},
"text":{
"color": "#ffffff"
},
"logo": {
import Ember from 'ember';
const PersonArray = Ember.Object.extend({
shoppingList: ['eggs', 'cheese']
});
const a = PersonArray.create({
name: 'Stefan Penner',
addItem() {
this.get('shoppingList').pushObject('bacon');