SF Typeface

_.md

[ Launch: Gradient big ] 4736823 by roundrobin
[ Launch: Tributary inlet ] 4736799 by roundrobin

config.json

{"description":"SF Typeface","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"thumbnail":"http://i.imgur.com/G9IaJp0.png"}

inlet.js

var defs = g.append('defs');


var gradient = defs.append('linearGradient')
	.attr({
	x1: '0%',
	x2: '0%',
	y1: '0%',
	y2: '100%',	
  spreadMethod: 'pad',
  id: 'gradient1'
	});
gradient.append('stop')
.attr({'stop-color':'#FF00FF', 'stop-opacity': '1', offset:'0%'})

gradient.append('stop')
.attr({'stop-color':'#00FFD6', 'stop-opacity': '1', offset:'100%'})
g.append("rect")
.attr({
		width: tributary.sw,
		height: tributary.sh,
		fill: "url(#gradient1)"
});


g.append('text')
.text("san francisco")
.attr({
	fill: "#ECECEC",
  	'fill-opacity': "0.1",
	x: tributary.sw / 2,
	y: tributary.sh / 2,
	"font-size": 100,
	"font-family": "Futura",
	"text-anchor": "middle"
})
.style('text-shadow','2px 2px 0px yellow');



g.append('text')
.text("\uF0ED")
.attr({
	fill: "#ECECEC",
  	'fill-opacity': "0.1",
	x: tributary.sw / 2.688,
	y: tributary.sh / 3.32,
	"font-size": 100,
	"font-family": "Webdings",
	"text-anchor": "middle"
})
.style('text-shadow','2px 2px 0px yellow');

var a1 = {
	fill: "#ECECEC",
  	'fill-opacity': "1",
	x: tributary.sw / 2.688,
	y: tributary.sh / 1.4168,
	"font-size": 100,
	"font-family": "Webdings",
	"text-anchor": "middle"
}

g.append('text').text("\uF0FB").attr(a1).attr({x: 164})
g.append('text').text("\uF0B2").attr(a1).attr({x: 338})
g.append('text').text("\uF0B5").attr(a1).attr({x: 490})