Improve YAML handling with special character quoting and documentation

Co-authored-by: estruyf <2900833+estruyf@users.noreply.github.com>

.all-contributorsrc

@@ -0,0 +1,11 @@
+{
+  "files": [],
+  "imageSize": 100,
+  "contributorsPerLine": 7,
+  "contributorsSortAlphabetically": false,
+  "badgeTemplate": "",
+  "contributorTemplate": "",
+  "types": {},
+  "skipCi": "true",
+  "contributors": []
+}

.eslintrc.json

@@ -0,0 +1,20 @@
+{
+  "root": true,
+  "parser": "@typescript-eslint/parser",
+  "plugins": ["@typescript-eslint"],
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "ignorePatterns": ["./**/*.js", "./webpack/*.config.js", "./e2e/*.ts"],
+  "rules": {
+    "no-throw-literal": "error",
+    "no-unused-expressions": "error",
+    "curly": "error",
+    "class-methods-use-this": "warn",
+    "no-console": "warn",
+    "@typescript-eslint/no-empty-interface": "off",
+    "no-extra-boolean-cast": "off"
+  }
+}

.frontmatter/database/mediaDb.json

@@ -0,0 +1 @@
+{"assets":{"v7.0.0":{"snippets-dashboard.png":{"caption":"Snippets dashboard","alt":"Snippets dashboard"}}}}

.frontmatter/database/pinnedItemsDb.json

@@ -0,0 +1 @@
+{}

.frontmatter/database/taxonomyDb.json

@@ -0,0 +1 @@
+{}

.github/FUNDING.yml

@@ -1,4 +1,5 @@
 # These are supported funding model platforms
 
 github: [estruyf]
+open_collective: frontmatter
 custom: ["https://www.buymeacoffee.com/zMeFRy9"]

.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,34 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: 'Issue: '
+labels: 'bug'
+assignees: ''
+
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**To Reproduce**
+Steps to reproduce the behavior:
+
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**Device:**
+
+- OS: [e.g. iOS]
+- Front Matter CMS Version [e.g. 10.2.0]
+- Browser [e.g. chrome, safari]
+
+**Additional context**
+Add any other context about the problem here.

.github/ISSUE_TEMPLATE/config.yml

@@ -0,0 +1,14 @@
+blank_issues_enabled: false
+contact_links:
+  - name: Documentation
+    url: https://frontmatter.codes/docs
+    about: See our documentation.
+  - name: Changelog
+    url: https://frontmatter.codes/updates
+    about: See our changelog.
+  - name: Front Matter website
+    url: https://frontmatter.codes
+    about: Our website.
+  - name: Support Front Matter
+    url: https://github.com/sponsors/estruyf
+    about: Support Front Matter development.

.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,20 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: 'Enhancement: '
+labels: 'enhancement'
+assignees: ''
+
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.

.github/ISSUE_TEMPLATE/feedback_request.md

@@ -0,0 +1,7 @@
+---
+name: Feedback
+about: Tell more on what you think
+title: 'Feedback: '
+labels: ''
+assignees: ''
+---

.github/ISSUE_TEMPLATE/showcase.md

@@ -0,0 +1,20 @@
+---
+name: Showcase
+about: Let us know that you are using Front Matter and we'll add you on our showcase page
+title: 'Showcase: '
+labels: 'showcase'
+assignees: ''
+---
+
+**Title you want to give your site**
+
+Define a clear title that will be used on the showcase page. Example: `Front Matter`.
+
+**Link to the site**
+
+A URL to the site to add.
+
+**A nice and clean description**
+
+Keep it simple. Just let us know which static-site generator you used, and other frameworks.
+

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,33 @@
+# PR Details
+
+<!--- Provide a general summary of your changes in the Title above -->
+
+## Description
+
+<!--- Describe your changes in detail -->
+
+## Related Issue
+
+<!--- This project only accepts pull requests related to open issues -->
+<!--- If suggesting a new feature or change, please discuss it in an issue first -->
+<!--- If fixing a bug, there should be an issue describing it with steps to reproduce -->
+<!--- Please link to the issue here: -->
+
+## Motivation and Context
+
+<!--- Why is this change required? What problem does it solve? -->
+
+## How Has This Been Tested
+
+<!--- Please describe in detail how you tested your changes. -->
+<!--- Include details of your testing environment, and the tests you ran to -->
+<!--- see how your change affects other areas of the code, etc. -->
+
+## Types of changes
+
+<!--- What types of changes does your code introduce? Put an `x` in all the boxes that apply: -->
+
+- [ ] Docs change / refactoring / dependency upgrade
+- [ ] Bug fix (non-breaking change which fixes an issue)
+- [ ] New feature (non-breaking change which adds functionality)
+- [ ] Breaking change (fix or feature that would cause existing functionality to change)

.github/actions/localization/action.yml

@@ -0,0 +1,47 @@
+name: Localization sync
+description: Syncs the localization values from English to the other supported languages
+
+inputs:
+  TRANSLATION_API_KEY:
+    description: 'The API key for the translation service'
+    required: true
+  TRANSLATION_API_LOCATION:
+    description: 'The location of the translation service'
+    required: true
+  TRANSLATION_API_URL:
+    description: 'The URL of the translation service'
+    required: true
+  PACKAGE_NAME:
+    description: 'The name of the package to be uploaded'
+    required: true
+  
+runs:
+  using: "composite"
+  steps:
+    - uses: actions/setup-node@v4
+      with:
+        node-version: 20
+        registry-url: https://registry.npmjs.org/
+        cache: 'npm'
+
+    - name: Install the dependencies
+      shell: bash
+      run: npm ci
+
+    - name: Sync localization
+      shell: bash
+      run: npm run localization:sync
+      env:
+        TRANSLATION_API_KEY: ${{ inputs.TRANSLATION_API_KEY }}
+        TRANSLATION_API_LOCATION: ${{ inputs.TRANSLATION_API_LOCATION }}
+        TRANSLATION_API_URL: ${{ inputs.TRANSLATION_API_URL }}
+
+    - name: Remove the node_modules
+      shell: bash
+      run: rm -rf node_modules
+
+    - uses: actions/upload-artifact@v4
+      with:
+        include-hidden-files: true
+        name: ${{ inputs.PACKAGE_NAME }}
+        path: .

.github/workflows/codeql-analysis.yml

@@ -0,0 +1,71 @@
+# For most projects, this workflow file will not need changing; you simply need
+# to commit it to your repository.
+#
+# You may wish to alter this file to override the set of languages analyzed,
+# or to provide custom queries or build logic.
+#
+# ******** NOTE ********
+# We have attempted to detect the languages in your repository. Please check
+# the `language` matrix defined below to confirm you have the correct set of
+# supported CodeQL languages.
+#
+name: "CodeQL"
+
+on:
+  push:
+    branches: [ main ]
+  pull_request:
+    # The branches below must be a subset of the branches above
+    branches: [ main ]
+  schedule:
+    - cron: '24 14 * * 5'
+
+jobs:
+  analyze:
+    name: Analyze
+    runs-on: ubuntu-latest
+    permissions:
+      actions: read
+      contents: read
+      security-events: write
+
+    strategy:
+      fail-fast: false
+      matrix:
+        language: [ 'javascript' ]
+        # CodeQL supports [ 'cpp', 'csharp', 'go', 'java', 'javascript', 'python' ]
+        # Learn more:
+        # https://docs.github.com/en/free-pro-team@latest/github/finding-security-vulnerabilities-and-errors-in-your-code/configuring-code-scanning#changing-the-languages-that-are-analyzed
+
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v2
+
+    # Initializes the CodeQL tools for scanning.
+    - name: Initialize CodeQL
+      uses: github/codeql-action/init@v2
+      with:
+        languages: ${{ matrix.language }}
+        # If you wish to specify custom queries, you can do so here or in a config file.
+        # By default, queries listed here will override any specified in a config file.
+        # Prefix the list here with "+" to use these queries and those in the config file.
+        # queries: ./path/to/local/query, your-org/your-repo/queries@main
+
+    # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
+    # If this step fails, then you should remove it and run the build manually (see below)
+    - name: Autobuild
+      uses: github/codeql-action/autobuild@v2
+
+    # ℹ️ Command-line programs to run using the OS shell.
+    # 📚 https://git.io/JvXDl
+
+    # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines
+    #    and modify them (or add more) to build your code if your project
+    #    uses a compiled language
+
+    #- run: |
+    #   make bootstrap
+    #   make release
+
+    - name: Perform CodeQL Analysis
+      uses: github/codeql-action/analyze@v2

.github/workflows/project-labelling.yml

@@ -0,0 +1,90 @@
+name: Project labelling
+
+on:
+  project_card:
+    types: [created, moved, deleted]
+
+jobs:
+  process-project:
+    name: Add/remove the project label and set the matrix variable
+    runs-on: ubuntu-latest
+    outputs:
+      matrix: ${{ steps.setMatrixData.outputs.matrix }}
+      statusLabel: ${{ steps.setStatusLabel.outputs.statusLabel }}
+    steps:
+      - name: Fetch project data
+        run: |
+          echo 'PROJECT_DATA<<EOF' >> $GITHUB_ENV
+          curl --request GET --url '${{ github.event.project_card.project_url }}' --header 'Authorization: token ${{ secrets.GITHUB_TOKEN }}' >> $GITHUB_ENV
+          echo 'EOF' >> $GITHUB_ENV
+
+      ### Add or remove the project label ###
+      - name: Add the project label
+        uses: andymckay/labeler@master
+        if: ${{ contains(github.event.action, 'created') || contains(github.event.action, 'moved') }}
+        with:
+          add-labels: "Project: ${{ fromJSON(env.PROJECT_DATA).name }}"
+
+      - name: Remove the project label
+        uses: andymckay/labeler@master
+        if: ${{ contains(github.event.action, 'deleted') }}
+        with:
+          remove-labels: "Project: ${{ fromJSON(env.PROJECT_DATA).name }}"
+
+      ### Fetch project columns ###
+      - name: Fetch all columns
+        run: |
+          echo 'ALL_COLUMNS_DATA<<EOF' >> $GITHUB_ENV
+          curl --request GET --url '${{ fromJSON(env.PROJECT_DATA).columns_url }}' --header 'Authorization: token ${{ secrets.GITHUB_TOKEN }}' | jq --compact-output '["Status: " + .[].name]' >> $GITHUB_ENV
+          echo 'EOF' >> $GITHUB_ENV
+
+      - name: Fetch column info
+        run: |
+          echo 'COLUMN_DATA<<EOF' >> $GITHUB_ENV
+          curl --request GET --url '${{ github.event.project_card.column_url }}' --header 'Authorization: token ${{ secrets.GITHUB_TOKEN }}' >> $GITHUB_ENV
+          echo 'EOF' >> $GITHUB_ENV
+
+      - uses: actions/github-script@v6
+        id: setMatrixData
+        with:
+          result-encoding: string
+          script: |
+            const columnData = JSON.parse(process.env.COLUMN_DATA)
+            const allColumnsData = JSON.parse(process.env.ALL_COLUMNS_DATA)
+
+            const matrix = allColumnsData.filter((label) => {
+              return label !== `Status: ${columnData.name}`
+            });
+
+            core.setOutput('matrix', matrix)
+
+      - name: Set the status label
+        id: setStatusLabel
+        run: |
+          echo "statusLabel=${{ fromJSON(env.COLUMN_DATA).name }}" >> $GITHUB_OUTPUT
+
+  remove-labels:
+    runs-on: ubuntu-latest
+    needs: process-project
+    if: ${{ contains(github.event.action, 'deleted') || contains(github.event.action, 'moved') }}
+    strategy:
+      matrix:
+        label: ${{fromJson(needs.process-project.outputs.matrix)}}
+    steps:
+      - name: Remove the status label
+        uses: andymckay/labeler@master
+        with:
+          remove-labels: ${{ matrix.label }}
+
+  add-labels:
+    runs-on: ubuntu-latest
+    needs: 
+      - process-project
+      - remove-labels
+    if: ${{ contains(github.event.action, 'created') || contains(github.event.action, 'moved') }}
+    steps:
+      - name: Add the status label
+        uses: andymckay/labeler@master
+        with:
+          add-labels: "Status: ${{ needs.process-project.outputs.statusLabel }}"
+    

.github/workflows/release-beta.yml

@@ -0,0 +1,83 @@
+name: BETA Release
+on:
+  push:
+    branches:
+      - beta
+  workflow_dispatch:
+
+env:
+  PACKAGE_NAME: 'fm-localized'
+  MS_URL: 'https://marketplace.visualstudio.com/items?itemName=eliostruyf.vscode-front-matter-beta'
+  VSX_URL: 'https://open-vsx.org/extension/eliostruyf/vscode-front-matter-beta'
+
+jobs:
+  localization:
+    name: 'Localization'
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Localize the solution
+        uses: ./.github/actions/localization
+        with:
+          TRANSLATION_API_KEY: ${{ secrets.TRANSLATION_API_KEY }}
+          TRANSLATION_API_LOCATION: ${{ secrets.TRANSLATION_API_LOCATION }}
+          TRANSLATION_API_URL: ${{ secrets.TRANSLATION_API_URL }}
+          PACKAGE_NAME: ${{ env.PACKAGE_NAME }}
+
+  release-ms:
+    name: 'Release to VSCode Marketplace'
+    runs-on: ubuntu-latest
+    needs: localization
+    environment:
+      name: 'MS - BETA'
+      url: ${{ env.MS_URL }}
+
+    steps:
+      - uses: actions/download-artifact@v4
+        with:
+          name: ${{ env.PACKAGE_NAME }}
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          registry-url: https://registry.npmjs.org/
+          cache: 'npm'
+
+      - name: Install the dependencies
+        run: npm ci
+
+      - name: Prepare BETA
+        run: node scripts/beta-release.js $GITHUB_RUN_ID
+
+      - name: Publish
+        run: npx @vscode/vsce publish -p ${{ secrets.VSCE_PAT }} --baseImagesUrl https://raw.githubusercontent.com/estruyf/vscode-front-matter/dev
+
+  release-vsx:
+    name: 'Release to Open VSX'
+    runs-on: ubuntu-latest
+    needs: localization
+    environment:
+      name: 'Open VSX - BETA'
+      url: ${{ env.VSX_URL }}
+
+    steps:
+      - uses: actions/download-artifact@v4
+        with:
+          name: ${{ env.PACKAGE_NAME }}
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          registry-url: https://registry.npmjs.org/
+          cache: 'npm'
+
+      - name: Install the dependencies
+        run: npm ci
+
+      - name: Prepare BETA
+        run: node scripts/beta-release.js $GITHUB_RUN_ID
+
+      - name: Publish to open-vsx.org
+        run: npx ovsx publish -p ${{ secrets.OPEN_VSX_PAT }}

.github/workflows/release.yml

@@ -5,24 +5,79 @@ on:
       - published
   workflow_dispatch:
 
+env:
+  PACKAGE_NAME: 'fm-localized'
+  MS_URL: 'https://marketplace.visualstudio.com/items?itemName=eliostruyf.vscode-front-matter'
+  VSX_URL: 'https://open-vsx.org/extension/eliostruyf/vscode-front-matter'
+
 jobs:
-  build:
-    name: "Build and release"
+  localization:
+    name: 'Localization'
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v1
+      - uses: actions/checkout@v4
+
+      - name: Localize the solution
+        uses: ./.github/actions/localization
         with:
-          node-version: 14
+          TRANSLATION_API_KEY: ${{ secrets.TRANSLATION_API_KEY }}
+          TRANSLATION_API_LOCATION: ${{ secrets.TRANSLATION_API_LOCATION }}
+          TRANSLATION_API_URL: ${{ secrets.TRANSLATION_API_URL }}
+          PACKAGE_NAME: ${{ env.PACKAGE_NAME }}
+
+  release-ms:
+    name: 'Release to VSCode Marketplace'
+    runs-on: ubuntu-latest
+    needs: localization
+    environment:
+      name: 'MS - Stable'
+      url: ${{ env.MS_URL }}
+
+    steps:
+      - uses: actions/download-artifact@v4
+        with:
+          name: ${{ env.PACKAGE_NAME }}
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
           registry-url: https://registry.npmjs.org/
+          cache: 'npm'
 
       - name: Install the dependencies
-        run: npm i
+        run: npm ci
 
-      - name: Install vsce
-        run: npm i -g vsce
+      - name: Prepare MAIN release
+        run: node scripts/main-release.js
 
       - name: Publish
-        run: vsce publish -p ${{ secrets.VSCE_PAT }}
+        run: npx @vscode/vsce publish -p ${{ secrets.VSCE_PAT }}
 
+  release-vsx:
+    name: 'Release to Open VSX'
+    runs-on: ubuntu-latest
+    needs: localization
+    environment:
+      name: 'Open VSX - Stable'
+      url: ${{ env.VSX_URL }}
+
+    steps:
+      - uses: actions/download-artifact@v4
+        with:
+          name: ${{ env.PACKAGE_NAME }}
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          registry-url: https://registry.npmjs.org/
+          cache: 'npm'
+
+      - name: Install the dependencies
+        run: npm ci
+
+      - name: Prepare MAIN release
+        run: node scripts/main-release.js
+
+      - name: Publish to open-vsx.org
+        run: npx ovsx publish -p ${{ secrets.OPEN_VSX_PAT }}

.gitignore

@@ -4,4 +4,12 @@ node_modules
 *.vsix
 .DS_Store
 dist
-todo.md
+todo.md
+
+e2e/storage
+e2e/extensions
+e2e/sample
+
+localization.log
+localization.md
+.env

.npmrc

@@ -0,0 +1 @@
+auto-install-peers = true

.prettierrc

@@ -0,0 +1,7 @@
+{
+  "printWidth": 100,
+  "tabWidth": 2,
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "none"
+}

.templates/documentation.md

@@ -0,0 +1,9 @@
+---
+title: 
+slug: 
+description: 
+date: 2019-08-22T15:20:28.000Z
+lastmod: 2019-08-22T15:20:28.000Z
+weight: 1
+type: documentation
+---

.vscode/extensions.json

@@ -1,7 +1,5 @@
 {
-	// See http://go.microsoft.com/fwlink/?LinkId=827846
-	// for the documentation about the extensions.json format
-	"recommendations": [
-		"ms-vscode.vscode-typescript-tslint-plugin"
-	]
-}
+  // See http://go.microsoft.com/fwlink/?LinkId=827846
+  // for the documentation about the extensions.json format
+  "recommendations": ["eliostruyf.vscode-typescript-exportallmodules", "esbenp.prettier-vscode"]
+}

.vscode/launch.json

@@ -3,46 +3,28 @@
 // Hover to view descriptions of existing attributes.
 // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
 {
-	"version": "0.2.0",
-	"configurations": [
-		{
-			"name": "Launch Extension",
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Launch Extension",
+      "type": "extensionHost",
+      "request": "launch",
+      "runtimeExecutable": "${execPath}",
+      "args": [
+        "--extensionDevelopmentPath=${workspaceFolder}", "--disable-extension=eliostruyf.vscode-front-matter"
+      ],
+      "outFiles": ["${workspaceFolder}/dist/**/*.js"],
+      "preLaunchTask": "npm: build:ext"
+    },
+    {
+      "name": "Attach Extension",
 			"type": "extensionHost",
 			"request": "launch",
 			"runtimeExecutable": "${execPath}",
-			"args": [
-					"--extensionDevelopmentPath=${workspaceFolder}"
-			],
-			"outFiles": [
-					"${workspaceFolder}/dist/**/*.js"
-			],
-			"preLaunchTask": "npm: build:ext"
-		},
-		{
-			"name": "Attach Extension",
-			"type": "extensionHost",
-			"request": "launch",
-			"runtimeExecutable": "${execPath}",
-			"args": [
-					"--extensionDevelopmentPath=${workspaceFolder}"
-			],
-			"outFiles": [
-					"${workspaceFolder}/dist/**/*.js"
-			]
-		},
-		{
-			"name": "Extension Tests",
-			"type": "extensionHost",
-			"request": "launch",
-			"runtimeExecutable": "${execPath}",
-			"args": [
-					"--extensionDevelopmentPath=${workspaceFolder}",
-					"--extensionTestsPath=${workspaceFolder}/out/test"
-			],
-			"outFiles": [
-					"${workspaceFolder}/out/test/**/*.js"
-			],
-			"preLaunchTask": "npm: test-compile"
-		}
-	]
+      "args": [
+        "--extensionDevelopmentPath=${workspaceFolder}", "--disable-extension=eliostruyf.vscode-front-matter"
+      ],
+      "outFiles": ["${workspaceFolder}/dist/**/*.js"]
+    }
+  ]
 }

.vscode/recoil.code-snippets

@@ -0,0 +1,66 @@
+{
+  "Recoil Atom": {
+    "prefix": "sq-atom",
+    "body": [
+      "import { atom } from 'recoil';",
+      "",
+      "export const ${1:CollectionId}Atom = atom({",
+      "  key: '${1:CollectionId}Atom',",
+      "  default: 1",
+      "});"
+    ],
+    "description": "Creates a new atom",
+    "scope": "typescript"
+  },
+  "Recoil Selector (sync)": {
+    "prefix": "sq-selector-sync",
+    "body": [
+      "import { selector } from 'recoil';",
+      "",
+      "export const ${1:CollectionData}Selector = selector({",
+      "  key: '${1:CollectionData}Selector',",
+      "  get: ({get}) => {",
+      "    return get(${1:CollectionData}Atom);",
+      "  }",
+      "});"
+    ],
+    "description": "Creates a new synchronous selector",
+    "scope": "typescript"
+  },
+  "Recoil Selector (async)": {
+    "prefix": "sq-selector-async",
+    "body": [
+      "import { selector } from 'recoil';",
+      "",
+      "export const ${1:CollectionData}Selector = selector({",
+      "  key: '${1:CollectionData}Selector',",
+      "  get: async ({get}) => {",
+      "    return await dataFetch(get(${2:CollectionIdState}));",
+      "  }",
+      "});"
+    ],
+    "description": "Creates a new asynchronous selector",
+    "scope": "typescript"
+  },
+  "Recoil selectorFamily": {
+    "prefix": "sq-selector-fam",
+    "body": [
+      "import { selectorFamily } from 'recoil';",
+      "",
+      "export const ${1:CollectionData}Selector = selectorFamily({",
+      "  key: '${1:CollectionData}Selector',",
+      "  get: id => async () => {",
+      "    return await dataFetch({id});",
+      "  }",
+      "});"
+    ],
+    "description": "Creates a selectorFamily (same as selector, but used to provide parameters)",
+    "scope": "typescript"
+  },
+  "useTranslation": {
+    "prefix": ["sq-translation", "useTranslation"],
+    "body": "const { t: strings } = useTranslation();",
+    "description": "Include the translations",
+    "scope": "typescriptreact"
+  }
+}

.vscode/settings.json

