Skip to content

Instantly share code, notes, and snippets.

@koshuang

koshuang/builder.io.page.json

Created July 19, 2021 20:47
Show Gist options
  • Save koshuang/ed68d6440555e547f9b055208d97f3ca to your computer and use it in GitHub Desktop.
Save koshuang/ed68d6440555e547f9b055208d97f3ca to your computer and use it in GitHub Desktop.
Download ZIP
Raw
builder.io.page.json
{
"results": [
{
"_id": "0751e5e663504ca2b82cd297808573b2",
"@version": 3,
"createdBy": "sRP1UZAg91WThqsNsKNWLtc99Se2",
"createdDate": 1626726890173,
"data": {
"blocks": [
{
"@type": "@builder.io/sdk:Element",
"@version": 2,
"layerName": "Collection showcase",
"id": "builder-46e9f535335d447fb84ca88b258b72da",
"animations": [
{
"trigger": "hover",
"animation": "custom",
"steps": [
{
"id": "02c536248e5142aa80ae2c688e2c287f",
"isStartState": false,
"styles": {},
"delay": 0
},
{
"id": "3336b2cdaca0462f8120cc1126a1b863",
"isStartState": false,
"styles": {
"overflow": "hidden",
"transition": "transform 0.3s ease-in-out",
"_newProperty": ""
},
"delay": 0
}
],
"delay": 0,
"duration": 0.5,
"easing": "cubic-bezier(.37,.01,0,.98)",
"repeat": false
}
],
"groupLocked": true,
"children": [
{
"@type": "@builder.io/sdk:Element",
"@version": 2,
"id": "builder-eec022f7047846e6910081d345704e55",
"animations": [
{
"trigger": "pageLoad",
"animation": "fadeInUp",
"steps": [
{
"id": "f81d41a455164db2819ebce10760c271",
"isStartState": false,
"styles": {
"opacity": "0",
"transform": "translate3d(0, 20px, 0)"
},
"delay": 0
},
{
"id": "d073cf577a314db18e8e9ff818ecd863",
"isStartState": false,
"styles": { "opacity": "1", "transform": "none" },
"delay": 0
}
],
"delay": 0,
"duration": 0.5,
"easing": "cubic-bezier(.37,.01,0,.98)",
"repeat": false
}
],
"children": [
{
"@type": "@builder.io/sdk:Element",
"@version": 2,
"id": "builder-fb97088cc6fc4ad781633e51af1d6a18",
"animations": [
{
"trigger": "pageLoad",
"animation": "fadeInUp",
"steps": [
{
"id": "b72943daf3ab4d87adea5a33ef4b6f34",
"isStartState": false,
"styles": {
"opacity": "0",
"transform": "translate3d(0, 20px, 0)"
},
"delay": 0
},
{
"id": "825e0eaefc434e20a81b43d5a374278a",
"isStartState": false,
"styles": { "opacity": "1", "transform": "none" },
"delay": 0
}
],
"delay": 0,
"duration": 0.5,
"easing": "cubic-bezier(.37,.01,0,.98)",
"repeat": false
}
],
"component": {
"name": "Text",
"options": { "text": "<h3>New Collection</h3>" }
},
"responsiveStyles": {
"large": {
"display": "flex",
"flexDirection": "column",
"alignItems": "stretch",
"position": "relative",
"flexShrink": "0",
"boxSizing": "border-box",
"marginTop": "0px",
"lineHeight": "normal",
"height": "auto",
"textAlign": "left",
"color": "rgba(251, 251, 251, 1)",
"fontWeight": "500",
"letterSpacing": ".2em",
"fontSize": "12px"
}
}
},
{
"@type": "@builder.io/sdk:Element",
"@version": 2,
"id": "builder-e21fd7dc4a7643989e55f94ef50a9964",
"animations": [
{
"trigger": "scrollInView",
"animation": "fadeInUp",
"steps": [
{
"id": "4b9a74ff3e0a4e1fac6cccc5ce210bee",
"isStartState": false,
"styles": {
"opacity": "0",
"transform": "translate3d(0, 20px, 0)"
},
"delay": 0
},
{
"id": "be8b895d14984333b746c6e84d3071fa",
"isStartState": false,
"styles": { "opacity": "1", "transform": "none" },
"delay": 0
}
],
"delay": 0,
"duration": 0.5,
"easing": "cubic-bezier(.37,.01,0,.98)",
"repeat": false
}
],
"component": {
"name": "Text",
"options": { "text": "<p>ABOUT THIS COLLECTION</p>" }
},
"responsiveStyles": {
"large": {
"display": "flex",
"flexDirection": "column",
"alignItems": "stretch",
"position": "relative",
"flexShrink": "0",
"boxSizing": "border-box",
"lineHeight": "normal",
"height": "auto",
"textAlign": "left",
"color": "rgba(252, 250, 250, 1)",
"fontSize": "22px",
"fontWeight": "500"
}
}
},
{
"@type": "@builder.io/sdk:Element",
"@version": 2,
"layerName": "Button",
"id": "builder-fd701b20a3274e9ca4588ad081e113fb",
"animations": [
{
"trigger": "scrollInView",
"animation": "fadeInUp",
"steps": [
{
"id": "68255a9872de43b49f3a08ff044c580d",
"isStartState": false,
"styles": {
"opacity": "0",
"transform": "translate3d(0, 20px, 0)"
},
"delay": 0
},
{
"id": "27a989eed4ab4ebf98d6d943bb1d7fde",
"isStartState": false,
"styles": { "opacity": "1", "transform": "none" },
"delay": 0
}
],
"delay": 0,
"duration": 0.5,
"easing": "cubic-bezier(.37,.01,0,.98)",
"repeat": false
}
],
"component": {
"name": "Core:Button",
"options": { "text": "SHOP" }
},
"responsiveStyles": {
"large": {
"flexDirection": "column",
"alignItems": "stretch",
"position": "relative",
"flexShrink": "0",
"boxSizing": "border-box",
"appearance": "none",
"paddingTop": "15px",
"paddingBottom": "15px",
"paddingLeft": "25px",
"paddingRight": "25px",
"backgroundColor": "rgba(255, 255, 255, 1)",
"color": "rgba(0, 0, 0, 1)",
"borderRadius": "0px",
"textAlign": "center",
"cursor": "pointer",
"width": "130px",
"fontSize": "14px",
"alignSelf": "center",
"textDecoration": "none",
"zIndex": "1000",
"marginRight": "auto",
"marginTop": "20px"
}
}
}
],
"responsiveStyles": {
"large": {
"display": "flex",
"flexDirection": "column",
"alignItems": "stretch",
"flexShrink": "0",
"boxSizing": "border-box",
"height": "auto",
"paddingBottom": "20px",
"width": "auto",
"alignSelf": "center",
"textAlign": "left",
"paddingTop": "20px",
"paddingLeft": "20px",
"paddingRight": "20px",
"marginTop": "auto",
"position": "relative",
"marginRight": "auto",
"marginLeft": "50px",
"marginBottom": "3px"
},
"medium": { "marginLeft": "20px", "marginBottom": "0px" },
"small": { "marginLeft": "auto", "marginRight": "auto" }
}
}
],
"responsiveStyles": {
"large": {
"position": "relative",
"flexShrink": "0",
"boxSizing": "border-box",
"display": "flex",
"flexDirection": "column",
"alignItems": "flex-start",
"marginTop": "20px",
"paddingBottom": "30px",
"backgroundPosition": "center",
"backgroundSize": "cover",
"justifyContent": "flex-end",
"height": "600px",
"backgroundImage": "url(https://cdn.builder.io/api/v1/image/assets%2F89d6bbb44070475d9580fd22f21ef8f1%2Fff33dd4bd825427987eca686baeb9ea4?width=1200)",
"backgroundRepeat": "no-repeat",
"overflow": "hidden"
},
"small": { "height": "300px" }
}
},
{
"@type": "@builder.io/sdk:Element",
"@version": 2,
"id": "builder-24e7481229ea4d5b9f9a662d490b2522",
"component": {
"name": "Columns",
"options": {
"columns": [
{
"blocks": [
{
"@type": "@builder.io/sdk:Element",
"@version": 2,
"id": "builder-3b670663c4304910a0b8ae073a3426c3",
"component": {
"name": "Image",
"options": {
"image": "https://cdn.builder.io/api/v1/image/assets%2F785f7870a7b6475c8e32fd28c82fccdd%2F9764bc04d8924ec696b0188d3793164e?width=998",
"backgroundPosition": "center",
"backgroundSize": "cover",
"aspectRatio": 0.7004048582995948,
"lazy": true,
"sizes": "(max-width: 638px) 100vw, 43vw",
"srcset": "https://cdn.builder.io/api/v1/image/assets%2F785f7870a7b6475c8e32fd28c82fccdd%2F9764bc04d8924ec696b0188d3793164e?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2F785f7870a7b6475c8e32fd28c82fccdd%2F9764bc04d8924ec696b0188d3793164e?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2F785f7870a7b6475c8e32fd28c82fccdd%2F9764bc04d8924ec696b0188d3793164e?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2F785f7870a7b6475c8e32fd28c82fccdd%2F9764bc04d8924ec696b0188d3793164e?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2F785f7870a7b6475c8e32fd28c82fccdd%2F9764bc04d8924ec696b0188d3793164e?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2F785f7870a7b6475c8e32fd28c82fccdd%2F9764bc04d8924ec696b0188d3793164e?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2F785f7870a7b6475c8e32fd28c82fccdd%2F9764bc04d8924ec696b0188d3793164e?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2F785f7870a7b6475c8e32fd28c82fccdd%2F9764bc04d8924ec696b0188d3793164e?width=998 998w, https://cdn.builder.io/api/v1/image/assets%2F785f7870a7b6475c8e32fd28c82fccdd%2F9764bc04d8924ec696b0188d3793164e?width=638 638w, https://cdn.builder.io/api/v1/image/assets%2F785f7870a7b6475c8e32fd28c82fccdd%2F9764bc04d8924ec696b0188d3793164e?width=590 590w"
}
},
"responsiveStyles": {
"large": {
"display": "flex",
"flexDirection": "column",
"alignItems": "stretch",
"flexShrink": "0",
"position": "relative",
"marginTop": "30px",
"textAlign": "center",
"lineHeight": "normal",
"height": "auto",
"minHeight": "20px",
"minWidth": "20px",
"overflow": "hidden"
}
}
},
{
"@type": "@builder.io/sdk:Element",
"@version": 2,
"id": "builder-2087116d19474ec1bf7d2c5d497e2d64",
"component": {
"name": "Text",
"options": { "text": "<h2>Perfect</h2>\n" }
},
"responsiveStyles": {
"large": {
"display": "flex",
"flexDirection": "column",
"alignItems": "stretch",
"flexShrink": "0",
"position": "relative",
"marginTop": "30px",
"textAlign": "center",
"lineHeight": "normal",
"height": "auto"
},
"medium": {
"contentVisibility": "auto",
"containIntrinsicSize": "68px"
},
"small": {
"contentVisibility": "auto",
"containIntrinsicSize": "68px"
}
}
}
]
},
{
"blocks": [
{
"@type": "@builder.io/sdk:Element",
"@version": 2,
"id": "builder-762057babf0044df89507ee975eac122",
"component": {
"name": "Image",
"options": {
"image": "https://cdn.builder.io/api/v1/image/assets%2F785f7870a7b6475c8e32fd28c82fccdd%2F5da5b6e782cd4719bf66d95b5242d92d?width=998",
"backgroundPosition": "center",
"backgroundSize": "cover",
"aspectRatio": 0.7004048582995948,
"lazy": true,
"sizes": "(max-width: 638px) 100vw, 43vw",
"srcset": "https://cdn.builder.io/api/v1/image/assets%2F785f7870a7b6475c8e32fd28c82fccdd%2F5da5b6e782cd4719bf66d95b5242d92d?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2F785f7870a7b6475c8e32fd28c82fccdd%2F5da5b6e782cd4719bf66d95b5242d92d?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2F785f7870a7b6475c8e32fd28c82fccdd%2F5da5b6e782cd4719bf66d95b5242d92d?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2F785f7870a7b6475c8e32fd28c82fccdd%2F5da5b6e782cd4719bf66d95b5242d92d?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2F785f7870a7b6475c8e32fd28c82fccdd%2F5da5b6e782cd4719bf66d95b5242d92d?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2F785f7870a7b6475c8e32fd28c82fccdd%2F5da5b6e782cd4719bf66d95b5242d92d?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2F785f7870a7b6475c8e32fd28c82fccdd%2F5da5b6e782cd4719bf66d95b5242d92d?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2F785f7870a7b6475c8e32fd28c82fccdd%2F5da5b6e782cd4719bf66d95b5242d92d?width=998 998w, https://cdn.builder.io/api/v1/image/assets%2F785f7870a7b6475c8e32fd28c82fccdd%2F5da5b6e782cd4719bf66d95b5242d92d?width=638 638w, https://cdn.builder.io/api/v1/image/assets%2F785f7870a7b6475c8e32fd28c82fccdd%2F5da5b6e782cd4719bf66d95b5242d92d?width=590 590w"
}
},
"responsiveStyles": {
"large": {
"display": "flex",
"flexDirection": "column",
"alignItems": "stretch",
"flexShrink": "0",
"position": "relative",
"marginTop": "30px",
"textAlign": "center",
"lineHeight": "normal",
"height": "auto",
"minHeight": "20px",
"minWidth": "20px",
"overflow": "hidden"
},
"medium": {
"contentVisibility": "auto",
"containIntrinsicSize": "699px"
},
"small": {
"contentVisibility": "auto",
"containIntrinsicSize": "447px"
}
}
},
{
"@type": "@builder.io/sdk:Element",
"@version": 2,
"id": "builder-a93dba12cb85425892981e3c1c05467f",
"component": {
"name": "Text",
"options": { "text": "<p>Enter some text...</p>" }
},
"responsiveStyles": {
"large": {
"display": "flex",
"flexDirection": "column",
"alignItems": "stretch",
"flexShrink": "0",
"position": "relative",
"marginTop": "30px",
"textAlign": "center",
"lineHeight": "normal",
"height": "auto"
},
"medium": {
"contentVisibility": "auto",
"containIntrinsicSize": "18px"
},
"small": {
"contentVisibility": "auto",
"containIntrinsicSize": "18px"
}
}
}
]
}
],
"space": 20,
"stackColumnsAt": "tablet"
}
},
"responsiveStyles": {
"large": {
"display": "flex",
"flexDirection": "column",
"position": "relative",
"flexShrink": "0",
"boxSizing": "border-box",
"marginTop": "20px"
}
}
},
{
"id": "builder-pixel-tiopm5rgawo",
"@type": "@builder.io/sdk:Element",
"tagName": "img",
"properties": {
"src": "https://cdn.builder.io/api/v1/pixel?apiKey=785f7870a7b6475c8e32fd28c82fccdd",
"role": "presentation",
"width": "0",
"height": "0"
},
"responsiveStyles": {
"large": {
"height": "0",
"width": "0",
"display": "inline-block",
"opacity": "0",
"overflow": "hidden",
"pointerEvents": "none"
}
}
}
],
"state": {
"deviceSize": "large",
"location": { "path": "", "query": {} }
}
},
"id": "0751e5e663504ca2b82cd297808573b2",
"lastUpdateBy": null,
"lastUpdatedBy": "sRP1UZAg91WThqsNsKNWLtc99Se2",
"meta": {
"hasLinks": false,
"kind": "component",
"needsHydration": false
},
"metrics": { "clicks": 0, "impressions": 0 },
"modelId": "eac3fdc175c9437da6c74dc3ae4a6906",
"name": "",
"ownerId": "785f7870a7b6475c8e32fd28c82fccdd",
"priority": 0,
"published": "draft",
"query": [],
"testRatio": 1,
"lastUpdated": 1626727135811,
"screenshot": "https://cdn.builder.io/api/v1/image/assets%2F785f7870a7b6475c8e32fd28c82fccdd%2F2c316580069e4963ab182b7503ec31ef",
"rev": "19rikwudmsx"
}
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment