[
    {
        "title": "Post Blocks",
        "slug": "post-blocks",
        "elements": "[{\"id\":1,\"parent\":null,\"type\":\"container\",\"options\":{\"tag\":\"div\",\"class\":[\"_slug\"]}},{\"id\":2,\"parent\":1,\"type\":\"post\",\"options\":{\"tag\":\"article\",\"class\":[\"_slug-post\"],\"no_thumbnail_class\":\"\"}},{\"id\":3,\"parent\":2,\"type\":\"wrapper\",\"options\":{\"tag\":\"div\",\"class\":[\"_slug-img-wrapper\"]}},{\"id\":4,\"parent\":3,\"type\":\"thumbnail\",\"options\":{\"tag\":\"img\",\"class\":[\"_slug-img\"],\"size\":[\"medium\"],\"fallback\":[\"\"]}},{\"id\":5,\"parent\":2,\"type\":\"wrapper\",\"options\":{\"tag\":\"div\",\"class\":[\"_slug-text-wrapper\"]}},{\"id\":6,\"parent\":5,\"type\":\"link\",\"options\":{\"tag\":\"a\",\"class\":[\"\"],\"leads_to\":\"post\",\"target_blank\":false}},{\"id\":7,\"parent\":6,\"type\":\"title\",\"options\":{\"tag\":\"h2\",\"class\":[\"_slug-title\"]}},{\"id\":8,\"parent\":5,\"type\":\"wrapper\",\"options\":{\"tag\":\"div\",\"class\":[\"_slug-info\"]}},{\"id\":9,\"parent\":8,\"type\":\"wrapper\",\"options\":{\"tag\":\"div\",\"class\":[\"_slug-author\"]}},{\"id\":10,\"parent\":9,\"type\":\"text\",\"options\":{\"tag\":\"span\",\"class\":[],\"content\":\"by \"}},{\"id\":11,\"parent\":9,\"type\":\"author\",\"options\":{\"tag\":[\"span\"],\"class\":[]}},{\"id\":12,\"parent\":8,\"type\":\"date\",\"options\":{\"tag\":\"span\",\"class\":[\"\"]}},{\"id\":13,\"parent\":5,\"type\":\"excerpt\",\"options\":{\"tag\":\"div\",\"class\":[\"_slug-excerpt\"],\"source\":[\"mix\"],\"strip_tags\":true,\"cut\":true,\"limit\":30,\"more_link\":\"\",\"more_hide\":false}},{\"id\":14,\"parent\":5,\"type\":\"wrapper\",\"options\":{\"tag\":\"div\",\"class\":[\"_slug-terms\"]}},{\"id\":15,\"parent\":14,\"type\":\"categories\",\"options\":{\"tag\":\"div\",\"class\":[\"\"],\"hyperlink\":true}},{\"id\":16,\"parent\":14,\"type\":\"tags\",\"options\":{\"tag\":\"div\",\"class\":[\"\"],\"hyperlink\":true,\"hashtag\":true}}]",
        "css": "._slug {\r\n\t--block-width: 300px;\r\n\t--text-color: black;\r\n\t--background: white;\r\n\t--link-color: #006699;\r\n\t--link-hover-color: #0099cc;\r\n\t--box-shadow: 0 0 8px 0 #0003;\r\n\t--border-radius: 4px;\r\n\t--vertical-gap: 20px;\r\n\tdisplay: flex;\r\n\tflex-flow: row wrap;\r\n\talign-items: flex-start;\r\n\tjustify-content: center;\r\n\tmargin: 0 auto;\r\n\tpadding: 10px;\r\n}\r\n._slug * {\r\n\tbox-sizing: border-box;\r\n}\r\n._slug-post {\r\n\twidth: var(--block-width);\r\n\tcolor: var(--text-color);\r\n\tbackground: var(--background);\r\n\tbox-shadow: var(--box-shadow);\r\n\tborder-radius: var(--border-radius);\r\n\tmargin-bottom: var(--vertical-gap);\r\n\tdisplay: flex;\r\n\tflex-flow: column nowrap;\r\n\tgap: 10px;\r\n\tposition: relative;\r\n}\r\n._slug a {\r\n\tcolor: var(--link-color) !important;\r\n}\r\n._slug a:hover {\r\n\tcolor: var(--link-hover-color) !important;\r\n}\r\n._slug-img-wrapper {\r\n\tdisplay: block;\r\n\toverflow: hidden;\r\n\twidth: 100%;\r\n\tborder-radius: var(--border-radius) var(--border-radius) 0 0;\r\n}\r\n.no-img ._slug-img-wrapper {\r\n\tdisplay: none;\r\n}\r\n._slug-img {\r\n\tdisplay: block;\r\n\tobject-fit: cover;\r\n\twidth: 100%;\r\n\tmax-height: 200px;\r\n\tscale: 1;\r\n\ttransition: scale 300ms ease;\r\n}\r\n._slug-img:hover {\r\n\tscale: 1.05;\r\n}\r\n._slug-text-wrapper {\r\n\tpadding: 10px;\r\n\twidth: 100%;\r\n\tposition: relative;\r\n\thyphens: auto;\r\n\tword-break: break-word;\r\n}\r\n._slug-title {\r\n\tmargin-bottom: 10px;\r\n}\r\n._slug-terms {\r\n\tdisplay: flex;\r\n\tflex-flow: column nowrap;\r\n\tgap: 10px;\r\n\tmargin-top: 10px;\r\n\tpadding-top: 10px;\r\n\tborder-top: 1px solid #0003;\r\n}\r\n._slug-excerpt {\r\n\tmargin-top: 20px;\r\n}\r\n._slug-info {\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n}\r\n._slug-author {\r\n\tdisplay: flex; gap: 5px;\r\n}\r\n._slug-author-avatar {\r\n\tborder-radius: 50%;\r\n}",
        "script": {
            "id": "masonry",
            "masonry": {
                "columnWidth": 300,
                "gutter": 20,
                "percentPosition": "",
                "horizontalOrder": ""
            }
        },
        "preview": {
            "type": "post",
            "orderby": "date",
            "order": "DESC",
            "limit": "10"
        }
    },
    {
        "title": "Post List",
        "slug": "post-list",
        "elements": "[{\"id\":1,\"parent\":null,\"type\":\"container\",\"options\":{\"tag\":\"div\",\"class\":[\"_slug\"]}},{\"id\":2,\"parent\":1,\"type\":\"post\",\"options\":{\"tag\":\"article\",\"class\":[\"_slug-post\"],\"no_thumbnail_class\":\"no-img\"}},{\"id\":3,\"parent\":2,\"type\":\"wrapper\",\"options\":{\"tag\":\"div\",\"class\":[\"_slug-img-wrapper\"]}},{\"id\":4,\"parent\":3,\"type\":\"thumbnail\",\"options\":{\"tag\":\"img\",\"class\":[\"_slug-img\"],\"size\":[\"medium_large\"],\"fallback\":[\"\"]}},{\"id\":5,\"parent\":2,\"type\":\"wrapper\",\"options\":{\"tag\":\"div\",\"class\":[\"_slug-text-wrapper\"]}},{\"id\":6,\"parent\":5,\"type\":\"link\",\"options\":{\"tag\":\"a\",\"class\":[\"\"],\"leads_to\":\"post\",\"target_blank\":false}},{\"id\":7,\"parent\":6,\"type\":\"title\",\"options\":{\"tag\":\"h2\",\"class\":[\"_slug-title\"]}},{\"id\":8,\"parent\":5,\"type\":\"wrapper\",\"options\":{\"tag\":\"div\",\"class\":[\"_slug-info\"]}},{\"id\":9,\"parent\":8,\"type\":\"wrapper\",\"options\":{\"tag\":\"div\",\"class\":[\"\"]}},{\"id\":10,\"parent\":9,\"type\":\"text\",\"options\":{\"tag\":\"span\",\"class\":[\"\"],\"content\":\"by \"}},{\"id\":11,\"parent\":9,\"type\":\"author\",\"options\":{\"tag\":[\"span\"],\"class\":[\"\"]}},{\"id\":12,\"parent\":9,\"type\":\"text\",\"options\":{\"tag\":\"span\",\"class\":[\"\"],\"content\":\", on \"}},{\"id\":13,\"parent\":9,\"type\":\"date\",\"options\":{\"tag\":\"span\",\"class\":[\"\"]}},{\"id\":14,\"parent\":5,\"type\":\"wrapper\",\"options\":{\"tag\":\"div\",\"class\":[\"_slug-terms\"]}},{\"id\":15,\"parent\":14,\"type\":\"categories\",\"options\":{\"tag\":\"div\",\"class\":[\"\"],\"hyperlink\":true}},{\"id\":16,\"parent\":14,\"type\":\"tags\",\"options\":{\"tag\":\"div\",\"class\":[\"\"],\"hyperlink\":true,\"hashtag\":true}},{\"id\":17,\"parent\":5,\"type\":\"excerpt\",\"options\":{\"tag\":\"div\",\"class\":[\"_slug-excerpt\"],\"source\":[\"mix\"],\"strip_tags\":true,\"cut\":true,\"limit\":30,\"more_link\":\"\",\"more_hide\":false}}]",
        "css": "._slug {\r\n\t--text-color: black;\r\n\t--background: white;\r\n\t--box-shadow: 0 0 8px 0 #0003;\r\n\t--border-radius: 4px;\r\n\t--link-color: #006699;\r\n\t--link-hover-color: #0099cc;\r\n\t--mobile-bg-mask: #fffc;\r\n\tdisplay: flex;\r\n\tflex-flow: column nowrap;\r\n\tgap: 30px;\r\n\tpadding: 10px;\r\n}\r\n._slug-post {\r\n\tdisplay: flex;\r\n\tgap: 10px;\r\n\twidth: 100%;\r\n\tbackground: var(--background);\r\n\tbox-shadow: var(--box-shadow);\r\n\tborder-radius: var(--border-radius);\r\n\tcolor: var(--text-color);\r\n\toverflow: hidden;\r\n\tposition: relative;\r\n}\r\n._slug a {\r\n\tcolor: var(--link-color) !important;\r\n}\r\n._slug a:hover {\r\n\tcolor: var(--link-hover-color) !important;\r\n}\r\n._slug-img-wrapper {\r\n\tdisplay: block;\r\n\toverflow: hidden;\r\n\twidth: 75%;\r\n}\r\n.no-img ._slug-img-wrapper {\r\n\twidth: 0;\r\n}\r\n._slug-img {\r\n\tdisplay: block;\r\n\tobject-fit: cover;\r\n\theight: 100%;\r\n\twidth: 100%;\r\n\tscale: 1;\r\n\ttransition: scale 300ms ease;\r\n}\r\n._slug-img:hover {\r\n\tscale: 1.05;\r\n}\r\n._slug-text-wrapper {\r\n\tpadding: 10px;\r\n\twidth: 100%;\r\n}\r\n._slug-title {\r\n\tmargin-bottom: 10px;\r\n}\r\n._slug-terms {\r\n\tdisplay: flex;\r\n\tgap: 10px;\r\n}\r\n._slug-excerpt {\r\n\tmargin-top: 20px;\r\n}\r\n._slug-info {\r\n\tdisplay: flex;\r\n\tgap: 20px;\r\n}\r\n@media (max-width: 1000px) {\r\n\t._slug-img-wrapper {\r\n\t\twidth: 50%;\r\n\t}\r\n\t.no-img ._slug-img-wrapper {\r\n\t\twidth: auto;\r\n\t}\r\n}\r\n@media (max-width: 600px) {\r\n\t._slug-post {\r\n\t\tflex-flow: column nowrap;\r\n\t}\r\n\t._slug-img-wrapper {\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\tz-index: 0;\r\n\t\twidth: 100%;\r\n\t}\r\n\t._slug-img {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t}\r\n\t._slug-img-wrapper::after {\r\n\t\tcontent: '';\r\n\t\tdisplay: block;\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\tbackground-color: var(--mobile-bg-mask);\r\n\t}\r\n\t._slug-text-wrapper {\r\n\t\tz-index: 1;\r\n\t}\r\n}",
        "script": {
            "id": ""
        },
        "preview": {
            "type": "post",
            "orderby": "date",
            "order": "DESC",
            "limit": "10"
        }
    },
    {
        "title": "Gallery",
        "slug": "gallery",
        "elements": "[{\"id\":1,\"parent\":null,\"type\":\"container\",\"options\":{\"tag\":\"div\",\"class\":[\"_slug\"]}},{\"id\":2,\"parent\":1,\"type\":\"post\",\"options\":{\"tag\":\"article\",\"class\":[\"_slug-post\"],\"no_thumbnail_class\":\"\"}},{\"id\":3,\"parent\":2,\"type\":\"thumbnail\",\"options\":{\"tag\":[\"div\"],\"class\":[\"_slug-img\"],\"size\":[\"medium\"],\"fallback\":[\"\"]}},{\"id\":4,\"parent\":2,\"type\":\"wrapper\",\"options\":{\"tag\":\"div\",\"class\":[\"_slug-text-wrapper\"]}},{\"id\":5,\"parent\":4,\"type\":\"excerpt\",\"options\":{\"tag\":\"div\",\"class\":[\"_slug-excerpt\"],\"source\":[\"mix\"],\"strip_tags\":true,\"cut\":true,\"limit\":15,\"more_link\":\"\",\"more_hide\":false}},{\"id\":6,\"parent\":4,\"type\":\"wrapper\",\"options\":{\"tag\":\"div\",\"class\":[\"_slug-row\"]}},{\"id\":7,\"parent\":6,\"type\":\"text\",\"options\":{\"tag\":[\"span\"],\"class\":[],\"content\":\"by \"}},{\"id\":8,\"parent\":6,\"type\":\"author\",\"options\":{\"tag\":[\"a\"],\"class\":[\"_slug-author\"]}},{\"id\":9,\"parent\":2,\"type\":\"wrapper\",\"options\":{\"tag\":\"div\",\"class\":[\"_slug-bar-shadow\"]}},{\"id\":10,\"parent\":9,\"type\":\"wrapper\",\"options\":{\"tag\":\"div\",\"class\":[\"_slug-bar-wrapper\"]}},{\"id\":11,\"parent\":10,\"type\":\"title\",\"options\":{\"tag\":[\"span\"],\"class\":[\"_slug-title\"]}},{\"id\":12,\"parent\":2,\"type\":\"link\",\"options\":{\"tag\":\"a\",\"class\":[\"_slug-open\"],\"leads_to\":[\"query_gallery\"],\"target_blank\":false}}]",
        "css": "._slug {\r\n\t--bg-mask: #0009;\r\n\t--text-color: white;\r\n\t--bar-bg: #006699;\r\n\t--bar-color: white;\r\n\t--box-shadow: 0 0 8px 0 #0003;\r\n\t--block-width: 300px;\r\n\tdisplay: flex;\r\n\tflex-flow: row wrap;\r\n\tjustify-content: center;\r\n\talign-items: flex-start;\r\n\tgap: 30px;\r\n\tpadding: 10px;\r\n}\r\n._slug * {\r\n\tbox-sizing: border-box;\r\n}\r\n._slug-post {\r\n\tposition: relative;\r\n\twidth: var(--block-width);\r\n\taspect-ratio: 4 / 3;\r\n\tbox-shadow: var(--box-shadow);\r\n}\r\n._slug-open {\r\n\tposition: absolute;\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n._slug-img {\r\n\tposition: absolute;\r\n\tinset: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tbackground-size: cover;\r\n\tbackground-position: center;\r\n}\r\n._slug a {\r\n\tcolor: var(--link-color) !important;\r\n}\r\n._slug a:hover {\r\n\tcolor: var(--link-hover-color) !important;\r\n}\r\n._slug-text-wrapper {\r\n\tposition: absolute;\r\n\tdisplay: flex;\r\n\tflex-flow: column nowrap;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tgap: 10px;\r\n\tpadding: 20% 5px 5px 5px;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tbackground-color: var(--bg-mask);\r\n\tcolor: var(--bar-color);\r\n\topacity: 0;\r\n\ttransition: opacity 300ms ease;\r\n}\r\n._slug-post:hover ._slug-text-wrapper {\r\n\topacity: 1;\r\n}\r\n._slug-row {\r\n\tdisplay: flex;\r\n\tgap: 5px;\r\n}\r\n\r\n._slug-post:hover ._slug-bar-shadow {\r\n\tleft: -10px;\r\n\topacity: 0.3;\r\n}\r\n._slug-title {\r\n\tfont-weight: bold;\r\n\tpadding: 0 8px;\r\n}\r\n._slug-bar-shadow {\r\n\tfilter: drop-shadow(-1px 5px 3px #0009);\r\n\tposition: absolute;\r\n\tz-index: 1;\r\n\tleft: -20px;\r\n\ttop: 20px;\r\n\topacity: 1;\r\n\ttransition: left 300ms ease, opacity 300ms ease;\r\n}\r\n._slug-bar-wrapper {\r\n\twidth: max-content;\r\n\tmax-width: var(--block-width);\r\n\tmin-height: 36px;\r\n\tbackground-color: var(--bar-bg);\r\n\tcolor: var(--bar-color);\r\n\tpadding: 5px 10px;\r\n\tclip-path: polygon(0 0, 95% 0, 100% 50%, 95% 100%, 0 100%, 5% 50%);\r\n}\r\n._slug-terms {\r\n\tdisplay: flex;\r\n\tgap: 10px;\r\n}",
        "script": {
            "id": ""
        },
        "preview": {
            "type": "post",
            "orderby": "date",
            "order": "DESC",
            "limit": "10"
        }
    },
    {
        "title": "Carousel Slider",
        "slug": "carousel-slider",
        "elements": "[{\"id\":1,\"parent\":null,\"type\":\"container\",\"options\":{\"tag\":\"div\",\"class\":[\"_slug\"]}},{\"id\":2,\"parent\":1,\"type\":\"post\",\"options\":{\"tag\":\"article\",\"class\":[\"_slug-post\"],\"no_thumbnail_class\":\"no-img\"}},{\"id\":3,\"parent\":2,\"type\":\"wrapper\",\"options\":{\"tag\":\"div\",\"class\":[\"_slug-img-wrapper\"]}},{\"id\":4,\"parent\":3,\"type\":\"thumbnail\",\"options\":{\"tag\":\"img\",\"class\":[\"_slug-img\"],\"size\":\"medium\",\"fallback\":[\"\"]}},{\"id\":5,\"parent\":2,\"type\":\"wrapper\",\"options\":{\"tag\":\"div\",\"class\":[\"_slug-text-wrapper\"]}},{\"id\":6,\"parent\":5,\"type\":\"link\",\"options\":{\"tag\":\"a\",\"class\":[\"\"],\"leads_to\":\"post\",\"target_blank\":false}},{\"id\":7,\"parent\":6,\"type\":\"title\",\"options\":{\"tag\":\"h2\",\"class\":[\"_slug-title\"]}},{\"id\":8,\"parent\":5,\"type\":\"wrapper\",\"options\":{\"tag\":\"div\",\"class\":[\"_slug-info\"]}},{\"id\":9,\"parent\":8,\"type\":\"wrapper\",\"options\":{\"tag\":\"div\",\"class\":[\"_slug-author\"]}},{\"id\":10,\"parent\":9,\"type\":\"text\",\"options\":{\"tag\":\"span\",\"class\":[],\"content\":\"by \"}},{\"id\":11,\"parent\":9,\"type\":\"author\",\"options\":{\"tag\":\"a\",\"class\":[]}},{\"id\":12,\"parent\":8,\"type\":\"date\",\"options\":{\"tag\":\"span\",\"class\":[\"\"]}},{\"id\":13,\"parent\":5,\"type\":\"excerpt\",\"options\":{\"tag\":\"div\",\"class\":[\"_slug-excerpt\"],\"source\":[\"mix\"],\"strip_tags\":true,\"cut\":true,\"limit\":30,\"more_link\":\"\",\"more_hide\":false}},{\"id\":14,\"parent\":5,\"type\":\"wrapper\",\"options\":{\"tag\":\"div\",\"class\":[\"_slug-terms\"]}},{\"id\":15,\"parent\":14,\"type\":\"categories\",\"options\":{\"tag\":\"div\",\"class\":[\"\"],\"hyperlink\":true}},{\"id\":16,\"parent\":14,\"type\":\"tags\",\"options\":{\"tag\":\"div\",\"class\":[\"\"],\"hyperlink\":true,\"hashtag\":true}}]",
        "css": "._slug {\r\n\t--text-color: #000;\r\n\t--background: #fff;\r\n\t--box-shadow: 0 0 8px 0 #0003;\r\n\t--border-radius: 3px;\r\n\t--link-color: #006699;\r\n\t--link-hover-color: #0099cc;\r\n\t--block-width: 300px;\r\n\tmargin-bottom: 20px;\r\n}\r\n._slug .slider-inner {\r\n\t/* Remove the following line to make the block full height. */\r\n\talign-items: flex-start;\r\n}\r\n._slug * {\r\n\tbox-sizing: border-box;\r\n}\r\n._slug-post {\r\n\tdisplay: flex;\r\n\tflex-flow: column nowrap;\r\n\tgap: 10px;\r\n\tmargin: 10px;\r\n\twidth: var(--block-width);\r\n\tcolor: var(--text-color);\r\n\tbackground: var(--background);\r\n\tbox-shadow: var(--box-shadow);\r\n\tborder-radius: var(--border-radius);\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n}\r\n._slug a {\r\n\tcolor: var(--link-color) !important;\r\n}\r\n._slug a:hover {\r\n\tcolor: var(--link-hover-color) !important;\r\n}\r\n._slug-img-wrapper {\r\n\tdisplay: block;\r\n\toverflow: hidden;\r\n\twidth: 100%;\r\n\tborder-radius: var(--border-radius) var(--border-radius) 0 0;\r\n}\r\n.no-img ._slug-img-wrapper {\r\n\tdisplay: none;\r\n}\r\n._slug-img {\r\n\tdisplay: block;\r\n\tobject-fit: cover;\r\n\twidth: 100%;\r\n\tmax-height: 200px;\r\n\tscale: 1;\r\n\ttransition: scale 300ms ease;\r\n}\r\n._slug-img:hover {\r\n\tscale: 1.05;\r\n}\r\n._slug-text-wrapper {\r\n\tdisplay: flex;\r\n\tflex-flow: column nowrap;\r\n\tflex-grow: 1;\r\n\tpadding: 10px;\r\n\twidth: 100%;\r\n\tposition: relative;\r\n}\r\n._slug-title {\r\n\tmargin-bottom: 10px;\r\n}\r\n._slug-terms {\r\n\tdisplay: flex;\r\n\tgap: 10px;\r\n}\r\n._slug-excerpt {\r\n\tmargin-top: 20px;\r\n\tflex-grow: 1;\r\n}\r\n._slug-info {\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n}\r\n._slug-author {\r\n\tdisplay: flex;\r\n\tgap: 5px;\r\n}\r\n._slug-terms {\r\n\tborder-top: 1px solid #0003;\r\n\tdisplay: flex;\r\n\tflex-flow: column nowrap;\r\n\tmargin-top: 10px;\r\n}\r\n._slug .slider-counter {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\twidth: 100%;\r\n}\r\n",
        "script": {
            "id": "slider",
            "slider": {
                "animate": "slide",
                "ease": "swing",
                "timer": true,
                "speed": 0.5,
                "delay": 5
            }
        },
        "preview": {
            "type": "",
            "orderby": "date",
            "order": "DESC",
            "limit": "10"
        }
    }
]