@@ -1,11 +1,60 @@
 // Place your settings in this file to overwrite default and user settings.
 {
-    "files.exclude": {
-        "out": false // set this to true to hide the "out" folder with the compiled JS files
+  "commitHelper.messages": [
+    {
+      "type": "👨‍💻 apps",
+      "values": ["#search", "#profile"]
     },
-    "search.exclude": {
-        "out": true // set this to false to include "out" folder in search results
+    {
+      "type": "⚙️ tasks",
+      "values": ["#build", "#deploy", "#skip"]
+    }
+  ],
+  "files.exclude": {
+    "out": false // set this to true to hide the "out" folder with the compiled JS files
+  },
+  "search.exclude": {
+    "out": true // set this to false to include "out" folder in search results
+  },
+  // Turn off tsc task auto detection since we have the necessary tasks as npm scripts
+  "typescript.tsc.autoDetect": "off",
+  "squarl.groups": [
+    {
+      "id": "dashboard",
+      "name": "Dashboard"
     },
-    // Turn off tsc task auto detection since we have the necessary tasks as npm scripts
-    "typescript.tsc.autoDetect": "off"
-}
+    {
+      "id": "panel",
+      "name": "Panel"
+    }
+  ],
+  "squarl.bookmarks": [
+    {
+      "name": "App.tsx",
+      "path": "src/dashboardWebView/components/App.tsx",
+      "description": "Start of dashboard",
+      "type": "file",
+      "groupId": "dashboard"
+    },
+    {
+      "name": "ViewPanel.tsx",
+      "path": "src/panelWebView/ViewPanel.tsx",
+      "description": "Start of panel",
+      "type": "file",
+      "groupId": "panel"
+    },
+    {
+      "name": "styles.css",
+      "path": "src/panelWebView/styles.css",
+      "description": "Panel styles",
+      "type": "file",
+      "groupId": "panel"
+    },
+    {
+      "name": "settings.ts",
+      "path": "src/constants/settings.ts",
+      "description": "Settings names",
+      "type": "file"
+    }
+  ]
+}

.vscode/tasks.json

@@ -1,28 +1,28 @@
 // See https://go.microsoft.com/fwlink/?LinkId=733558
 // for the documentation about the tasks.json format
 {
-	"version": "2.0.0",
-	"tasks": [
-		{
-			"type": "npm",
-			"script": "watch",
-			"problemMatcher": "$tsc-watch",
-			"isBackground": true,
-			"presentation": {
-				"reveal": "never"
-			},
-			"group": {
-				"kind": "build",
-				"isDefault": true
-			}
-		},
-		{
-			"type": "npm",
-			"script": "build:ext",
-			"group": {
-				"kind": "build",
-				"isDefault": true
-			}
-		}
-	]
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "type": "npm",
+      "script": "watch",
+      "problemMatcher": "$tsc-watch",
+      "isBackground": true,
+      "presentation": {
+        "reveal": "never"
+      },
+      "group": {
+        "kind": "build",
+        "isDefault": true
+      }
+    },
+    {
+      "type": "npm",
+      "script": "build:ext",
+      "group": {
+        "kind": "build",
+        "isDefault": true
+      }
+    }
+  ]
 }

.vscodeignore

@@ -5,8 +5,28 @@ src/**
 .gitignore
 vsc-extension-quickstart.md
 **/tsconfig.json
-**/tslint.json
+**/tsconfig.e2e.json
 **/*.map
 **/*.ts
 webpack.config.js
 node_modules
