2013-12-08 06:49:18 +00:00
|
|
|
extends ../layout
|
|
|
|
|
|
|
|
block content
|
|
|
|
.page-header
|
2013-12-12 07:21:39 +00:00
|
|
|
h2
|
2013-12-08 06:49:18 +00:00
|
|
|
i.fa.fa-picture-o
|
|
|
|
| Aviary API
|
2013-12-12 07:21:39 +00:00
|
|
|
|
2013-12-08 06:49:18 +00:00
|
|
|
.btn-group.btn-group-justified
|
2013-12-12 07:21:39 +00:00
|
|
|
a.btn.btn-primary(href='http://developers.aviary.com/docs/web/setup-guide#constructor', target='_blank')
|
2013-12-08 06:49:18 +00:00
|
|
|
i.fa.fa-check-square-o
|
|
|
|
| API Overview
|
2013-12-12 07:21:39 +00:00
|
|
|
a.btn.btn-primary(href='http://developers.aviary.com/docs/web/setup-guide#saving', target='_blank')
|
2013-12-08 06:49:18 +00:00
|
|
|
i.fa.fa-save
|
|
|
|
| Saving Images
|
2013-12-12 07:21:39 +00:00
|
|
|
a.btn.btn-primary(href='http://developers.aviary.com/docs/web/setup-guide#styling', target='_blank')
|
2013-12-08 06:49:18 +00:00
|
|
|
i.fa.fa-flask
|
|
|
|
| CSS Styling
|
2013-12-12 07:21:39 +00:00
|
|
|
br
|
|
|
|
p: button.btn.btn-success(onclick='return launchEditor("evanescence", "http://i.imgur.com/fM7OHvr.png");')
|
2013-12-08 06:49:18 +00:00
|
|
|
i.fa.fa-magic
|
|
|
|
| Edit Photo
|
|
|
|
img#evanescence(src='http://i.imgur.com/fM7OHvr.png')
|
|
|
|
|
|
|
|
script(src='http://feather.aviary.com/js/feather.js')
|
2014-01-07 23:47:16 +00:00
|
|
|
script.
|
2013-12-08 06:49:18 +00:00
|
|
|
var featherEditor = new Aviary.Feather({
|
|
|
|
apiKey: 'c83c98c0da041785',
|
|
|
|
apiVersion: 3,
|
|
|
|
theme: 'dark',
|
|
|
|
tools: 'all',
|
|
|
|
appendTo: '',
|
|
|
|
onSave: function(imageID, newURL) {
|
|
|
|
var img = document.getElementById(imageID);
|
|
|
|
img.src = newURL;
|
|
|
|
},
|
|
|
|
onError: function(errorObj) {
|
|
|
|
alert(errorObj.message);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
function launchEditor(id, src) {
|
|
|
|
featherEditor.launch({
|
|
|
|
image: id,
|
|
|
|
url: src
|
|
|
|
});
|
|
|
|
return false;
|
|
|
|
}
|