@builder.io/sdk-qwik 0.0.8 → 0.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (106) hide show
  1. package/README.md +65 -2
  2. package/lib/index.qwik.cjs +259 -216
  3. package/lib/index.qwik.mjs +260 -217
  4. package/package.json +4 -4
  5. package/src/blocks/button/button.jsx +22 -0
  6. package/src/blocks/button/component-info.js +41 -0
  7. package/src/blocks/columns/columns.jsx +97 -0
  8. package/src/blocks/columns/component-info.js +242 -0
  9. package/src/blocks/custom-code/component-info.js +31 -0
  10. package/src/blocks/custom-code/custom-code.jsx +71 -0
  11. package/src/blocks/embed/component-info.js +44 -0
  12. package/src/blocks/embed/embed.jsx +63 -0
  13. package/src/blocks/embed/helpers.js +9 -0
  14. package/src/blocks/form/builder-blocks.jsx +11 -0
  15. package/src/blocks/form/component-info.js +262 -0
  16. package/src/blocks/form/form.jsx +303 -0
  17. package/src/blocks/fragment/component-info.js +11 -0
  18. package/src/blocks/fragment/fragment.jsx +11 -0
  19. package/src/blocks/image/component-info.js +151 -0
  20. package/src/blocks/image/image.helpers.js +48 -0
  21. package/src/blocks/image/image.jsx +110 -0
  22. package/src/blocks/img/component-info.js +20 -0
  23. package/src/blocks/img/img.jsx +19 -0
  24. package/src/blocks/input/component-info.js +74 -0
  25. package/src/blocks/input/input.jsx +21 -0
  26. package/src/blocks/raw-text/component-info.js +16 -0
  27. package/src/blocks/raw-text/raw-text.jsx +12 -0
  28. package/src/blocks/section/component-info.js +49 -0
  29. package/src/blocks/section/section.jsx +20 -0
  30. package/src/blocks/select/component-info.js +59 -0
  31. package/src/blocks/select/select.jsx +24 -0
  32. package/src/blocks/submit-button/component-info.js +28 -0
  33. package/src/blocks/submit-button/submit-button.jsx +11 -0
  34. package/src/blocks/symbol/component-info.js +43 -0
  35. package/src/blocks/symbol/symbol.jsx +77 -0
  36. package/src/blocks/text/component-info.js +24 -0
  37. package/src/blocks/text/text.jsx +7 -0
  38. package/src/blocks/textarea/component-info.js +47 -0
  39. package/src/blocks/textarea/textarea.jsx +15 -0
  40. package/src/blocks/util.js +7 -0
  41. package/src/blocks/video/component-info.js +106 -0
  42. package/src/blocks/video/video.jsx +53 -0
  43. package/src/components/render-block/block-styles.jsx +60 -0
  44. package/src/components/render-block/render-block.helpers.js +23 -0
  45. package/src/components/render-block/render-block.jsx +221 -0
  46. package/src/components/render-block/render-component.jsx +34 -0
  47. package/src/components/render-block/render-repeated-block.jsx +37 -0
  48. package/src/components/render-block/types.js +0 -0
  49. package/src/components/render-blocks.jsx +93 -0
  50. package/src/components/render-content/components/render-styles.jsx +76 -0
  51. package/src/components/render-content/index.js +4 -0
  52. package/src/components/render-content/render-content.jsx +351 -0
  53. package/src/components/render-inlined-styles.jsx +25 -0
  54. package/src/constants/builder-registered-components.js +48 -0
  55. package/src/constants/device-sizes.js +21 -0
  56. package/src/constants/target.js +4 -0
  57. package/src/context/builder.context.js +5 -0
  58. package/src/functions/camel-to-kebab-case.js +4 -0
  59. package/src/functions/convert-style-object.js +6 -0
  60. package/src/functions/evaluate.js +28 -0
  61. package/src/functions/event-handler-name.js +7 -0
  62. package/src/functions/get-block-actions.js +23 -0
  63. package/src/functions/get-block-component-options.js +28 -0
  64. package/src/functions/get-block-properties.js +29 -0
  65. package/src/functions/get-block-styles.js +34 -0
  66. package/src/functions/get-block-tag.js +6 -0
  67. package/src/functions/get-builder-search-params/fn.test.js +13 -0
  68. package/src/functions/get-builder-search-params/index.js +33 -0
  69. package/src/functions/get-content/ab-testing.js +38 -0
  70. package/src/functions/get-content/fn.test.js +31 -0
  71. package/src/functions/get-content/index.js +96 -0
  72. package/src/functions/get-content/types.js +0 -0
  73. package/src/functions/get-fetch.js +34 -0
  74. package/src/functions/get-global-this.js +18 -0
  75. package/src/functions/get-processed-block.js +53 -0
  76. package/src/functions/get-processed-block.test.js +32 -0
  77. package/src/functions/if-target.js +15 -0
  78. package/src/functions/is-browser.js +6 -0
  79. package/src/functions/is-editing.js +7 -0
  80. package/src/functions/is-iframe.js +7 -0
  81. package/src/functions/is-previewing.js +14 -0
  82. package/src/functions/on-change.js +27 -0
  83. package/src/functions/on-change.test.js +19 -0
  84. package/src/functions/register-component.js +72 -0
  85. package/src/functions/register.js +29 -0
  86. package/src/functions/sanitize-styles.js +5 -0
  87. package/src/functions/set-editor-settings.js +15 -0
  88. package/src/functions/set.js +11 -0
  89. package/src/functions/set.test.js +16 -0
  90. package/src/functions/track.js +22 -0
  91. package/src/functions/transform-block.js +6 -0
  92. package/src/helpers/css.js +12 -0
  93. package/src/helpers/flatten.js +34 -0
  94. package/src/index-helpers/blocks-exports.js +22 -0
  95. package/src/index-helpers/top-of-file.js +4 -0
  96. package/src/index.js +10 -0
  97. package/src/scripts/init-editing.js +79 -0
  98. package/src/types/builder-block.js +0 -0
  99. package/src/types/builder-content.js +0 -0
  100. package/src/types/components.js +0 -0
  101. package/src/types/deep-partial.js +0 -0
  102. package/src/types/element.js +0 -0
  103. package/src/types/targets.js +0 -0
  104. package/src/types/typescript.js +0 -0
  105. package/types.d.ts +7 -12
  106. package/root.json +0 -1176