+docs
+tailwind.config.js
+sample
+postcss.config.js
+.templates
+.github
+scripts
+.all-contributorsrc
+assets/v2.*
+assets/v3.*
+assets/v4.*
+assets/sponsors
+dist/*.html
+frontmatter.json
+.frontmatter
+webpack
+README.beta.md
+e2e
+storage
+pnpm-lock.yaml

CODE_OF_CONDUCT.md

@@ -0,0 +1,128 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+We as members, contributors, and leaders pledge to make participation in our
+community a harassment-free experience for everyone, regardless of age, body
+size, visible or invisible disability, ethnicity, sex characteristics, gender
+identity and expression, level of experience, education, socio-economic status,
+nationality, personal appearance, race, religion, or sexual identity
+and orientation.
+
+We pledge to act and interact in ways that contribute to an open, welcoming,
+diverse, inclusive, and healthy community.
+
+## Our Standards
+
+Examples of behavior that contributes to a positive environment for our
+community include:
+
+* Demonstrating empathy and kindness toward other people
+* Being respectful of differing opinions, viewpoints, and experiences
+* Giving and gracefully accepting constructive feedback
+* Accepting responsibility and apologizing to those affected by our mistakes,
+  and learning from the experience
+* Focusing on what is best not just for us as individuals, but for the
+  overall community
+
+Examples of unacceptable behavior include:
+
+* The use of sexualized language or imagery, and sexual attention or
+  advances of any kind
+* Trolling, insulting or derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or email
+  address, without their explicit permission
+* Other conduct which could reasonably be considered inappropriate in a
+  professional setting
+
+## Enforcement Responsibilities
+
+Community leaders are responsible for clarifying and enforcing our standards of
+acceptable behavior and will take appropriate and fair corrective action in
+response to any behavior that they deem inappropriate, threatening, offensive,
+or harmful.
+
+Community leaders have the right and responsibility to remove, edit, or reject
+comments, commits, code, wiki edits, issues, and other contributions that are
+not aligned to this Code of Conduct, and will communicate reasons for moderation
+decisions when appropriate.
+
+## Scope
+
+This Code of Conduct applies within all community spaces, and also applies when
+an individual is officially representing the community in public spaces.
+Examples of representing our community include using an official e-mail address,
+posting via an official social media account, or acting as an appointed
+representative at an online or offline event.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported to the community leaders responsible for enforcement at
+elio@struyfconsulting.be.
+All complaints will be reviewed and investigated promptly and fairly.
+
+All community leaders are obligated to respect the privacy and security of the
+reporter of any incident.
+
+## Enforcement Guidelines
+
+Community leaders will follow these Community Impact Guidelines in determining
+the consequences for any action they deem in violation of this Code of Conduct:
+
+### 1. Correction
+
+**Community Impact**: Use of inappropriate language or other behavior deemed
+unprofessional or unwelcome in the community.
+
+**Consequence**: A private, written warning from community leaders, providing
+clarity around the nature of the violation and an explanation of why the
+behavior was inappropriate. A public apology may be requested.
+
+### 2. Warning
+
+**Community Impact**: A violation through a single incident or series
+of actions.
+
+**Consequence**: A warning with consequences for continued behavior. No
+interaction with the people involved, including unsolicited interaction with
+those enforcing the Code of Conduct, for a specified period of time. This
+includes avoiding interactions in community spaces as well as external channels
+like social media. Violating these terms may lead to a temporary or
+permanent ban.
+
+### 3. Temporary Ban
+
+**Community Impact**: A serious violation of community standards, including
+sustained inappropriate behavior.
+
+**Consequence**: A temporary ban from any sort of interaction or public
+communication with the community for a specified period of time. No public or
+private interaction with the people involved, including unsolicited interaction
+with those enforcing the Code of Conduct, is allowed during this period.
+Violating these terms may lead to a permanent ban.
+
+### 4. Permanent Ban
+
+**Community Impact**: Demonstrating a pattern of violation of community
+standards, including sustained inappropriate behavior,  harassment of an
+individual, or aggression toward or disparagement of classes of individuals.
+
+**Consequence**: A permanent ban from any sort of public interaction within
+the community.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage],
+version 2.0, available at
+https://www.contributor-covenant.org/version/2/0/code_of_conduct.html.
+
+Community Impact Guidelines were inspired by [Mozilla's code of conduct
+enforcement ladder](https://github.com/mozilla/diversity).
+
+[homepage]: https://www.contributor-covenant.org
+
+For answers to common questions about this code of conduct, see the FAQ at
+https://www.contributor-covenant.org/faq. Translations are available at
+https://www.contributor-covenant.org/translations.

CONTRIBUTING.md

@@ -0,0 +1,59 @@
+# Contributing to Front Matter
+
+First of all, it is amazing you want to contribute to Front Matter 💚.
+
+There are various ways in how you can contribute to the project, it can be as simple from opening a bug report to implementing fixes or features.
+
+## How you can help us
+
+- Testing out the extension and providing feedback
+- Reporting issues and bugs
+- Suggesting new features
+- Fixing an issue
+- Updating documentation
+- UI improvements
+- Tutorials
+- etc.
+
+Eager to start contributing? Great 🤩, you can contribute to the following projects:
+
+- [Extension](https://github.com/estruyf/vscode-front-matter)
+- [Documentation](https://github.com/FrontMatter/web-documentation-nextjs)
+- [Sample Projects](https://github.com/FrontMatter/project-samples)
+
+## How to get started
+
+- Start by forking this project;
+- Clone your fork to your local machine;
+- Run `npm i`;
+- Open the project in VS Code;
+- To start developing, run `npm run dev:ext` and press `f5` to start the debugging session.
+
+### Tips
+
+- Ensure that the main branch on your fork is in sync with the original **vscode-front-matter** repository
+
+```bash
+# assuming you are in the folder of your locally cloned fork....
+git checkout main
+
+# assuming you have a remote named `upstream` pointing to the official **vscode-front-matter** repo
+git fetch upstream
+
+# update your local main to be a mirror of what's in the main repo
+git pull --rebase upstream main
+```
+
+- Create a feature branch in your fork. In case you get stuck, or have issues with merging your PR, this will allow you to have a clean main branch that you can use for contributing other changes.
+
+```bash
+git checkout -b issue/<id>
+```
+
+## Pull request
+
+Once you are done with implementing the fix or feature. Please create a PR to our `dev` branch.
+
+## License
+
+By contributing, you agree that your contributions will be licensed under its MIT License.

README.beta.md

@@ -0,0 +1,224 @@
+<h1 align="center">
+  <a href="https://frontmatter.codes">
+    <img alt="Front Matter" src="https://frontmatter.codes/assets/frontmatter-social.png">
+  </a>
+</h1>
+
+<h2 align="center">Front Matter a CMS running straight in Visual Studio Code</h2>
+
+<h2 align="center">This is the BETA version of Front Matter. If you were looking for the main version, check it out at <a href="https://frontmatter.codes">frontmatter.codes</a></h2>
+
+<p align="center">
+  <a href="https://marketplace.visualstudio.com/items?itemName=eliostruyf.vscode-front-matter" title="Check it out on the Visual Studio Marketplace">
+    <img src="https://vscode-marketplace-badge.vercel.app/api/badge/version/eliostruyf.vscode-front-matter" alt="Visual Studio Marketplace" style="display: inline-block" />
+  </a>
+
+  <img src="https://vscode-marketplace-badge.vercel.app/api/badge/installs/eliostruyf.vscode-front-matter" alt="Number of installs"  style="display: inline-block;margin-left:10px" />
+
+  <img src="https://vscode-marketplace-badge.vercel.app/api/badge/rating/eliostruyf.vscode-front-matter" alt="Ratings" style="display: inline-block;margin-left:10px" />
+
+  <a href="https://github.com/sponsors/estruyf" title="Become a sponsor" style="margin-left:10px">
+    <img src="https://img.shields.io/github/sponsors/estruyf?color=%23CE2E7C&logo=github&style=flat" alt="Sponsor the project" style="display: inline-block" />
+  </a>
+</p>
+
+<h2 align="center">
+  <a href="https://beta.frontmatter.codes" title="Documentation @ beta.frontmatter.codes">
+    Check out the extension documentation at beta.frontmatter.codes
+  </a>
+</h2>
+
+## ❓ What is Front Matter?
+
+Front Matter is a CMS that runs within Visual Studio Code. It gives you the power and control of a full-blown CMS while also providing you the flexibility and speed of the static site generator of your choice. Jump right into editing and creating content with Front Matter and be able to preview it straight in VS Code.
+
+The extension supports various static-site generators and frameworks like Hugo, Jekyll, Hexo, NextJs, Gatsby, and more.
+
+A couple of our extension highlights that hopefully get you interested in giving Front Matter a try:
+
+- Content, data, and media management
+  - Search, filter, sort, etc. all your content
+  - Create new content
+  - Supporting tools to edit content and media
+- Preview your site/content straight in Visual Studio Code
+- SEO checks for title, description, and keywords
+- Extensibility
+  - As we know, we cannot support all use cases. We provide a way to extend the functionality of the extension to your needs
+- and many more features ...
+
+> Missing something? Let us know by opening an issue on the [GitHub repository](https://github.com/estruyf/vscode-front-matter/issues/new/choose)
+
+<p align="center">
+  <img src="https://frontmatter.codes/assets/marketplace/v6.0.0/content-preview.png" alt="Site preview" style="display: inline-block" />
+</p>
+
+> If you see something missing in your article creation flow, please feel free to reach out.
+
+**Version 10**
+
+In version 10, we introduced the new i18n/multilingual support for your content. You can now manage your content in multiple languages, more information can be found in the [multilingual](https://frontmatter.codes/docs/content-creation/multilingual) section of our documentation.
+
+![Multilingual support](https://beta.frontmatter.codes/releases/v10.0.0/multilingual-content.png)
+
+**Version 9**
+
+The extension is now available in multiple languages: English, German, and Japanese. Want to add your language? Check out the [localization the extension](https://frontmatter.codes/docs/contributing#translating-the-extension).
+
+**Version 8**
+
+The taxonomy dashboard got introduced on which you can manage your tags, categories, and custom taxonomy.
+
+![Taxonomy dashboard](https://beta.frontmatter.codes/assets/marketplace/v8.1.0/taxonomy-dashboard.png)
+
+**Version 7**
+
+Snippets support for Front Matter has been added!
+
+![Snippets dashboard](https://frontmatter.codes/assets/marketplace/v7.0.0/snippets-dashboard.png)
+
+**Version 6**
+
+In this version, we introduced the new data files/folders dashboard. You can find more information about the release in our [v6.0.0 release notes](https://frontmatter.codes/updates/v6.0.0).
+
+<p align="center">
+  <img src="https://frontmatter.codes/assets/marketplace/v6.0.0/data-dashboard.png" alt="Data dashboard" style="display: inline-block" />
+</p>
+
+> Data files/folders are pieces of content that do not belong to any markdown content, but live on their own. Most of the time, these data files are used to store additional information about your project/blog/website that will be used to render the content.
+
+**Version 5**
+
+The new media dashboard redesign got introduced + support for setting metadata on media files [v5.0.0 release notes](https://frontmatter.codes/updates/v5.0.0).
+
+<p align="center">
+  <img src="https://frontmatter.codes/assets/marketplace/v5.9.0/media-dashboard.png" alt="Data dashboard" style="display: inline-block" />
+</p>
+
+**Version 4**
+
+Support for Team level settings, content-types, and image support. Get to know more at: [v4.0.0 release notes](https://frontmatter.codes/updates/v4_0_0).
+
+**Version 3**
+
+In version v3 we introduced the welcome and dashboard webview. The welcome view allows to get you started using the extension, and the dashboard allows you to manage all your markdown pages in one place. This makes it easy to search, filter, sort, and more.
+
+**Version 2**
+
+In version v2 we released the re-designed sidebar panel with improved SEO support. This extension makes it the only extension to manage your Markdown pages for your static sites in Visual Studio Code.
+
+<p align="center" style="margin-top: 2rem;">
+  <a href="https://www.producthunt.com/posts/front-matter?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-front-matter" target="_blank">
+    <img src="https://api.producthunt.com/widgets/embed-image/v1/featured.png?post_id=309033&theme=dark" alt="Front Matter BETA - Managing your static sites straight from within VS Code | Product Hunt" style="width: 250px; height: 40px;" />
+  </a>
+</p>
+
+## ⚙️ Installation
+
+You can get the extension via:
+
+- The VS Code marketplace: [VS Code Marketplace - Front Matter](https://marketplace.visualstudio.com/items?itemName=eliostruyf.vscode-front-matter).
+- The extension CLI: `code --install-extension eliostruyf.vscode-front-matter`
+- Or by clicking on the following link: <a href="" title="open extension in VS Code" data-vscode="vscode:extension/eliostruyf.vscode-front-matter">open extension in VS Code</a>
+
+> **Info**: The docs can be found on [frontmatter.codes](https://frontmatter.codes).
+
+### 🧪 Beta version
+
+If you have the courage to test out the beta features, we made available a beta version as well. You can install this via:
+
+- Uninstall the main Front Matter version
+- Install the beta version
+  - VS Code marketplace: [VS Code Marketplace - Front Matter BETA](https://marketplace.visualstudio.com/items?itemName=eliostruyf.vscode-front-matter-beta).
+  - The extension CLI: `code --install-extension eliostruyf.vscode-front-matter-beta`
+  - Or by clicking on the following link: <a href="" title="open extension in VS Code" data-vscode="vscode:extension/eliostruyf.vscode-front-matter-beta">open extension in VS Code</a>
+
+> **Info**: The BETA docs can be found on [beta.frontmatter.codes](https://beta.frontmatter.codes).
+
+## 📖 Documentation
+
+All documentation can be found on [frontmatter.codes](https://frontmatter.codes).
+
+Documentation repository: [GitHub - Front Matter DOCs](https://github.com/FrontMatter/web-documentation-nextjs)
+
+## 💪 Contributing
+
+Pull requests are welcome. Please open an issue first to discuss what you would like to change, or which problem you would like to fix. This makes it easier for us to follow-up and plan for future releases.
+
+You can always help us improve the extension in varous ways like:
+
+- Testing out the extension and providing feedback
+- Reporting issues and bugs
+- Suggesting new features
+- Fixing an issue
+- Updating documentation
+- UI improvements
+- Tutorials
+- etc.
+
+Eager to start contributing? Great 🤩, you can contribute to the following projects:
+
+- [Extension](https://github.com/estruyf/vscode-front-matter)
+- [Documentation](https://github.com/FrontMatter/web-documentation-nextjs)
+- [Sample Projects](https://github.com/FrontMatter/project-samples)
+
+## 👀 Show the work you are using Front Matter
+
+Are you using Front Matter and are you interested in showing for which websites you use it? You can show your work by opening a [showcase issue](https://github.com/estruyf/vscode-front-matter/issues/new?assignees=&labels=&template=showcase.md&title=Showcase%3A+).
+
+You can open showcase issues for the following things:
+
+- Show the website for which you use Front Matter;
+- Share an article/video/webcast/... that explains how you use Front Matter;
+- Got something else to share? Open an issue and we can see where it fits on our website.
+
+## 👉 Contributors 🤘
+
+<p align="center">
+  <a href="https://github.com/estruyf/vscode-front-matter/graphs/contributors">
+    <img src="https://contrib.rocks/image?repo=estruyf/vscode-front-matter" />
+  </a>
+</p>
+
+## 💚 Backers & Sponsors 👇 🤘
+
+<p align="center">
+  <img src="https://api.frontmatter.codes/img-sponsors" alt="Front Matter sponsors" />
+</p>
+
+<br />
+
+<p align="center" title="Powered by Netlify">
+  <a href="https://www.netlify.com?utm_source=vscode-frontmatter&utm_campaign=oss">
+    <img src="https://frontmatter.codes/assets/sponsors/netlify-dark.png" alt="Deploys by Netlify" height="51px" />
+   </a>
+</p>
+
+<br />
+
+<p align="center">
+  <a href="http://bejs.io/" title="Supported by the BEJS Community">
+    <img src="https://frontmatter.codes/assets/sponsors/bejs-community.png" alt="Supported by the BEJS Community" height="50px"/>
+   </a>
+</p>
+
+## 📊 Telemetry
+
+The Front Matter CMS extension only uses telemetry on application crashes. The extension respects the `telemetry.enableTelemetry` setting which you can learn more about in the [Visual Studio Code FAQ](https://aka.ms/vscode-remote/telemetry).
+
+For crash reports in the webviews, we make use of Sentry to help us understand what went wrong. This data is only used to fix issues and improve the extension. You can find more information about the Sentry implementation in the following files:
+
+- [Sentry config](https://github.com/estruyf/vscode-front-matter/blob/63e296d62f11be73ac86d9e823084247952a7ddc/src/utils/sentryInit.ts)
+
+> The user ip address is not collected.
+
+## 🔑 License
+
+[MIT](./LICENSE)
+<br />
+<br />
+
+<p align="center">
+  <a href="https://visitorbadge.io">
+    <img src="https://api.visitorbadge.io/api/VisitorHit?user=estruyf&repo=vscode-front-matter&countColor=%23F05450&labelColor=%230E131F" height="25px" />
+  </a>
+</p>

README.md

@@ -1,356 +1,231 @@
 <h1 align="center">
-  <a href="https://marketplace.visualstudio.com/items?itemName=eliostruyf.vscode-front-matter">
-    <img alt="Front Matter" src="./assets/front-matter.png">
+  <a href="https://frontmatter.codes">
+    <img alt="Front Matter" src="https://frontmatter.codes/assets/frontmatter-social.png">
   </a>
 </h1>
 
-<h2 align="center">Front Matter is an essential Visual Studio Code extension when you want to manage the markdown pages of your static sites.</h2>
+<h2 align="center">Front Matter a CMS running straight in Visual Studio Code</h2>
 
 <p align="center">
   <a href="https://marketplace.visualstudio.com/items?itemName=eliostruyf.vscode-front-matter" title="Check it out on the Visual Studio Marketplace">
-    <img src="https://vsmarketplacebadge.apphb.com/version/eliostruyf.vscode-front-matter.svg" alt="Visual Studio Marketplace" style="display: inline-block" />
+    <img src="https://vscode-marketplace-badge.vercel.app/api/badge/version/eliostruyf.vscode-front-matter" alt="Visual Studio Marketplace" style="display: inline-block" />
   </a>
 
-  <img src="https://vsmarketplacebadge.apphb.com/installs/eliostruyf.vscode-front-matter.svg" alt="Number of installs"  style="display: inline-block;margin-left:10px" />
-  
-  <img src="https://vsmarketplacebadge.apphb.com/rating/eliostruyf.vscode-front-matter.svg" alt="Ratings" style="display: inline-block;margin-left:10px" />
+  <img src="https://vscode-marketplace-badge.vercel.app/api/badge/installs/eliostruyf.vscode-front-matter" alt="Number of installs"  style="display: inline-block;margin-left:10px" />
 
-  <a href="https://www.buymeacoffee.com/zMeFRy9" title="Buy me a coffee" style="margin-left:10px">
-    <img src="https://img.shields.io/badge/Buy%20me%20a%20coffee-€%203-blue?logo=buy-me-a-coffee&style=flat" alt="Buy me a coffee" style="display: inline-block" />
+  <img src="https://vscode-marketplace-badge.vercel.app/api/badge/rating/eliostruyf.vscode-front-matter" alt="Ratings" style="display: inline-block;margin-left:10px" />
+
+  <a href="https://github.com/sponsors/estruyf" title="Become a sponsor" style="margin-left:10px">
+    <img src="https://img.shields.io/github/sponsors/estruyf?color=%23CE2E7C&logo=github&style=flat" alt="Sponsor the project" style="display: inline-block" />
   </a>
 </p>
 
-This VSCode extension simplifies working with your markdown articles' front matter when using a static site generator like Hugo, Jekyll, Hexo, NextJs, Gatsby, and many more... For example, you can keep a list of used tags, categories and add/remove them from your article with the extension.
+<h2 align="center">
+  <a href="https://frontmatter.codes" title="Documentation @ frontmatter.codes">
+    Check out the extension documentation at frontmatter.codes
+  </a>
+</h2>
 
-The extension will automatically verify if your title and description are SEO compliant. If this would not be the case, it will give you a warning.
+## ❓ What is Front Matter?
+
+Front Matter is a CMS that runs within Visual Studio Code. It gives you the power and control of a full-blown CMS while also providing you the flexibility and speed of the static site generator of your choice. Jump right into editing and creating content with Front Matter and be able to preview it straight in VS Code.
+
+The extension supports various static-site generators and frameworks like Hugo, Jekyll, Hexo, NextJs, Gatsby, and more.
+
+A couple of our extension highlights that hopefully get you interested in giving Front Matter a try:
+
+- Content, data, and media management
+  - Search, filter, sort, etc. all your content
+  - Create new content
+  - Supporting tools to edit content and media
+- Preview your site/content straight in Visual Studio Code
+- SEO checks for title, description, and keywords
+- Extensibility
+  - As we know, we cannot support all use cases. We provide a way to extend the functionality of the extension to your needs
+- and many more features ...
+
+> Missing something? Let us know by opening an issue on the [GitHub repository](https://github.com/estruyf/vscode-front-matter/issues/new/choose)
+
+<p align="center">
+  <img src="https://frontmatter.codes/assets/marketplace/v6.0.0/content-preview.png" alt="Site preview" style="display: inline-block" />
+</p>
 
 > If you see something missing in your article creation flow, please feel free to reach out.
 
+**Version 10**
+
+In version 10, we introduced the new i18n/multilingual support for your content. You can now manage your content in multiple languages, more information can be found in the [multilingual](https://frontmatter.codes/docs/content-creation/multilingual) section of our documentation.
+
+![Multilingual support](https://beta.frontmatter.codes/releases/v10.0.0/multilingual-content.png)
+
+**Version 9**
+
+The extension is now available in multiple languages: English, German, and Japanese. Want to add your language? Check out the [localization the extension](https://frontmatter.codes/docs/contributing#translating-the-extension).
+
+**Version 8**
+
+The taxonomy dashboard got introduced on which you can manage your tags, categories, and custom taxonomy.
+
+![Taxonomy dashboard](https://frontmatter.codes/assets/marketplace/v8.1.0/taxonomy-dashboard.png)
+
+**Version 7**
+
+Snippets support for Front Matter has been added!
+
+![Snippets dashboard](https://frontmatter.codes/assets/marketplace/v7.0.0/snippets-dashboard.png)
+
+**Version 6**
+
+In this version, we introduced the new data files/folders dashboard. You can find more information about the release in our [v6.0.0 release notes](https://frontmatter.codes/updates/v6.0.0).
+
+<p align="center">
+  <img src="https://frontmatter.codes/assets/marketplace/v6.0.0/data-dashboard.png" alt="Data dashboard" style="display: inline-block" />
+</p>
+
+> Data files/folders are pieces of content that do not belong to any markdown content, but live on their own. Most of the time, these data files are used to store additional information about your project/blog/website that will be used to render the content.
+
+**Version 5**
+
+The new media dashboard redesign got introduced + support for setting metadata on media files [v5.0.0 release notes](https://frontmatter.codes/updates/v5.0.0).
+
+<p align="center">
+  <img src="https://frontmatter.codes/assets/marketplace/v5.9.0/media-dashboard.png" alt="Data dashboard" style="display: inline-block" />
+</p>
+
+**Version 4**
+
+Support for Team level settings, content-types, and image support. Get to know more at: [v4.0.0 release notes](https://frontmatter.codes/updates/v4_0_0).
+
+**Version 3**
+
+In version v3 we introduced the welcome and dashboard webview. The welcome view allows to get you started using the extension, and the dashboard allows you to manage all your markdown pages in one place. This makes it easy to search, filter, sort, and more.
+
 **Version 2**
 
-In version v2.0.0 we released the newly redesigned sidebar panel with improved SEO support. This extension makes it the only extension to manage your Markdown pages for your static sites in Visual Studio Code.
+In version v2 we released the re-designed sidebar panel with improved SEO support. This extension makes it the only extension to manage your Markdown pages for your static sites in Visual Studio Code.
 
-<h2 id="table-of-contents">Table of Contents</h2>
-
-<details open="open">
-  <summary>Table of Contents</summary>
-  <ol>
-    <li><a href="#the-panel">The panel</a></li>
-    <li><a href="#custom-actions">Custom actions</a></li>
-    <li><a href="#creating-articles-from-templates">Create articles from templates</a></li>
-    <li><a href="#syntax-highlighting-for-hugo-shortcodes">Syntax highlighting for Hugo Shortcodes</a></li>
-    <li><a href="#available-commands">Available commands</a></li>
-    <li><a href="#extension-settings">Extension settings</a></li>
-    <li><a href="#feedback--issues--ideas">Feedback / issues / ideas</a></li>
-  </ol>
-</details>
-
-## The panel
-
-The Front Matter panel allows you to perform most of the extension actions by just a click on the button and it shows the SEO statuses of your title, description, and more.
-
-Initially, this panel has been created to make it easier to add tags and categories to your articles as the current VSCode multi-select is not optimal to use.
-
-To leverage most of the capabilities of the extension. SEO information and everyday actions like slug optimization, updating the date, and publish/drafting the article.
-
-The panel consists of the following sections:
-
-**SEO Status**
-
-<p align="center">
-  <img src="./assets/v2.0.0/seo.png" alt="SEO article status" style="display: inline-block" />
+<p align="center" style="margin-top: 2rem;">
+  <a href="https://www.producthunt.com/posts/front-matter?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-front-matter" target="_blank">
+    <img src="https://api.producthunt.com/widgets/embed-image/v1/featured.png?post_id=309033&theme=dark" alt="Front Matter - Managing your static sites straight from within VS Code | Product Hunt" style="width: 250px; height: 40px;" />
+  </a>
 </p>
 
-**Actions**
+## ⚙️ Installation
+
+You can get the extension via:
+
+- The VS Code marketplace: [VS Code Marketplace - Front Matter](https://marketplace.visualstudio.com/items?itemName=eliostruyf.vscode-front-matter).
+- The extension CLI: `code --install-extension eliostruyf.vscode-front-matter`
+- Or by clicking on the following link: <a href="" title="open extension in VS Code" data-vscode="vscode:extension/eliostruyf.vscode-front-matter">open extension in VS Code</a>
+
+> **Info**: The docs can be found on [frontmatter.codes](https://frontmatter.codes).
+
+### 🧪 Beta version
+
+If you have the courage to test out the beta features, we made available a beta version as well. You can install this via:
+
+- Uninstall the main Front Matter version
+- Install the beta version
+  - VS Code marketplace: [VS Code Marketplace - Front Matter BETA](https://marketplace.visualstudio.com/items?itemName=eliostruyf.vscode-front-matter-beta).
+  - The extension CLI: `code --install-extension eliostruyf.vscode-front-matter-beta`
+  - Or by clicking on the following link: <a href="" title="open extension in VS Code" data-vscode="vscode:extension/eliostruyf.vscode-front-matter-beta">open extension in VS Code</a>
+
+> **Info**: The BETA docs can be found on [beta.frontmatter.codes](https://beta.frontmatter.codes).
+
+## 📖 Documentation
+
+All documentation can be found on [frontmatter.codes](https://frontmatter.codes).
+
+Documentation repository: [GitHub - Front Matter DOCs](https://github.com/FrontMatter/web-documentation-nextjs)
+
+## 💪 Contributing
+
+Pull requests are welcome. Please open an issue first to discuss what you would like to change, or which problem you would like to fix. This makes it easier for us to follow-up and plan for future releases.
+
+You can always help us improve the extension in varous ways like:
+
+- Testing out the extension and providing feedback
+- Reporting issues and bugs
+- Suggesting new features
+- Fixing an issue
+- Updating documentation
+- UI improvements
+- Tutorials
+- etc.
+
+Eager to start contributing? Great 🤩, you can contribute to the following projects:
+
+- [Extension](https://github.com/estruyf/vscode-front-matter)
+- [Documentation](https://github.com/FrontMatter/web-documentation-nextjs)
+- [Sample Projects](https://github.com/FrontMatter/project-samples)
+
+## 👀 Show the work you are using Front Matter
+
+Are you using Front Matter and are you interested in showing for which websites you use it? You can show your work by opening a [showcase issue](https://github.com/estruyf/vscode-front-matter/issues/new?assignees=&labels=&template=showcase.md&title=Showcase%3A+).
+
+You can open showcase issues for the following things:
+
+- Show the website for which you use Front Matter;
+- Share an article/video/webcast/... that explains how you use Front Matter;
+- Got something else to share? Open an issue and we can see where it fits on our website.
+
+## 👉 Contributors 🤘
 
 <p align="center">
-  <img src="./assets/v2.0.0/actions.png" alt="Actions" style="display: inline-block" />
+  <a href="https://github.com/estruyf/vscode-front-matter/graphs/contributors">
+    <img src="https://contrib.rocks/image?repo=estruyf/vscode-front-matter" alt="Front Matter contributors" />
+  </a>
 </p>
 
-**Metadata: Keywords, Tags, Categories**
+## 💚 Backers & Sponsors 👇 🤘
 
 <p align="center">
-  <img src="./assets/v2.0.0/metadata.png" alt="Article metadata" style="display: inline-block" />
+  <img src="https://api.frontmatter.codes/img-sponsors" alt="Front Matter sponsors" />
 </p>
 
-> **Info**: By default, the tags/categories picker allows you to insert existing and none tags/categories. When you enter a none existing tag/category, the panel shows an add `+` icon in front of that button. This functionality allows you to store this tag/category in your settings. If you want to disable this feature, you can do that by setting the `frontMatter.panel.freeform` setting to `false`.
+<br />
 
-**Other actions**
-
-At the bottom of the panel you can find the following actions:
-
-<p align="center">
-  <img src="./assets/v2.0.0/other-actions.png" alt="Other actions" style="display: inline-block" />
-</p>
-
-## Custom actions
-
-Since version `1.15.0`, the extension allows you to create your own custom actions, by running Node.js scripts from your project. In order to use this functionality, you will need to configure the [`frontMatter.custom.scripts`](#frontmattercustomscripts) setting for your project.
-
-Once a custom action has been configured, it will appear on the Front Matter panel.
-
-<p align="center">
-  <img src="./assets/v2.0.0/custom-action.png" alt="Custom action" style="display: inline-block" />
-</p>
-
-The current workspace-, file-path, and front matter data will be passed as an argument. In your script fetch these arguments as follows:
-
-```javascript
-const arguments = process.argv;
-
-if (arguments && arguments.length > 0) {
-  const workspaceArg = arguments[2]; // The workspace path
-  const fileArg = arguments[3]; // The file path
-  const frontMatterArg = arguments[4]; // Front matter data
-
-  console.log(`The content returned for your notification.`);
-}
-```
-
-> A sample file can be found here: [script-sample.js](./sample/script-sample.js)
-
-The output of the script will be passed as a notification, and it allows you to copy the output.
-
-<p align="center">
-  <img src="./assets/custom-action-notification.png" alt="Custom action notification" style="display: inline-block" />
-</p>
-
-## Creating articles from templates
-
-By default, the extension looks for files stored in a `.templates` folder that should be located in your website project's root.
-
-> **Info**: You can overwrite the path by specifying it with the `frontMatter.templates.folder` setting.
-
-When adding files in the folder, you'll be able to run the `Front Matter: New article from template` from a command or explorer menu. It will present you with the article template options once you pick one and specify the title. It creates the file and updates its front matter.
-
-> **Info**: By default, the extension will create articles with a `yyyy-MM-dd` prefix. If you do not want that or change the date format, you can update the `frontMatter.templates.prefix` setting.
-
-## Syntax highlighting for Hugo Shortcodes
-
-<p align="center">
-  <img src="./assets/syntax-highlighting.png" alt="Shortcode syntax highlighting" style="display: inline-block" />
-</p>
-
-## Available commands
-
-**Front Matter: Create content**
-
-With this command, you can easily create content in your project within the registered folders and provided templates.
-
-<p align="center">
-  <img src="./assets/v2.1.0/create-content.png" alt="Create content" style="display: inline-block" />
-</p>
-
-You can register and unregister folders by right-clicking on the folder in your VSCode explorer panel.
-
-<p align="center">
-  <img src="./assets/v2.1.0/register-folder.png" alt="Register/unregister a folder" style="display: inline-block" />
-</p>
-
-Once you registered a folder and a template has been defined ([how to create a template](#creating-articles-from-templates)), you can make use of this command. 
-
-> **Info**: The benefit of this command is that you do not need to search the folder in which you want to create a new article/page/... The extension will do it automatically for you.
-
-**Front Matter: Create <tag | category>**
-
-Creates a new <tag | category> and allows you to include it into your post automatically
-
-<p align="center">
-  <img src="./assets/create-tag-category.gif" alt="Create tag or category" style="display: inline-block" />
-</p>
-  
-**Front Matter: Insert <tags | categories>**
-
-Inserts a selected <tags | categories> into the front matter of your article/post/... - When using this command, the Front Matter panel opens and focuses on the specified type.
-
-> **Info**: This experience changed in version `1.11.0`.
-
-**Front Matter: Export all tags & categories to your settings**
-
-Export all the already used tags & categories in your articles/posts/... to your user settings.
-
-**Front Matter: Remap or remove tag/category in all articles**
-
-This command helps you quickly update/remap or delete a tag or category in your markdown files. The extension will ask you to select the taxonomy type (*tag* or *category*), the old taxonomy value, and the new one (leave the input field *blank* to remove the tag/category). 
-
-> **Info**: Once the remapping/deleting process completes. Your VSCode settings update with all new taxonomy tags/categories.
-
-**Front Matter: Set current date**
-
-Update the `date` property of the current article/post/... to the current date & time.
-
-**Optional**: if you want, you can specify the date property format by adding your settings' preference. Settings key: `frontMatter.taxonomy.dateFormat`. Check [date-fns formatting](https://date-fns.org/v2.0.1/docs/format) for more information on which patterns you can use.
-
-**Front Matter: Set lastmod date**
-
-Update the `lastmod` (last modified) property of the current article/post/... to the current date & time.
-
-> **note**: Uses the same date format settings key as current date: `frontMatter.taxonomy.dateFormat`.
-
-**Front Matter: Generate slug based on article title**
-
-This command generates a clean slug for your article. It removes known stop words, punctuations, and special characters. 
-
-Example:
-
-```
-title: Just a sample page with a title
-slug: sample-page-title
-```
-
-You can also specify a prefix and suffix, which can be added to the slug if you want. Use the following settings to do this: `frontMatter.taxonomy.slugPrefix` and `frontMatter.taxonomy.slugSuffix`. By default, both options are not provided and will not add anything to the slug.
-
-> **Info**: At the moment, the extension only supports English stopwords.
-
-### Usage
-
-- Start by opening the command prompt:
-  - Windows: ⇧+ctrl+P
-  - Mac: ⇧+⌘+P
-- Use one of the commands from above
-
-## Where is the data stored?
-
-The tags and categories are stored in the project VSCode user settings. You can find them back under: `.vscode/settings.json`.
-
-```json
-{
-  "frontMatter.taxonomy.tags": [],
-  "frontMatter.taxonomy.categories": []
-}
-```
-
-## Extension settings
-
-The extension has more settings that allow you to configure it to your needs further. Here is a list of settings that you can set:
-
-### `frontMatter.taxonomy.seoTitleLength`
-
-Specifies the optimal title length for SEO (set to `-1` to turn it off). Default value: `60`.
-
-```json
-{
-  "frontMatter.taxonomy.seoTitleLength": 60
-}
-```
-### `frontMatter.taxonomy.seoDescriptionLength`
-
-Specifies the optimal description length for SEO (set to `-1` to turn it off). Default value: `160`.
-
-```json
-{
-  "frontMatter.taxonomy.seoDescriptionLength": 160
-}
-```
-
-### `frontMatter.taxonomy.seoContentLength`
-
-Specifies the optimal minimum length for your articles. Between 1,760 words – 2,400 is the absolute ideal article length for SEO in 2021. (set to `-1` to turn it off).
-
-```json
-{
-  "frontMatter.taxonomy.seoContentLength": 1760
-}
-```
-
-### `frontMatter.taxonomy.seoDescriptionLength`
-
-Specifies the name of the SEO description field for your page. Default is `description`.
-
-```json
-{
-  "frontMatter.taxonomy.seoDescriptionField": "description"
-}
-```
-
-### `frontMatter.taxonomy.frontMatterType`
-
-Specify which Front Matter language you want to use. The extension supports `YAML` (default) and `TOML`.
-
-```json
-{
-  "frontMatter.taxonomy.frontMatterType": "YAML"
-}
-```
-
-### `frontMatter.taxonomy.indentArrays`
-
-Specify if arrays in the front matter are indented. Default: `true`. If you do not want to indent the array values, you can update it with the following setting change:
-
-```json
-{
-  "frontMatter.taxonomy.indentArrays": false
-}
-```
-
-### `frontMatter.taxonomy.noPropertyValueQuotes`
-
-Specify the property names of which you want to remove the quotes in the output value. **Warning**: only use this when you know what you are doing. If you're going to, for instance, remove the quotes from the date property, you can add the following:
-
-```json
-{
-  "frontMatter.taxonomy.noPropertyValueQuotes": ["date"]
-}
-```
-
-### `frontMatter.taxonomy.dateField`
-
-Specifies the date field name to use in your Front Matter. Default value: `date`.
-
-```json
-{
-  "frontMatter.taxonomy.dateField": "date"
-}
-```
-
-### `frontMatter.taxonomy.modifiedField`
-
-Specifies the modified date field name to use in your Front Matter. Default value: `lastmod`.
-
-```json
-{
-  "frontMatter.taxonomy.modifiedField": "lastmod"
-}
-```
-
-### `frontMatter.custom.scripts`
-
-Allows you to specify a title and script path (starting relative from the root of your project). These values will be used to create custom actions on the Front Matter panel. Default value: `[]`.
-
-```json
-{
-  "frontMatter.custom.scripts": [{
-    "title": "Generate social image",
-    "script": "./scripts/social-img.js",
-    "nodeBin": "~/.nvm/versions/node/v14.15.5/bin/node"
-  }]
-}
-```
-
-> **Important**: When the command execution would fail when it cannot find the `node` command. You are able to specify your path to the node app. This is for instance required when using `nvm`.
-
-### `frontMatter.content.folders`
-
-This array of folders defines where the extension can easily create new content by running the create article command.
-
-```json
-{
-  "frontMatter.content.folders": [{
-    "title": "Articles",
-    "fsPath": "<the path to the folder>",
-    "paths": ["<wsl-folder-path>"]
-  }]
-}
-```
-
-> **Important**: This setting can be configured by right-clicking on a folder in the VSCode file explorer view and clicking on the `Front Matter: Register folder` menu item.
-
-## Feedback / issues / ideas
-
-Please submit them via creating an issue in the project repository: [issue list](https://github.com/estruyf/vscode-front-matter/issues).
-
-<p align="center">
-  <a href="#">
-      <img src="https://estruyf-github.azurewebsites.net/api/VisitorHit?user=estruyf&repo=vscode-front-matter&countColor=%23F05450&labelColor=%230E131F" />
+<p align="center" title="Support by run.events">
+  <a href="https://run.events/?utm_source=frontmatter&utm_campaign=oss">
+    <img src="https://frontmatter.codes/assets/sponsors/runevents-purple.webp" alt="run.events - Event Management Platform" height="50px" />
    </a>
-</p>
+</p>
+
+<br />
+
+<p align="center" title="Powered by Netlify">
+  <a href="https://www.netlify.com?utm_source=vscode-frontmatter&utm_campaign=oss">
+    <img src="https://frontmatter.codes/assets/sponsors/netlify-dark.png" alt="Deploys by Netlify" height="51px" />
+   </a>
+</p>
+
+<br />
+
+<p align="center">
+  <a href="http://bejs.io/" title="Supported by the BEJS Community">
+    <img src="https://frontmatter.codes/assets/sponsors/bejs-community.png" alt="Supported by the BEJS Community" height="50px"/>
+   </a>
+</p>
+
+## 📊 Telemetry
+
+The Front Matter CMS extension only uses telemetry on application crashes. The extension respects the `telemetry.enableTelemetry` setting which you can learn more about in the [Visual Studio Code FAQ](https://aka.ms/vscode-remote/telemetry).
+
+For crash reports in the webviews, we make use of Sentry to help us understand what went wrong. This data is only used to fix issues and improve the extension. You can find more information about the Sentry implementation in the following files:
+
+- [Sentry config](https://github.com/estruyf/vscode-front-matter/blob/63e296d62f11be73ac86d9e823084247952a7ddc/src/utils/sentryInit.ts)
+
+> The user ip address is not collected.
+
+## 🔑 License
+
+[MIT](./LICENSE)
+
+<br />
+<br />
+
+<p align="center">
+  <a href="https://visitorbadge.io">
+    <img src="https://api.visitorbadge.io/api/VisitorHit?user=estruyf&repo=vscode-front-matter&countColor=%23F05450&labelColor=%230E131F" height="25px" alt="Front Matter visitors" />
+  </a>
+</p>

SUPPORT.md

@@ -0,0 +1,17 @@
+# Support
+
+This article provides information on how to get support for Front Matter CMS.
+
+> 👉 Note: before participating in our community, please read our [code of conduct](./CODE_OF_CONDUCT.md). By interacting with this repository, organization, or community you agree to abide by its terms.
+
+## Asking for help
+
+There are a few different ways to ask for help with Front Matter CMS:
+
+1. **GitHub Discussions**: You can ask questions and share your experiences in the [Discussions](https://github.com/estruyf/vscode-front-matter/discussions) section of this repository.
+2. **GitHub Issues**: If you encounter a bug or have a feature request, you can open an issue in the [Issues](https://github.com/estruyf/vscode-front-matter/issues) section of this repository.
+3. **Discord**: You can join our [Discord](https://discord.gg/JBVtNMsJFB) server and ask your questions there.
+
+## Contributing
+
+If you would like to contribute to Front Matter CMS, please read our [contributing guide](./CONTRIBUTING.md).

assets/empty.svg

@@ -0,0 +1,2 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1">
+</svg>

assets/frontmatter-beta.svg

@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 28 28">
+  <defs>
+    <style>
+      .cls-1 {
+        stroke-width: 0px;
+      }
+
+      .cls-1, .cls-2, .cls-3, .cls-4 {
+        fill: #c91980;
+      }
+
+      .cls-2 {
+        font-family: Futura-MediumItalic, Futura;
+        font-size: 8px;
+        font-style: italic;
+      }
+
+      .cls-2, .cls-3, .cls-4, .cls-5 {
+        isolation: isolate;
+      }
+
+      .cls-2, .cls-4 {
+        font-weight: 500;
+      }
+
+      .cls-3 {
+        font-family: Futura-CondensedExtraBold, Futura;
+        font-size: 10.6px;
+        font-weight: 700;
+      }
+
+      .cls-4 {
+        font-family: Futura-CondensedMedium, Futura;
+        font-size: 10.1px;
+      }
+    </style>
+  </defs>
+  <g class="cls-5">
+    <text class="cls-4" transform="translate(2.1 18.9) scale(1 1)"><tspan x="0" y="0">MATTER</tspan></text>
+  </g>
+  <g class="cls-5">
+    <text class="cls-2" transform="translate(1.9 26)"><tspan x="0" y="0">BETA</tspan></text>
+  </g>
+  <rect class="cls-1" x="2.4" width="3" height="1"/>
+  <rect class="cls-1" x="6.9" width="3" height="1"/>
+  <rect class="cls-1" x="11.4" width="3" height="1"/>
+  <rect class="cls-1" x="2.4" y="27" width="3" height="1"/>
+  <rect class="cls-1" x="6.9" y="27" width="3" height="1"/>
+  <rect class="cls-1" x="11.4" y="27" width="3" height="1"/>
+  <g class="cls-5">
+    <text class="cls-3" transform="translate(2.1 10.1) scale(.8 1)"><tspan x="0" y="0">FRONT</tspan></text>
+  </g>
+</svg>

assets/frontmatter-dark.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1249.98 1249.98"><rect x="25" y="25" width="1199.98" height="1199.98" style="fill:none;stroke:#ffffff;stroke-miterlimit:10;stroke-width:50px"/><path d="M171.89,489.56H95.38V127.21H230.6V212.4H171.89v52.8h54.68v81.91H171.89Z" transform="translate(24 24)" style="fill:#ffffff"/><path d="M461.79,489.56H379l-37.8-129.08c-.37-2.18-1-5.08-1.93-8.68s-2.05-7.9-3.39-12.91l.55,23.94V489.56H260.33V127.21h78.34q51.75,0,77.43,26.05,32.65,33.32,32.66,94.81,0,65.71-43.85,90.82ZM336.84,295H342q13.21,0,22-12.91t8.81-32.86q0-40.59-33.21-40.6h-2.75Z" transform="translate(24 24)" style="fill:#ffffff"/><path d="M691.68,309.56q0,82.85-29.54,134.71-29.35,51.63-76.51,51.63-41.82,0-71.74-39.66Q476.29,406,476.28,305.57q0-96.23,39.26-147.15,29.18-37.78,69.18-37.79,49,0,78,51.17T691.68,309.56Zm-79.44.7q0-98.32-27.16-98.33-13.58,0-21.65,25.81-7.89,23.94-7.89,70.41,0,45.77,7.43,71t20.65,25.23q13.57,0,20.91-24.88Q612.24,354.62,612.24,310.26Z" transform="translate(24 24)" style="fill:#ffffff"/><path d="M724.34,489.56V127.21h73l38.35,127.2q3.1,11.27,7.06,25.81t8.72,33.56l7.88,31.92Q855.17,298.52,853,265t-2.2-56.33V127.21h73V489.56h-73l-38.53-133.3q-6.06-21.35-10.92-40t-8.53-35.56q2.38,38.26,3.49,66.65t1.1,49.76v92.46Z" transform="translate(24 24)" style="fill:#ffffff"/><path d="M1062.31,489.56H985.8V214H943.6V127.21h162.56V214h-43.85Z" transform="translate(24 24)" style="fill:#ffffff"/><path d="M122.7,730.59h35.82l27.36,133.72q5,25.05,9.16,50.2t7.55,52.74q.39-3.6.6-5.62a25.33,25.33,0,0,1,.4-2.87l5.84-37.56,5.23-35.66L219.29,862l24.35-131.39h36.22l28.57,327.72h-40l-7-111.22q-.41-8.49-.71-14.64c-.2-4.11-.3-7.5-.3-10.19l-1.81-43.94-1-40.33c0-.28,0-.88-.1-1.8s-.17-2.16-.3-3.72l-1,6.58q-1.61,11.69-2.91,20.38t-2.32,14.65L245.65,904l-2,11.25-26.16,143.06H189.3L164.75,934.78q-5-24.4-8.95-49.56t-7.14-52.75l-12.08,225.84H97.14Z" transform="translate(24 24)" style="fill:#ffffff"/><path d="M395.56,730.59h32.6l66.6,327.72H453.31l-11.67-63.89H380.06l-11.87,63.89H327.94Zm40,229.66L426.35,908q-9.27-53.28-15.1-113.77Q408.43,823.78,404,854t-10.46,64.2l-7.65,42Z" transform="translate(24 24)" style="fill:#ffffff"/><path d="M496.17,730.59H632.4v38.63H585.51v289.09h-41V769.22H496.17Z" transform="translate(24 24)" style="fill:#ffffff"/><path d="M639,730.59H775.26v38.63H728.38v289.09h-41V769.22H639Z" transform="translate(24 24)" style="fill:#ffffff"/><path d="M806.65,730.59H917.93V768H848.5V871.74h61.58V909.1H848.5V1021h69.43v37.35H806.65Z" transform="translate(24 24)" style="fill:#ffffff"/><path d="M964.61,730.59h55.13q34.21,0,50.91,17.19,21.13,22.29,21.13,68.14,0,35.24-11.16,56.56t-31.9,26.43l57.15,159.4h-42.46l-57-160.46v160.46H964.61Zm41.85,145.18q24.35,0,34.41-11.88t10.06-40.12a138.46,138.46,0,0,0-2.11-26.11q-2.11-10.81-6.64-17.61a27.08,27.08,0,0,0-11.67-10,41.58,41.58,0,0,0-17-3.18h-7Z" transform="translate(24 24)" style="fill:#ffffff"/></svg>

assets/frontmatter-short-min.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1250 1250" style="enable-background:new 0 0 1250 1250;" xml:space="preserve">
+<path fill="#C5C5C5" d="M316,1082.3H119.4V151.2h347.5v218.9H316v135.7h140.5v210.5H316V1082.3z"/>
+<path fill="#C5C5C5" d="M602.2,151.2H704l77.7,379.9c9.5,47.4,18.1,95,26,142.6s15,97.6,21.4,149.8c0.7-6.8,1.3-12.1,1.7-16
+	c0.2-2.7,0.6-5.5,1.1-8.2l16.6-106.7l14.9-101.3l13.2-66.9l69.2-373.3h102.9l81.2,931.1h-113.6l-19.9-316c-0.8-16.1-1.4-29.9-2-41.6
+	c-0.6-11.7-0.9-21.3-0.9-29L988.3,571l-2.8-114.6c0-0.8,0-2.5-0.3-5.1s-0.5-6.1-0.9-10.6l-2.8,18.7c-3,22.1-5.8,41.4-8.3,57.9
+	s-4.7,30.3-6.6,41.6l-15.1,84.9l-5.7,32l-74.3,406.4h-80.1l-69.7-351c-9.5-46.2-17.9-93.1-25.4-140.8s-14.2-97.6-20.3-149.9
+	l-34.3,641.6H529.6L602.2,151.2z"/>
+<rect x="119.4" y="0.1" fill="#C5C5C5" width="184" height="64.7"/>
+<rect x="395.7" y="0.1" fill="#C5C5C5" width="184" height="64.7"/>
+<rect x="675.3" y="0.1" fill="#C5C5C5" width="184" height="64.7"/>
+<rect x="119.4" y="1184.7" fill="#C5C5C5" width="184" height="64.7"/>
+<rect x="395.7" y="1184.7" fill="#C5C5C5" width="184" height="64.7"/>
+<rect x="675.3" y="1184.7" fill="#C5C5C5" width="184" height="64.7"/>
+</svg>

assets/frontmatter.svg

@@ -1,39 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 25.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 28 28" style="enable-background:new 0 0 28 28;" xml:space="preserve">
-<style type="text/css">
-	.st0{enable-background:new    ;}
-	.st1{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
-	.st2{fill:none;}
-</style>
-<g class="st0">
-	<path d="M4,11.4H2.2V2.9h3.2v2H4v1.2h1.3V8H4V11.4z"/>
-	<path d="M10.9,11.4H9l-0.9-3c0-0.1,0-0.1,0-0.2C8,8.1,8,8,7.9,7.8l0,0.6v3H6.1V2.9H8c0.8,0,1.4,0.2,1.9,0.6
-		c0.5,0.5,0.8,1.3,0.8,2.2c0,1-0.4,1.7-1.1,2.1L10.9,11.4z M8,6.8h0.1c0.2,0,0.4-0.1,0.5-0.3C8.7,6.3,8.8,6,8.8,5.7
-		c0-0.6-0.3-1-0.8-1H8V6.8z"/>
-	<path d="M16.5,7.2c0,1.3-0.2,2.4-0.7,3.2c-0.5,0.8-1.1,1.2-1.8,1.2c-0.7,0-1.2-0.3-1.7-0.9c-0.6-0.8-0.9-2-0.9-3.5
-		c0-1.5,0.3-2.7,0.9-3.5c0.5-0.6,1-0.9,1.7-0.9c0.8,0,1.4,0.4,1.9,1.2C16.2,4.7,16.5,5.8,16.5,7.2z M14.6,7.2c0-1.5-0.2-2.3-0.7-2.3
-		c-0.2,0-0.4,0.2-0.5,0.6c-0.1,0.4-0.2,0.9-0.2,1.7c0,0.7,0.1,1.3,0.2,1.7c0.1,0.4,0.3,0.6,0.5,0.6c0.2,0,0.4-0.2,0.5-0.6
-		C14.5,8.4,14.6,7.9,14.6,7.2z"/>
-	<path d="M17.2,11.4V2.9H19l0.9,3C20,6,20,6.2,20.1,6.5c0.1,0.2,0.1,0.5,0.2,0.8L20.5,8c-0.1-0.7-0.1-1.4-0.2-1.9s-0.1-1-0.1-1.3
-		V2.9H22v8.5h-1.7l-0.9-3.1c-0.1-0.3-0.2-0.6-0.3-0.9s-0.1-0.6-0.2-0.8c0,0.6,0.1,1.1,0.1,1.6c0,0.4,0,0.8,0,1.2v2.2H17.2z"/>
-	<path d="M25.3,11.4h-1.8V4.9h-1v-2h3.9v2h-1.1V11.4z"/>
-</g>
-<rect class="st1" width="28" height="28"/>
-<g class="st0">
-	<path d="M2.9,17h0.9L4.4,20c0.1,0.4,0.2,0.8,0.2,1.2c0.1,0.4,0.1,0.8,0.2,1.2c0-0.1,0-0.1,0-0.1c0,0,0-0.1,0-0.1L5,21.3l0.1-0.8
-		L5.2,20l0.6-3h0.9l0.7,7.5h-1l-0.2-2.6c0-0.1,0-0.2,0-0.3s0-0.2,0-0.2l0-1l0-0.9c0,0,0,0,0,0c0,0,0,0,0-0.1l0,0.2
-		c0,0.2,0,0.3-0.1,0.5s0,0.2-0.1,0.3l-0.1,0.7l0,0.3l-0.6,3.3H4.5l-0.6-2.8c-0.1-0.4-0.2-0.8-0.2-1.1c-0.1-0.4-0.1-0.8-0.2-1.2
-		l-0.3,5.2h-1L2.9,17z"/>
-	<path d="M9.3,17h0.8l1.6,7.5h-1L10.4,23H8.9l-0.3,1.5h-1L9.3,17z M10.3,22.2L10,21c-0.1-0.8-0.3-1.7-0.4-2.6c0,0.5-0.1,0.9-0.2,1.4
-		c-0.1,0.5-0.2,1-0.3,1.5l-0.2,1H10.3z"/>
-	<path d="M11.5,17h3.3v0.9h-1.1v6.7h-1v-6.7h-1.2V17z"/>
-	<path d="M14.8,17h3.3v0.9H17v6.7h-1v-6.7h-1.2V17z"/>
-	<path d="M18.7,17h2.7v0.9h-1.7v2.4h1.5v0.9h-1.5v2.6h1.7v0.9h-2.7V17z"/>
-	<path d="M22.3,17h1.3c0.6,0,1,0.1,1.2,0.4c0.3,0.3,0.5,0.9,0.5,1.6c0,0.5-0.1,1-0.3,1.3c-0.2,0.3-0.4,0.5-0.8,0.6l1.4,3.7h-1
-		l-1.4-3.7v3.7h-1V17z M23.3,20.3c0.4,0,0.7-0.1,0.8-0.3c0.2-0.2,0.2-0.5,0.2-0.9c0-0.2,0-0.4-0.1-0.6s-0.1-0.3-0.2-0.4
-		s-0.2-0.2-0.3-0.2c-0.1,0-0.3-0.1-0.4-0.1h-0.2V20.3z"/>
-</g>
-<rect x="-33.5" y="14" class="st2" width="8.6" height="14"/>
-</svg>

assets/icons/blockquote-dark.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="#C5C5C5" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+  <path d="M6 15h15" />
+  <path d="M21 19h-15" />
+  <path d="M15 11h6" />
+  <path d="M21 7h-6" />
+  <path d="M9 9h1a1 1 0 1 1 -1 1v-2.5a2 2 0 0 1 2 -2" />
+  <path d="M3 9h1a1 1 0 1 1 -1 1v-2.5a2 2 0 0 1 2 -2" />
+</svg>

assets/icons/blockquote-light.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="#424242" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+  <path d="M6 15h15" />
+  <path d="M21 19h-15" />
+  <path d="M15 11h6" />
+  <path d="M21 7h-6" />
+  <path d="M9 9h1a1 1 0 1 1 -1 1v-2.5a2 2 0 0 1 2 -2" />
+  <path d="M3 9h1a1 1 0 1 1 -1 1v-2.5a2 2 0 0 1 2 -2" />
+</svg>

assets/icons/bold-dark.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="#C5C5C5" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+  <path d="M7 5h6a3.5 3.5 0 0 1 0 7h-6z" />
+  <path d="M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7" />
+</svg>

assets/icons/bold-light.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="#424242" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+  <path d="M7 5h6a3.5 3.5 0 0 1 0 7h-6z" />
+  <path d="M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7" />
+</svg>

assets/icons/chatbot-dark.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 32 32">
+  <path fill="#C5C5C5" d="M16 19a6.99 6.99 0 0 1-5.833-3.129l1.666-1.107a5 5 0 0 0 8.334 0l1.666 1.107A6.99 6.99 0 0 1 16 19zm4-11a2 2 0 1 0 2 2a1.98 1.98 0 0 0-2-2zm-8 0a2 2 0 1 0 2 2a1.98 1.98 0 0 0-2-2z"/>
+  <path fill="#C5C5C5" d="M17.736 30L16 29l4-7h6a1.997 1.997 0 0 0 2-2V6a1.997 1.997 0 0 0-2-2H6a1.997 1.997 0 0 0-2 2v14a1.997 1.997 0 0 0 2 2h9v2H6a4 4 0 0 1-4-4V6a3.999 3.999 0 0 1 4-4h20a3.999 3.999 0 0 1 4 4v14a4 4 0 0 1-4 4h-4.835Z"/>
+</svg>

assets/icons/chatbot-light.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 32 32">
+  <path fill="#424242" d="M16 19a6.99 6.99 0 0 1-5.833-3.129l1.666-1.107a5 5 0 0 0 8.334 0l1.666 1.107A6.99 6.99 0 0 1 16 19zm4-11a2 2 0 1 0 2 2a1.98 1.98 0 0 0-2-2zm-8 0a2 2 0 1 0 2 2a1.98 1.98 0 0 0-2-2z"/>
+  <path fill="#424242" d="M17.736 30L16 29l4-7h6a1.997 1.997 0 0 0 2-2V6a1.997 1.997 0 0 0-2-2H6a1.997 1.997 0 0 0-2 2v14a1.997 1.997 0 0 0 2 2h9v2H6a4 4 0 0 1-4-4V6a3.999 3.999 0 0 1 4-4h20a3.999 3.999 0 0 1 4 4v14a4 4 0 0 1-4 4h-4.835Z"/>
+</svg>

assets/icons/close-dark.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="#C5C5C5">
+  <path d="M9 9H4v1h5V9z" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M5 3l1-1h7l1 1v7l-1 1h-2v2l-1 1H3l-1-1V6l1-1h2V3zm1 2h4l1 1v4h2V3H6v2zm4 1H3v7h7V6z" />
+</svg>

assets/icons/close-light.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="#424242">
+  <path d="M9 9H4v1h5V9z" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M5 3l1-1h7l1 1v7l-1 1h-2v2l-1 1H3l-1-1V6l1-1h2V3zm1 2h4l1 1v4h2V3H6v2zm4 1H3v7h7V6z" />
+</svg>

assets/icons/code-dark.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="#C5C5C5" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+  <polyline points="7 8 3 12 7 16" />
+  <polyline points="17 8 21 12 17 16" />
+  <line x1="14" y1="4" x2="10" y2="20" />
+</svg>

assets/icons/code-light.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="#424242" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+  <polyline points="7 8 3 12 7 16" />
+  <polyline points="17 8 21 12 17 16" />
+  <line x1="14" y1="4" x2="10" y2="20" />
+</svg>

assets/icons/codeblock-dark.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="#C5C5C5" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+  <path d="M9 12h6" />
+  <path d="M12 9v6" />
+  <path d="M6 19a2 2 0 0 1 -2 -2v-4l-1 -1l1 -1v-4a2 2 0 0 1 2 -2" />
+  <path d="M18 19a2 2 0 0 0 2 -2v-4l1 -1l-1 -1v-4a2 2 0 0 0 -2 -2" />
+</svg>

assets/icons/codeblock-light.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="#424242" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+  <path d="M9 12h6" />
+  <path d="M12 9v6" />
+  <path d="M6 19a2 2 0 0 1 -2 -2v-4l-1 -1l1 -1v-4a2 2 0 0 1 2 -2" />
+  <path d="M18 19a2 2 0 0 0 2 -2v-4l1 -1l-1 -1v-4a2 2 0 0 0 -2 -2" />
+</svg>

assets/icons/frontmatter-short-dark.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1250 1250" style="enable-background:new 0 0 1250 1250;" xml:space="preserve">
+<path fill="#C5C5C5" d="M316,1082.3H119.4V151.2h347.5v218.9H316v135.7h140.5v210.5H316V1082.3z"/>
+<path fill="#C5C5C5" d="M602.2,151.2H704l77.7,379.9c9.5,47.4,18.1,95,26,142.6s15,97.6,21.4,149.8c0.7-6.8,1.3-12.1,1.7-16
+	c0.2-2.7,0.6-5.5,1.1-8.2l16.6-106.7l14.9-101.3l13.2-66.9l69.2-373.3h102.9l81.2,931.1h-113.6l-19.9-316c-0.8-16.1-1.4-29.9-2-41.6
+	c-0.6-11.7-0.9-21.3-0.9-29L988.3,571l-2.8-114.6c0-0.8,0-2.5-0.3-5.1s-0.5-6.1-0.9-10.6l-2.8,18.7c-3,22.1-5.8,41.4-8.3,57.9
+	s-4.7,30.3-6.6,41.6l-15.1,84.9l-5.7,32l-74.3,406.4h-80.1l-69.7-351c-9.5-46.2-17.9-93.1-25.4-140.8s-14.2-97.6-20.3-149.9
+	l-34.3,641.6H529.6L602.2,151.2z"/>
+<rect x="119.4" y="0.1" fill="#C5C5C5" width="184" height="64.7"/>
+<rect x="395.7" y="0.1" fill="#C5C5C5" width="184" height="64.7"/>
+<rect x="675.3" y="0.1" fill="#C5C5C5" width="184" height="64.7"/>
+<rect x="119.4" y="1184.7" fill="#C5C5C5" width="184" height="64.7"/>
+<rect x="395.7" y="1184.7" fill="#C5C5C5" width="184" height="64.7"/>
+<rect x="675.3" y="1184.7" fill="#C5C5C5" width="184" height="64.7"/>
+</svg>

assets/icons/frontmatter-short-light.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1250 1250" style="enable-background:new 0 0 1250 1250;" xml:space="preserve">
+<path fill="#424242" d="M316,1082.3H119.4V151.2h347.5v218.9H316v135.7h140.5v210.5H316V1082.3z"/>
+<path fill="#424242" d="M602.2,151.2H704l77.7,379.9c9.5,47.4,18.1,95,26,142.6s15,97.6,21.4,149.8c0.7-6.8,1.3-12.1,1.7-16
+	c0.2-2.7,0.6-5.5,1.1-8.2l16.6-106.7l14.9-101.3l13.2-66.9l69.2-373.3h102.9l81.2,931.1h-113.6l-19.9-316c-0.8-16.1-1.4-29.9-2-41.6
+	c-0.6-11.7-0.9-21.3-0.9-29L988.3,571l-2.8-114.6c0-0.8,0-2.5-0.3-5.1s-0.5-6.1-0.9-10.6l-2.8,18.7c-3,22.1-5.8,41.4-8.3,57.9
+	s-4.7,30.3-6.6,41.6l-15.1,84.9l-5.7,32l-74.3,406.4h-80.1l-69.7-351c-9.5-46.2-17.9-93.1-25.4-140.8s-14.2-97.6-20.3-149.9
+	l-34.3,641.6H529.6L602.2,151.2z"/>
+<rect x="119.4" y="0.1" fill="#424242" width="184" height="64.7"/>
+<rect x="395.7" y="0.1" fill="#424242" width="184" height="64.7"/>
+<rect x="675.3" y="0.1" fill="#424242" width="184" height="64.7"/>
+<rect x="119.4" y="1184.7" fill="#424242" width="184" height="64.7"/>
+<rect x="395.7" y="1184.7" fill="#424242" width="184" height="64.7"/>
+<rect x="675.3" y="1184.7" fill="#424242" width="184" height="64.7"/>
+</svg>

assets/icons/frontmatter-small-dark.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1250 1250" style="enable-background:new 0 0 1250 1250;" xml:space="preserve" width="16" height="16">
+<path fill="#C5C5C5" d="M316,1082.3H119.4V151.2h347.5v218.9H316v135.7h140.5v210.5H316V1082.3z"/>
+<path fill="#C5C5C5" d="M602.2,151.2H704l77.7,379.9c9.5,47.4,18.1,95,26,142.6c7.9,47.6,15,97.6,21.4,149.8c0.7-6.8,1.3-12.1,1.7-16
+	c0.2-2.7,0.6-5.5,1.1-8.2l16.6-106.7l14.9-101.3l13.2-66.9l69.2-373.3h102.9l81.2,931.1h-113.6l-19.9-316c-0.8-16.1-1.4-29.9-2-41.6
+	c-0.6-11.7-0.9-21.3-0.9-29L988.3,571l-2.8-114.6c0-0.8,0-2.5-0.3-5.1s-0.5-6.1-0.9-10.6l-2.8,18.7c-3,22.1-5.8,41.4-8.3,57.9
+	c-2.5,16.5-4.7,30.3-6.6,41.6l-15.1,84.9l-5.7,32l-74.3,406.4h-80.1l-69.7-351c-9.5-46.2-17.9-93.1-25.4-140.8
+	c-7.5-47.7-14.2-97.6-20.3-149.9l-34.3,641.6H529.6L602.2,151.2z"/>
+</svg>

assets/icons/frontmatter-small-light.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1250 1250" style="enable-background:new 0 0 1250 1250;" xml:space="preserve" width="16" height="16">
+<path fill="#424242" d="M316,1082.3H119.4V151.2h347.5v218.9H316v135.7h140.5v210.5H316V1082.3z"/>
+<path fill="#424242" d="M602.2,151.2H704l77.7,379.9c9.5,47.4,18.1,95,26,142.6c7.9,47.6,15,97.6,21.4,149.8c0.7-6.8,1.3-12.1,1.7-16
+	c0.2-2.7,0.6-5.5,1.1-8.2l16.6-106.7l14.9-101.3l13.2-66.9l69.2-373.3h102.9l81.2,931.1h-113.6l-19.9-316c-0.8-16.1-1.4-29.9-2-41.6
+	c-0.6-11.7-0.9-21.3-0.9-29L988.3,571l-2.8-114.6c0-0.8,0-2.5-0.3-5.1s-0.5-6.1-0.9-10.6l-2.8,18.7c-3,22.1-5.8,41.4-8.3,57.9
+	c-2.5,16.5-4.7,30.3-6.6,41.6l-15.1,84.9l-5.7,32l-74.3,406.4h-80.1l-69.7-351c-9.5-46.2-17.9-93.1-25.4-140.8
+	c-7.5-47.7-14.2-97.6-20.3-149.9l-34.3,641.6H529.6L602.2,151.2z"/>
+</svg>

assets/icons/frontmatter-small-teal.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1250 1250" style="enable-background:new 0 0 1250 1250;" xml:space="preserve" width="16" height="16">
+<path fill="#02aeb7" d="M316,1082.3H119.4V151.2h347.5v218.9H316v135.7h140.5v210.5H316V1082.3z"/>
+<path fill="#02aeb7" d="M602.2,151.2H704l77.7,379.9c9.5,47.4,18.1,95,26,142.6c7.9,47.6,15,97.6,21.4,149.8c0.7-6.8,1.3-12.1,1.7-16
+	c0.2-2.7,0.6-5.5,1.1-8.2l16.6-106.7l14.9-101.3l13.2-66.9l69.2-373.3h102.9l81.2,931.1h-113.6l-19.9-316c-0.8-16.1-1.4-29.9-2-41.6
+	c-0.6-11.7-0.9-21.3-0.9-29L988.3,571l-2.8-114.6c0-0.8,0-2.5-0.3-5.1s-0.5-6.1-0.9-10.6l-2.8,18.7c-3,22.1-5.8,41.4-8.3,57.9
+	c-2.5,16.5-4.7,30.3-6.6,41.6l-15.1,84.9l-5.7,32l-74.3,406.4h-80.1l-69.7-351c-9.5-46.2-17.9-93.1-25.4-140.8
+	c-7.5-47.7-14.2-97.6-20.3-149.9l-34.3,641.6H529.6L602.2,151.2z"/>
+</svg>

assets/icons/heading-dark.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="#C5C5C5" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+  <path d="M7 12h10" />
+  <path d="M7 4v16" />
+  <path d="M17 4v16" />
+  <path d="M15 20h4" />
+  <path d="M15 4h4" />
+  <path d="M5 20h4" />
+  <path d="M5 4h4" />
+</svg>

assets/icons/heading-light.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="#424242" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+  <path d="M7 12h10" />
+  <path d="M7 4v16" />
+  <path d="M17 4v16" />
+  <path d="M15 20h4" />
+  <path d="M15 4h4" />
+  <path d="M5 20h4" />
+  <path d="M5 4h4" />
+</svg>

assets/icons/i18n-dark.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="#C5C5C5">
+  <path stroke-linecap="round" stroke-linejoin="round" d="m10.5 21 5.25-11.25L21 21m-9-3h7.5M3 5.621a48.474 48.474 0 0 1 6-.371m0 0c1.12 0 2.233.038 3.334.114M9 5.25V3m3.334 2.364C11.176 10.658 7.69 15.08 3 17.502m9.334-12.138c.896.061 1.785.147 2.666.257m-4.589 8.495a18.023 18.023 0 0 1-3.827-5.802" />
+</svg>

assets/icons/i18n-light.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="#424242">
+  <path stroke-linecap="round" stroke-linejoin="round" d="m10.5 21 5.25-11.25L21 21m-9-3h7.5M3 5.621a48.474 48.474 0 0 1 6-.371m0 0c1.12 0 2.233.038 3.334.114M9 5.25V3m3.334 2.364C11.176 10.658 7.69 15.08 3 17.502m9.334-12.138c.896.061 1.785.147 2.666.257m-4.589 8.495a18.023 18.023 0 0 1-3.827-5.802" />
+</svg>

assets/icons/italic-dark.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="#C5C5C5" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+  <line x1="11" y1="5" x2="17" y2="5" />
+  <line x1="7" y1="19" x2="13" y2="19" />
+  <line x1="14" y1="5" x2="10" y2="19" />
+</svg>

assets/icons/italic-light.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="#424242" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+  <line x1="11" y1="5" x2="17" y2="5" />
+  <line x1="7" y1="19" x2="13" y2="19" />
+  <line x1="14" y1="5" x2="10" y2="19" />
+</svg>

assets/icons/media-dark.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5" fill="#C5C5C5" width="16" height="16" class="w-6 h-6">
+  <path fill-rule="evenodd" d="M1.5 6a2.25 2.25 0 0 1 2.25-2.25h16.5A2.25 2.25 0 0 1 22.5 6v12a2.25 2.25 0 0 1-2.25 2.25H3.75A2.25 2.25 0 0 1 1.5 18V6ZM3 16.06V18c0 .414.336.75.75.75h16.5A.75.75 0 0 0 21 18v-1.94l-2.69-2.689a1.5 1.5 0 0 0-2.12 0l-.88.879.97.97a.75.75 0 1 1-1.06 1.06l-5.16-5.159a1.5 1.5 0 0 0-2.12 0L3 16.061Zm10.125-7.81a1.125 1.125 0 1 1 2.25 0 1.125 1.125 0 0 1-2.25 0Z" clip-rule="evenodd" />
+</svg>

assets/icons/media-light.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5" fill="#424242" width="16" height="16" class="w-6 h-6">
+  <path fill-rule="evenodd" d="M1.5 6a2.25 2.25 0 0 1 2.25-2.25h16.5A2.25 2.25 0 0 1 22.5 6v12a2.25 2.25 0 0 1-2.25 2.25H3.75A2.25 2.25 0 0 1 1.5 18V6ZM3 16.06V18c0 .414.336.75.75.75h16.5A.75.75 0 0 0 21 18v-1.94l-2.69-2.689a1.5 1.5 0 0 0-2.12 0l-.88.879.97.97a.75.75 0 1 1-1.06 1.06l-5.16-5.159a1.5 1.5 0 0 0-2.12 0L3 16.061Zm10.125-7.81a1.125 1.125 0 1 1 2.25 0 1.125 1.125 0 0 1-2.25 0Z" clip-rule="evenodd" />
+</svg>

assets/icons/options-dark.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="#C5C5C5" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+  <circle cx="12" cy="12" r="9" />
+  <line x1="8" y1="12" x2="8" y2="12.01" />
+  <line x1="12" y1="12" x2="12" y2="12.01" />
+  <line x1="16" y1="12" x2="16" y2="12.01" />
+</svg>

assets/icons/options-light.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="#424242" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+  <circle cx="12" cy="12" r="9" />
+  <line x1="8" y1="12" x2="8" y2="12.01" />
+  <line x1="12" y1="12" x2="12" y2="12.01" />
+  <line x1="16" y1="12" x2="16" y2="12.01" />
+</svg>

assets/icons/ordered-list-dark.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-list-numbers" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="#C5C5C5" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+  <path d="M11 6h9" />
+  <path d="M11 12h9" />
+  <path d="M12 18h8" />
+  <path d="M4 16a2 2 0 1 1 4 0c0 .591 -.5 1 -1 1.5l-3 2.5h4" />
+  <path d="M6 10v-6l-2 2" />
+</svg>

assets/icons/ordered-list-light.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-list-numbers" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="#424242" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+  <path d="M11 6h9" />
+  <path d="M11 12h9" />
+  <path d="M12 18h8" />
+  <path d="M4 16a2 2 0 1 1 4 0c0 .591 -.5 1 -1 1.5l-3 2.5h4" />
+  <path d="M6 10v-6l-2 2" />
+</svg>

assets/icons/scissors-dark.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5" fill="#C5C5C5" width="16" height="16" class="w-6 h-6">
+  <path fill-rule="evenodd" d="M8.128 9.155a3.751 3.751 0 1 1 .713-1.321l1.136.656a.75.75 0 0 1 .222 1.104l-.006.007a.75.75 0 0 1-1.032.157 1.421 1.421 0 0 0-.113-.072l-.92-.531Zm-4.827-3.53a2.25 2.25 0 0 1 3.994 2.063.756.756 0 0 0-.122.23 2.25 2.25 0 0 1-3.872-2.293ZM13.348 8.272a5.073 5.073 0 0 0-3.428 3.57 5.08 5.08 0 0 0-.165 1.202 1.415 1.415 0 0 1-.707 1.201l-.96.554a3.751 3.751 0 1 0 .734 1.309l13.729-7.926a.75.75 0 0 0-.181-1.374l-.803-.215a5.25 5.25 0 0 0-2.894.05l-5.325 1.629Zm-9.223 7.03a2.25 2.25 0 1 0 2.25 3.897 2.25 2.25 0 0 0-2.25-3.897ZM12 12.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z" clip-rule="evenodd" />
+  <path d="M16.372 12.615a.75.75 0 0 1 .75 0l5.43 3.135a.75.75 0 0 1-.182 1.374l-.802.215a5.25 5.25 0 0 1-2.894-.051l-5.147-1.574a.75.75 0 0 1-.156-1.367l3-1.732Z" />
+</svg>

assets/icons/scissors-light.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5" fill="#424242" width="16" height="16" class="w-6 h-6">
+  <path fill-rule="evenodd" d="M8.128 9.155a3.751 3.751 0 1 1 .713-1.321l1.136.656a.75.75 0 0 1 .222 1.104l-.006.007a.75.75 0 0 1-1.032.157 1.421 1.421 0 0 0-.113-.072l-.92-.531Zm-4.827-3.53a2.25 2.25 0 0 1 3.994 2.063.756.756 0 0 0-.122.23 2.25 2.25 0 0 1-3.872-2.293ZM13.348 8.272a5.073 5.073 0 0 0-3.428 3.57 5.08 5.08 0 0 0-.165 1.202 1.415 1.415 0 0 1-.707 1.201l-.96.554a3.751 3.751 0 1 0 .734 1.309l13.729-7.926a.75.75 0 0 0-.181-1.374l-.803-.215a5.25 5.25 0 0 0-2.894.05l-5.325 1.629Zm-9.223 7.03a2.25 2.25 0 1 0 2.25 3.897 2.25 2.25 0 0 0-2.25-3.897ZM12 12.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z" clip-rule="evenodd" />
+  <path d="M16.372 12.615a.75.75 0 0 1 .75 0l5.43 3.135a.75.75 0 0 1-.182 1.374l-.802.215a5.25 5.25 0 0 1-2.894-.051l-5.147-1.574a.75.75 0 0 1-.156-1.367l3-1.732Z" />
+</svg>

assets/icons/strikethrough-dark.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="#C5C5C5" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+  <path d="M7 5v9a5 5 0 0 0 10 0v-9" />
+  <path d="M4 12h16" />
+</svg>

assets/icons/strikethrough-light.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="#424242" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+  <path d="M7 5v9a5 5 0 0 0 10 0v-9" />
+  <path d="M4 12h16" />
+</svg>

assets/icons/unordered-list-dark.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-list" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="#C5C5C5" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+  <line x1="9" y1="6" x2="20" y2="6" />
+  <line x1="9" y1="12" x2="20" y2="12" />
+  <line x1="9" y1="18" x2="20" y2="18" />
+  <line x1="5" y1="6" x2="5" y2="6.01" />
+  <line x1="5" y1="12" x2="5" y2="12.01" />
+  <line x1="5" y1="18" x2="5" y2="18.01" />
+</svg>

assets/icons/unordered-list-light.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-list" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="#424242" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+  <line x1="9" y1="6" x2="20" y2="6" />
+  <line x1="9" y1="12" x2="20" y2="12" />
+  <line x1="9" y1="18" x2="20" y2="18" />
+  <line x1="5" y1="6" x2="5" y2="6.01" />
+  <line x1="5" y1="12" x2="5" y2="12.01" />
+  <line x1="5" y1="18" x2="5" y2="18.01" />
+</svg>

assets/media/styles.css

@@ -21,59 +21,49 @@
   }
 }
 
+.relative {
+  position: relative !important;
+}
+
 .absolute {
   position: absolute !important;
 }
 
+.inherit {
+  position: inherit !important;
+}
+
+.z-10 {
+  z-index: 10 !important;
+}
+.z-20 {
+  z-index: 10 !important;
+}
+
 .w-full {
   width: 100% !important;
 }
 
 .collapsible__body,
-.ext_settings {
-	padding: 1rem 1.25rem;
+.ext_settings,
+.git_actions,
+.initialize_actions {
+  padding: 1rem 1.25rem;
   box-sizing: border-box;
 }
 
-#app, .frontmatter {
+#app,
+.frontmatter {
   height: 100%;
 }
 
-.spinner,
-.spinner:before,
-.spinner:after {
-  border-radius: 50%;
-  width: 2em;
-  height: 2em;
-  animation-fill-mode: both;
-  animation: load7 1.8s infinite ease-in-out;
-}
-
-.spinner {
-  color: var(--vscode-panelSectionHeader-foreground);
-  font-size: 10px;
-  margin: 80px auto;
-  position: relative;
-  text-indent: -9999em;
-  transform: translateZ(0);
-  animation-delay: -0.16s;
-}
-
-.spinner:before,
-.spinner:after {
-  content: '';
-  position: absolute;
-  top: 0;
-}
-
-.spinner:before {
-  left: -3.5em;
-  -webkit-animation-delay: -0.32s;
-  animation-delay: -0.32s;
-}
-
-.spinner:after {
-  left: 3.5em;
+.frontmatter.media_selection {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  opacity: 0.8;
+  text-align: center;
+  padding: 1rem 1.25rem;
 }
 
 .frontmatter {
@@ -81,17 +71,17 @@
   padding-bottom: var(--input-margin-vertical);
   display: flex;
   flex-direction: column;
-  justify-content: space-between;
+  justify-content: start;
 }
 
 .frontmatter h3 {
-  margin-bottom: 1rem;
+  /* margin-bottom: 1rem; */
 }
 
 .frontmatter p,
 .frontmatter h4,
 .frontmatter ul {
-  margin-bottom: .5rem;
+  margin-bottom: 0.5rem;
 }
 
 .article__tags h3,
