Skip to content

Instantly share code, notes, and snippets.

@derkzomer
Created December 11, 2020 09:27
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save derkzomer/78cc7527d293fd1b8b26fc29c063c931 to your computer and use it in GitHub Desktop.
Save derkzomer/78cc7527d293fd1b8b26fc29c063c931 to your computer and use it in GitHub Desktop.
{
"timeline": {
"soundtrack": {
"src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/music/freepd/happy-whistling-ukulele.mp3",
"effect": "fadeOut"
},
"fonts": [
{
"src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/fonts/LovelyCoffee.ttf"
},
{
"src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/fonts/Congrats.ttf"
},
{
"src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/fonts/Emberly-Regular.ttf"
},
{
"src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/fonts/NexaDemo-Bold.ttf"
},
{
"src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/fonts/FiraCode-Regular.ttf"
},
{
"src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/fonts/Nexa-Bold.otf"
}
],
"background": "#000000",
"tracks": [
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p>Happy</p>",
"css": "p { font-family: \"Nexa Bold\"; font-size: 240px; color: white; text-align: left; } span { color: #e67e22; }"
},
"start": 0.2,
"length": 0.75,
"offset":{
"y": 0.25,
"x": 0.05
}
},
{
"asset": {
"type": "html",
"html": "<p>Hap<span>py</span></p>",
"css": "p { font-family: \"Nexa Bold\"; font-size: 240px; color: white; text-align: left; } span { color: #e67e22; }"
},
"start": 0.70,
"length": 3.1,
"offset":{
"y": 0.25,
"x": 0.05
},
"transition":{
"out": "carouselUp"
}
},
{
"asset": {
"type": "html",
"html": "<p><b>Birthday</b></p>",
"css": "p { font-family: \"Nexa Bold\"; font-size: 240px; color: white; text-align: left; } span { color: #e67e22; }"
},
"start": 1.4,
"length": 0.5,
"offset":{
"y": 0,
"x": 0.05
}
},
{
"asset": {
"type": "html",
"html": "<p><b><span>Birth</span>day</b></p>",
"css": "p { font-family: \"Nexa Bold\"; font-size: 240px; color: white; text-align: left; } span { color: #e67e22; }"
},
"start": 1.9,
"length": 1.9,
"offset":{
"y": 0,
"x": 0.05
},
"transition":{
"out": "carouselRight"
}
},
{
"asset": {
"type": "html",
"html": "<p>Dan</p>",
"css": "p { font-family: \"Nexa Bold\"; font-size: 240px; color: #ffffff; text-align: left; }"
},
"start": 2.35,
"length": 1.45,
"offset":{
"y": -0.23,
"x": 0.05
},
"transition":{
"out": "carouselDown"
}
},
{
"asset": {
"type": "html",
"html": "<p>You're</p>",
"css": "p { font-family: \"Nexa Bold\"; font-size: 220px; color: white; text-align: left; }"
},
"start": 3.8,
"length": 1.1,
"offset":{
"y": 0.25,
"x": 0.05
}
},
{
"asset": {
"type": "html",
"html": "<p>Turning</p>",
"css": "p { font-family: \"Nexa Bold\"; font-size: 220px; color: white; text-align: left; }"
},
"position": "center",
"start": 4.2,
"length": 0.9,
"offset":{
"y": 0.03,
"x": 0.05
}
},
{
"asset": {
"type": "html",
"html": "<p>You're</p>",
"css": "p { font-family: \"Nexa Bold\"; font-size: 220px; color: #3498db; text-align: left; }"
},
"start": 4.9,
"length": 1.6,
"offset":{
"y": 0.25,
"x": 0.05
},
"transition":{
"out": "zoom"
}
},
{
"asset": {
"type": "html",
"html": "<p>Turning</p>",
"css": "p { font-family: \"Nexa Bold\"; font-size: 220px; color: #3498db; text-align: left; }"
},
"position": "center",
"start": 5.1,
"length": 1.4,
"offset":{
"y": 0.03,
"x": 0.05
},
"transition":{
"out": "zoom"
}
},
{
"asset": {
"type": "html",
"html": "<p><b>Thirty Three</b></p>",
"css": "p { font-family: \"Nexa Bold\"; font-size: 280px; color: white; text-align: left; }"
},
"position": "center",
"start": 5.2,
"length": 1.3,
"offset":{
"y": -0.23,
"x": 0.05
},
"transition":{
"in": "zoom",
"out": "zoom"
}
},
{
"asset": {
"type": "html",
"html": "<p>But You</p>",
"css": "p { font-family: \"Nexa Bold\"; font-size: 220px; color: white; text-align: left;} span { color: #f1c40f }"
},
"position": "left",
"start": 7.65,
"length": 0.48,
"offset":{
"y": 0.3,
"x": 0.05
}
},
{
"asset": {
"type": "html",
"html": "<p>But <span>You</span></p>",
"css": "p { font-family: \"Nexa Bold\"; font-size: 220px; color: white; text-align: left;} span { color: #f1c40f }"
},
"position": "left",
"start": 8.1,
"length": 2.6,
"offset":{
"y": 0.3,
"x": 0.05
},
"transition": {
"out": "carouselLeft"
}
},
{
"asset": {
"type": "html",
"html": "<p>Don't Look</p>",
"css": "p { font-family: \"Nexa Bold\"; font-size: 220px; color: white; text-align: left;} span { color: #f1c40f }"
},
"position": "left",
"start": 8.9,
"length": 0.3,
"offset":{
"y": 0,
"x": 0.05
}
},
{
"asset": {
"type": "html",
"html": "<p><span>Don't</span> Look</p>",
"css": "p { font-family: \"Nexa Bold\"; font-size: 220px; color: white; text-align: left;} span { color: #f1c40f }"
},
"position": "left",
"start": 9.2,
"length": 1.6,
"offset":{
"y": 0,
"x": 0.05
},
"transition": {
"out": "carouselLeft"
}
},
{
"asset": {
"type": "html",
"html": "<p>A Day Over</p>",
"css": "p { font-family: \"Nexa Bold\"; font-size: 220px; color: white; text-align: left;}"
},
"position": "left",
"start": 9.6,
"length": 1.3,
"offset":{
"y": -0.3,
"x": 0.05
},
"transition": {
"out": "carouselLeft"
}
},
{
"asset": {
"type": "html",
"html": "<p><b>25</b></p>",
"css": "p { font-family: \"Nexa Bold\"; font-size: 720px; color: #ffffff; text-align: left;}"
},
"position": "center",
"start": 11.15,
"length": 2.5,
"offset":{
"y": -0.05,
"x": 0.05
},
"transition": {
"out": "carouselLeft"
}
},
{
"asset": {
"type": "html",
"html": "<p>To</p>",
"css": "p { font-family: \"Nexa Bold\"; font-size: 120px; color: #3498db; text-align: left;}"
},
"start": 15.3,
"length": 0.3,
"offset":{
"y": 0.30,
"x": 0.32
}
},
{
"asset": {
"type": "html",
"html": "<p><span>To </span>Celebrate</p>",
"css": "p { font-family: \"Nexa Bold\"; font-size: 120px; color: white; text-align: left;} span { color: #3498db; }"
},
"start": 15.6,
"length": 6.4,
"offset":{
"y": 0.30,
"x": 0.32
}
},
{
"asset": {
"type": "html",
"html": "<p>Use</p>",
"css": "p { font-family: \"Nexa Bold\"; font-size: 120px; color: #ffffff; text-align: left;}"
},
"start": 15.8,
"length": 0.2,
"offset":{
"y": 0.10,
"x": 0.305
}
},
{
"asset": {
"type": "html",
"html": "<p>Use The Code</p>",
"css": "p { font-family: \"Nexa Bold\"; font-size: 120px; color: #ffffff; text-align: left;}"
},
"start": 16.0,
"length": 0.6,
"offset":{
"y": 0.10,
"x": 0.305
}
},
{
"asset": {
"type": "html",
"html": "<p>Use <span>The Code</span></p>",
"css": "p { font-family: \"Nexa Bold\"; font-size: 120px; color: #ffffff; text-align: left;} span { color: #3498db; }"
},
"start": 16.6,
"length": 5.4,
"offset":{
"y": 0.10,
"x": 0.305
}
},
{
"asset": {
"type": "html",
"html": "<p>Dan25</p>",
"css": "p { font-family: \"Fira Coda\"; font-size: 80px; color: #3498db; text-align: center; background-color: #ffffff; padding: 60px; line-height: 200px; }",
"width": 600,
"height": 200
},
"start": 17.2,
"length": 4.8,
"offset":{
"y": -0.05,
"x": 0
}
},
{
"asset": {
"type": "html",
"html": "<p>For 25% Off</p>",
"css": "p { font-family: \"Nexa Bold\"; font-size: 120px; color: #3498db; text-align: left;} span { color: #e74c3c; }"
},
"start": 19.1,
"length": 0.4,
"offset":{
"y": -0.30,
"x": 0.03
}
},
{
"asset": {
"type": "html",
"html": "<p>For 25% Off Your</p>",
"css": "p { font-family: \"Nexa Bold\"; font-size: 120px; color: #3498db; text-align: left;} span { color: #e74c3c; }"
},
"start": 19.5,
"length": 0.2,
"offset":{
"y": -0.30,
"x": 0.03
}
},
{
"asset": {
"type": "html",
"html": "<p>For 25% Off Your Next</p>",
"css": "p { font-family: \"Nexa Bold\"; font-size: 120px; color: #3498db; text-align: left;} span { color: #e74c3c; }"
},
"start": 19.7,
"length": 0.2,
"offset":{
"y": -0.30,
"x": 0.03
}
},
{
"asset": {
"type": "html",
"html": "<p>For 25% Off Your Next Purchase</p>",
"css": "p { font-family: \"Nexa Bold\"; font-size: 120px; color: #3498db; text-align: left;} span { color: #e74c3c; }"
},
"start": 19.9,
"length": 0.5,
"offset":{
"y": -0.30,
"x": 0.03
}
},
{
"asset": {
"type": "html",
"html": "<p>For <span>25% Off</span> Your Next Purchase</p>",
"css": "p { font-family: \"Nexa Bold\"; font-size: 120px; color: #3498db; text-align: left;} span { color: #e74c3c; }"
},
"start": 20.3,
"length": 1.7,
"offset":{
"y": -0.30,
"x": 0.03
}
}
]
},
{
"clips": [
{
"asset": {
"type": "video",
"src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/birthday.mp4"
},
"start": 0,
"length": 6.5
},
{
"asset": {
"type": "video",
"src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/sparks-sd.mp4",
"trim": 3
},
"start": 6.5,
"length": 7.5
},
{
"asset": {
"type": "video",
"src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/confetti.mp4"
},
"start": 14,
"length": 8
}
]
}
]
},
"output": {
"format": "mp4",
"resolution": "1080"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment