ssylvia’s gists

ssylvia / blogs_2015_googleFonts.css

Last active October 28, 2015 14:57

CSS used in adding Google Fonts to a Story Map Journal: https://medium.com/developing-a-story-map/jazz-up-your-story-maps-with-google-fonts-65f4cefb38f8#.xw8o37u8x

	.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;
	}

ssylvia / blogs_2015_readmorejs.html

Created October 28, 2015 15:04

	<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;'

ssylvia / blogs_2016_mapJournalIndexMap.html

Last active February 29, 2016 17:49

	<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>

ssylvia / blogs_2016_mapJournalIndexMap.css

Last active February 29, 2016 17:49

	#index-map{
	position: relative;
	width: 100%;
	height: 25%;
	max-height: 400px;
	min-height: 200px;
	margin-bottom: 2px;
	}

	.sectionPanel .appTitle.anchored{

ssylvia / blogs_2016_mapJournalIndexMap.js

Last active February 29, 2016 17:48

	// 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',

ssylvia / webmap_destroy_4.x.html

Created July 14, 2016 21:07

	<!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,

ssylvia / map-journal-active-buttons-on-click.js

Last active July 19, 2016 14:35

	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

ssylvia / theme.json

Created July 28, 2016 21:41

ssylvia / crowdsource-report-show-gallery.js

Created August 16, 2016 12:52

	show: function () {
	domStyle.set(this.likeButton, 'display', this.actionVisibilities.showVotes ? 'inline-block' : 'none');
	domStyle.set(this.commentButton, 'display', this.actionVisibilities.showComments ? 'inline-block' : 'none');
	domStyle.set(this.galleryButton, 'display', 'none');
	domStyle.set(this.domNode, 'display', '');

	if (this.actionVisibilities.showGallery) {
	if (domClass.contains(self.gallery, "esriCTHidden")) {
	self._showAttachments(self.item);
	}

ssylvia / controllers.application.js

Last active August 4, 2017 17:36

TestOverride

	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');

Stephen Sylvia ssylvia