@@ -109,10 +99,6 @@
   margin-right: 0.5rem;
 }
 
-.seo__status__details, .seo__status__keywords {
-  margin-bottom: 1rem;
-}
-
 .collapsible__body h4 {
   text-align: center;
   font-weight: bold;
@@ -123,11 +109,13 @@
 }
 
 .article__tags {
+  /* position: relative; */
   margin-bottom: 1rem;
 }
 
 .article__tags__dropbox {
-  width: 90%;
+  /* Minus the twice the padding */
+  width: calc(100% - 2.5rem);
   margin: 0;
   padding: 0;
   z-index: 1;
@@ -138,36 +126,12 @@
 }
 
 .article__tags__dropbox.open {
-  border: 1px solid rgba(0, 0, 0, .9);
-}
-
-.article__tags__input input {
-  border: 1px solid var(--vscode-inputValidation-infoBorder);
-}
-
-.article__tags__input.freeform {
-  position: relative;
-}
-
-.article__tags__input.freeform input {
-  padding-right: 35px;
-}
-
-.article__tags__input button {
-  position: absolute;
-  bottom: 1px;
-  top: 1px;
-  right: 1px;
-  width: 30px;
-  padding-bottom: 2px; 
-  padding-top: 2px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
+  border: 1px solid var(--vscode-focusBorder);
+  width: 100%;
 }
 
 .article__tags ul {
-	color: var(--vscode-dropdown-foreground);
+  color: var(--vscode-dropdown-foreground);
   background-color: var(--vscode-dropdown-background);
 }
 
@@ -177,16 +141,16 @@
 }
 
 .article__tags li:active {
-	color: var(--vscode-button-foreground);
+  color: var(--vscode-button-foreground);
   background-color: var(--vscode-button-background);
 }
 
-.article__tags li[aria-selected="true"] {
+.article__tags li[aria-selected='true'] {
   color: var(--vscode-button-foreground);
   background-color: var(--vscode-button-hoverBackground);
 }
 
-.article__tags li[aria-disabled="true"] {
+.article__tags li[aria-disabled='true'] {
   display: none;
 }
 
@@ -194,66 +158,23 @@
   margin-top: 1rem;
 }
 
-.article__tags__items__item {
-  display: inline-flex;
-  margin-bottom: .5rem;
-  margin-right: .5rem;
-}
-
-.article__tags__items__item {
-  display: inline-block;
-  margin-bottom: .5rem;
-  margin-right: .5rem;
-}
-
-.article__tags__items__item_add,
-.article__tags__items__item_delete {
-  display: inline-block;
-  width: auto;
-}
-
-.article__tags__items__item svg {
-  display: inline;
-  vertical-align: bottom;
-}
-
-.article__tags__items__item_delete span {
-  margin-left: .5rem;
-}
-
-.article__tags__items__pill_notexists {
-  color: var(--vscode-inputValidation-errorForeground);
-  background-color: var(--vscode-inputValidation-errorBackground);
-  padding-left: .5rem;
-}
-
-.article__tags__items__pill_notexists:hover {
-  color: var(--vscode-inputValidation-errorForeground);
-  background-color: var(--vscode-inputValidation-errorBackground);
-
-  filter: contrast(60%);
-}
-
-.article__tags__items__item_add {
-  color: var(--vscode-inputValidation-infoForeground);
-  background-color: var(--vscode-inputValidation-infoBackground);
-  border-right: 1px solid var(--vscode-inputValidation-infoBorder);
-}
-
-.article__tags__items__item_add:hover {
-  color: var(--vscode-inputValidation-infoForeground);
-  background-color: var(--vscode-inputValidation-infoBackground);
-  border-right: 1px solid var(--vscode-inputValidation-infoBorder);
-
-  filter: contrast(60%);
-}
-
-.article__actions > * + * {
+.article__actions > * + *,
+.other_actions > * + *,
+.base__actions > * + *,
+.base__information > * + * {
   --tw-space-y-reverse: 0;
   margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(1rem * var(--tw-space-y-reverse));
 }
 
+.base__action label {
+  display: block;
+}
+
+.base__action input {
+  width: 100% !important;
+}
+
 .seo__status__details ul > * + *,
 .ext_settings > * + * {
   --tw-space-y-reverse: 0;
@@ -264,10 +185,21 @@
 .ext_link_block {
   display: flex;
   align-items: center;
+  width: 100%;
 }
 
 .ext_link_block svg {
-  margin-right: .5rem;
+  margin-right: 0.5rem;
+  display: block;
+  width: 16px;
+  height: 16px;
+  min-width: 16px;
+}
+
+.ext_link_block button span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .ext_link_block button,
@@ -286,32 +218,233 @@
   padding: 0px 14px;
   user-select: none;
   text-decoration: none;
-  width: auto;
+  width: 100%;
+  white-space: nowrap;
+  border-radius: 0.25rem;
 }
 
-.ext_link_block a:hover, 
-.ext_link_block a:active, 
+.ext_link_block button.active {
+  color: var(--vscode-button-foreground);
+  background: var(--vscode-button-background);
+}
+.ext_link_block button.active:hover {
+  cursor: pointer;
+  background: var(--vscode-button-hoverBackground);
+}
+
+.ext_link_block a:hover,
+.ext_link_block a:active,
 .ext_link_block a:focus,
 .ext_link_block a:visited {
   color: var(--vscode-button-secondaryForeground);
 }
 
-.table__cell {
-  overflow: hidden;
+.ext_link_block a:hover,
+.ext_link_block button:hover {
+  background-color: var(--vscode-button-secondaryHoverBackground);
 }
 
-.table__title {
-  text-transform: capitalize;
+.table__cell__seo_details {
+  padding: 10px;
 }
 
 .table__cell__validation {
-  text-align: center;
+  text-align: left;
+}
+
+.table__cell__validation div {
+  display: flex;
+  align-items: center;
+  padding: 2px 0;
 }
 
 .table__cell__validation .valid {
-  color: #46EC86;
+  color: #46ec86;
 }
 
 .table__cell__validation .warning {
-  color: #E6AF2E;
-}
+  color: #e6af2e;
+}
+
+.table__cell__validation div span + span {
+  margin-left: 0.5rem;
+}
+
+/* Fields */
+.field__toggle {
+  position: relative;
+  display: inline-block;
+  width: 50px;
+  height: 24px;
+}
+
+.field__toggle input {
+  opacity: 0;
+  width: 0;
+  height: 0;
+}
+
+.field__toggle__slider {
+  position: absolute;
+  cursor: pointer;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: var(--vscode-button-secondaryBackground);
+  -webkit-transition: 0.4s;
+  transition: 0.4s;
+  border-radius: 34px;
+}
+
+.field__toggle__slider:before {
+  position: absolute;
+  content: '';
+  height: 16px;
+  width: 16px;
+  left: 4px;
+  bottom: 4px;
+  background-color: white;
+  -webkit-transition: 0.4s;
+  transition: 0.4s;
+  border-radius: 50%;
+}
+
+input:checked + .field__toggle__slider {
+  background-color: var(--vscode-button-background);
+}
+
+input:focus + .field__toggle__slider {
+  box-shadow: 0 0 1px var(--vscode-button-background);
+}
+
+input:checked + .field__toggle__slider:before {
+  -webkit-transform: translateX(26px);
+  -ms-transform: translateX(26px);
+  transform: translateX(26px);
+}
+
+/* Metadata */
+
+.metadata_field__datetime {
+  display: flex;
+  justify-content: space-between;
+}
+
+.metadata_field__datetime > .react-datepicker-wrapper {
+  margin-right: 1rem;
+}
+
+.metadata_field__datetime > button {
+  color: var(--vscode-button-secondaryForeground);
+  background-color: var(--vscode-button-secondaryBackground);
+  padding-left: 1rem;
+  padding-right: 1rem;
+  width: auto;
+}
+
+.metadata_field__datetime > button:hover {
+  background-color: var(--vscode-button-secondaryHoverBackground);
+}
+
+/* File list */
+.file_list label {
+  border-bottom: 1px solid var(--vscode-foreground);
+}
+
+.file_list__items {
+  padding: 0;
+  list-style: none;
+}
+
+.file_list__items__item {
+  color: var(--vscode-foreground);
+  font-size: var(--vscode-font-size);
+  font-weight: var(--vscode-font-weight);
+  cursor: pointer;
+  height: 22px;
+  line-height: 22px;
+  margin: 0 -1rem;
+  padding: 0 1rem;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.file_list__items__item:hover {
+  background-color: var(--vscode-list-hoverBackground);
+  color: var(--vscode-list-hoverForeground);
+  cursor: pointer;
+}
+
+.file_list__items__item svg {
+  display: block;
+  flex-shrink: 0;
+  height: 20px;
+  width: 20px;
+  margin-right: 0.25rem;
+}
+
+.file_list__items__item span {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+/* Sponsor */
+.sponsor {
+  opacity: 0.5;
+}
+
+.sponsor:hover {
+  opacity: 1;
+}
+
+.sponsor:hover svg {
+  fill: currentcolor;
+}
+
+.sponsor svg {
+  height: 20px;
+  width: 20px;
+  margin-right: 0.25rem;
+}
+
+.sponsor a {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--vscode-foreground);
+  text-decoration: none;
+}
+
+.sponsor a:hover {
+  color: var(--vscode-foreground);
+  text-decoration: none;
+}
+
+.sponsor a > span {
+  margin-right: 0.25rem;
+}
+
+/* Timepicker */
+.react-datepicker button {
+  outline: 0;
+}
+
+.react-datepicker button:hover {
+  background: none !important;
+}
+
+.react-datepicker__triangle {
+  transform: translate3d(15px, 0px, 0px) !important;
+}
+
+.react-datepicker-time__input {
+  background: transparent !important;
+  color: #000 !important;
+}
+
+.react-datepicker-time__input input {
+  border: 1px solid #aeaeae !important;
+}

assets/walkthrough/documentation.md

@@ -0,0 +1,3 @@
+## Documentation
+
+Our documentation can be found at: [https://frontmatter.codes/docs](https://frontmatter.codes/docs)

assets/walkthrough/get-started.md

@@ -0,0 +1,11 @@
+## Getting started
+
+Thanks for installing Front Matter!
+
+To get started, open our dashboard which will guide you through the initialization process of your project.
+
+When you haven't initialized your project yet, you will see the Front Matter's welcome screen on which you will have to perform the following steps:
+
+- Project initialization
+- Content folders registration
+- Framework initialization

assets/walkthrough/support-the-project.md

@@ -0,0 +1,8 @@
+## Support the project
+
+Front Matter is an open source project and we are always looking for new contributors, supporters, and partners. If you are interested in backing the project, please consider supporting it by donating. You can donate at via the following links:
+
+- [GitHub Sponsors](https://github.com/sponsors/estruyf)
+- [Open Collective](https://opencollective.com/frontmatter)
+
+> Each sponsor/backer will be mentioned on the [Front Matter](https://frontmatter.codes) website and on the [GitHub repository](https://github.com/estruyf/vscode-front-matter).

frontmatter.json

@@ -0,0 +1,78 @@
+{
+  "$schema": "https://beta.frontmatter.codes/frontmatter.schema.json",
+  "frontMatter.snippets.wrapper.enabled": false,
+  "frontMatter.framework.id": "other",
+  "frontMatter.content.publicFolder": "",
+  "frontMatter.content.pageFolders": [
+    {
+      "title": ".vscode",
+      "path": "[[workspace]]/.vscode"
+    }
+  ],
+  "frontMatter.content.snippets": {
+    "New version": {
+      "description": "Insert a new version to the changelog",
+      "body": [
+        "## [{{version}}] - {{year}}-{{month}}-{{day}}",
+        "",
+        "### ✨ New features",
+        "",
+        "### 🎨 Enhancements",
+        "",
+        "### ⚡️ Optimizations",
+        "",
+        "### 🐞 Fixes"
+      ],
+      "fields": [
+        {
+          "type": "string",
+          "name": "version",
+          "title": "Version",
+          "single": true
+        },
+        {
+          "type": "string",
+          "name": "year",
+          "title": "Year",
+          "default": "{{year}}"
+        },
+        {
+          "type": "string",
+          "name": "month",
+          "title": "Month",
+          "default": "xx"
+        },
+        {
+          "type": "string",
+          "name": "day",
+          "title": "Day",
+          "default": "xx"
+        }
+      ],
+      "openingTags": "{{",
+      "closingTags": "}}"
+    },
+    "Issue link": {
+      "description": "Link to a GitHub issue",
+      "body": "- [#{{id}}](https://github.com/estruyf/vscode-front-matter/issues/{{id}}): {{title}}",
+      "fields": [
+        {
+          "name": "id",
+          "title": "Issue ID",
+          "type": "string",
+          "single": true,
+          "default": ""
+        },
+        {
+          "name": "title",
+          "title": "Title",
+          "type": "string",
+          "single": true,
+          "default": ""
+        }
+      ],
+      "openingTags": "{{",
+      "closingTags": "}}"
+    }
+  }
+}

l10n/bundle.l10n.de.json

@@ -0,0 +1,359 @@
+{
+  "common.add": "Hinzufügen",
+  "common.edit": "Bearbeiten",
+  "common.delete": "Löschen",
+  "common.cancel": "Abbrechen",
+  "common.clear": "Löschen",
+  "common.clear.value": "Wert löschen",
+  "common.search": "Suchen",
+  "common.save": "Speichern",
+  "common.menu": "Menü",
+  "common.insert": "Einfügen",
+  "common.insert.snippet": "Snippet einfügen",
+  "common.title": "Titel",
+  "common.description": "Beschreibung",
+  "common.retry": "Erneut versuchen",
+  "common.update": "Aktualisieren",
+  "common.information": "Info",
+  "common.important": "Wichtig",
+  "common.sync": "Synchronisieren",
+  "common.slug": "Slug",
+  "common.support": "Support",
+  "common.remove.value": "{0} entfernen",
+  "common.error.message": "Entschuldigung, etwas ist schiefgelaufen.",
+  "developer.title": "Entwicklermodus",
+  "developer.reload.title": "Dashboard neu laden",
+  "developer.reload.label": "Neu laden",
+  "developer.devTools.title": "Entwicklertools öffnen",
+  "developer.devTools.label": "DevTools",
+  "field.required": "Pflichtfeld",
+  "field.unknown": "Unbekanntes Feld",
+  "dashboard.chatbot.answer.answer": "Antwort",
+  "dashboard.chatbot.answer.resources": "Ressourcen",
+  "dashboard.chatbot.answer.warning": "Warnung: Antworten können falsch sein. Im Zweifelsfall konsultieren Sie bitte die Dokumentation.",
+  "dashboard.chatbot.chatbot.loading": "Assistent wird vorbereitet",
+  "dashboard.chatbot.chatbot.ready": "Ich bin bereit, was möchtest du wissen?",
+  "dashboard.chatbot.chatbox.placeholder": "Wie kann ich Front Matter konfigurieren?",
+  "dashboard.chatbot.header.heading": "Frag den Front Matter AI",
+  "dashboard.chatbot.header.description": "Unser KI-System, powered by mendable.ai, hat die Dokumentation verarbeitet und kann Ihnen bei Fragen zu Front Matter behilflich sein. Legen Sie los und fragen Sie!",
+  "dashboard.common.choiceButton.open": "Optionen öffnen",
+  "dashboard.contents.contentActions.actionMenuButton.title": "Menü",
+  "dashboard.contents.contentActions.menuItem.view": "Anzeigen",
+  "dashboard.contents.contentActions.alert.title": "Löschen: {0}",
+  "dashboard.contents.contentActions.alert.description": "Möchten Sie den Inhalt \"{0}\" wirklich löschen?",
+  "dashboard.contents.item.invalidTitle": "<ungültiger Titel>",
+  "dashboard.contents.item.invalidDescription": "<ungültige Beschreibung>",
+  "dashboard.contents.list.title": "Titel",
+  "dashboard.contents.list.date": "Datum",
+  "dashboard.contents.list.status": "Status",
+  "dashboard.contents.overview.noMarkdown": "Kein Markdown vorhanden",
+  "dashboard.contents.overview.noFolders": "Stellen Sie sicher, dass Sie einen Inhaltsordner in Ihrem Projekt registriert haben, damit Front Matter die Inhalte finden kann.",
+  "dashboard.contents.status.draft": "Entwurf",
+  "dashboard.contents.status.published": "Veröffentlicht",
+  "dashboard.dataView.dataForm.modify": "Daten bearbeiten",
+  "dashboard.dataView.dataForm.add": "Neue Daten hinzufügen",
+  "dashboard.dataView.dataView.select": "Wählen Sie Ihren Datentyp",
+  "dashboard.dataView.dataView.title": "Ihre {0} Dateneinträge",
+  "dashboard.dataView.dataView.add": "Neuen Eintrag hinzufügen",
+  "dashboard.dataView.dataView.empty": "Keine {0} Dateneinträge gefunden",
+  "dashboard.dataView.dataView.createOrModify": "Erstellen oder bearbeiten Sie Ihre {0} Daten",
+  "dashboard.dataView.dataView.getStarted": "Wählen Sie einen Datentyp, um zu beginnen",
+  "dashboard.dataView.dataView.noDataFiles": "Keine Datendateien gefunden",
+  "dashboard.dataView.dataView.getStarted.link": "Lesen Sie mehr, um zu erfahren, wie Sie Datenfiles verwenden können",
+  "dashboard.dataView.emptyView.heading": "Wählen Sie zuerst Ihren Datentyp aus",
+  "dashboard.dataView.sortableItem.editButton.title": "\"{0}\" bearbeiten",
+  "dashboard.dataView.sortableItem.deleteButton.title": "\"{0}\" löschen",
+  "dashboard.dataView.sortableItem.alert.title": "Daten-Eintrag löschen",
+  "dashboard.dataView.sortableItem.alert.description": "Sind Sie sicher, dass Sie den Daten-Eintrag löschen möchten?",
+  "dashboard.errorView.description": "Bitte schließen Sie das Dashboard und versuchen Sie es erneut.",
+  "dashboard.header.breadcrumb.home": "Startseite",
+  "dashboard.header.clearFilters.title": "Filter, Gruppierung und Sortierung zurücksetzen",
+  "dashboard.header.filter.default": "Kein Filter",
+  "dashboard.header.folders.default": "Alle Typen",
+  "dashboard.header.folders.menuButton.showing": "Anzeige",
+  "dashboard.header.grouping.option.none": "Keine",
+  "dashboard.header.grouping.option.year": "Jahr",
+  "dashboard.header.grouping.option.draft": "Entwurf/Veröffentlicht",
+  "dashboard.header.grouping.menuButton.label": "Gruppieren nach",
+  "dashboard.header.navigation.allArticles": "Alle Artikel",
+  "dashboard.header.navigation.published": "Veröffentlicht",
+  "dashboard.header.navigation.draft": "Im Entwurf",
+  "dashboard.header.header.createContent": "Inhalt erstellen",
+  "dashboard.header.header.createByContentType": "Nach Inhaltstyp erstellen",
+  "dashboard.header.header.createByTemplate": "Nach Vorlage erstellen",
+  "dashboard.header.pagination.first": "Erste",
+  "dashboard.header.pagination.previous": "Vorherige",
+  "dashboard.header.pagination.next": "Nächste",
+  "dashboard.header.pagination.last": "Letzte",
+  "dashboard.header.paginationStatus.text": "Zeige {0} bis {1} von {2} Ergebnissen",
+  "dashboard.header.projectSwitcher.label": "Projekt",
+  "dashboard.header.refreshDashboard.label": "Dashboard aktualisieren",
+  "dashboard.header.sorting.lastModified.asc": "Zuletzt geändert (aufsteigend)",
+  "dashboard.header.sorting.lastModified.desc": "Zuletzt geändert (absteigend)",
+  "dashboard.header.sorting.filename.asc": "Nach Dateiname (aufsteigend)",
+  "dashboard.header.sorting.filename.desc": "Nach Dateiname (absteigend)",
+  "dashboard.header.sorting.published.asc": "Veröffentlicht (aufsteigend)",
+  "dashboard.header.sorting.published.desc": "Veröffentlicht (absteigend)",
+  "dashboard.header.sorting.size.asc": "Größe (aufsteigend)",
+  "dashboard.header.sorting.size.desc": "Größe (absteigend)",
+  "dashboard.header.sorting.caption.asc": "Beschriftung (aufsteigend)",
+  "dashboard.header.sorting.caption.desc": "Beschriftung (absteigend)",
+  "dashboard.header.sorting.alt.asc": "Alt-Text (aufsteigend)",
+  "dashboard.header.sorting.alt.desc": "Alt-Text (absteigend)",
+  "dashboard.header.sorting.label": "Sortieren nach",
+  "dashboard.header.startup.label": "Beim Start öffnen?",
+  "dashboard.header.tabs.contents": "Inhalte",
+  "dashboard.header.tabs.media": "Medien",
+  "dashboard.header.tabs.snippets": "Snippets",
+  "dashboard.header.tabs.data": "Daten",
+  "dashboard.header.tabs.taxonomies": "Taxonomien",
+  "dashboard.header.viewSwitch.toGrid": "Zur Rasteransicht wechseln",
+  "dashboard.header.viewSwitch.toList": "Zur Listenansicht wechseln",
+  "dashboard.header.viewSwitch.toStructure": "Zur Strukturansicht wechseln",
+  "dashboard.layout.sponsor.support.msg": "Unterstützen Sie Front Matter",
+  "dashboard.layout.sponsor.review.label": "Bewerten",
+  "dashboard.layout.sponsor.review.msg": "Bewerten Sie Front Matter",
+  "dashboard.media.common.title": "Titel",
+  "dashboard.media.common.caption": "Beschriftung",
+  "dashboard.media.common.alt": "Alternativer Text",
+  "dashboard.media.common.size": "Größe",
+  "dashboard.media.dialog.title": "Details anzeigen",
+  "dashboard.media.panel.close": "Panel schließen",
+  "dashboard.media.metadata.panel.title": "Metadaten aktualisieren",
+  "dashboard.media.metadata.panel.description": "Geben Sie die Metadaten für die Datei ein.",
+  "dashboard.media.metadata.panel.field.fileName": "Dateiname",
+  "dashboard.media.metadata.panel.form.metadata.title": "Metadaten",
+  "dashboard.media.metadata.panel.form.information.title": "Informationen",
+  "dashboard.media.metadata.panel.form.information.createdDate": "Erstellt am",
+  "dashboard.media.metadata.panel.form.information.modifiedDate": "Zuletzt geändert",
+  "dashboard.media.metadata.panel.form.information.dimensions": "Abmessungen",
+  "dashboard.media.metadata.panel.form.information.folder": "Ordner",
+  "dashboard.media.folderCreation.hexo.create": "Post-Asset-Ordner erstellen",
+  "dashboard.media.folderCreation.folder.create": "Neuen Ordner erstellen",
+  "dashboard.media.item.quickAction.insert.field": "Bild in Ihrem Feld \"{0}\" einfügen",
+  "dashboard.media.item.quickAction.insert.markdown": "Bild mit Markdown-Markup einfügen",
+  "dashboard.media.item.quickAction.copy.path": "Medienpfad kopieren",
+  "dashboard.media.item.quickAction.delete": "Medien-Datei löschen",
+  "dashboard.media.item.menuItem.edit.metadata": "Metadaten bearbeiten",
+  "dashboard.media.item.menuItem.insert.image": "Bild einfügen",
+  "dashboard.media.item.menuItem.reveal.media": "Medien anzeigen",
+  "dashboard.media.item.infoDialog.snippet.description": "Wählen Sie das Media-Snippet aus, das für die aktuelle Mediendatei verwendet werden soll.",
+  "dashboard.media.item.alert.delete.description": "Sind Sie sicher, dass Sie die Datei aus dem Ordner {0} löschen möchten?",
+  "dashboard.media.media.description": "Wählen Sie die Medien-Datei aus, die Sie Ihrem Inhalt hinzufügen möchten.",
+  "dashboard.media.media.dragAndDrop": "Sie können Bilder auch per Drag & Drop von Ihrem Desktop auswählen, nachdem sie hochgeladen wurden.",
+  "dashboard.media.media.folder.upload": "Zu {0} hochladen",
+  "dashboard.media.media.folder.default": "Kein Ordner ausgewählt, die Dateien, die Sie ablegen, werden dem Ordner {0} hinzugefügt",
+  "dashboard.media.media.placeholder": "Keine Medien-Dateien vorhanden. Sie können neue Dateien per Drag & Drop unter Verwendung der [Shift]-Taste hinzufügen.",
+  "dashboard.media.media.contentFolder": "Inhaltsordner",
+  "dashboard.media.media.publicFolder": "Öffentlicher Ordner",
+  "dashboard.media.mediaHeaderTop.searchbox.placeholder": "In Ordner suchen",
+  "dashboard.media.mediaSnippetForm.formDialog.title": "Medien einfügen: {0}",
+  "dashboard.media.mediaSnippetForm.formDialog.description": "Fügen Sie die {0}-Mediendatei in den aktuellen Artikel ein",
+  "dashboard.preview.input.placeholder": "Geben Sie eine URL ein",
+  "dashboard.preview.button.navigate.title": "Navigieren",
+  "dashboard.preview.button.refresh.title": "Aktualisieren",
+  "dashboard.preview.button.open.title": "Öffnen",
+  "dashboard.snippetsView.item.quickAction.editSnippet": "Snippet bearbeiten",
+  "dashboard.snippetsView.item.quickAction.deleteSnippet": "Snippet löschen",
+  "dashboard.snippetsView.item.quickAction.viewSnippet": "Snippet-Datei anzeigen",
+  "dashboard.snippetsView.item.insert.formDialog.title": "Snippet einfügen: {0}",
+  "dashboard.snippetsView.item.insert.formDialog.description": "Fügen Sie das {0}-Snippet in den aktuellen Artikel ein",
+  "dashboard.snippetsView.item.edit.formDialog.title": "Snippet bearbeiten: {0}",
+  "dashboard.snippetsView.item.edit.formDialog.description": "Bearbeiten Sie das {0}-Snippet",
+  "dashboard.snippetsView.item.alert.title": "Snippet löschen: {0}",
+  "dashboard.snippetsView.item.alert.description": "Sind Sie sicher, dass Sie das {0}-Snippet löschen möchten?",
+  "dashboard.snippetsView.newForm.snippetInput.title.placeholder": "Titel des Schnipsels",
+  "dashboard.snippetsView.newForm.snippetInput.description.label": "Beschreibung",
+  "dashboard.snippetsView.newForm.snippetInput.description.placeholder": "Beschreibung des Schnipsels",
+  "dashboard.snippetsView.newForm.snippetInput.snippet.label": "Schnipsel",
+  "dashboard.snippetsView.newForm.snippetInput.snippet.placeholder": "Inhalt des Schnipsels",
+  "dashboard.snippetsView.newForm.snippetInput.isMediaSnippet.label": "Ist ein Medienschnipsel?",
+  "dashboard.snippetsView.newForm.snippetInput.isMediaSnippet.checkbox.label": "Medienschnipsel",
+  "dashboard.snippetsView.newForm.snippetInput.isMediaSnippet.checkbox.description": "Verwende diesen Schnipsel, um Medieninhalte in deine Seiten einzufügen.",
+  "dashboard.snippetsView.newForm.snippetInput.docsButton.title": "Erfahre mehr über die Verwendung von Platzhaltern für Medienschnipsel",
+  "dashboard.snippetsView.newForm.snippetInput.docsButton.description": "In unserer Dokumentation zu Medienschnipsel-Platzhaltern erfährst du, welche Platzhalter du verwenden kannst.",
+  "dashboard.snippetsView.snippets.ariaLabel": "Überschrift der Schnipsel",
+  "dashboard.snippetsView.snippets.button.create": "Neuen Schnipsel erstellen",
+  "dashboard.snippetsView.snippets.select.description": "Wähle den Schnipsel aus, den du deinem Inhalt hinzufügen möchtest.",
+  "dashboard.snippetsView.snippets.empty.message": "Keine Schnipsel gefunden",
+  "dashboard.snippetsView.snippets.readMore": "Erfahre mehr über die Verwendung von Schnipseln",
+  "dashboard.snippetsView.snippets.formDialog.title": "Einen Schnipsel erstellen",
+  "dashboard.steps.stepsToGetStarted.button.addFolder.title": "Als Inhaltsordner zu Front Matter hinzufügen",
+  "dashboard.steps.stepsToGetStarted.initializeProject.name": "Projekt initialisieren",
+  "dashboard.steps.stepsToGetStarted.initializeProject.description": "Mit der Projektinitialisierung werden die erforderlichen Dateien und Ordner für die Verwendung des Front Matter CMS erstellt. Starte mit einem Klick auf diese Aktion.",
+  "dashboard.steps.stepsToGetStarted.framework.name": "Vorlagen für Frameworks",
+  "dashboard.steps.stepsToGetStarted.framework.description": "Wähle deinen Site-Generator oder dein Framework aus, um einige der empfohlenen Einstellungen vorzubelegen.",
+  "dashboard.steps.stepsToGetStarted.framework.select": "Wähle dein Framework aus",
+  "dashboard.steps.stepsToGetStarted.framework.select.other": "andere",
+  "dashboard.steps.stepsToGetStarted.contentFolders.name": "Inhaltsordner registrieren",
+  "dashboard.steps.stepsToGetStarted.contentFolders.description": "Füge einen der in deinem Projekt gefundenen Ordner als Inhaltsordner hinzu. Sobald ein Ordner festgelegt ist, kann Front Matter alle Inhalte auflisten und das Erstellen von Inhalten ermöglichen.",
+  "dashboard.steps.stepsToGetStarted.contentFolders.label": "Ordner mit Inhalten:",
+  "dashboard.steps.stepsToGetStarted.contentFolders.information.description": "Du kannst diese Aktion auch aus der Explorer-Ansicht durchführen, indem du mit der rechten Maustaste auf den Ordner klickst und 'Ordner registrieren' auswählst.",
+  "dashboard.steps.stepsToGetStarted.tags.name": "Alle Tags und Kategorien importieren (optional)",
+  "dashboard.steps.stepsToGetStarted.tags.description": "Jetzt, da Front Matter alle Inhaltsordner kennt, möchtest du alle Tags und Kategorien aus den verfügbaren Inhalten importieren?",
+  "dashboard.steps.stepsToGetStarted.showDashboard.name": "Dashboard anzeigen",
+  "dashboard.steps.stepsToGetStarted.showDashboard.description": "Sobald alle Aktionen abgeschlossen sind, kann das Dashboard geladen werden.",
+  "dashboard.taxonomyView.button.add.title": "{0} zur Taxonomie hinzufügen",
+  "dashboard.taxonomyView.button.edit.title": "{0} bearbeiten",
+  "dashboard.taxonomyView.button.merge.title": "{0} zusammenführen",
+  "dashboard.taxonomyView.button.move.title": "In eine andere Taxonomie verschieben",
+  "dashboard.taxonomyView.button.delete.title": "{0} löschen",
+  "dashboard.taxonomyView.taxonomyLookup.button.title": "Inhalte mit {0} in {1} anzeigen",
+  "dashboard.taxonomyView.taxonomyManager.description": "{0} deiner Website erstellen, bearbeiten und verwalten",
+  "dashboard.taxonomyView.taxonomyManager.button.create": "Neuen {0}-Wert erstellen",
+  "dashboard.taxonomyView.taxonomyManager.table.heading.name": "Name",
+  "dashboard.taxonomyView.taxonomyManager.table.heading.count": "Anzahl",
+  "dashboard.taxonomyView.taxonomyManager.table.heading.action": "Aktion",
+  "dashboard.taxonomyView.taxonomyManager.table.row.empty": "Keine {0} gefunden",
+  "dashboard.taxonomyView.taxonomyManager.table.unmapped.title": "In den Einstellungen nicht gefunden",
+  "dashboard.taxonomyView.taxonomyView.navigationBar.title": "Taxonomie auswählen",
+  "dashboard.taxonomyView.taxonomyView.button.import": "Taxonomie importieren",
+  "dashboard.taxonomyView.taxonomyView.navigationItem.tags": "Tags",
+  "dashboard.taxonomyView.taxonomyView.navigationItem.categories": "Kategorien",
+  "dashboard.unkownView.title": "Ansicht existiert nicht",
+  "dashboard.unkownView.description": "Du hast anscheinend eine Ansicht geöffnet, die nicht existiert. Bitte öffne das Dashboard erneut.",
+  "dashboard.welcomeScreen.title": "Verwalte deine statische Website mit Front Matter",
+  "dashboard.welcomeScreen.thanks": "Vielen Dank, dass du Front Matter verwendest!",
+  "dashboard.welcomeScreen.description": "Wir bemühen uns, Front Matter so benutzerfreundlich wie möglich zu gestalten, aber wenn du Fragen oder Vorschläge hast, zögere bitte nicht, uns auf GitHub zu kontaktieren.",
+  "dashboard.welcomeScreen.link.github.title": "GitHub",
+  "dashboard.welcomeScreen.link.github.label": "GitHub / Dokumentation",
+  "dashboard.welcomeScreen.link.sponsor.title": "Werde Sponsor",
+  "dashboard.welcomeScreen.link.sponsor.label": "Sponsor",
+  "dashboard.welcomeScreen.link.review.title": "Eine Bewertung schreiben",
+  "dashboard.welcomeScreen.link.review.label": "Bewertung schreiben",
+  "dashboard.welcomeScreen.actions.heading": "Führe die nächsten Schritte aus, um mit der Erweiterung zu beginnen",
+  "dashboard.welcomeScreen.actions.description": "Du kannst die Erweiterung auch über das Front Matter-Seitenpanel verwenden. Dort findest du die Aktionen, die speziell für deine Seiten ausgeführt werden können.",
+  "dashboard.welcomeScreen.actions.thanks": "Wir hoffen, dass du Freude an Front Matter hast!",
+  "panel.contentType.contentTypeValidator.title": "Inhaltstyp",
+  "panel.contentType.contentTypeValidator.hint": "Wir haben Unterschiede zwischen dem Inhaltstyp und den Front-Matter-Daten festgestellt. Möchtest du den Inhaltstyp für diesen Inhalt erstellen, aktualisieren oder festlegen?",
+  "panel.contentType.contentTypeValidator.button.create": "Inhaltstyp erstellen",
+  "panel.contentType.contentTypeValidator.button.add": "Fehlende Felder zum Inhaltstyp hinzufügen",
+  "panel.contentType.contentTypeValidator.button.change": "Inhaltstyp der Datei ändern",
+  "panel.dataBlock.dataBlockField.group.selected.edit": "Bearbeiten: {0}",
+  "panel.dataBlock.dataBlockField.group.selected.create": "Neuen {0} erstellen",
+  "panel.dataBlock.dataBlockField.group.select": "Gruppe auswählen",
+  "panel.dataBlock.dataBlockField.add": "{0} hinzufügen",
+  "panel.dataBlock.dataBlockRecord.edit": "Datensatz bearbeiten",
+  "panel.dataBlock.dataBlockRecord.delete": "Datensatz löschen",
+  "panel.dataBlock.dataBlockRecords.label": "Datensätze",
+  "panel.dataBlock.dataBlockSelector.label": "Blocktyp",
+  "panel.errorBoundary.fieldBoundary.label": "Fehler beim Anzeigen des Felds",
+  "panel.fields.choiceField.select": "{0} auswählen",
+  "panel.fields.choiceField.clear": "Wert löschen",
+  "panel.fields.contentTypeRelationshipField.loading": "Lade mögliche Werte...",
+  "panel.fields.dateTimeField.button.pick": "Wähle dein Datum",
+  "panel.fields.dateTimeField.time": "Uhrzeit",
+  "panel.fields.fieldMessage.required": "Das Feld {0} ist erforderlich",
+  "panel.fields.fileField.delete": "Datei löschen",
+  "panel.fields.fileField.add": "Ihre {0} hinzufügen",
+  "panel.fields.imageFallback.label": "Das Bild konnte nicht geladen werden",
+  "panel.fields.listField.edit": "Eintrag bearbeiten",
+  "panel.fields.listField.delete": "Eintrag löschen",
+  "panel.fields.previewImage.remove": "Bild entfernen",
+  "panel.fields.previewImageField.add": "Ihre {0} hinzufügen",
+  "panel.fields.slugField.update": "Aktualisierung verfügbar",
+  "panel.fields.slugField.generate": "Slug generieren",
+  "panel.fields.textField.ai.message": "Verwenden Sie Front Matter AI, um {0} vorzuschlagen",
+  "panel.fields.textField.ai.generate": "Vorschlag wird generiert...",
+  "panel.fields.textField.loading": "Feld wird geladen",
+  "panel.fields.textField.limit": "Feldgrenze erreicht {0}",
+  "panel.fields.wrapperField.unknown": "Unbekannter Feldtyp: {0}",
+  "panel.actions.title": "Aktionen",
+  "panel.articleDetails.headings": "Überschriften",
+  "panel.articleDetails.paragraphs": "Absätze",
+  "panel.articleDetails.internalLinks": "Interne Links",
+  "panel.articleDetails.externalLinks": "Externe Links",
+  "panel.articleDetails.images": "Bilder",
+  "panel.baseView.initialize": "Projekt initialisieren",
+  "panel.baseView.actions.title": "Aktionen",
+  "panel.baseView.action.openDashboard": "Dashboard öffnen",
+  "panel.baseView.action.openPreview": "Vorschau öffnen",
+  "panel.baseView.action.createContent": "Inhalt erstellen",
+  "panel.baseView.empty": "Öffnen Sie eine Datei, um weitere Aktionen anzuzeigen",
+  "panel.fileList.label.singular": "Datei",
+  "panel.fileList.label.plural": "Dateien",
+  "panel.folderAndFiles.title": "Zuletzt geändert",
+  "panel.globalSettings.title": " Globale Einstellungen",
+  "panel.globalSettings.action.modifiedDate.label": "Änderungsdatum",
+  "panel.globalSettings.action.modifiedDate.description": "Änderungsdatum automatisch aktualisieren",
+  "panel.globalSettings.action.frontMatter.label": "Front Matter hervorheben",
+  "panel.globalSettings.action.frontMatter.description": "Front Matter hervorheben",
+  "panel.globalSettings.action.preview.label": "Lokale Vorschau",
+  "panel.globalSettings.action.preview.placeholder": "Beispiel: {0}",
+  "panel.globalSettings.action.server.label": "Lokaler Serverbefehl",
+  "panel.globalSettings.action.server.placeholder": "Beispiel: {0}",
+  "panel.metadata.title": "Metadaten",
+  "panel.otherActions.title": "Weitere Aktionen",
+  "panel.otherActions.writingSettings.enabled": "Schreib-Einstellungen aktiviert",
+  "panel.otherActions.writingSettings.disabled": "Schreib-Einstellungen aktivieren",
+  "panel.otherActions.centerMode": "Zentriermodus umschalten",
+  "panel.otherActions.createTemplate": "Vorlage erstellen",
+  "panel.otherActions.revealFile": "Datei im Ordner anzeigen",
+  "panel.otherActions.openProject": "Projektordner anzeigen",
+  "panel.otherActions.documentation": "Dokumentation öffnen",
+  "panel.otherActions.settings": "Einstellungen anzeigen",
+  "panel.otherActions.issue": "Problem melden",
+  "panel.preview.title": "Vorschau öffnen",
+  "panel.publishAction.publish": "Veröffentlichen",
+  "panel.publishAction.unpublish": "Zurück zu Entwurf",
+  "panel.seoDetails.recommended": "Empfohlen",
+  "panel.seoKeywordInfo.validInfo.label": "Verwendet in Überschrift(en)",
+  "panel.seoKeywordInfo.validInfo.content": "Inhalt",
+  "panel.seoKeywords.title": "Stichwörter",
+  "panel.seoKeywords.header.keyword": "Stichwort",
+  "panel.seoKeywords.header.details": "Details",
+  "panel.seoKeywords.density.description": "* Eine Stichwortdichte von 1-1,5 % ist in den meisten Fällen ausreichend.",
+  "panel.seoStatus.header.property": "Eigenschaft",
+  "panel.seoStatus.header.valid": "Gültig",
+  "panel.seoStatus.seoFieldInfo.characters": "{0} Zeichen",
+  "panel.seoStatus.seoFieldInfo.words": "{0} Wörter",
+  "panel.seoStatus.seoFieldInfo.article": "Artikellänge",
+  "panel.seoStatus.collapsible.title": "SEO-Status",
+  "panel.seoStatus.required": "{0} oder {1} ist erforderlich.",
+  "panel.slugAction.title": "Slug optimieren",
+  "panel.spinner.loading": "Laden...",
+  "panel.startServerbutton.start": "Server starten",
+  "panel.startServerbutton.stop": "Server stoppen",
+  "panel.tag.add": "{0} zu Ihren Einstellungen hinzufügen",
+  "panel.tagPicker.inputPlaceholder.empty": "{0} auswählen",
+  "panel.tagPicker.inputPlaceholder.disabled": "Sie haben das Limit von {0} erreicht",
+  "panel.tagPicker.ai.suggest": "Front Matter AI verwenden, um {0} vorzuschlagen",
+  "panel.tagPicker.ai.generating": "Vorschläge werden generiert...",
+  "panel.tagPicker.limit": "Max.: {0}",
+  "panel.tagPicker.unkown": "Unbekanntes Tag hinzufügen",
+  "panel.tags.tag.warning": "Achtung, dieses Tag \"{0}\" wird nicht in Ihren Einstellungen gespeichert. Sobald es entfernt ist, wird es unwiederbringlich verloren sein.",
+  "panel.viewPanel.mediaInsert": "Fahren Sie mit dem Medien-Dashboard fort, um das Bild auszuwählen, das Sie einfügen möchten.",
+  "dashboard.steps.stepsToGetStarted.assetsFolder.name": "Wo befindet sich Ihr Assets-Ordner?",
+  "dashboard.steps.stepsToGetStarted.assetsFolder.description": "Wählen Sie den Ordner aus, der Ihre Assets enthält. In diesem Ordner werden alle Ihre Mediendateien für Ihre Artikel gespeichert.",
+  "dashboard.steps.stepsToGetStarted.assetsFolder.public.title": "Verwende den 'public'-Ordner",
+  "dashboard.steps.stepsToGetStarted.assetsFolder.assets.title": "Verwende den Astro-Assets-Ordner (src/assets)",
+  "dashboard.steps.stepsToGetStarted.assetsFolder.other.description": "Wenn Sie einen anderen Ordner konfigurieren möchten, können Sie dies manuell in der frontmatter.json-Datei tun.",
+  "dashboard.steps.stepsToGetStarted.template.name": "Verwende eine Konfigurationsvorlage",
+  "dashboard.steps.stepsToGetStarted.template.description": "Wählen Sie eine Vorlage aus, um die Datei frontmatter.json mit den empfohlenen Einstellungen vorzufüllen.",
+  "listeners.dashboard.settingsListener.triggerTemplate.notification": "Vorlagendateien kopiert.",
+  "common.openOnWebsite": "Auf der Website öffnen",
+  "common.filter.value": "Filtern nach {0}",
+  "dashboard.media.detailsSlideOver.unmapped.description": "Möchten Sie die Metadaten von nicht zugeordneten Dateien neu zuordnen?",
+  "common.settings": "Einstellungen",
+  "common.refreshSettings": "Einstellungen aktualisieren",
+  "common.pin": "Stecknadel",
+  "common.unpin": "Losheften",
+  "settings.view.common": "Gemeinsam",
+  "settings.view.contentFolders": "Inhaltsordner",
+  "settings.view.astro": "Astro",
+  "settings.openOnStartup": "Öffnen Sie das Dashboard beim Start",
+  "settings.contentTypes": "Inhaltstypen",
+  "settings.contentFolders": "Inhaltsordner",
+  "settings.diagnostic": "Diagnostisch",
+  "settings.diagnostic.description": "Sie können die Diagnose ausführen, um die gesamte Front Matter CMS-Konfiguration zu überprüfen.",
+  "settings.diagnostic.link": "Führen Sie eine vollständige Diagnose durch",
+  "settings.commonSettings.website.title": "Website- und SSG-Einstellungen",
+  "settings.commonSettings.previewUrl": "Vorschau-URL",
+  "settings.commonSettings.websiteUrl": "Website-URL",
+  "settings.commonSettings.startCommand": "SSG/Framework-Startbefehl",
+  "dashboard.contents.overview.pinned": "Angeheftet",
+  "dashboard.steps.stepsToGetStarted.astroContentTypes.name": "Erstellen Sie Content-Typen für Ihre Astro Content Collections",
+  "dashboard.welcomeScreen.link.documentation.label": "Dokumentation",
+  "dashboard.configuration.astro.astroContentTypes.empty": "Es wurden keine Astro Content Collections gefunden.",
+  "dashboard.configuration.astro.astroContentTypes.description": "Die folgenden Astro Content Collections und können verwendet werden, um einen Inhaltstyp zu generieren."
+}

l10n/bundle.l10n.es.json

@@ -0,0 +1 @@
+{}

l10n/bundle.l10n.fr.json

@@ -0,0 +1,359 @@
+{
+  "common.add": "Ajouter",
+  "common.edit": "Modifier",
+  "common.delete": "Supprimer",
+  "common.cancel": "Annuler",
+  "common.clear": "Réinitialiser",
+  "common.clear.value": "Réinitialiser la valeur",
+  "common.search": "Rechercher",
+  "common.save": "Sauvegarder",
+  "common.menu": "Menu",
+  "common.insert": "Insérer",
+  "common.insert.snippet": "Insérer snippet",
+  "common.title": "Titre",
+  "common.description": "Description",
+  "common.retry": "Réessayer",
+  "common.update": "Mettre à jour",
+  "common.information": "Information",
+  "common.important": "Important",
+  "common.sync": "Synchroniser",
+  "common.slug": "Slug",
+  "common.support": "Support",
+  "common.remove.value": "Supprimer {0}",
+  "common.error.message": "Désolé, une erreur s'est produite.",
+  "developer.title": "Mode développeur",
+  "developer.reload.title": "Recharger le tableau de bord",
+  "developer.reload.label": "Recharger",
+  "developer.devTools.title": "Ouvrir les options pour les développeurs",
+  "developer.devTools.label": "Options pour les développeurs",
+  "field.required": "Champ obligatoire",
+  "field.unknown": "Champ inconnu",
+  "dashboard.chatbot.answer.answer": "Réponse",
+  "dashboard.chatbot.answer.resources": "Ressources",
+  "dashboard.chatbot.answer.warning": "Attention : les réponses peuvent être fausses. En cas de doute, consultez la documentation.",
+  "dashboard.chatbot.chatbot.loading": "L'assistant se charge",
+  "dashboard.chatbot.chatbot.ready": "Je suis prêt, que voulez-vous savoir ?",
+  "dashboard.chatbot.chatbox.placeholder": "Comment configurer Front Matter ?",
+  "dashboard.chatbot.header.heading": "Demander à Front Matter AI",
+  "dashboard.chatbot.header.description": "Notre IA, propulsée par mendable.ai, a élaboré la documentation et peut maintenant vous aider concernant n'importe quelle demande sur Front Matter. Allez-y, demandez lui quelque chose!",
+  "dashboard.common.choiceButton.open": "Ouvrir les options",
+  "dashboard.contents.contentActions.actionMenuButton.title": "Menu",
+  "dashboard.contents.contentActions.menuItem.view": "Vue",
+  "dashboard.contents.contentActions.alert.title": "Supprimer : {0}",
+  "dashboard.contents.contentActions.alert.description": "Etes-vous sûr de vouloir supprimer le contenu \"{0}\" ?",
+  "dashboard.contents.item.invalidTitle": "<titre invalide>",
+  "dashboard.contents.item.invalidDescription": "<description invalide>",
+  "dashboard.contents.list.title": "Titre",
+  "dashboard.contents.list.date": "Date",
+  "dashboard.contents.list.status": "Statut",
+  "dashboard.contents.overview.noMarkdown": "Aucun Markdown à afficher",
+  "dashboard.contents.overview.noFolders": "Enregistez un dossier de contenu dans votre projet pour que Front Matter puisse trouver vos contenus.",
+  "dashboard.contents.status.draft": "Brouillon",
+  "dashboard.contents.status.published": "En-ligne",
+  "dashboard.dataView.dataForm.modify": "Modifier les données",
+  "dashboard.dataView.dataForm.add": "Ajouter une nouvelle donnée",
+  "dashboard.dataView.dataView.select": "Sélectionnez votre type de donnée",
+  "dashboard.dataView.dataView.title": "Votre entrée de donnée {0}",
+  "dashboard.dataView.dataView.add": "Ajouter une nouvelle entrée",
+  "dashboard.dataView.dataView.empty": "Aucune entrée trouvée pour {0}",
+  "dashboard.dataView.dataView.createOrModify": "Créer ou modifier votre donnée {0}",
+  "dashboard.dataView.dataView.getStarted": "Sélectionnez un type de données pour commencer",
+  "dashboard.dataView.dataView.noDataFiles": "Aucun fichier de données trouvé",
+  "dashboard.dataView.dataView.getStarted.link": "En savoir plus sur l'utilisation des données",
+  "dashboard.dataView.emptyView.heading": "Sélectionnez d'abord votre type de données",
+  "dashboard.dataView.sortableItem.editButton.title": "Modifier \"{0}\"",
+  "dashboard.dataView.sortableItem.deleteButton.title": "Supprimer \"{0}\"",
+  "dashboard.dataView.sortableItem.alert.title": "Supprimer la valeur",
+  "dashboard.dataView.sortableItem.alert.description": "Etes-vous sûr de vouloir supprimer cette valeur?",
+  "dashboard.errorView.description": "Merci de fermer le tableau de bord et de réessayer.",
+  "dashboard.header.breadcrumb.home": "Accueil",
+  "dashboard.header.clearFilters.title": "Réinitialiser les filtres, les groupes et le tri",
+  "dashboard.header.filter.default": "Aucun filtre",
+  "dashboard.header.folders.default": "Tous les types",
+  "dashboard.header.folders.menuButton.showing": "Afficher",
+  "dashboard.header.grouping.option.none": "Aucun",
+  "dashboard.header.grouping.option.year": "Année",
+  "dashboard.header.grouping.option.draft": "Brouillon/En-ligne",
+  "dashboard.header.grouping.menuButton.label": "Groupé par",
+  "dashboard.header.navigation.allArticles": "Tous les articles",
+  "dashboard.header.navigation.published": "En-ligne",
+  "dashboard.header.navigation.draft": "Brouillon",
+  "dashboard.header.header.createContent": "Créer contenu",
+  "dashboard.header.header.createByContentType": "Créer par type de contenu",
+  "dashboard.header.header.createByTemplate": "Créer par modèle",
+  "dashboard.header.pagination.first": "Premier",
+  "dashboard.header.pagination.previous": "Précédent",
+  "dashboard.header.pagination.next": "suivant",
+  "dashboard.header.pagination.last": "Dernier",
+  "dashboard.header.paginationStatus.text": "Afficher {0} de {1} des {2} résultats",
+  "dashboard.header.projectSwitcher.label": "projet",
+  "dashboard.header.refreshDashboard.label": "Actualiser le dashboard",
+  "dashboard.header.sorting.lastModified.asc": "Dernière modification (croissant)",
+  "dashboard.header.sorting.lastModified.desc": "Dernière modification (décroissant)",
+  "dashboard.header.sorting.filename.asc": "Par nom de fichier (croissant)",
+  "dashboard.header.sorting.filename.desc": "Par nom de fichier (décroissant)",
+  "dashboard.header.sorting.published.asc": "En-ligne (croissant)",
+  "dashboard.header.sorting.published.desc": "En-ligne (décroissant)",
+  "dashboard.header.sorting.size.asc": "Taille (croissant)",
+  "dashboard.header.sorting.size.desc": "Taille (décroissant)",
+  "dashboard.header.sorting.caption.asc": "Légende (croissant)",
+  "dashboard.header.sorting.caption.desc": "Légende (décroissant)",
+  "dashboard.header.sorting.alt.asc": "Alt (croissant)",
+  "dashboard.header.sorting.alt.desc": "Alt (décroissant)",
+  "dashboard.header.sorting.label": "Trier par",
+  "dashboard.header.startup.label": "Ouvrir au démarrage?",
+  "dashboard.header.tabs.contents": "Contenus",
+  "dashboard.header.tabs.media": "Médias",
+  "dashboard.header.tabs.snippets": "Snippets",
+  "dashboard.header.tabs.data": "Données",
+  "dashboard.header.tabs.taxonomies": "Taxonomies",
+  "dashboard.header.viewSwitch.toGrid": "Afficher en grille",
+  "dashboard.header.viewSwitch.toList": "Afficher en liste",
+  "dashboard.header.viewSwitch.toStructure": "Afficher en structure",
+  "dashboard.layout.sponsor.support.msg": "Soutenir Front Matter",
+  "dashboard.layout.sponsor.review.label": "Donnez votre avis",
+  "dashboard.layout.sponsor.review.msg": "Donnez votre avis sur Front Matter",
+  "dashboard.media.common.title": "Titre",
+  "dashboard.media.common.caption": "Légende",
+  "dashboard.media.common.alt": "Texte alternatif",
+  "dashboard.media.common.size": "Taille",
+  "dashboard.media.dialog.title": "Voir les détails",
+  "dashboard.media.panel.close": "Fermer le panneau",
+  "dashboard.media.metadata.panel.title": "Mettre à jour les métadonnées",
+  "dashboard.media.metadata.panel.description": "Spécifiez les métadonnées que vous voulez utiliser pour ce fichier.",
+  "dashboard.media.metadata.panel.field.fileName": "Nom de fichier",
+  "dashboard.media.metadata.panel.form.metadata.title": "Métadonnées",
+  "dashboard.media.metadata.panel.form.information.title": "Information",
+  "dashboard.media.metadata.panel.form.information.createdDate": "Créé",
+  "dashboard.media.metadata.panel.form.information.modifiedDate": "Dernières modifications",
+  "dashboard.media.metadata.panel.form.information.dimensions": "Dimensions",
+  "dashboard.media.metadata.panel.form.information.folder": "Dossier",
+  "dashboard.media.folderCreation.hexo.create": "Créer un dossier de ressource de l'article",
+  "dashboard.media.folderCreation.folder.create": "Créer un nouveau dossier",
+  "dashboard.media.item.quickAction.insert.field": "Insérer une image pour le champ \"{0}\"",
+  "dashboard.media.item.quickAction.insert.markdown": "Insérer une image avec le markup markdown",
+  "dashboard.media.item.quickAction.copy.path": "Copier le chemin du média",
+  "dashboard.media.item.quickAction.delete": "Supprimer le fichier du média",
+  "dashboard.media.item.menuItem.edit.metadata": "Modifier les métadonnées",
+  "dashboard.media.item.menuItem.insert.image": "Insérer une image",
+  "dashboard.media.item.menuItem.reveal.media": "Afficher le média",
+  "dashboard.media.item.infoDialog.snippet.description": "Sélectionnez le snippet de média à utiliser pour le fichier de média courant.",
+  "dashboard.media.item.alert.delete.description": "Etes-vous sûr de vouloir supprimer le fichier du dossier {0} ?",
+  "dashboard.media.media.description": "Sélectionnez le fichier média à ajouter à votre contenu.",
+  "dashboard.media.media.dragAndDrop": "Vous pouvez aussi glisser-déposer des images depuis votre bureau et les sélectionner une fois envoyés.",
+  "dashboard.media.media.folder.upload": "Envoyer dans {0}",
+  "dashboard.media.media.folder.default": "Aucun dossier sélectionné, les fichiers que vous envoyez seront ajoutés au dossier {0}",
+  "dashboard.media.media.placeholder": "Aucun fichier de média à afficher. Vous pouvez glisser-déposer de nouveaux fichiers en maintenant la touche [shift] appuyée.",
+  "dashboard.media.media.contentFolder": "Dossier de contenu",
+  "dashboard.media.media.publicFolder": "Dossier public",
+  "dashboard.media.mediaHeaderTop.searchbox.placeholder": "Rechercher dans le dossier",
+  "dashboard.media.mediaSnippetForm.formDialog.title": "Insérer un média: {0}",
+  "dashboard.media.mediaSnippetForm.formDialog.description": "Insérer le fichier de média {0} dans l'article courant",
+  "dashboard.preview.input.placeholder": "Entrer une URL",
+  "dashboard.preview.button.navigate.title": "Naviguer",
+  "dashboard.preview.button.refresh.title": "Rafraichir",
+  "dashboard.preview.button.open.title": "Ouvrir",
+  "dashboard.snippetsView.item.quickAction.editSnippet": "Modifier le snippet",
+  "dashboard.snippetsView.item.quickAction.deleteSnippet": "Supprimer le snippet",
+  "dashboard.snippetsView.item.quickAction.viewSnippet": "Voir le fichier de snippet",
+  "dashboard.snippetsView.item.insert.formDialog.title": "Insérer le snippet: {0}",
+  "dashboard.snippetsView.item.insert.formDialog.description": "Insérer le snippet {0} dans l'article courant",
+  "dashboard.snippetsView.item.edit.formDialog.title": "Modifier le snippet: {0}",
+  "dashboard.snippetsView.item.edit.formDialog.description": "Modifier le snippet {0}",
+  "dashboard.snippetsView.item.alert.title": "Supprimer le snippet : {0}",
+  "dashboard.snippetsView.item.alert.description": "Etes-vous sûr de vouloir supprimer le snippet {0} ?",
+  "dashboard.snippetsView.newForm.snippetInput.title.placeholder": "Titre ",
+  "dashboard.snippetsView.newForm.snippetInput.description.label": "Description",
+  "dashboard.snippetsView.newForm.snippetInput.description.placeholder": "Description du snippet",
+  "dashboard.snippetsView.newForm.snippetInput.snippet.label": "Snippet",
+  "dashboard.snippetsView.newForm.snippetInput.snippet.placeholder": "Contenu du snippet",
+  "dashboard.snippetsView.newForm.snippetInput.isMediaSnippet.label": "Snippet média ?",
+  "dashboard.snippetsView.newForm.snippetInput.isMediaSnippet.checkbox.label": "Snippet média",
+  "dashboard.snippetsView.newForm.snippetInput.isMediaSnippet.checkbox.description": "Utiliser le snippet actuel pour insérer des fichiers médias dans votre contenu.",
+  "dashboard.snippetsView.newForm.snippetInput.docsButton.title": "En savoir plus sur l'utilisation des substituts de snippet médias",
+  "dashboard.snippetsView.newForm.snippetInput.docsButton.description": "Vérifier la documentation des substituts de snippet média pour savoir quel substitut utiliser.",
+  "dashboard.snippetsView.snippets.ariaLabel": "En-tête de snippet",
+  "dashboard.snippetsView.snippets.button.create": "Créer un nouveau snippet",
+  "dashboard.snippetsView.snippets.select.description": "Sélectionnez le snippet à ajouter à votre contenu.",
+  "dashboard.snippetsView.snippets.empty.message": "Aucun snippet trouvé",
+  "dashboard.snippetsView.snippets.readMore": "En savoir plus sur l'utilisation des snippets",
+  "dashboard.snippetsView.snippets.formDialog.title": "Créer un snippet",
+  "dashboard.steps.stepsToGetStarted.button.addFolder.title": "Ajouter un dossier de contenu à Front Matter",
+  "dashboard.steps.stepsToGetStarted.initializeProject.name": "Initialiser le projet",
+  "dashboard.steps.stepsToGetStarted.initializeProject.description": "Initialiser le projet crée les fichiers et dossiers nécéssaire au bon fonctionnement du CMS Front Matter. Commencez par cliquer sur cette action.",
+  "dashboard.steps.stepsToGetStarted.framework.name": "Réglages framework",
+  "dashboard.steps.stepsToGetStarted.framework.description": "Sélectionnez votre générateur de site ou votre framework pour pré-remplir les paramètres recommandés.",
+  "dashboard.steps.stepsToGetStarted.framework.select": "Sélectionnez votre framework",
+  "dashboard.steps.stepsToGetStarted.framework.select.other": "autre",
+  "dashboard.steps.stepsToGetStarted.assetsFolder.name": "Quel est votre dossier de ressources ?",
+  "dashboard.steps.stepsToGetStarted.assetsFolder.description": "Sélectionner le dossier contenant vos ressources. Ce dossier sera utilisé pour stocker tous les fichiers médias de vos articles.",
+  "dashboard.steps.stepsToGetStarted.assetsFolder.public.title": "Utiliser le dossier 'public'",
+  "dashboard.steps.stepsToGetStarted.assetsFolder.assets.title": "Utiliser le dossier de ressources d'Astro (src/assets)",
+  "dashboard.steps.stepsToGetStarted.assetsFolder.other.description": "Si vous voulez configurer un autre dossier, vous pouvez le faire manuellement dans le fichier frontmatter.json.",
+  "dashboard.steps.stepsToGetStarted.contentFolders.name": "Enregistrer le ou less dossiers de contenus ?",
+  "dashboard.steps.stepsToGetStarted.contentFolders.description": "Ajouter un des dossiers que nous avons trouvé dans votre projet en tant que dossier de contenus. Une fois ce dossier sélectionné, Front Matter pourra lister tous les contenus et vous permettra de créer vos contenus.",
+  "dashboard.steps.stepsToGetStarted.contentFolders.label": "Dossiers contenant des contenus :",
+  "dashboard.steps.stepsToGetStarted.contentFolders.information.description": "Vous pouvez aussi effectuer cette action en faisant un clic droit sur le dossier dans la vue d'exploration, et sélectionner le dossier à enregister.",
+  "dashboard.steps.stepsToGetStarted.tags.name": "Importer tous les tags et toutes les catégories (optionnel)",
+  "dashboard.steps.stepsToGetStarted.tags.description": "Maintenant que Front Matter connaît tous vos dossiers de contenus, voulez-vous importer tous les tags et toutes les catégories de ces contenus ?",
+  "dashboard.steps.stepsToGetStarted.showDashboard.name": "Afficher le tableau de bord",
+  "dashboard.steps.stepsToGetStarted.showDashboard.description": "Une fois que toutes ces actions sont effectuées, le tableau de bord pourra être chargé.",
+  "dashboard.taxonomyView.button.add.title": "Ajouter {0} aux paramètres de taxonomie",
+  "dashboard.taxonomyView.button.edit.title": "Modifier {0}",
+  "dashboard.taxonomyView.button.merge.title": "Fusionner {0}",
+  "dashboard.taxonomyView.button.move.title": "Déplacer dans un autre type de taxonomie",
+  "dashboard.taxonomyView.button.delete.title": "Supprimer {0}",
+  "dashboard.taxonomyView.taxonomyLookup.button.title": "Afficher les contenus contenants {0} dans {1}",
+  "dashboard.taxonomyView.taxonomyManager.description": "Créer, modifier, et gérer le {0} de votre site",
+  "dashboard.taxonomyView.taxonomyManager.button.create": "Créer une nouvelle valeur pour {0}",
+  "dashboard.taxonomyView.taxonomyManager.table.heading.name": "Nom",
+  "dashboard.taxonomyView.taxonomyManager.table.heading.count": "Compteur",
+  "dashboard.taxonomyView.taxonomyManager.table.heading.action": "Action",
+  "dashboard.taxonomyView.taxonomyManager.table.row.empty": "Aucun {0} trouvé",
+  "dashboard.taxonomyView.taxonomyManager.table.unmapped.title": "Paramètre manquant",
+  "dashboard.taxonomyView.taxonomyView.navigationBar.title": "Sélectionnez la taxonomie",
+  "dashboard.taxonomyView.taxonomyView.button.import": "Importer la taxonomie",
+  "dashboard.taxonomyView.taxonomyView.navigationItem.tags": "Tags",
+  "dashboard.taxonomyView.taxonomyView.navigationItem.categories": "Catégories",
+  "dashboard.unkownView.title": "La vue n'existe pas",
+  "dashboard.unkownView.description": "Il semble que vous ayez fermé une vue qui n'existe plus. Merci de réouvrir votre tableau de bord.",
+  "dashboard.welcomeScreen.title": "Gérer votre site statique avec Front Matter",
+  "dashboard.welcomeScreen.thanks": "Merci d'utiliser Front Matter !",
+  "dashboard.welcomeScreen.description": "Nous faisons de notre mieux pour faire de Front Maker un CMS facile à utiliser. Si vous avez des questions ou des suggestions, n'hésitez pas à nous contacter sur Github.",
+  "dashboard.welcomeScreen.link.github.title": "GitHub",
+  "dashboard.welcomeScreen.link.github.label": "GitHub / Documentation",
+  "dashboard.welcomeScreen.link.sponsor.title": "Devenez contributeur",
+  "dashboard.welcomeScreen.link.sponsor.label": "Contributeur",
+  "dashboard.welcomeScreen.link.review.title": "Donnez votre avis",
+  "dashboard.welcomeScreen.link.review.label": "Avis",
+  "dashboard.welcomeScreen.actions.heading": "Effectuez les étapes suivants pour commencer à utiliser l'extension",
+  "dashboard.welcomeScreen.actions.description": "Vous pouvez aussi utiliser l'extension depuis la barre latérale Front Matter. Vous trouverez les actions à effectuer spécifiquement pour vos pages.",
+  "dashboard.welcomeScreen.actions.thanks": "Nous espérons que vous aimez Front Matter !",
+  "panel.contentType.contentTypeValidator.title": "Type de contenu",
+  "panel.contentType.contentTypeValidator.hint": "Nous avons remarqué des différences entre le type de contenu et les données front matter.\n Voulez vous créer, mettre à jour ou définir le type de contenu pour ce contenu ?",
+  "panel.contentType.contentTypeValidator.button.create": "Créer un type de contenu",
+  "panel.contentType.contentTypeValidator.button.add": "Ajouter les champs manquants au type de contenu",
+  "panel.contentType.contentTypeValidator.button.change": "Changer le type de contenu du fichier",
+  "panel.dataBlock.dataBlockField.group.selected.edit": "Modification: {0}",
+  "panel.dataBlock.dataBlockField.group.selected.create": "Créer un nouveau {0}",
+  "panel.dataBlock.dataBlockField.group.select": "Sélectionner un groupe",
+  "panel.dataBlock.dataBlockField.add": "Ajouter {0}",
+  "panel.dataBlock.dataBlockRecord.edit": "Modifier l'enregistrement",
+  "panel.dataBlock.dataBlockRecord.delete": "Supprimer l'enregistrement",
+  "panel.dataBlock.dataBlockRecords.label": "Enregistrements",
+  "panel.dataBlock.dataBlockSelector.label": "Type de bloc",
+  "panel.errorBoundary.fieldBoundary.label": "Echec d'affichage du champ",
+  "panel.fields.choiceField.select": "Sélectionner {0}",
+  "panel.fields.choiceField.clear": "Réinitialiser la valeur",
+  "panel.fields.contentTypeRelationshipField.loading": "Récupération des valeurs possible...",
+  "panel.fields.dateTimeField.button.pick": "Choisissez votre date",
+  "panel.fields.dateTimeField.time": "Heure :",
+  "panel.fields.fieldMessage.required": "Le champ {0} est obligatoire",
+  "panel.fields.fileField.delete": "Supprimer le fichier",
+  "panel.fields.fileField.add": "Ajouter votre {0}",
+  "panel.fields.imageFallback.label": "L'image ne peut pas être chargée",
+  "panel.fields.listField.edit": "Modifier l'enregistrement",
+  "panel.fields.listField.delete": "Supprimer l'enregistrement",
+  "panel.fields.previewImage.remove": "Supprimer l'image",
+  "panel.fields.previewImageField.add": "Ajouter votre {0}",
+  "panel.fields.slugField.update": "Mise à jour disponible",
+  "panel.fields.slugField.generate": "Générer le slug",
+  "panel.fields.textField.ai.message": "Utiliser Front Matter AI pour suggérer {0}",
+  "panel.fields.textField.ai.generate": "Génération de la suggestion...",
+  "panel.fields.textField.loading": "Chargement",
+  "panel.fields.textField.limit": "Limite de champ atteinte {0}",
+  "panel.fields.wrapperField.unknown": "Type de champ inconnu : {0}",
+  "panel.actions.title": "Actions",
+  "panel.articleDetails.headings": "En-têtes",
+  "panel.articleDetails.paragraphs": "Paragraphes",
+  "panel.articleDetails.internalLinks": "Liens internes",
+  "panel.articleDetails.externalLinks": "Liens externes",
+  "panel.articleDetails.images": "Images",
+  "panel.baseView.initialize": "Initialiser le projet",
+  "panel.baseView.actions.title": "Actions",
+  "panel.baseView.action.openDashboard": "Ouvrir le tableau de bord",
+  "panel.baseView.action.openPreview": "Ouvrir la prévisualisation",
+  "panel.baseView.action.createContent": "Créer le contenu",
+  "panel.baseView.empty": "Ouvrir un fichier pour afficher plus d'actions",
+  "panel.fileList.label.singular": "fichier",
+  "panel.fileList.label.plural": "fichiers",
+  "panel.folderAndFiles.title": "Récemment modifié",
+  "panel.globalSettings.title": "Paramètres globaux",
+  "panel.globalSettings.action.modifiedDate.label": "Date de modification",
+  "panel.globalSettings.action.modifiedDate.description": "Mettre à jour automatiquement la date de modification",
+  "panel.globalSettings.action.frontMatter.label": "Front Matter highlight",
+  "panel.globalSettings.action.frontMatter.description": "Highlight Front Matter",
+  "panel.globalSettings.action.preview.label": "Prévisualisation locale",
+  "panel.globalSettings.action.preview.placeholder": "Exemple : {0}",
+  "panel.globalSettings.action.server.label": "Commande de server local",
+  "panel.globalSettings.action.server.placeholder": "Exemple : {0}",
+  "panel.metadata.title": "Métadonnées",
+  "panel.otherActions.title": "Autres actions",
+  "panel.otherActions.writingSettings.enabled": "Paramètres d'écriture activés",
+  "panel.otherActions.writingSettings.disabled": "Activer les paramètres d'écriture",
+  "panel.otherActions.centerMode": "Basculer le mode central",
+  "panel.otherActions.createTemplate": "Créer modèle",
+  "panel.otherActions.revealFile": "Afficher le fichier dans le dossier",
+  "panel.otherActions.openProject": "Afficher le dossier du projet",
+  "panel.otherActions.documentation": "Ouvrir la documentation",
+  "panel.otherActions.settings": "Paramètres globaux",
+  "panel.otherActions.issue": "Signaler un problème",
+  "panel.preview.title": "Ouvrir la prévisualisation",
+  "panel.publishAction.publish": "Publié",
+  "panel.publishAction.unpublish": "Retourner au brouillon",
+  "panel.seoDetails.recommended": "Recommandé",
+  "panel.seoKeywordInfo.validInfo.label": "Utilisé dans le ou les en-tête(s)",
+  "panel.seoKeywordInfo.validInfo.content": "Contenu",
+  "panel.seoKeywords.title": "Mot-clés",
+  "panel.seoKeywords.header.keyword": "Mot-clé",
+  "panel.seoKeywords.header.details": "Détails",
+  "panel.seoKeywords.density.description": "* Une densité de mot-clé de 1-1.5% est suffisante dans la plupart des cas",
+  "panel.seoStatus.header.property": "Propriété",
+  "panel.seoStatus.header.valid": "Valide",
+  "panel.seoStatus.seoFieldInfo.characters": "{0} caractères",
+  "panel.seoStatus.seoFieldInfo.words": "{0} mots",
+  "panel.seoStatus.seoFieldInfo.article": "Longueur de l'article",
+  "panel.seoStatus.collapsible.title": "Statut SEO",
+  "panel.seoStatus.required": "{0} ou {1} est requis.",
+  "panel.slugAction.title": "Optimisation du slug",
+  "panel.spinner.loading": "Chargement...",
+  "panel.startServerbutton.start": "Démarrer le serveur",
+  "panel.startServerbutton.stop": "Arrêter le serveur",
+  "panel.tag.add": "Ajouter {0} à vos paramètres",
+  "panel.tagPicker.inputPlaceholder.empty": "Choisissez votre {0}",
+  "panel.tagPicker.inputPlaceholder.disabled": "Vous avez atteint la limite de {0}",
+  "panel.tagPicker.ai.suggest": "Utiliser Front Matter AI pour suggérer {0}",
+  "panel.tagPicker.ai.generating": "Génération des suggestions...",
+  "panel.tagPicker.limit": "Max : {0}",
+  "panel.tagPicker.unkown": "Ajouter le tag non-classé",
+  "panel.tags.tag.warning": "Attention, ce tag \"{0}\" n'est pas enregistré dans vos paramètres. Une fois supprimé, il sera définitivement supprimé.",
+  "panel.viewPanel.mediaInsert": "Continuer dans le tableau de bord des médias pour sélectionner l'image que vous voulez insérer.",
+  "dashboard.steps.stepsToGetStarted.template.name": "Utiliser un modèle de configuration",
+  "dashboard.steps.stepsToGetStarted.template.description": "Sélectionnez un modèle pour préremplir le fichier frontmatter.json avec les paramètres recommandés.",
+  "listeners.dashboard.settingsListener.triggerTemplate.notification": "Fichiers de modèle copiés.",
+  "common.openOnWebsite": "Ouvrir sur le site web",
+  "common.filter.value": "Filtrer par {0}",
+  "dashboard.media.detailsSlideOver.unmapped.description": "Voulez-vous remapper les métadonnées des fichiers non mappés?",
+  "common.settings": "Paramètres",
+  "common.refreshSettings": "Actualiser les paramètres",
+  "common.pin": "Épingler",
+  "common.unpin": "Détacher",
+  "settings.view.common": "Commun",
+  "settings.view.contentFolders": "Dossiers de contenu",
+  "settings.view.astro": "Astro",
+  "settings.openOnStartup": "Ouvrir le tableau de bord au démarrage",
+  "settings.contentTypes": "Types de contenu",
+  "settings.contentFolders": "Dossiers de contenu",
+  "settings.diagnostic": "Diagnostique",
+  "settings.diagnostic.description": "Vous pouvez exécuter les diagnostics pour vérifier l’ensemble de la configuration de Front Matter CMS.",
+  "settings.diagnostic.link": "Exécuter des diagnostics complets",
+  "settings.commonSettings.website.title": "Paramètres du site Web et SSG",
+  "settings.commonSettings.previewUrl": "URL d’aperçu",
+  "settings.commonSettings.websiteUrl": "URL du site Web",
+  "settings.commonSettings.startCommand": "Commande de démarrage SSG/Framework",
+  "dashboard.contents.overview.pinned": "Épinglé",
+  "dashboard.steps.stepsToGetStarted.astroContentTypes.name": "Créer des types de contenu pour vos collections de contenu Astro",
+  "dashboard.welcomeScreen.link.documentation.label": "Documentation",
+  "dashboard.configuration.astro.astroContentTypes.empty": "Aucune collection de contenu Astro trouvée.",
+  "dashboard.configuration.astro.astroContentTypes.description": "Les collections de contenu Astro suivantes peuvent être utilisées pour générer un type de contenu."
+}