Skip to content

Instantly share code, notes, and snippets.

@javierarce
javierarce / block-art.html
Last active January 20, 2022 08:07
Block art
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}},"border":{"width":"0px","style":"none"}},"backgroundColor":"pale-pink"} -->
<div class="wp-block-group alignfull has-pale-pink-background-color has-background" style="border-style:none;border-width:0px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px"><!-- wp:group {"style":{"spacing":{"padding":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}}},"backgroundColor":"luminous-vivid-orange"} -->
<div class="wp-block-group has-luminous-vivid-orange-background-color has-background" style="padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px"><!-- wp:group {"style":{"spacing":{"padding":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}}},"backgroundColor":"vivid-red"} -->
<div class="wp-block-group has-vivid-red-background-color has-background" style="padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px"><!-- w
import gifAnimation.*;
GifMaker gifExport;
float angle = 0.1;
void setup() {
size(500, 500);
smooth();
noStroke();
curl 'https://rochoa.cartodb.com/api/v1/map' -H 'Origin: null' -H 'Accept-Encoding: gzip, deflate' -H 'Accept-Language: en-US,en;q=0.8' -H 'User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/40.0.2214.111 Safari/537.36' -H 'Content-Type: application/json' -H 'Accept: application/json, text/javascript, */*; q=0.01' -H 'Connection: keep-alive' --data-binary '{"layers":[{"type":"http","options":{"urlTemplate":"https://stamen-tiles-{s}.a.ssl.fastly.net/watercolor/{z}/{x}/{y}.png","subdomains":"abcd"}},{"type":"named","options":{"name":"tpl_9d99e242_5f9a_11e4_bc5f_0e853d047bba"}},{"type":"torque","options":{"sql":"select * from rochoa.car_log_nurburgring_2013_05_30","cartocss":"/** torque visualization */\n\nMap {\n-torque-frame-count:512;\n-torque-animation-duration:30;\n-torque-time-attribute:\"cartodb_id\";\n-torque-aggregation-function:\"count(cartodb_id)\";\n-torque-resolution:2;\n-torque-data-aggregation:linear;\n}\n\n#log_20140713_090002_20nurburgring_2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="http://www.google.com/jsapi"></script>
<script>google.load("jquery", "1.7.1");</script>
<style>
html, body, #map {
<!DOCTYPE html>
<html>
<head>
<title>Layer selector example | CartoDB.js</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" href="http://cartodb.com/assets/favicon.ico" />
<style>
html, body, #map {
height: 100%;
<!DOCTYPE html>
<html>
<head>
<title>Layer selector example | CartoDB.js</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" href="http://cartodb.com/assets/favicon.ico" />
<style>
html, body, #map {
height: 100%;
@javierarce
javierarce / index.html
Last active August 29, 2015 14:08
Map with image overlay
<!DOCTYPE html>
<html>
<head>
<title>Map with image overlay | CartoDB.js</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" href="http://cartodb.com/assets/favicon.ico" />
<style>
html, body, #map {
height: 100%;
@javierarce
javierarce / index.html
Created October 30, 2014 10:09
Map with image overlay
<!DOCTYPE html>
<html>
<head>
<title>Leaflet example | CartoDB.js</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" href="http://cartodb.com/assets/favicon.ico" />
<style>
html, body, #map {
height: 100%;
@javierarce
javierarce / gist:297f837db0f91c43564a
Created July 25, 2014 20:29
Retrieve the locations from Kickstarter
var locations = [];
$(".location").each(function(i, l) {
locations.push($.trim($(l).text()))
});
echo locations;
@javierarce
javierarce / template.html
Last active August 29, 2015 14:01
watchthemmove.tumblr.com theme
<!DOCTYPE html>
<html lang="en">
<head>
<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle} - {Description}</title>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<meta name="viewport" content="width=775, maximum-scale=1.0" />
<link rel="icon" href="{Favicon}"/>
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
<style>
@import url(http://fonts.googleapis.com/css?family=Asap:200,400,700,400italic,700italic);