[
  {
    "type": "pro",
    "banner_url": "new-features-pro-6.png",
    "version": "latest",
    "date": "9th September 2020",
    "title": "New Editor Block",
    "description": "<p style='margin:15px 0;'>The new <strong>SVG Flag Heading</strong> block replaces the need to use the <code>[svg-flag-heading]</code> shortcode to display an SVG flag next to an HTML heading element.</p><p><em>(Note: The shortcode is still available for legacy purposes)</em></p>",
    "learn_more_url": ""
  },
  {
    "type": "pro",
    "banner_url": "new-features-pro-5.png",
    "version": "latest",
    "date": "9th September 2020",
    "title": "New Editor Block",
    "description": "<p style='margin:15px 0;'>The new <strong>SVG Flag Image</strong> block replaces the need to use the <code>[svg-flag-image]</code> shortcode to display an SVG flag as background image.</p><p><em>(Note: The shortcode is still available for legacy purposes)</em></p>",
    "learn_more_url": ""
  },
  {
    "type": "pro",
    "banner_url": "new-features-pro-4.png",
    "version": "latest",
    "date": "9th September 2020",
    "title": "New <code>[svg-flag-heading]</code> Shortcode",
    "description": "<p style='margin:15px 0;'>A new shortcode to display SVG flags next to headings (H1, H2 etc.). It includes all the same shortcode attributes as <code>[svg-flag-image]</code> plus these new ones:</p><ul><li><code>heading</code> - The HTML heading element (H1, H2, etc.).</li><li><code>heading_text</code> - Text for the heading.</li></ul>",
    "learn_more_url": ""
  },
  {
    "type": "pro",
    "banner_url": "new-features-pro-1.png",
    "version": "0.9.0",
    "date": "11th March 2020",
    "title": "New <code>[svg-flag]</code> Shortcode Attribute",
    "description": "<p style='margin:15px 0;'>A new <code>custom_caption</code> shortcode attribute has been added to allow caption text to be updated.</p>",
    "learn_more_url": ""
  },
  {
    "type": "pro",
    "banner_url": "new-features-pro-2.png",
    "version": "0.9.0",
    "date": "11th March 2020",
    "title": "New <code>[svg-flag-image]</code> Shortcode Attributes",
    "description": "<p style='margin:15px 0;'>Here's a list of the new attributes:</p><ul><li><code>id</code>&nbsp;- Add unique identifier for each flag.</li><li><code>flag_class</code>&nbsp;- Add custom CSS classes.</li><li><code>tooltip</code>&nbsp;- Show country name when flag hovered over.</li><li><code>custom_tooltip</code>&nbsp;- Display custom tooltip text.</li><li><code>custom_caption</code>&nbsp;- Display custom caption text.</li><li><code>border</code>&nbsp;- Add flag border (e.g. <code>1px blue solid</code>).</li><li><code>border-radius</code>&nbsp;- Add rounded corners to flag.</li><li><code>padding</code>&nbsp;- Add custom padding between border and flag.</li><li><code>margin</code>&nbsp;- Add custom margin outside of border.</li></ul>",
    "learn_more_url": ""
  },
  {
    "type": "pro",
    "banner_url": "new-features-pro-3.png",
    "version": "0.9.0",
    "date": "11th March 2020",
    "title": "New Editor Block Settings",
    "description": "<p style='margin:15px 0;'>Here's a list of the new block settings:</p><ul><li><strong>ID</strong> - Unique identifier.</li><li><strong>Flag Class</strong> - Add custom CSS classes.</li><li><strong>Tooltip</strong> - Show country name when flag hovered over.</li><li><strong>Custom Tooltip</strong> - Display custom caption text.</li></ul>",
    "learn_more_url": ""
  },
  {
    "type": "free",
    "banner_url": "new-features-free-1.png",
    "version": "0.9.0",
    "date": "11th March 2020",
    "title": "New <code>[svg-flag]</code> Shortcode Attributes",
    "description": "<p style='margin:15px 0;'>Here's a list of the new attributes:</p><ul><li><code>size</code> - Replaces with/height attributes.</li><li><code>size_unit</code> - Set flag size (px, em, vw etc.)</li><li><code>caption</code> - Display country name under SVG flag.</li><li><code>random</code> - Display random flag on each page load.</li><li><code>inline</code> - Display flag inline with text.</li></ul>",
    "learn_more_url": ""
  },
  {
    "type": "free",
    "banner_url": "new-features-free-2.png",
    "version": "0.9.0",
    "date": "11th March 2020",
    "title": "New <code>[svg-flag-image]</code> Shortcode",
    "description": "<p style='margin:15px 0;'>This shortcode adds a flag as an SVG image inside an <code>&lt;img&gt;</code> element (rather than as a background image). Here's a list of the supported attributes:</p><ul><li><code>size</code> - Replaces with/height attributes.</li><li><code>size_unit</code> - Set flag size (px, em, vw etc.)</li><li><code>square</code> - Set to true for 1:1 aspect ratio (default is 4:3).</li><li><code>caption</code> - Display country name under SVG flag.</li><li><code>random</code> - Display random flag on each page load.</li><li><code>inline</code> - Display flag inline with text.</li></ul>",
    "learn_more_url": ""
  },
  {
    "type": "free",
    "banner_url": "new-features-free-3.png",
    "version": "0.9.0",
    "date": "11th March 2020",
    "title": "New Editor Block",
    "description": "<p style='margin:15px 0;'>This block replaces the <code>[svg-flag]</code> shortcode to display an SVG flag as background image. Here's a list of the currently supported block settings:</p><ul><li><strong>Flag</strong>&nbsp;- Select a specific SVG flag.</li><li><strong>Size</strong>&nbsp;- Specify the numerical size of flag.</li><li><strong>Size Unit</strong>&nbsp;- Select the size unit (px, em, vw etc.)</li><li><strong>Square</strong>&nbsp;- Use 1:1 or 4:3 aspect ratio.</li><li><strong>Caption</strong>&nbsp;- Display country name under SVG flag.</li><li><strong>Random</strong>&nbsp;- Display random flag on each page load.</li><li><strong>Inline</strong>&nbsp;- Display flag inline with text.</li></ul>",
    "learn_more_url": ""
  }
]