All demo cards

A card over the limit

Everything above in one card, over Discord's 3,000 bytes: what Discord shows instead (the Open Graph tags, or nothing).

This is the page a click on the card opens: on ymnmods.com, the full article.

The card's JSON (3604 bytes)

{
  "component": {
    "type": 17,
    "accent_color": 9133302,
    "components": [
      {
        "type": 9,
        "components": [
          {
            "type": 10,
            "content": "# [Everything at once](https://ymnmods.com)\nOver the 3,000-byte limit."
          }
        ],
        "accessory": {
          "type": 11,
          "media": {
            "url": "https://ymn-embed-demo.pages.dev/artwork.png"
          },
          "description": "YMN One"
        }
      },
      {
        "type": 10,
        "content": "# Heading 1\n## Heading 2\n### Heading 3\n-# Subtext under the headings"
      },
      {
        "type": 10,
        "content": "**bold** *italic* _italic_ __underline__ ~~strike~~ ***bold italic*** __*underline italic*__ `inline code` ||spoiler|| \\*escaped\\* 馃殮"
      },
      {
        "type": 10,
        "content": "- A list\n  - nested once\n    - nested twice\n1. First\n2. Second\n3. Third"
      },
      {
        "type": 10,
        "content": "> \"One quoted line.\"\n>>> A quote that runs\nover several lines\nto the end."
      },
      {
        "type": 10,
        "content": "```diff\n+ added\n- removed\n```\n```js\nconst speed = 90; // km/h\n```"
      },
      {
        "type": 10,
        "content": "[A masked link](https://ymnmods.com) 路 https://ymnmods.com 路 <https://ymnmods.com/no-preview>"
      },
      {
        "type": 10,
        "content": "<t:1792141200:t> 路 <t:1792141200:T> 路 <t:1792141200:d> 路 <t:1792141200:D>\n<t:1792141200:f> 路 <t:1792141200:F> 路 <t:1792141200:R>"
      },
      {
        "type": 12,
        "items": [
          {
            "media": {
              "url": "https://ymn-embed-demo.pages.dev/map-dark.jpg"
            },
            "description": "The road ahead"
          }
        ]
      },
      {
        "type": 10,
        "content": "## Text\n**bold** *italic* __underline__ ~~strike~~ `code` ||spoiler||\n- A list\n  - nested\n1. First\n2. Second"
      },
      {
        "type": 10,
        "content": "> \"A quote.\"\n>>> A long quote\nover lines."
      },
      {
        "type": 10,
        "content": "```diff\n+ added\n- removed\n```"
      },
      {
        "type": 10,
        "content": "<t:1792141200:t> 路 <t:1792141200:T> 路 <t:1792141200:d> 路 <t:1792141200:D> 路 <t:1792141200:f> 路 <t:1792141200:F> 路 <t:1792141200:R>"
      },
      {
        "type": 14,
        "divider": true,
        "spacing": 2
      },
      {
        "type": 9,
        "components": [
          {
            "type": 10,
            "content": "**Three**"
          },
          {
            "type": 10,
            "content": "texts"
          },
          {
            "type": 10,
            "content": "-# beside a spoiler."
          }
        ],
        "accessory": {
          "type": 11,
          "media": {
            "url": "https://ymn-embed-demo.pages.dev/icon.png"
          },
          "description": "Icon",
          "spoiler": true
        }
      },
      {
        "type": 12,
        "items": [
          {
            "media": {
              "url": "https://ymn-embed-demo.pages.dev/map-light.webp"
            },
            "description": "WebP"
          },
          {
            "media": {
              "url": "https://ymn-embed-demo.pages.dev/tour.mp4"
            },
            "description": "MP4"
          },
          {
            "media": {
              "url": "https://ymn-embed-demo.pages.dev/tour.webm"
            },
            "description": "WebM"
          },
          {
            "media": {
              "url": "https://ymn-embed-demo.pages.dev/wallpaper.jpg"
            },
            "description": "Spoiler",
            "spoiler": true
          }
        ]
      },
      {
        "type": 12,
        "items": [
          {
            "media": {
              "url": "https://ymn-embed-demo.pages.dev/tour.gif"
            },
            "description": "GIF"
          },
          {
            "media": {
              "url": "https://ymn-embed-demo.pages.dev/artwork.png"
            },
            "description": "PNG"
          },
          {
            "media": {
              "url": "https://ymn-embed-demo.pages.dev/wallpaper.avif"
            },
            "description": "AVIF"
          },
          {
            "media": {
              "url": "https://ymn-embed-demo.pages.dev/map-dark.jpg"
            }
          },
          {
            "media": {
              "url": "https://ymn-embed-demo.pages.dev/map-light.webp"
            }
          }
        ]
      },
      {
        "type": 14,
        "divider": false,
        "spacing": 2
      },
      {
        "type": 9,
        "components": [
          {
            "type": 10,
            "content": "**Requirements**"
          },
          {
            "type": 10,
            "content": "Euro Truck Simulator 2 1.61 路 Windows 10 and 11"
          }
        ],
        "accessory": {
          "type": 2,
          "style": 5,
          "label": "Download",
          "url": "https://ymnmods.com/download",
          "emoji": {
            "name": "馃摜"
          }
        }
      },
      {
        "type": 14
      },
      {
        "type": 1,
        "components": [
          {
            "type": 2,
            "style": 5,
            "label": "Read the full article",
            "url": "https://ymnmods.com",
            "emoji": {
              "name": "馃摪"
            }
          },
          {
            "type": 2,
            "style": 5,
            "label": "Patch notes",
            "url": "https://ymnmods.com"
          },
          {
            "type": 2,
            "style": 5,
            "url": "https://ymnmods.com",
            "emoji": {
              "name": "馃寪"
            }
          },
          {
            "type": 2,
            "style": 5,
            "label": "Soon",
            "url": "https://ymnmods.com",
            "disabled": true
          },
          {
            "type": 2,
            "style": 5,
            "id": 99,
            "label": "Support",
            "url": "https://ymnmods.com",
            "emoji": {
              "name": "馃洘"
            }
          }
        ]
      },
      {
        "type": 10,
        "content": "-# YMN Mods 路 component embed demo 路 over the limit"
      }
    ]
  }
}