{
  // Place your Plasttic workspace snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
  // description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
  // is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
  // used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
  // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
  // Placeholders with the same ids are connected.
  // Example:
  // "Print to console": {
  // 	"scope": "javascript,typescript",
  // 	"prefix": "log",
  // 	"body": [
  // 		"console.log('$1');",
  // 		"$2"
  // 	],
  // 	"description": "Log output to console"
  // }
  "Plasttic HTML Boilerplate": {
    "scope": "html",
    "prefix": "!ptt",
    "body": [
      "<!DOCTYPE html>\n<!-- Plasttic HTML Boilerplate v1.2.7 | MIT License | https://plasttic.dev/ -->\n<!-- \nTODO: language\nformat language-COUNTRY (country is optional)\nhttps://www.w3schools.com/tags/ref_language_codes.asp\nhttps://www.w3schools.com/tags/ref_country_codes.asp\n-->\n<html lang=\"en\">\n  <head>\n    <!-- TODO: Google Analytics: replace GA_TRACKING_ID with your site's ID. -->\n    <!--\n    <script async src=\"https://www.googletagmanager.com/gtag/js?id=GA_TRACKING_ID\"></script>\n    <script>\n      window.dataLayer = window.dataLayer || [];\n      function gtag(){dataLayer.push(arguments);}\n      gtag('js', new Date());\n\n      gtag('config', 'GA_TRACKING_ID');\n    </script>\n    -->\n    <meta charset=\"utf-8\" />\n    <!-- TODO: (per page) Page title (max: 70 characters) -->\n    <title>\n      Plasttic Web Workflow: A front-end web development environment\n    </title>\n\n    <!-- TODO: No Crawling on 404, Temporary pages and others -->\n    <!--\n    <meta name=\"robots\" content=\"nofollow\">\n    <meta name=\"googlebot\" content=\"noindex\">\n    -->\n    <meta\n      name=\"robots\"\n      content=\"follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large\"\n    />\n\n    <!-- TODO: Website description (recommended max: 155 characters) -->\n    <meta\n      name=\"description\"\n      content=\"A methodology based professional Front-End development environment.\"\n    />\n\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n\n    <!-- TODO: (per page) Page URL -->\n    <link rel=\"canonical\" href=\"https://plasttic.dev/\" />\n\n    <!-- TODO: (global or per page) Open Graph: Facebook, Twitter, LinkedIn, ... -->\n    <!--   \n    https://ogp.me \n    https://www.opengraph.xyz/ (validate/preview)\n    -->\n    <!-- og:title (recommended max: 60 characters) -->\n    <meta property=\"og:title\" content=\"Plasttic Web Workflow\" />\n    <!-- og:description (recommended max: 200 characters) -->\n    <meta\n      property=\"og:description\"\n      content=\"A methodology based professional Front-End development environment.\"\n    />\n    <meta property=\"og:type\" content=\"website\" />\n    <!-- og:locale: format language_COUNTRY\n    https://www.w3schools.com/tags/ref_language_codes.asp\n    https://www.w3schools.com/tags/ref_country_codes.asp\n    -->\n    <meta property=\"og:locale\" content=\"en_US\" />\n    <!-- og:locale:alternate: list of other languages supported -->\n    <!--\n    <meta property=\"og:locale:alternate\" content=\"pt_PT\" />\n    <meta property=\"og:locale:alternate\" content=\"fr_FR\" />\n    -->\n    <!-- og:site_name: website title/blog post title -->\n    <meta property=\"og:site_name\" content=\"Plasttic\" />\n    <meta property=\"og:url\" content=\"https://plasttic.dev/\" />\n    <!-- og:image: website/article/blog post banner recommended:1200x627px -->\n    <meta\n      property=\"og:image\"\n      content=\"https://plasttic.dev/social-banner-1200_627.png\"\n    />\n    <meta property=\"og:image:alt\" content=\"Plasttic Web Workflow\" />\n    <meta property=\"og:image:width\" content=\"1200\" />\n    <meta property=\"og:image:height\" content=\"627\" />\n    <meta property=\"og:image:type\" content=\"image/png\" />\n    <!-- Optional: articles/blog posts -->\n    <meta\n      property=\"article:author\"\n      content=\"https://www.facebook.com/goncalo.tojeiro\"\n    />\n    <meta property=\"article:section\" content=\"article\" />\n    <!-- Time format: ISO 8601 (YYYY-MM-DDTHH:MM:SSUTC) -->\n    <meta\n      property=\"article:published_time\"\n      content=\"2023-06-18T16:41:30+00:00\"\n    />\n    <!-- \n    <meta property=\"article:modified_time\" content=\"2021-11-12T14:24:16-08:00\" />\n    -->\n\n    <!-- TODO: Twitter Cards (extends Open Graph) -->\n    <!-- \n    https://developer.twitter.com/en/docs/twitter-for-websites/cards/guides/getting-started\n    -->\n    <meta name=\"twitter:card\" content=\"summary_large_image\" />\n    <meta name=\"twitter:site\" content=\"@Plasttic_Dev\" />\n    <meta name=\"twitter:creator\" content=\"@tojeiro_me\" />\n\n    <!-- TODO: About the author of the website -->\n    <link rel=\"author\" href=\"/humans.txt\" />\n\n    <!-- TODO: Icons -->\n    <!-- \n    https://realfavicongenerator.net/\n    -->\n    <link rel=\"icon\" href=\"/favicon.ico\" sizes=\"any\" />\n    <link rel=\"icon\" href=\"/favicon.svg\" type=\"image/svg+xml\" />\n    <link rel=\"apple-touch-icon\" href=\"/apple-touch-icon.png\" />\n    <meta name=\"msapplication-TileColor\" content=\"#2d89ef\" />\n\n    <!-- TODO: Web App Manifest -->\n    <!-- \n    https://developer.mozilla.org/en-US/docs/Web/Manifest\n    -->\n    <link rel=\"manifest\" href=\"/manifest.json\" />\n\n    <!-- TODO: Theme-color -->\n    <!-- https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta/name/theme-color -->\n    <meta name=\"theme-color\" content=\"#ffffff\" />\n\n    <!-- TODO: Images (preload visible images on load) -->\n    <!--\n    <link\n      rel=\"preload\"\n      href=\"/img/illustrations/hero.webp\"\n      as=\"image\"\n      fetchpriority=\"high\"\n    />\n    -->\n\n    <!-- TODO: Fonts -->\n    <!-- 1. Local hosted (preload for @font-face) -->\n    <link\n      rel=\"preload\"\n      href=\"/fonts/roboto-latin-300-normal.woff2\"\n      as=\"font\"\n      type=\"font/woff2\"\n      crossorigin\n    />\n    <link\n      rel=\"preload\"\n      href=\"/fonts/roboto-latin-400-normal.woff2\"\n      as=\"font\"\n      type=\"font/woff2\"\n      crossorigin\n    />\n    <link\n      rel=\"preload\"\n      href=\"/fonts/roboto-latin-500-normal.woff2\"\n      as=\"font\"\n      type=\"font/woff2\"\n      crossorigin\n    />\n\n    <!-- 2. Google Fonts -->\n    <!--\n    <link rel=\"preconnect\" href=\"https://fonts.googleapis.com/\">\n    <link rel=\"dns-prefetch\" href=\"https://fonts.googleapis.com/\">\n    <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n    <link rel=\"dns-prefetch\" href=\"https://fonts.gstatic.com/\">\n    <link rel=\"preload\" as=\"style\"\n      href=\"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap\">\n    <link rel=\"stylesheet\"\n      href=\"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap\">\n    -->\n\n    <!-- TODO: Preconnect to CDNs: JS, CSS, Media, ... -->\n    <link rel=\"preconnect\" href=\"https://unpkg.com/\" crossorigin />\n    <link rel=\"dns-prefetch\" href=\"https://unpkg.com/\" />\n\n    <link rel=\"stylesheet\" href=\"https://unpkg.com/plasttic-reset@2.0\" />\n    <link rel=\"stylesheet\" href=\"/css/styles.css\" />\n    <link rel=\"stylesheet\" href=\"/css/print.css\" media=\"print\" />\n\n    <script src=\"/js/scripts.js\" defer></script>\n  </head>\n\n  <body>\n    <a id=\"top\"></a>\n    <!------------ START: WEBSITE CONTENT ------------->\n    <h1>Hello from Plasttic &#128075; <br />Insert website...</h1>\n    <!------------ END: WEBSITE CONTENT ------------->\n  </body>\n</html>\n"
    ]
  }
}
