Skip to content

Instantly share code, notes, and snippets.

@cpsubrian

cpsubrian/card.js

Last active August 29, 2015 14:05
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save cpsubrian/5fd15df70ccc94759238 to your computer and use it in GitHub Desktop.
Save cpsubrian/5fd15df70ccc94759238 to your computer and use it in GitHub Desktop.
Download ZIP
Test Card
Raw
card.js
variables.first = makeFirst(variables.first);
function makeFirst (first) {
return first + '(made)';
}
Raw
card.json
{
"title": "Test Card",
"description": "Testing various card features.",
"sizes": {
"twitter": {
"width": 800,
"height": 400,
"default": true
}
},
"wait": true,
"styles": [
"./styles.css"
],
"scripts": [
"./main.js"
],
"variables": {
"first": "Your",
"last": "Name",
"city": "Your City",
"state": "State",
"state_full": "State",
"avatar": "./images/avatar.png"
}
}
Raw
index.hbs
<!DOCTYPE html>
<html>
<head>
{{{styles}}}
</head>
<body {{{bodyClasses}}}>
<h1>{{first}} {{last}}</h1>
{{{scripts}}}
</body>
</html>
Raw
main.js
setTimeout(function () {
window.top.postMessage('loaded', '*');
}, 250);
Raw
styles.css
body {
background: blue;
color: yellow;
font-size: 40px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment