{
    "componentChunkName": "component---src-templates-article-page-template-js",
    "path": "/concepts/content-management/",
    "result": {"data":{"markdownRemark":{"frontmatter":{"title":"Content management in Flex","slug":"content-management","updated":"2023-04-01T00:00:00.000Z","category":"concepts-content-management","ingress":"This article introduces the Flex content management system and how content pages can be managed in Flex Console","skills":null},"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In 2023-02, Flex introduces a lightweight headless CMS to create content\npages in Flex. The feature allows operators to modify four default\ncontent pages without code, as well as create completely new pages."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"flex-content-management-glossary","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#flex-content-management-glossary","ariaLabel":"flex content management glossary permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Flex Content management glossary"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Before diving deeper into content management in Flex, here is a short\nglossary of the most central content related terms."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"content-management","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#content-management","ariaLabel":"content management permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Content management"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The way in which operator-created content is handled within Flex. Before\nConsole-operated content management, operators could either"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"add the content directly in the FTW codebase,"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"use the "},{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/concepts/microcopy/"},"children":[{"type":"text","value":"microcopy"}]},{"type":"text","value":" files for marketplace\ncontent, or"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"integrate an external content management system."}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Currently, we recommend managing content using the assets-based Pages\nfeature in Flex Console."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"content-modeling","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#content-modeling","ariaLabel":"content modeling permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Content modeling"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The process of structuring patterns of content in a way that allows\noperators to create content using existing building blocks, and that\nallows designers and developers to create ways of showing the content in\na systematic way."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"page","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#page","ariaLabel":"page permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Page"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The collection of different content elements under a specific URL. Pages\ncan have fields, sections, or blocks within them. A page can be fetched\nas "},{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/references/assets/"},"children":[{"type":"text","value":"an asset"}]},{"type":"text","value":" from the Flex Asset Delivery API.\nExample: "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"landing-page"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"page-asset","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#page-asset","ariaLabel":"page asset permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Page asset"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"As the operator adds and edits the elements of the page in Flex Console,\na page asset is created under the hood. The page asset uses a "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"page\nschema"}]},{"type":"text","value":" to describe the different content elements in a way that the\nclient application can then understand and render."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"section","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#section","ariaLabel":"section permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Section"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The main element of a page. In Flex, each section has a specific content\nmodel that determines the information that the section must have to\nfunction properly. Sections can have fields and blocks within them. In\nFlex, sections are the main way to distinguish pages from each other.\nExample: article, feature, columns."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"block","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#block","ariaLabel":"block permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Block"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Blocks are optional, but they are very useful for more extensive pieces\nof content. Different section content models can show blocks in\ndifferent ways, depending on the design. In addition, adding images to\nsections happens within blocks. Blocks can have fields within them.\nExample: default block."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"field","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#field","ariaLabel":"field permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Field"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The simplest content element in Flex. Conveys a single piece of\ninformation. Example: text field, button, image."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"content-models","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#content-models","ariaLabel":"content models permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Content models"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"When managing content, it is useful to distinguish content modeling from\ncontent. A "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"content model"}]},{"type":"text","value":" means the different elements that can\ncomprise e.g. a single page – headings, text blocks, buttons, images and\nso forth. A single content model that features a heading, a text block,\nan image and a button, can be used to create several different pages\nwith different "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"content"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The benefit of content modeling is that when you have a set of distinct\ncontent models, the content creator can choose the one that best suits\ntheir needs without needing to worry how the content will look on the\npage. The designer and developer, on the other hand, can design e.g.\narticle pages or feature pages without needing to have the specific\npieces of content already written. Instead, the content model provides\nthe designer with the necessary information to create a layout that\nlooks great and covers each part of the model."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"A content model also facilitates using the same content in different\nchannels – your mobile application can have one design and your website\ncan have another, but they can both use the same content models."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In Flex, the content modeling step is currently done for you. Each\n"},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"page"}]},{"type":"text","value":" can have a selection of pre-determined "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"sections"}]},{"type":"text","value":", which in\nturn can have several "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"blocks"}]},{"type":"text","value":". Depending on which kinds of sections\nand blocks you choose for your page, you can create a wide range of\ncontent. In the future, it will also be possible to create custom\nsections."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 635px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/28a5a1632f7f2b8f033d0e03438c54ae/82f12/content-model-landing-page.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 92.45283018867923%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAACXBIWXMAABYlAAAWJQFJUiTwAAAEhklEQVQ4y22SfUzUdRzHf/WP/VX9Ua38o/5pLRuFrVkup7kZLOckH0J8RioLxNQgWRzCJc8eiICI0pHAgYIciXAgCCieIHggBzR8zC15uuME9Tjud7/73dOr3VXONr/be/vuvc/79flsn49QqmsjubiMinodNY06tLomfm9q5mxTEw0tLWgbzqGpqUFTXU2pppLyyirUZRUkq/JR5hQSm5JFzIFMohUZFFVpEbKq6glPPkzSiUoOHNdw/Ew9tc2tZJZW8WNuMQePlqA8UkRqwTGUeUdRqPJRZOeRkJlLXFoOUT+nEblfyTshEWxPSEdILdeyZPcvhKXkE6bIZYPiEF+nFxCRpGJtQgYbErNZk5DOpsR0dqRksyUpmyilinX7klm2LZa3VoTz8qKVCK8vZH10AoKyTEvI9j0kxMYR8c1elkUrWB6TSEhsEqG7EgmNSWTVXiWr41P58qc01sUfZHnkHt5ctoaXPgzhhaDlzFuwFOHVIML9wNi8UhZ9upKkz0OI+GItQRtjWbgxhuANMQR/9T0frP+O99ftZEFYJPOXruHFhSuY9+4Snnt7McL8YIRX3kN4LQjh+TdYuTUWQafvIf23MxTUt3Ps7AXKGi5Q0diGRtdBpa6DU+cvUX6ulaKqOgo1WgoragNSlWg4VFwekKq4nLS8Euqa2xFsksyz3pTlAdMzDxkbm8BknmJ0dByTyczMzCNmHj56ZsYDCI/sDjxuN5LTifNfWa1WLJYHmM0mBo1GDIZrdHd1MTBwnakpMyaTCZvNhizLTzJ+zdodCI9FCXy+/7fyefF5PVimrVjnnIiSG7vkwWp345Dc/gJ8ePH6p/L5cHu9AU/2gmCX3dwfG6Xpop7znV00d3Sgbeuivk2P1XgG7jcyN1iFZCyFuyWY+qo5WNTE4eJz1FS20FzbivFyLzX996nQjyBIHh+GgevsS8vheFEuhaoUdsQfYE9SKtdK4xg4uoWegq00p4RyO+NjjOp48o9Uoz9dy53mJrorTjHec5WU2l4U6XkITh/ou6+wPSaaTMUPKKO3EROxil1Rm9gftZnViz9i96olhH+2iLBPgomO3IkqrYDe0ydRZ2azOnQ9mzd/y6ao3STE7UdwuL3cuHmLyhotF/XdXOrpo/2qgc7efupOqtEWZNFedgydOp96dQEXGhvoaL3Cjb4B9J29qDVaftXU0lJXR2/nZQSrBx5cvcLNLCWj+dnYBgz/LMbr40/1CW4dyuBeThZzt+4E7Lm/xrmdm8m9I5nYjH1P9mjpaOVubTXCrENCcjix2+awWWcRRQnZ40V2eZBtDuRZO9LjWVwOGY/Lh0f2IEsyskNCtDuYE6WARLuIzTaHIDol3G43Lrcbj9fL7Owsk5OTgVszmc2YLRYs09OYzWZMZhOjY2NMTE4yPjGBKIq43S5cLjnAkGQZwS5JuFyuwJH6zenpaUZGRhge/oPBwUGMRiNDQ0MMDw8zNDiEwWCgv/96oMbf3J/xZ/0Mh9OJID4F/A/q8XhwOiUcDkdgClG0P/UXA3Ver/cJ7Gng3y1MYwnHawIfAAAAAElFTkSuQmCC'); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/28a5a1632f7f2b8f033d0e03438c54ae/82e29/content-model-landing-page.webp 159w","/docs/legacy/static/28a5a1632f7f2b8f033d0e03438c54ae/ef33f/content-model-landing-page.webp 318w","/docs/legacy/static/28a5a1632f7f2b8f033d0e03438c54ae/f1837/content-model-landing-page.webp 635w","/docs/legacy/static/28a5a1632f7f2b8f033d0e03438c54ae/29549/content-model-landing-page.webp 953w","/docs/legacy/static/28a5a1632f7f2b8f033d0e03438c54ae/510da/content-model-landing-page.webp 1106w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/28a5a1632f7f2b8f033d0e03438c54ae/8b9b5/content-model-landing-page.png 159w","/docs/legacy/static/28a5a1632f7f2b8f033d0e03438c54ae/fa108/content-model-landing-page.png 318w","/docs/legacy/static/28a5a1632f7f2b8f033d0e03438c54ae/53fb6/content-model-landing-page.png 635w","/docs/legacy/static/28a5a1632f7f2b8f033d0e03438c54ae/5a426/content-model-landing-page.png 953w","/docs/legacy/static/28a5a1632f7f2b8f033d0e03438c54ae/82f12/content-model-landing-page.png 1106w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/28a5a1632f7f2b8f033d0e03438c54ae/53fb6/content-model-landing-page.png","alt":"Landing page with levels of content modeling elements","title":"Landing page with levels of content modeling elements","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"sections","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#sections","ariaLabel":"sections permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Sections"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Flex has four default content sections that you can select for your\npage. All sections have a title, an ingress, and a button for a call to\naction."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"article","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#article","ariaLabel":"article permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Article"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Article sections are great for prose text. If your content is longer,\nyou can add blocks with different levels of headings and text\nparagraphs. Blocks are displayed in a single column one after the other,\nas if on a blog page."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 635px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/b16e5eda0fd30f90cad45417dc8c3829/bc76e/pages-article-section.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 33.9622641509434%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAHCAYAAAAIy204AAAACXBIWXMAABYlAAAWJQFJUiTwAAAA6UlEQVQoz4XOS26DMBQFUO+t8+4gk0gd5DfABttACT8bEmUtgWRRFaSbuNGz4siq2nRwZPw+17Dr5YK/jMOA8XzGEHg1T9h2vQbZPc7NavWUZxmKPEdVFCgftkGfvv2ex7SUICpJkKcpmqpCtd87vbXojEFnLQ5d5/jguizdY7TnMwiTcQwv0xq2bXHsexdCYXQ3dQ3TNA7V6CGqU2C4T1jMOTwRRe5MhIDkHDyRMB9LjO9vOC0XiKR0deqH8yFGf/VTqhQypZBqjc9YoN1tUAju7q5O/V/2CJunCa9M84yv2zem+Yb/ZskdmZ92lGAViFcAAAAASUVORK5CYII='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/b16e5eda0fd30f90cad45417dc8c3829/82e29/pages-article-section.webp 159w","/docs/legacy/static/b16e5eda0fd30f90cad45417dc8c3829/ef33f/pages-article-section.webp 318w","/docs/legacy/static/b16e5eda0fd30f90cad45417dc8c3829/f1837/pages-article-section.webp 635w","/docs/legacy/static/b16e5eda0fd30f90cad45417dc8c3829/29549/pages-article-section.webp 953w","/docs/legacy/static/b16e5eda0fd30f90cad45417dc8c3829/c5420/pages-article-section.webp 1270w","/docs/legacy/static/b16e5eda0fd30f90cad45417dc8c3829/8d279/pages-article-section.webp 1890w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/b16e5eda0fd30f90cad45417dc8c3829/8b9b5/pages-article-section.png 159w","/docs/legacy/static/b16e5eda0fd30f90cad45417dc8c3829/fa108/pages-article-section.png 318w","/docs/legacy/static/b16e5eda0fd30f90cad45417dc8c3829/53fb6/pages-article-section.png 635w","/docs/legacy/static/b16e5eda0fd30f90cad45417dc8c3829/5a426/pages-article-section.png 953w","/docs/legacy/static/b16e5eda0fd30f90cad45417dc8c3829/91155/pages-article-section.png 1270w","/docs/legacy/static/b16e5eda0fd30f90cad45417dc8c3829/bc76e/pages-article-section.png 1890w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/b16e5eda0fd30f90cad45417dc8c3829/53fb6/pages-article-section.png","alt":"Article section","title":"Article section","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"columns","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#columns","ariaLabel":"columns permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Columns"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Columns sections divide blocks into pre-defined columns, and the\noperator can decide the number of columns between 1-4. The columns\npattern is great for featuring specific options in parallel, whether\nthey are benefits, testimonials, or featured locations."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 635px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/cf5cbdb1b7e41f2f35766830f90b5f47/9020b/pages-columns-section.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 48.427672955974835%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAABYlAAAWJQFJUiTwAAACeklEQVQoz3WSyU8TARSH53/xj/DuiXjSi1GjHkRASBBiwHgyomgQFHCBkGiRyBIW2UKgrKEDhQKl0FKGtrQdS7EFUilbgc7S+UwHjSdf8uWXl/fykpd8gqZpqH9Q1H+kVZWDwyM83nWkDR+hUBi3x2NmOq2gKAqappqZ7U0UBcHQdTB0IIsBZEyM8xTa6TFa6pj0yRHK+RmGppDRFNA1/ldC4lTFuZfGsXvOSCjJUPgA69aJyWg0xVg0hedAxyGFae6foNMq0jI4gXPZRSTko2XASqWlk0pLB1XfuhECSYUP3hRPxoM8n/BTOCRx0yqTJ+6QZ4tTYIvTtHlGq1UkJ/8p5a/f09rRjss+hs85Re/3dnJLH3PpylVKy8sQwkcqdct7vJj0MRFTaXDtcXfQS6F9hyL7Do/sOzT5U4TDfmZGe3DNjLK97iDsmSO05iBkH+ZW3kMu51wjNtWNEDxQqHcneWOP0Offp2pG5sbAxcHC2TjF9jiN/hQbAYkVcQCnOMTc+ADSko0fnnlm2hopKymipLgAZ9/Xi5erVw+5XWXhQbvIvZEgdyaj5Npi3J+OkS/GqZNO8AUkVm19+JfGcNn6mR/vxeuYZLa3FUtVBb21FXRVv0L4qUD9XJDrpc94OR+leilGjWuXd+4Ete4E9Z5f9EVOkbe3kNYX2QyssOEScYrDLE6PILnmWJgX6erqpqbBgpDY9LP8uZG1rjZiskxYlknu72MYGXRNQ9dUU6aYe4UVSxPeng4ioSBb0W0ikQjxeByMjKmMomkISWmNwKe3yK1fUI4OzUFG18kKr2dTVU0zE8sL+D/WILc1o50cX0hnGGZkd//u/wbqtKjgV8WqeQAAAABJRU5ErkJggg=='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/cf5cbdb1b7e41f2f35766830f90b5f47/82e29/pages-columns-section.webp 159w","/docs/legacy/static/cf5cbdb1b7e41f2f35766830f90b5f47/ef33f/pages-columns-section.webp 318w","/docs/legacy/static/cf5cbdb1b7e41f2f35766830f90b5f47/f1837/pages-columns-section.webp 635w","/docs/legacy/static/cf5cbdb1b7e41f2f35766830f90b5f47/29549/pages-columns-section.webp 953w","/docs/legacy/static/cf5cbdb1b7e41f2f35766830f90b5f47/c5420/pages-columns-section.webp 1270w","/docs/legacy/static/cf5cbdb1b7e41f2f35766830f90b5f47/81308/pages-columns-section.webp 1284w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/cf5cbdb1b7e41f2f35766830f90b5f47/8b9b5/pages-columns-section.png 159w","/docs/legacy/static/cf5cbdb1b7e41f2f35766830f90b5f47/fa108/pages-columns-section.png 318w","/docs/legacy/static/cf5cbdb1b7e41f2f35766830f90b5f47/53fb6/pages-columns-section.png 635w","/docs/legacy/static/cf5cbdb1b7e41f2f35766830f90b5f47/5a426/pages-columns-section.png 953w","/docs/legacy/static/cf5cbdb1b7e41f2f35766830f90b5f47/91155/pages-columns-section.png 1270w","/docs/legacy/static/cf5cbdb1b7e41f2f35766830f90b5f47/9020b/pages-columns-section.png 1284w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/cf5cbdb1b7e41f2f35766830f90b5f47/53fb6/pages-columns-section.png","alt":"Columns section","title":"Columns section","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"features","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#features","ariaLabel":"features permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Features"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Features sections, by default, show blocks of visual and text content.\nThe block contents are on a single row, alternating the order, and\ndifferent blocks are in a single column. As with all content sections,\nthe designer of your website can make changes as to how exactly the\nblocks get displayed on the page."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 635px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/de96df9cf8e7d538ec4a4b85b3eb84c0/64be0/pages-features-section.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 91.19496855345912%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAACXBIWXMAABYlAAAWJQFJUiTwAAAD9UlEQVQ4y42UWWhcVRjH59U3wWcfRcQHfRN8EBEp9EHsQyFpq7EuoLQl2AUq2BIrxNJNEUutVZHiQpumtUlrEjtpmr1LkmaZmXvv7ElmX+7MnZl75y4zk5+cG6dWn7zw4zv3PPzP953z/T+P4zjYto2IlmURiURQFMVFlmWCwSDhcNhF7AUkCZ/PRyAg4ff70XWdRqPhagg8jwuKmEgkiEajhEKhR8IC9z8YJCDJLC4t4/MHiMbi1AwDy3EwLRurLfi4aPu0arXqUqlU0DQNvVrB1qvUqxq2UYWmA7RgowGtxmZsOHjaqf4XISxwGg02mg0yusNE2mIybTKaMBiOVxmMavSHy/SFy/yilFjK6ZsZNpvNf9HO0r1X23FPDhRNzgZ0vvFVOLmkcfS+yv7pHN3TWbqnMrx9O8XViIZHlCPuTBCLxYhGY+TzeVfQNE3qpknLsVBUix/lGt/LNT4bj3NwYJEDg0u8+4dM93SajybTDMQ0POVymXg8zvr6Omtra+6jpFIpcrkc2WyWTDaLZegESxY/KAan7qbovvqA64rKpYDKgRsrdNyQ2D2e4lq0jMcwDGrVCmbdoF6vu4g9gWiJmq7TcmwU1eSCUueT4QBfzsQZSdpckDSOzybpuLLA9tHEpmBF14lnsqxmsoQjEbdskWmb9UQC29Ddks/LOj23w/ROxBhO2PSFaxwbi7Ctb4HOsbZgKkH81hBrd7yU8jlqNd29u0dYltsiUtHknL/CqSWNnt+nOTGyyLHRIG9dfsD24TBdd5JciZTwqJIf38nPkc+ewVCLOM0mpmlhiUa1LOqm5ZYcKNT5LmRxaMjPlt172fHzOO8Ph+jyxtxH6RpL0C8EW/y/Twie8Js8v3UnT760lT33yuyfyfLheIoPxpN0eNe5HC6Jtqmw4FNYkYLEV9fwBcOMLyyzKAWZ80l4780Tiq9Ss5sspjUGbg4xthzCr1o8zFSZF2Rr3MtUWdfqeGYWfBzuPcPIzWtMeQfZc/QLnnq9k6e37uTZN9/B89zL7Pi0dzPNZuOflDeasNHatJ+wYdOhJayXy6SQ5u6QUuZYXZnm4fSffH3+PLv2fcwzb3SypaOT3y7+5FowXyhQLBbJ5fMUiipqqUyhWHSHgu00NodDRc0RXZoi9HASZX6C2MoMCe8ljhzezyvbOpAuniY7N0pBLSNLErKs4PcH/h5rEXfEiUNEzwqrekr5DNL9MYILk0SWZ5Fu9bOr6z08L77GEy+8yrdHD6Epd6nUDDLptOugNsJJgmQy6UZXsJBJ4pv1Is9PEF2cIjj8K9fPHefEkYPs695L31c9JGdH0GoGqWSSUqmEqqpuFIjs2mvhsr8AIwbtXAh3aRcAAAAASUVORK5CYII='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/de96df9cf8e7d538ec4a4b85b3eb84c0/82e29/pages-features-section.webp 159w","/docs/legacy/static/de96df9cf8e7d538ec4a4b85b3eb84c0/ef33f/pages-features-section.webp 318w","/docs/legacy/static/de96df9cf8e7d538ec4a4b85b3eb84c0/f1837/pages-features-section.webp 635w","/docs/legacy/static/de96df9cf8e7d538ec4a4b85b3eb84c0/29549/pages-features-section.webp 953w","/docs/legacy/static/de96df9cf8e7d538ec4a4b85b3eb84c0/c5420/pages-features-section.webp 1270w","/docs/legacy/static/de96df9cf8e7d538ec4a4b85b3eb84c0/4e0bd/pages-features-section.webp 1276w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/de96df9cf8e7d538ec4a4b85b3eb84c0/8b9b5/pages-features-section.png 159w","/docs/legacy/static/de96df9cf8e7d538ec4a4b85b3eb84c0/fa108/pages-features-section.png 318w","/docs/legacy/static/de96df9cf8e7d538ec4a4b85b3eb84c0/53fb6/pages-features-section.png 635w","/docs/legacy/static/de96df9cf8e7d538ec4a4b85b3eb84c0/5a426/pages-features-section.png 953w","/docs/legacy/static/de96df9cf8e7d538ec4a4b85b3eb84c0/91155/pages-features-section.png 1270w","/docs/legacy/static/de96df9cf8e7d538ec4a4b85b3eb84c0/64be0/pages-features-section.png 1276w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/de96df9cf8e7d538ec4a4b85b3eb84c0/53fb6/pages-features-section.png","alt":"Features section","title":"Features section","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"carousel","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#carousel","ariaLabel":"carousel permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Carousel"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The carousel section shows content blocks side by side, in a carousel\nthat can be browsed by swiping or scrolling. Carousel sections work\ngreat for a long array of blocks that the reader may or may not want to\ninvestigate in more depth."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 635px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/150667d425a362bf60d112362924927f/652ac/pages-carousel-section.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 33.9622641509434%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAHCAYAAAAIy204AAAACXBIWXMAABYlAAAWJQFJUiTwAAABxElEQVQoz02RzWsTARDF938SBC+CBy8FL2rBegiK1dIetNoeFAQ/0EvFahWNtIgaN2hIsKaYWmMhH2KLiUQbxdSt2XS72aRNa2u2WXF3s/uTbFPrg8cMw8ybGZ5g2zYtNptNL1qW5eWG8RtNq6AoCguSRKFQoCTLqKqKrm96Pa3erZk2bRvhfzHXddmGZf5B13VKisa3+QXyX+eRiktezbFNduDu0LEQtsUcx6G2toaiVVksa8hqleXlCjRUnPoSbl2GRpGiLJPKSuTyP/heKFHWasyV18kurlLQQTBN0zu9hWfRV1y/fZcx/036rgxz3z/CanQQSewj/6ALI9BBeOwewzdEkmKEWTHEzPs5uq+Ncqz7NL3BGQTDMP4J+gMBBi4McOtiP6eOHuJ8fy/nfIc527mfngN78e3bxdXLQyTCEeKPH3Ky6wRnBi/hO95Dx57ddB48gtB61W4LpmIxpoJBMul3fJaKZLMfmRgZIjl6h+ybKJnZNOnJ13x48ZLM2yTjU0lik3ESTx+REEXS04ktUzxjgFpqmmoowGYu4y1o/lqnMhFhJRrGrJS9Wj2fQws9ofHlU9sTh5V4jNr4c9yNn/wFnHDdH0NQQIIAAAAASUVORK5CYII='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/150667d425a362bf60d112362924927f/82e29/pages-carousel-section.webp 159w","/docs/legacy/static/150667d425a362bf60d112362924927f/ef33f/pages-carousel-section.webp 318w","/docs/legacy/static/150667d425a362bf60d112362924927f/f1837/pages-carousel-section.webp 635w","/docs/legacy/static/150667d425a362bf60d112362924927f/29549/pages-carousel-section.webp 953w","/docs/legacy/static/150667d425a362bf60d112362924927f/c5420/pages-carousel-section.webp 1270w","/docs/legacy/static/150667d425a362bf60d112362924927f/28c7a/pages-carousel-section.webp 1810w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/150667d425a362bf60d112362924927f/8b9b5/pages-carousel-section.png 159w","/docs/legacy/static/150667d425a362bf60d112362924927f/fa108/pages-carousel-section.png 318w","/docs/legacy/static/150667d425a362bf60d112362924927f/53fb6/pages-carousel-section.png 635w","/docs/legacy/static/150667d425a362bf60d112362924927f/5a426/pages-carousel-section.png 953w","/docs/legacy/static/150667d425a362bf60d112362924927f/91155/pages-carousel-section.png 1270w","/docs/legacy/static/150667d425a362bf60d112362924927f/652ac/pages-carousel-section.png 1810w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/150667d425a362bf60d112362924927f/53fb6/pages-carousel-section.png","alt":"Carousel section","title":"Carousel section","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"blocks","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#blocks","ariaLabel":"blocks permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Blocks"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Currently, Flex has a single type of block that you can add to any\nsection. The block contains a title, and you can determine the level of\nthe title (page title, section title, section subtitle). A block can\nalso have text content and a button."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Block text content can be\n"},{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/operator-guides/how-to-format-your-text-in-pages/"},"children":[{"type":"text","value":"modified with Markdown"}]},{"type":"text","value":".\nThis allows the content creator to use even more fine-grained editing,\nincluding italics and bolding, subheadings, links, and code snippets."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"content-delivery","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#content-delivery","ariaLabel":"content delivery permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Content delivery"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Once the page has been created, it is fetched as an\n"},{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/references/assets/"},"children":[{"type":"text","value":"asset"}]},{"type":"text","value":" to the client application using the\n"},{"type":"element","tagName":"a","properties":{"href":"https://www.sharetribe.com/api-reference/asset-delivery-api.html","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"Asset Delivery API"}]},{"type":"text","value":".\nFor the landing page, the asset being modified in Flex is\n"},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"content/landing-page.js"}]},{"type":"text","value":". Assets can be fetched by the latest version,\nor a specific version. The client application then shows the page\ncontent it has fetched."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The FTW templates are configured to show asset-based content starting\nfrom the following versions:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"FTW-daily v10.0.0"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"FTW-hourly v12.0.0"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"FTW-product v11.0.0"}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"For earlier template versions, you can either pull upstream updates or\nmake the changes manually. You can check this article on\n"},{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/ftw/page-builder/"},"children":[{"type":"text","value":"content rendering in FTW"}]},{"type":"text","value":" for context, and these\nPRs for the necessary changes:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://github.com/sharetribe/ftw-daily/releases/tag/v10.0.0","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"FTW-daily"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://github.com/sharetribe/ftw-hourly/releases/tag/v12.0.0","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"FTW-hourly"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://github.com/sharetribe/ftw-product/releases/tag/v11.0.0","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"FTW-product"}]}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"To see your page changes in your client application, you need to save\nyour changes in Flex Console and navigate to the corresponding page in\nyour app."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Alternatively, if you have an application running in the address set as\nyour "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Marketplace URL"}]},{"type":"text","value":", you can click the \"View page\" link next to the\npage title in Flex Console."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 635px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/563572e4cf557e493d52a32db1601dcf/6b19e/view-page.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 33.33333333333333%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAHCAYAAAAIy204AAAACXBIWXMAABYlAAAWJQFJUiTwAAAA6UlEQVQoz52Qu04DMRBF/Y0gXg1SREiDII+Ghi+j4w8o+IcIErJaO2OPPfZeNN7NKgUSEcXRnbGt47HN2eQRx5xPnnBxN8fV/RLT5QtuH55xOV3gZrYa1zWvZ6txTWs9oxi3D/A+IoQI7xnOEawjtK2rPXMCEdf6GBo41Hvq00AYWTJizFW6Xn9is9nWbJoWKeme/ImjBGaBeX3f4asJkCRVaC0hxoSUBCK55qlETjBvHzt8tzwI9ZYI5oBSCrquO5mc+5cYoFSZjqv/pUJrLbwP9aCKe7pfKGOKDMJ+qlSbg5BInx3/NeEPvZUA3tMJHMYAAAAASUVORK5CYII='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/563572e4cf557e493d52a32db1601dcf/82e29/view-page.webp 159w","/docs/legacy/static/563572e4cf557e493d52a32db1601dcf/ef33f/view-page.webp 318w","/docs/legacy/static/563572e4cf557e493d52a32db1601dcf/f1837/view-page.webp 635w","/docs/legacy/static/563572e4cf557e493d52a32db1601dcf/29549/view-page.webp 953w","/docs/legacy/static/563572e4cf557e493d52a32db1601dcf/c5420/view-page.webp 1270w","/docs/legacy/static/563572e4cf557e493d52a32db1601dcf/c0304/view-page.webp 1960w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/563572e4cf557e493d52a32db1601dcf/8b9b5/view-page.png 159w","/docs/legacy/static/563572e4cf557e493d52a32db1601dcf/fa108/view-page.png 318w","/docs/legacy/static/563572e4cf557e493d52a32db1601dcf/53fb6/view-page.png 635w","/docs/legacy/static/563572e4cf557e493d52a32db1601dcf/5a426/view-page.png 953w","/docs/legacy/static/563572e4cf557e493d52a32db1601dcf/91155/view-page.png 1270w","/docs/legacy/static/563572e4cf557e493d52a32db1601dcf/6b19e/view-page.png 1960w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/563572e4cf557e493d52a32db1601dcf/53fb6/view-page.png","alt":"View page","title":"View page","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This will open the page in your "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Marketplace URL"}]},{"type":"text","value":" address."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"publishing-pages-from-test-to-live","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#publishing-pages-from-test-to-live","ariaLabel":"publishing pages from test to live permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Publishing pages from test to live"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"When you first take your marketplace live, your live marketplace\nenvironment is created as a duplicate of your test marketplace. This\nincludes all your page assets."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"You can also modify your marketplace content pages after going live. You\nwill still need to make and test the changes in your test environment.\nThen, after you are happy with all your page changes, you can click the\n\"Copy to live\" button."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"After clicking the button, you will see a modal detailing which pages\nhave been modified, created, and removed compared to your current live\npages. You can check the boxes of the pages you want to copy to Live.\nThis will override the current live content of those pages with the new\ncontent from the test environment."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"warning","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Once you have copied a page to Live, you cannot return to the previous\nlive version of that page. Take extra good care to double check your\nchanges in test environment before copying anything to Live!"}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"It can take up to five minutes for your changes to update from test to\nlive environment."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"content-layout","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#content-layout","ariaLabel":"content layout permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Content layout"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Content modeling does not, by default, contain information how the\ncontent should be laid out in the client application. The FTW templates\ndo have components corresponding to the different content sections.\nHowever, the Flex content assets can be used in any client application,\nand even in the FTW templates you have full freedom as to how the\ndifferent sections get displayed. This means that even with the\npre-defined options, you can create a page setup that is entirely your\nown."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Read more about how the FTW templates show content created in Flex\nConsole:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/ftw/page-builder/"},"children":[{"type":"text","value":"How FTW renders content pages using the PageBuilder"}]}]},{"type":"text","value":"\n"}]}],"data":{"quirksMode":false}},"headings":[{"value":"Flex Content management glossary","depth":2},{"value":"Content management","depth":3},{"value":"Content modeling","depth":3},{"value":"Page","depth":3},{"value":"Page asset","depth":3},{"value":"Section","depth":3},{"value":"Block","depth":3},{"value":"Field","depth":3},{"value":"Content models","depth":2},{"value":"Sections","depth":2},{"value":"Article","depth":3},{"value":"Columns","depth":3},{"value":"Features","depth":3},{"value":"Carousel","depth":3},{"value":"Blocks","depth":2},{"value":"Content delivery","depth":2},{"value":"Publishing pages from test to live","depth":3},{"value":"Content layout","depth":2}]}},"pageContext":{"slug":"content-management","category":"concepts-content-management"}},
    "staticQueryHashes": ["3794076007","439097193","717698143"]}