package/root.json DELETED
@@ -1,1176 +0,0 @@
1
- {
2
- "createdBy": "OcOewqA7uqVVlVfqY453F8vgcc33",
3
- "createdDate": 1644861548711,
4
- "data": {
5
- "title": "Columns",
6
- "blocks": [
7
- {
8
- "@type": "@builder.io/sdk:Element",
9
- "@version": 2,
10
- "id": "builder-20b0d28f7838498bbc6f660a3d037835",
11
- "component": {
12
- "name": "Core:Button",
13
- "options": { "text": "Go back home!!!", "link": "/" }
14
- },
15
- "responsiveStyles": {
16
- "large": {
17
- "display": "flex",
18
- "flexDirection": "column",
19
- "position": "relative",
20
- "flexShrink": "0",
21
- "boxSizing": "border-box",
22
- "marginTop": "20px",
23
- "appearance": "none",
24
- "paddingTop": "15px",
25
- "paddingBottom": "15px",
26
- "paddingLeft": "25px",
27
- "paddingRight": "25px",
28
- "backgroundColor": "#3898EC",
29
- "color": "white",
30
- "borderRadius": "4px",
31
- "textAlign": "center",
32
- "cursor": "pointer",
33
- "marginLeft": "auto"
34
- },
35
- "small": { "marginLeft": "auto", "marginRight": "auto" }
36
- }
37
- },
38
- {
39
- "@type": "@builder.io/sdk:Element",
40
- "@version": 2,
41
- "id": "builder-92c438f62b744699bbc818f81454418c",
42
- "component": {
43
- "name": "Text",
44
- "options": {
45
- "text": "<span style=\"display: block;\" class=\"builder-heading-1\">Columns!</span>"
46
- }
47
- },
48
- "responsiveStyles": {
49
- "large": {
50
- "display": "flex",
51
- "flexDirection": "column",
52
- "position": "relative",
53
- "flexShrink": "0",
54
- "boxSizing": "border-box",
55
- "marginTop": "20px",
56
- "lineHeight": "normal",
57
- "height": "auto",
58
- "textAlign": "center"
59
- }
60
- }
61
- },
62
- {
63
- "@type": "@builder.io/sdk:Element",
64
- "@version": 2,
65
- "id": "builder-1253ebf62a87451db1a31e103189b5bb",
66
- "children": [
67
- {
68
- "@type": "@builder.io/sdk:Element",
69
- "@version": 2,
70
- "id": "builder-330e798bc0a1405fb04d8a3dce06ff99",
71
- "component": {
72
- "name": "Text",
73
- "options": { "text": "<h3>Stack at tablet</h3>" }
74
- },
75
- "responsiveStyles": {
76
- "large": {
77
- "display": "flex",
78
- "flexDirection": "column",
79
- "position": "relative",
80
- "flexShrink": "0",
81
- "boxSizing": "border-box",
82
- "marginTop": "20px",
83
- "lineHeight": "normal",
84
- "height": "auto",
85
- "textAlign": "center"
86
- }
87
- }
88
- },
89
- {
90
- "@type": "@builder.io/sdk:Element",
91
- "@version": 2,
92
- "id": "builder-25c64e9c18804f46b73985264df3c41c",
93
- "component": {
94
- "name": "Columns",
95
- "options": {
96
- "columns": [
97
- {
98
- "blocks": [
99
- {
100
- "@type": "@builder.io/sdk:Element",
101
- "@version": 2,
102
- "id": "builder-fa35a394778842b1a9e780a54a3b49a7",
103
- "component": {
104
- "name": "Image",
105
- "options": {
106
- "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=990",
107
- "backgroundPosition": "center",
108
- "backgroundSize": "cover",
109
- "aspectRatio": 0.7004048582995948,
110
- "lazy": false,
111
- "srcset": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=990 990w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=586 586w",
112
- "sizes": "(max-width: 638px) 32vw, (max-width: 998px) 100vw, 42vw"
113
- }
114
- },
115
- "responsiveStyles": {
116
- "large": {
117
- "display": "flex",
118
- "flexDirection": "column",
119
- "alignItems": "stretch",
120
- "flexShrink": "0",
121
- "position": "relative",
122
- "marginTop": "30px",
123
- "textAlign": "center",
124
- "lineHeight": "normal",
125
- "height": "auto",
126
- "minHeight": "20px",
127
- "minWidth": "20px",
128
- "overflow": "hidden"
129
- },
130
- "small": { "maxHeight": "200px", "maxWidth": "200px" }
131
- }
132
- },
133
- {
134
- "@type": "@builder.io/sdk:Element",
135
- "@version": 2,
136
- "id": "builder-71c14581f362486eb24214d27c0c24d0",
137
- "component": {
138
- "name": "Text",
139
- "options": {
140
- "text": "<span style=\"display: block;\" class=\"builder-paragraph\">text in column 2</span>"
141
- }
142
- },
143
- "responsiveStyles": {
144
- "large": {
145
- "display": "flex",
146
- "flexDirection": "column",
147
- "alignItems": "stretch",
148
- "flexShrink": "0",
149
- "position": "relative",
150
- "marginTop": "30px",
151
- "textAlign": "center",
152
- "lineHeight": "normal",
153
- "height": "auto"
154
- }
155
- }
156
- },
157
- {
158
- "@type": "@builder.io/sdk:Element",
159
- "@version": 2,
160
- "id": "builder-b70d96812f4845268f5a4e9deb4411f2",
161
- "component": {
162
- "name": "Text",
163
- "options": { "text": "<p>more text in column 1</p>" }
164
- },
165
- "responsiveStyles": {
166
- "large": {
167
- "display": "flex",
168
- "flexDirection": "column",
169
- "position": "relative",
170
- "flexShrink": "0",
171
- "boxSizing": "border-box",
172
- "marginTop": "20px",
173
- "lineHeight": "normal",
174
- "height": "auto",
175
- "textAlign": "center"
176
- }
177
- }
178
- }
179
- ]
180
- },
181
- {
182
- "blocks": [
183
- {
184
- "@type": "@builder.io/sdk:Element",
185
- "@version": 2,
186
- "id": "builder-be56c8d76c684759952d6633dafd6bb7",
187
- "component": {
188
- "name": "Image",
189
- "options": {
190
- "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=990",
191
- "backgroundPosition": "center",
192
- "backgroundSize": "cover",
193
- "aspectRatio": 0.7004048582995948,
194
- "lazy": false,
195
- "srcset": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=990 990w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=586 586w",
196
- "sizes": "(max-width: 638px) 32vw, (max-width: 998px) 100vw, 42vw"
197
- }
198
- },
199
- "responsiveStyles": {
200
- "large": {
201
- "display": "flex",
202
- "flexDirection": "column",
203
- "alignItems": "stretch",
204
- "flexShrink": "0",
205
- "position": "relative",
206
- "marginTop": "30px",
207
- "textAlign": "center",
208
- "lineHeight": "normal",
209
- "height": "auto",
210
- "minHeight": "20px",
211
- "minWidth": "20px",
212
- "overflow": "hidden"
213
- },
214
- "small": { "maxHeight": "200px", "maxWidth": "200px" }
215
- }
216
- },
217
- {
218
- "@type": "@builder.io/sdk:Element",
219
- "@version": 2,
220
- "id": "builder-a76f13775bfd440e9656226ef820fcd2",
221
- "component": {
222
- "name": "Text",
223
- "options": { "text": "<p>text in column 2</p>" }
224
- },
225
- "responsiveStyles": {
226
- "large": {
227
- "display": "flex",
228
- "flexDirection": "column",
229
- "alignItems": "stretch",
230
- "flexShrink": "0",
231
- "position": "relative",
232
- "marginTop": "30px",
233
- "textAlign": "center",
234
- "lineHeight": "normal",
235
- "height": "auto"
236
- }
237
- }
238
- }
239
- ]
240
- }
241
- ],
242
- "space": 20,
243
- "stackColumnsAt": "tablet"
244
- }
245
- },
246
- "responsiveStyles": {
247
- "large": {
248
- "display": "flex",
249
- "flexDirection": "column",
250
- "position": "relative",
251
- "flexShrink": "0",
252
- "boxSizing": "border-box",
253
- "marginTop": "20px"
254
- }
255
- }
256
- }
257
- ],
258
- "responsiveStyles": {
259
- "large": {
260
- "display": "flex",
261
- "flexDirection": "column",
262
- "position": "relative",
263
- "flexShrink": "0",
264
- "boxSizing": "border-box",
265
- "marginTop": "20px",
266
- "height": "auto",
267
- "paddingBottom": "30px",
268
- "borderStyle": "solid",
269
- "borderColor": "rgba(207, 52, 52, 1)",
270
- "borderWidth": "4px"
271
- }
272
- }
273
- },
274
- {
275
- "@type": "@builder.io/sdk:Element",
276
- "@version": 2,
277
- "id": "builder-ccb8d32210c04e8c80bc1e7fe1677b7f",
278
- "children": [
279
- {
280
- "@type": "@builder.io/sdk:Element",
281
- "@version": 2,
282
- "id": "builder-92317b99fd0b4393adbf59d2337fec8c",
283
- "component": {
284
- "name": "Text",
285
- "options": { "text": "<h3>Tablet, reverse</h3>" }
286
- },
287
- "responsiveStyles": {
288
- "large": {
289
- "display": "flex",
290
- "flexDirection": "column",
291
- "position": "relative",
292
- "flexShrink": "0",
293
- "boxSizing": "border-box",
294
- "marginTop": "20px",
295
- "lineHeight": "normal",
296
- "height": "auto",
297
- "textAlign": "center"
298
- }
299
- }
300
- },
301
- {
302
- "@type": "@builder.io/sdk:Element",
303
- "@version": 2,
304
- "id": "builder-6e2c6a142cd84d8ca3cf88c20f63635b",
305
- "component": {
306
- "name": "Columns",
307
- "options": {
308
- "columns": [
309
- {
310
- "blocks": [
311
- {
312
- "@type": "@builder.io/sdk:Element",
313
- "@version": 2,
314
- "id": "builder-f6867b68fa5f4fd3bd845509ba0bf196",
315
- "component": {
316
- "name": "Image",
317
- "options": {
318
- "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=990",
319
- "backgroundPosition": "center",
320
- "backgroundSize": "cover",
321
- "aspectRatio": 0.7004048582995948,
322
- "lazy": true,
323
- "srcset": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=990 990w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=586 586w",
324
- "sizes": "(max-width: 638px) 32vw, (max-width: 998px) 100vw, 42vw"
325
- }
326
- },
327
- "responsiveStyles": {
328
- "large": {
329
- "display": "flex",
330
- "flexDirection": "column",
331
- "alignItems": "stretch",
332
- "flexShrink": "0",
333
- "position": "relative",
334
- "marginTop": "30px",
335
- "textAlign": "center",
336
- "lineHeight": "normal",
337
- "height": "auto",
338
- "minHeight": "20px",
339
- "minWidth": "20px",
340
- "overflow": "hidden"
341
- },
342
- "small": {
343
- "maxHeight": "200px",
344
- "marginTop": "29px",
345
- "maxWidth": "200px"
346
- }
347
- }
348
- },
349
- {
350
- "@type": "@builder.io/sdk:Element",
351
- "@version": 2,
352
- "id": "builder-4d3da6f276d04a29a4910d024ab69b8f",
353
- "component": {
354
- "name": "Text",
355
- "options": { "text": "<p>text in column 1</p>" }
356
- },
357
- "responsiveStyles": {
358
- "large": {
359
- "display": "flex",
360
- "flexDirection": "column",
361
- "alignItems": "stretch",
362
- "flexShrink": "0",
363
- "position": "relative",
364
- "marginTop": "30px",
365
- "textAlign": "center",
366
- "lineHeight": "normal",
367
- "height": "auto"
368
- }
369
- }
370
- },
371
- {
372
- "@type": "@builder.io/sdk:Element",
373
- "@version": 2,
374
- "id": "builder-a0ffc4156fa34b9392bdabe63265e986",
375
- "component": {
376
- "name": "Text",
377
- "options": { "text": "<p>more text in column 1</p>" }
378
- },
379
- "responsiveStyles": {
380
- "large": {
381
- "display": "flex",
382
- "flexDirection": "column",
383
- "position": "relative",
384
- "flexShrink": "0",
385
- "boxSizing": "border-box",
386
- "marginTop": "20px",
387
- "lineHeight": "normal",
388
- "height": "auto",
389
- "textAlign": "center"
390
- }
391
- }
392
- },
393
- {
394
- "@type": "@builder.io/sdk:Element",
395
- "@version": 2,
396
- "id": "builder-95f6aa245166450f9d6af877656ddde5",
397
- "component": {
398
- "name": "Image",
399
- "options": {
400
- "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=990",
401
- "backgroundPosition": "center",
402
- "backgroundSize": "cover",
403
- "aspectRatio": 0.7004048582995948,
404
- "lazy": true,
405
- "srcset": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=990 990w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=586 586w",
406
- "sizes": "(max-width: 638px) 32vw, (max-width: 998px) 100vw, 42vw"
407
- }
408
- },
409
- "responsiveStyles": {
410
- "large": {
411
- "display": "flex",
412
- "flexDirection": "column",
413
- "alignItems": "stretch",
414
- "flexShrink": "0",
415
- "position": "relative",
416
- "marginTop": "30px",
417
- "textAlign": "center",
418
- "lineHeight": "normal",
419
- "height": "auto",
420
- "minHeight": "20px",
421
- "minWidth": "20px",
422
- "overflow": "hidden"
423
- },
424
- "small": { "maxHeight": "200px", "maxWidth": "200px" }
425
- }
426
- }
427
- ]
428
- },
429
- {
430
- "blocks": [
431
- {
432
- "@type": "@builder.io/sdk:Element",
433
- "@version": 2,
434
- "id": "builder-e52cbe382c5649949ea3c80618f8a226",
435
- "component": {
436
- "name": "Text",
437
- "options": { "text": "<p>text in column 2</p>" }
438
- },
439
- "responsiveStyles": {
440
- "large": {
441
- "display": "flex",
442
- "flexDirection": "column",
443
- "alignItems": "stretch",
444
- "flexShrink": "0",
445
- "position": "relative",
446
- "marginTop": "30px",
447
- "textAlign": "center",
448
- "lineHeight": "normal",
449
- "height": "auto"
450
- }
451
- }
452
- }
453
- ]
454
- }
455
- ],
456
- "space": 20,
457
- "stackColumnsAt": "tablet",
458
- "reverseColumnsWhenStacked": true
459
- }
460
- },
461
- "responsiveStyles": {
462
- "large": {
463
- "display": "flex",
464
- "flexDirection": "column",
465
- "position": "relative",
466
- "flexShrink": "0",
467
- "boxSizing": "border-box",
468
- "marginTop": "20px"
469
- }
470
- }
471
- }
472
- ],
473
- "responsiveStyles": {
474
- "large": {
475
- "display": "flex",
476
- "flexDirection": "column",
477
- "position": "relative",
478
- "flexShrink": "0",
479
- "boxSizing": "border-box",
480
- "marginTop": "20px",
481
- "height": "auto",
482
- "paddingBottom": "30px",
483
- "borderStyle": "solid",
484
- "borderColor": "rgba(52, 191, 207, 1)",
485
- "borderWidth": "4px"
486
- }
487
- }
488
- },
489
- {
490
- "@type": "@builder.io/sdk:Element",
491
- "@version": 2,
492
- "layerName": "Box",
493
- "id": "builder-bbcf573a81fd49aea653e0bde509c325",
494
- "children": [
495
- {
496
- "@type": "@builder.io/sdk:Element",
497
- "@version": 2,
498
- "id": "builder-64d3b1c02ba44ba4af4a672a4fc3c23c",
499
- "component": {
500
- "name": "Text",
501
- "options": { "text": "<h3>Stack at mobile</h3>" }
502
- },
503
- "responsiveStyles": {
504
- "large": {
505
- "display": "flex",
506
- "flexDirection": "column",
507
- "position": "relative",
508
- "flexShrink": "0",
509
- "boxSizing": "border-box",
510
- "marginTop": "20px",
511
- "lineHeight": "normal",
512
- "height": "auto",
513
- "textAlign": "center"
514
- }
515
- }
516
- },
517
- {
518
- "@type": "@builder.io/sdk:Element",
519
- "@version": 2,
520
- "id": "builder-d06032a1fb514917add773bd1004392f",
521
- "component": {
522
- "name": "Columns",
523
- "options": {
524
- "columns": [
525
- {
526
- "blocks": [
527
- {
528
- "@type": "@builder.io/sdk:Element",
529
- "@version": 2,
530
- "id": "builder-69e5c0267cca4dc398f1e15be98e9eb9",
531
- "component": {
532
- "name": "Image",
533
- "options": {
534
- "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=586",
535
- "backgroundPosition": "center",
536
- "backgroundSize": "cover",
537
- "aspectRatio": 0.7004048582995948,
538
- "lazy": true,
539
- "srcset": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=586 586w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=485 485w",
540
- "sizes": "(max-width: 638px) 32vw, (max-width: 998px) 49vw, 42vw"
541
- }
542
- },
543
- "responsiveStyles": {
544
- "large": {
545
- "display": "flex",
546
- "flexDirection": "column",
547
- "alignItems": "stretch",
548
- "flexShrink": "0",
549
- "position": "relative",
550
- "marginTop": "30px",
551
- "textAlign": "center",
552
- "lineHeight": "normal",
553
- "height": "auto",
554
- "minHeight": "20px",
555
- "minWidth": "20px",
556
- "overflow": "hidden"
557
- },
558
- "small": { "maxHeight": "200px", "maxWidth": "200px" }
559
- }
560
- },
561
- {
562
- "@type": "@builder.io/sdk:Element",
563
- "@version": 2,
564
- "id": "builder-d5f1a9f711b242e68e001d2aed4e6e75",
565
- "component": {
566
- "name": "Text",
567
- "options": { "text": "<p>text in column 1</p>" }
568
- },
569
- "responsiveStyles": {
570
- "large": {
571
- "display": "flex",
572
- "flexDirection": "column",
573
- "alignItems": "stretch",
574
- "flexShrink": "0",
575
- "position": "relative",
576
- "marginTop": "30px",
577
- "textAlign": "center",
578
- "lineHeight": "normal",
579
- "height": "auto"
580
- }
581
- }
582
- },
583
- {
584
- "@type": "@builder.io/sdk:Element",
585
- "@version": 2,
586
- "id": "builder-b387d9862a944a29a440ea9986a102a1",
587
- "component": {
588
- "name": "Text",
589
- "options": { "text": "<p>more text in column 1</p>" }
590
- },
591
- "responsiveStyles": {
592
- "large": {
593
- "display": "flex",
594
- "flexDirection": "column",
595
- "position": "relative",
596
- "flexShrink": "0",
597
- "boxSizing": "border-box",
598
- "marginTop": "20px",
599
- "lineHeight": "normal",
600
- "height": "auto",
601
- "textAlign": "center"
602
- }
603
- }
604
- }
605
- ]
606
- },
607
- {
608
- "blocks": [
609
- {
610
- "@type": "@builder.io/sdk:Element",
611
- "@version": 2,
612
- "id": "builder-b425ebd84fea4a3bbf9a387f4b8a2b58",
613
- "component": {
614
- "name": "Image",
615
- "options": {
616
- "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=630",
617
- "backgroundPosition": "center",
618
- "backgroundSize": "cover",
619
- "aspectRatio": 0.7004048582995948,
620
- "lazy": true,
621
- "srcset": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=630 630w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=485 485w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=586 586w",
622
- "sizes": "(max-width: 638px) 99vw, (max-width: 998px) 49vw, 42vw"
623
- }
624
- },
625
- "responsiveStyles": {
626
- "large": {
627
- "display": "flex",
628
- "flexDirection": "column",
629
- "alignItems": "stretch",
630
- "flexShrink": "0",
631
- "position": "relative",
632
- "marginTop": "30px",
633
- "textAlign": "center",
634
- "lineHeight": "normal",
635
- "height": "auto",
636
- "minHeight": "20px",
637
- "minWidth": "20px",
638
- "overflow": "hidden"
639
- },
640
- "small": { "maxHeight": "200px" }
641
- }
642
- },
643
- {
644
- "@type": "@builder.io/sdk:Element",
645
- "@version": 2,
646
- "id": "builder-60cddbdd0b2f45138b2bf6ec33e68d7f",
647
- "component": {
648
- "name": "Text",
649
- "options": { "text": "<p>text in column 2</p>" }
650
- },
651
- "responsiveStyles": {
652
- "large": {
653
- "display": "flex",
654
- "flexDirection": "column",
655
- "alignItems": "stretch",
656
- "flexShrink": "0",
657
- "position": "relative",
658
- "marginTop": "30px",
659
- "textAlign": "center",
660
- "lineHeight": "normal",
661
- "height": "auto"
662
- }
663
- }
664
- }
665
- ]
666
- }
667
- ],
668
- "space": 20,
669
- "stackColumnsAt": "mobile",
670
- "reverseColumnsWhenStacked": false
671
- }
672
- },
673
- "responsiveStyles": {
674
- "large": {
675
- "display": "flex",
676
- "flexDirection": "column",
677
- "position": "relative",
678
- "flexShrink": "0",
679
- "boxSizing": "border-box",
680
- "marginTop": "20px"
681
- }
682
- }
683
- }
684
- ],
685
- "responsiveStyles": {
686
- "large": {
687
- "display": "flex",
688
- "flexDirection": "column",
689
- "position": "relative",
690
- "flexShrink": "0",
691
- "boxSizing": "border-box",
692
- "marginTop": "20px",
693
- "height": "auto",
694
- "paddingBottom": "30px",
695
- "borderStyle": "solid",
696
- "borderColor": "rgba(102, 207, 52, 1)",
697
- "borderWidth": "4px"
698
- }
699
- }
700
- },
701
- {
702
- "@type": "@builder.io/sdk:Element",
703
- "@version": 2,
704
- "id": "builder-86dec6c0db8b487687de2d39d6e7aab9",
705
- "children": [
706
- {
707
- "@type": "@builder.io/sdk:Element",
708
- "@version": 2,
709
- "id": "builder-5cae291c046245a9a9c30fc152ba9d39",
710
- "component": {
711
- "name": "Text",
712
- "options": { "text": "<h3>Mobile, reverse</h3>" }
713
- },
714
- "responsiveStyles": {
715
- "large": {
716
- "display": "flex",
717
- "flexDirection": "column",
718
- "position": "relative",
719
- "flexShrink": "0",
720
- "boxSizing": "border-box",
721
- "marginTop": "20px",
722
- "lineHeight": "normal",
723
- "height": "auto",
724
- "textAlign": "center"
725
- }
726
- }
727
- },
728
- {
729
- "@type": "@builder.io/sdk:Element",
730
- "@version": 2,
731
- "id": "builder-652e5e9c32164620ae651b4b8f2938dd",
732
- "component": {
733
- "name": "Columns",
734
- "options": {
735
- "columns": [
736
- {
737
- "blocks": [
738
- {
739
- "@type": "@builder.io/sdk:Element",
740
- "@version": 2,
741
- "id": "builder-822c0d0cbe7143648ea3f81d40a611c7",
742
- "component": {
743
- "name": "Image",
744
- "options": {
745
- "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=586",
746
- "backgroundPosition": "center",
747
- "backgroundSize": "cover",
748
- "aspectRatio": 0.7004048582995948,
749
- "lazy": true,
750
- "srcset": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=586 586w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=485 485w",
751
- "sizes": "(max-width: 638px) 32vw, (max-width: 998px) 49vw, 42vw"
752
- }
753
- },
754
- "responsiveStyles": {
755
- "large": {
756
- "display": "flex",
757
- "flexDirection": "column",
758
- "alignItems": "stretch",
759
- "flexShrink": "0",
760
- "position": "relative",
761
- "marginTop": "30px",
762
- "textAlign": "center",
763
- "lineHeight": "normal",
764
- "height": "auto",
765
- "minHeight": "20px",
766
- "minWidth": "20px",
767
- "overflow": "hidden"
768
- },
769
- "small": { "maxHeight": "200px", "maxWidth": "200px" }
770
- }
771
- },
772
- {
773
- "@type": "@builder.io/sdk:Element",
774
- "@version": 2,
775
- "id": "builder-6bf2300b907f4f3d9db0af0bd5d0aeaf",
776
- "component": {
777
- "name": "Text",
778
- "options": { "text": "<p>text in column 1</p>" }
779
- },
780
- "responsiveStyles": {
781
- "large": {
782
- "display": "flex",
783
- "flexDirection": "column",
784
- "alignItems": "stretch",
785
- "flexShrink": "0",
786
- "position": "relative",
787
- "marginTop": "30px",
788
- "textAlign": "center",
789
- "lineHeight": "normal",
790
- "height": "auto"
791
- }
792
- }
793
- },
794
- {
795
- "@type": "@builder.io/sdk:Element",
796
- "@version": 2,
797
- "id": "builder-6428878b0cfc478291dd9a9dcc373441",
798
- "component": {
799
- "name": "Text",
800
- "options": { "text": "<p>more text in column 1</p>" }
801
- },
802
- "responsiveStyles": {
803
- "large": {
804
- "display": "flex",
805
- "flexDirection": "column",
806
- "position": "relative",
807
- "flexShrink": "0",
808
- "boxSizing": "border-box",
809
- "marginTop": "20px",
810
- "lineHeight": "normal",
811
- "height": "auto",
812
- "textAlign": "center"
813
- }
814
- }
815
- }
816
- ]
817
- },
818
- {
819
- "blocks": [
820
- {
821
- "@type": "@builder.io/sdk:Element",
822
- "@version": 2,
823
- "id": "builder-c1e86e55860e426a8d943f7beb2cbc8f",
824
- "component": {
825
- "name": "Image",
826
- "options": {
827
- "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=586",
828
- "backgroundPosition": "center",
829
- "backgroundSize": "cover",
830
- "aspectRatio": 0.7004048582995948,
831
- "lazy": true,
832
- "srcset": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=586 586w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=485 485w",
833
- "sizes": "(max-width: 638px) 32vw, (max-width: 998px) 49vw, 42vw"
834
- }
835
- },
836
- "responsiveStyles": {
837
- "large": {
838
- "display": "flex",
839
- "flexDirection": "column",
840
- "alignItems": "stretch",
841
- "flexShrink": "0",
842
- "position": "relative",
843
- "marginTop": "30px",
844
- "textAlign": "center",
845
- "lineHeight": "normal",
846
- "height": "auto",
847
- "minHeight": "20px",
848
- "minWidth": "20px",
849
- "overflow": "hidden"
850
- },
851
- "small": { "maxHeight": "200px", "maxWidth": "200px" }
852
- }
853
- },
854
- {
855
- "@type": "@builder.io/sdk:Element",
856
- "@version": 2,
857
- "id": "builder-74bf2b6acadc4430bda4397db8e9c8a9",
858
- "component": {
859
- "name": "Text",
860
- "options": { "text": "<p>text in column 2</p>" }
861
- },
862
- "responsiveStyles": {
863
- "large": {
864
- "display": "flex",
865
- "flexDirection": "column",
866
- "alignItems": "stretch",
867
- "flexShrink": "0",
868
- "position": "relative",
869
- "marginTop": "30px",
870
- "textAlign": "center",
871
- "lineHeight": "normal",
872
- "height": "auto"
873
- }
874
- }
875
- }
876
- ]
877
- }
878
- ],
879
- "space": 20,
880
- "stackColumnsAt": "mobile",
881
- "reverseColumnsWhenStacked": true
882
- }
883
- },
884
- "responsiveStyles": {
885
- "large": {
886
- "display": "flex",
887
- "flexDirection": "column",
888
- "position": "relative",
889
- "flexShrink": "0",
890
- "boxSizing": "border-box",
891
- "marginTop": "20px"
892
- }
893
- }
894
- }
895
- ],
896
- "responsiveStyles": {
897
- "large": {
898
- "display": "flex",
899
- "flexDirection": "column",
900
- "position": "relative",
901
- "flexShrink": "0",
902
- "boxSizing": "border-box",
903
- "marginTop": "20px",
904
- "height": "auto",
905
- "paddingBottom": "30px",
906
- "borderStyle": "solid",
907
- "borderColor": "rgba(86, 52, 207, 1)",
908
- "borderWidth": "4px"
909
- }
910
- }
911
- },
912
- {
913
- "@type": "@builder.io/sdk:Element",
914
- "@version": 2,
915
- "id": "builder-21bd2e55352947afa52243efffda347e",
916
- "children": [
917
- {
918
- "@type": "@builder.io/sdk:Element",
919
- "@version": 2,
920
- "id": "builder-3c8548a227ac4a3c99a29f36a48f7c95",
921
- "component": {
922
- "name": "Text",
923
- "options": { "text": "<h3>Never stack</h3>" }
924
- },
925
- "responsiveStyles": {
926
- "large": {
927
- "display": "flex",
928
- "flexDirection": "column",
929
- "position": "relative",
930
- "flexShrink": "0",
931
- "boxSizing": "border-box",
932
- "marginTop": "20px",
933
- "lineHeight": "normal",
934
- "height": "auto",
935
- "textAlign": "center"
936
- }
937
- }
938
- },
939
- {
940
- "@type": "@builder.io/sdk:Element",
941
- "@version": 2,
942
- "id": "builder-0343cf1789b7421f9b64eef4e1ec801f",
943
- "component": {
944
- "name": "Columns",
945
- "options": {
946
- "columns": [
947
- {
948
- "blocks": [
949
- {
950
- "@type": "@builder.io/sdk:Element",
951
- "@version": 2,
952
- "id": "builder-a965faafa3d046d6846277bbf93524f5",
953
- "component": {
954
- "name": "Image",
955
- "options": {
956
- "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=586",
957
- "backgroundPosition": "center",
958
- "backgroundSize": "cover",
959
- "aspectRatio": 0.7004048582995948,
960
- "lazy": true,
961
- "srcset": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=586 586w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=485 485w",
962
- "sizes": "(max-width: 638px) 32vw, (max-width: 998px) 49vw, 42vw"
963
- }
964
- },
965
- "responsiveStyles": {
966
- "large": {
967
- "display": "flex",
968
- "flexDirection": "column",
969
- "alignItems": "stretch",
970
- "flexShrink": "0",
971
- "position": "relative",
972
- "marginTop": "30px",
973
- "textAlign": "center",
974
- "lineHeight": "normal",
975
- "height": "auto",
976
- "minHeight": "20px",
977
- "minWidth": "20px",
978
- "overflow": "hidden"
979
- },
980
- "small": { "maxHeight": "200px", "maxWidth": "200px" }
981
- }
982
- },
983
- {
984
- "@type": "@builder.io/sdk:Element",
985
- "@version": 2,
986
- "id": "builder-34a2db960cfc4696b3b202eaaf5b4bde",
987
- "component": {
988
- "name": "Text",
989
- "options": { "text": "<p>text in column 1</p>" }
990
- },
991
- "responsiveStyles": {
992
- "large": {
993
- "display": "flex",
994
- "flexDirection": "column",
995
- "alignItems": "stretch",
996
- "flexShrink": "0",
997
- "position": "relative",
998
- "marginTop": "30px",
999
- "textAlign": "center",
1000
- "lineHeight": "normal",
1001
- "height": "auto"
1002
- }
1003
- }
1004
- },
1005
- {
1006
- "@type": "@builder.io/sdk:Element",
1007
- "@version": 2,
1008
- "id": "builder-e39d9d6c565e4072aefb532fe18e55d8",
1009
- "component": {
1010
- "name": "Text",
1011
- "options": { "text": "<p>more text in column 1</p>" }
1012
- },
1013
- "responsiveStyles": {
1014
- "large": {
1015
- "display": "flex",
1016
- "flexDirection": "column",
1017
- "position": "relative",
1018
- "flexShrink": "0",
1019
- "boxSizing": "border-box",
1020
- "marginTop": "20px",
1021
- "lineHeight": "normal",
1022
- "height": "auto",
1023
- "textAlign": "center"
1024
- }
1025
- }
1026
- }
1027
- ]
1028
- },
1029
- {
1030
- "blocks": [
1031
- {
1032
- "@type": "@builder.io/sdk:Element",
1033
- "@version": 2,
1034
- "id": "builder-11b5a73611354686ba4f9bc092d72723",
1035
- "component": {
1036
- "name": "Image",
1037
- "options": {
1038
- "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=586",
1039
- "backgroundPosition": "center",
1040
- "backgroundSize": "cover",
1041
- "aspectRatio": 0.7004048582995948,
1042
- "lazy": true,
1043
- "srcset": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=586 586w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=485 485w",
1044
- "sizes": "(max-width: 638px) 32vw, (max-width: 998px) 49vw, 42vw"
1045
- }
1046
- },
1047
- "responsiveStyles": {
1048
- "large": {
1049
- "display": "flex",
1050
- "flexDirection": "column",
1051
- "alignItems": "stretch",
1052
- "flexShrink": "0",
1053
- "position": "relative",
1054
- "marginTop": "30px",
1055
- "textAlign": "center",
1056
- "lineHeight": "normal",
1057
- "height": "auto",
1058
- "minHeight": "20px",
1059
- "minWidth": "20px",
1060
- "overflow": "hidden"
1061
- },
1062
- "small": { "maxHeight": "200px", "maxWidth": "200px" }
1063
- }
1064
- },
1065
- {
1066
- "@type": "@builder.io/sdk:Element",
1067
- "@version": 2,
1068
- "id": "builder-1355114f2fc841a790826cf4a5af14ad",
1069
- "component": {
1070
- "name": "Text",
1071
- "options": { "text": "<p>text in column 2</p>" }
1072
- },
1073
- "responsiveStyles": {
1074
- "large": {
1075
- "display": "flex",
1076
- "flexDirection": "column",
1077
- "alignItems": "stretch",
1078
- "flexShrink": "0",
1079
- "position": "relative",
1080
- "marginTop": "30px",
1081
- "textAlign": "center",
1082
- "lineHeight": "normal",
1083
- "height": "auto"
1084
- }
1085
- }
1086
- }
1087
- ]
1088
- }
1089
- ],
1090
- "space": 20,
1091
- "stackColumnsAt": "never",
1092
- "reverseColumnsWhenStacked": false
1093
- }
1094
- },
1095
- "responsiveStyles": {
1096
- "large": {
1097
- "display": "flex",
1098
- "flexDirection": "column",
1099
- "position": "relative",
1100
- "flexShrink": "0",
1101
- "boxSizing": "border-box",
1102
- "marginTop": "20px"
1103
- }
1104
- }
1105
- }
1106
- ],
1107
- "responsiveStyles": {
1108
- "large": {
1109
- "display": "flex",
1110
- "flexDirection": "column",
1111
- "position": "relative",
1112
- "flexShrink": "0",
1113
- "boxSizing": "border-box",
1114
- "marginTop": "20px",
1115
- "height": "auto",
1116
- "paddingBottom": "30px",
1117
- "borderStyle": "solid",
1118
- "borderColor": "rgba(207, 52, 182, 1)",
1119
- "borderWidth": "4px"
1120
- }
1121
- }
1122
- },
1123
- {
1124
- "id": "builder-pixel-mgibecmm3ek",
1125
- "@type": "@builder.io/sdk:Element",
1126
- "tagName": "img",
1127
- "properties": {
1128
- "src": "https://cdn.builder.io/api/v1/pixel?apiKey=f1a790f8c3204b3b8c5c1795aeac4660",
1129
- "role": "presentation",
1130
- "width": "0",
1131
- "height": "0"
1132
- },
1133
- "responsiveStyles": {
1134
- "large": {
1135
- "height": "0",
1136
- "width": "0",
1137
- "display": "inline-block",
1138
- "opacity": "0",
1139
- "overflow": "hidden",
1140
- "pointerEvents": "none"
1141
- }
1142
- }
1143
- }
1144
- ],
1145
- "url": "/columns",
1146
- "state": {
1147
- "deviceSize": "large",
1148
- "location": { "pathname": "/columns", "path": ["columns"], "query": {} }
1149
- }
1150
- },
1151
- "id": "f24c6940ee5f46458369151cc9ec598c",
1152
- "lastUpdatedBy": "HESl6HBVxFhHEFalzlH4zWRRdkl1",
1153
- "meta": {
1154
- "hasLinks": false,
1155
- "kind": "page",
1156
- "lastPreviewUrl": "http://localhost:3000/columns?builder.space=f1a790f8c3204b3b8c5c1795aeac4660&builder.cachebust=true&builder.preview=page&builder.noCache=true&__builder_editing__=true&builder.overrides.page=f24c6940ee5f46458369151cc9ec598c&builder.overrides.f24c6940ee5f46458369151cc9ec598c=f24c6940ee5f46458369151cc9ec598c&builder.overrides.page:/columns=f24c6940ee5f46458369151cc9ec598c",
1157
- "needsHydration": true
1158
- },
1159
- "modelId": "240a12053d674735ac2a384dcdc561b5",
1160
- "name": "Columns",
1161
- "published": "published",
1162
- "query": [
1163
- {
1164
- "@type": "@builder.io/core:Query",
1165
- "operator": "is",
1166
- "property": "urlPath",
1167
- "value": "/columns"
1168
- }
1169
- ],
1170
- "testRatio": 1,
1171
- "variations": {},
1172
- "lastUpdated": 1659626143525,
1173
- "screenshot": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Feabc29266df84d37aef27731618dfa2b",
1174
- "firstPublished": 1644862675476,
1175
- "rev": "8jy1wxbi89s"
1176
- }