Skip to content

MkMetadataBadges

Show source on GitHub

Container node for a list of metadata badges.

Description

Badges are generated locally using "anybadge" package

Example: Classifiers

Jinja

{{ "classifiers" | MkMetadataBadges }}

Python

MkMetadataBadges('classifiers')

4 - Beta 4 - Beta Development Status Development Status MkDocs MkDocs Framework Framework Developers Developers Intended Audience Intended Audience OSI Approved :: MIT License OSI Approved :: MIT License License License OS Independent OS Independent Operating System Operating System Python :: 3 Python :: 3 Programming Language Programming Language Python :: 3 :: Only Python :: 3 :: Only Programming Language Programming Language Python :: 3.11 Python :: 3.11 Programming Language Programming Language Python :: 3.12 Python :: 3.12 Programming Language Programming Language Python :: Implementation :: CPython Python :: Implementation :: CPython Programming Language Programming Language Documentation Documentation Topic Topic Internet Internet Topic Topic Software Development :: Documentation Software Development :: Documentation Topic Topic Software Development :: User Interfaces Software Development :: User Interfaces Topic Topic Text Processing :: Markup :: Markdown Text Processing :: Markup :: Markdown Topic Topic

<body><svg xmlns="http://www.w3.org/2000/svg" width="184" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_94">        <rect width="184" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_94)">        <path fill="#555" d="M0 0h57v20H0z"/>        <path fill="#ffa724" d="M57 0h127v20H57z"/>        <path fill="url(#b)" d="M0 0h184v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="29.5" y="15" fill="#010101" fill-opacity=".3">4 - Beta</text>        <text x="28.5" y="14">4 - Beta</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="121.5" y="15" fill="#010101" fill-opacity=".3">Development Status</text>        <text x="120.5" y="14">Development Status</text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="129" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_95">        <rect width="129" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_95)">        <path fill="#555" d="M0 0h55v20H0z"/>        <path fill="#ffa724" d="M55 0h74v20H55z"/>        <path fill="url(#b)" d="M0 0h129v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="28.5" y="15" fill="#010101" fill-opacity=".3">MkDocs</text>        <text x="27.5" y="14">MkDocs</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="93.0" y="15" fill="#010101" fill-opacity=".3">Framework</text>        <text x="92.0" y="14">Framework</text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="195" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_96">        <rect width="195" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_96)">        <path fill="#555" d="M0 0h76v20H0z"/>        <path fill="#ffa724" d="M76 0h119v20H76z"/>        <path fill="url(#b)" d="M0 0h195v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="39.0" y="15" fill="#010101" fill-opacity=".3">Developers</text>        <text x="38.0" y="14">Developers</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="136.5" y="15" fill="#010101" fill-opacity=".3">Intended Audience</text>        <text x="135.5" y="14">Intended Audience</text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="237" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_97">        <rect width="237" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_97)">        <path fill="#555" d="M0 0h181v20H0z"/>        <path fill="#ffa724" d="M181 0h56v20H181z"/>        <path fill="url(#b)" d="M0 0h237v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="91.5" y="15" fill="#010101" fill-opacity=".3">OSI Approved :: MIT License</text>        <text x="90.5" y="14">OSI Approved :: MIT License</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="210.0" y="15" fill="#010101" fill-opacity=".3">License</text>        <text x="209.0" y="14">License</text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="221" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_98">        <rect width="221" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_98)">        <path fill="#555" d="M0 0h104v20H0z"/>        <path fill="#ffa724" d="M104 0h117v20H104z"/>        <path fill="url(#b)" d="M0 0h221v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="53.0" y="15" fill="#010101" fill-opacity=".3">OS Independent</text>        <text x="52.0" y="14">OS Independent</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="163.5" y="15" fill="#010101" fill-opacity=".3">Operating System</text>        <text x="162.5" y="14">Operating System</text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="223" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_99">        <rect width="223" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_99)">        <path fill="#555" d="M0 0h75v20H0z"/>        <path fill="#ffa724" d="M75 0h148v20H75z"/>        <path fill="url(#b)" d="M0 0h223v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="38.5" y="15" fill="#010101" fill-opacity=".3">Python :: 3</text>        <text x="37.5" y="14">Python :: 3</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="150.0" y="15" fill="#010101" fill-opacity=".3">Programming Language</text>        <text x="149.0" y="14">Programming Language</text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="269" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_100">        <rect width="269" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_100)">        <path fill="#555" d="M0 0h121v20H0z"/>        <path fill="#ffa724" d="M121 0h148v20H121z"/>        <path fill="url(#b)" d="M0 0h269v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="61.5" y="15" fill="#010101" fill-opacity=".3">Python :: 3 :: Only</text>        <text x="60.5" y="14">Python :: 3 :: Only</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="196.0" y="15" fill="#010101" fill-opacity=".3">Programming Language</text>        <text x="195.0" y="14">Programming Language</text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="242" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_101">        <rect width="242" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_101)">        <path fill="#555" d="M0 0h94v20H0z"/>        <path fill="#ffa724" d="M94 0h148v20H94z"/>        <path fill="url(#b)" d="M0 0h242v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="48.0" y="15" fill="#010101" fill-opacity=".3">Python :: 3.11</text>        <text x="47.0" y="14">Python :: 3.11</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="169.0" y="15" fill="#010101" fill-opacity=".3">Programming Language</text>        <text x="168.0" y="14">Programming Language</text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="242" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_102">        <rect width="242" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_102)">        <path fill="#555" d="M0 0h94v20H0z"/>        <path fill="#ffa724" d="M94 0h148v20H94z"/>        <path fill="url(#b)" d="M0 0h242v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="48.0" y="15" fill="#010101" fill-opacity=".3">Python :: 3.12</text>        <text x="47.0" y="14">Python :: 3.12</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="169.0" y="15" fill="#010101" fill-opacity=".3">Programming Language</text>        <text x="168.0" y="14">Programming Language</text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="373" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_103">        <rect width="373" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_103)">        <path fill="#555" d="M0 0h225v20H0z"/>        <path fill="#ffa724" d="M225 0h148v20H225z"/>        <path fill="url(#b)" d="M0 0h373v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="113.5" y="15" fill="#010101" fill-opacity=".3">Python :: Implementation :: CPython</text>        <text x="112.5" y="14">Python :: Implementation :: CPython</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="300.0" y="15" fill="#010101" fill-opacity=".3">Programming Language</text>        <text x="299.0" y="14">Programming Language</text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="139" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_104">        <rect width="139" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_104)">        <path fill="#555" d="M0 0h97v20H0z"/>        <path fill="#ffa724" d="M97 0h42v20H97z"/>        <path fill="url(#b)" d="M0 0h139v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="49.5" y="15" fill="#010101" fill-opacity=".3">Documentation</text>        <text x="48.5" y="14">Documentation</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="119.0" y="15" fill="#010101" fill-opacity=".3">Topic</text>        <text x="118.0" y="14">Topic</text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="101" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_105">        <rect width="101" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_105)">        <path fill="#555" d="M0 0h59v20H0z"/>        <path fill="#ffa724" d="M59 0h42v20H59z"/>        <path fill="url(#b)" d="M0 0h101v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="30.5" y="15" fill="#010101" fill-opacity=".3">Internet</text>        <text x="29.5" y="14">Internet</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="81.0" y="15" fill="#010101" fill-opacity=".3">Topic</text>        <text x="80.0" y="14">Topic</text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="287" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_106">        <rect width="287" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_106)">        <path fill="#555" d="M0 0h245v20H0z"/>        <path fill="#ffa724" d="M245 0h42v20H245z"/>        <path fill="url(#b)" d="M0 0h287v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="123.5" y="15" fill="#010101" fill-opacity=".3">Software Development :: Documentation</text>        <text x="122.5" y="14">Software Development :: Documentation</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="267.0" y="15" fill="#010101" fill-opacity=".3">Topic</text>        <text x="266.0" y="14">Topic</text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="294" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_107">        <rect width="294" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_107)">        <path fill="#555" d="M0 0h252v20H0z"/>        <path fill="#ffa724" d="M252 0h42v20H252z"/>        <path fill="url(#b)" d="M0 0h294v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="127.0" y="15" fill="#010101" fill-opacity=".3">Software Development :: User Interfaces</text>        <text x="126.0" y="14">Software Development :: User Interfaces</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="274.0" y="15" fill="#010101" fill-opacity=".3">Topic</text>        <text x="273.0" y="14">Topic</text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="286" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_108">        <rect width="286" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_108)">        <path fill="#555" d="M0 0h244v20H0z"/>        <path fill="#ffa724" d="M244 0h42v20H244z"/>        <path fill="url(#b)" d="M0 0h286v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="123.0" y="15" fill="#010101" fill-opacity=".3">Text Processing :: Markup :: Markdown</text>        <text x="122.0" y="14">Text Processing :: Markup :: Markdown</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="266.0" y="15" fill="#010101" fill-opacity=".3">Topic</text>        <text x="265.0" y="14">Topic</text>    </g></svg></body>

Example: Keywords

Jinja

{{ "keywords" | MkMetadataBadges }}

Python

MkMetadataBadges('keywords')

docs docs docstrings docstrings documentation documentation framework framework internet internet markdown markdown

<body><svg xmlns="http://www.w3.org/2000/svg" width="48" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_109">        <rect width="48" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_109)">        <path fill="#555" d="M0 0h38v20H0z"/>        <path fill="#ffa724" d="M38 0h10v20H38z"/>        <path fill="url(#b)" d="M0 0h48v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="20.0" y="15" fill="#010101" fill-opacity=".3">docs</text>        <text x="19.0" y="14">docs</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="44.0" y="15" fill="#010101" fill-opacity=".3"></text>        <text x="43.0" y="14"></text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="84" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_110">        <rect width="84" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_110)">        <path fill="#555" d="M0 0h74v20H0z"/>        <path fill="#ffa724" d="M74 0h10v20H74z"/>        <path fill="url(#b)" d="M0 0h84v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="38.0" y="15" fill="#010101" fill-opacity=".3">docstrings</text>        <text x="37.0" y="14">docstrings</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="80.0" y="15" fill="#010101" fill-opacity=".3"></text>        <text x="79.0" y="14"></text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="107" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_111">        <rect width="107" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_111)">        <path fill="#555" d="M0 0h97v20H0z"/>        <path fill="#ffa724" d="M97 0h10v20H97z"/>        <path fill="url(#b)" d="M0 0h107v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="49.5" y="15" fill="#010101" fill-opacity=".3">documentation</text>        <text x="48.5" y="14">documentation</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="103.0" y="15" fill="#010101" fill-opacity=".3"></text>        <text x="102.0" y="14"></text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="82" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_112">        <rect width="82" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_112)">        <path fill="#555" d="M0 0h72v20H0z"/>        <path fill="#ffa724" d="M72 0h10v20H72z"/>        <path fill="url(#b)" d="M0 0h82v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="37.0" y="15" fill="#010101" fill-opacity=".3">framework</text>        <text x="36.0" y="14">framework</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="78.0" y="15" fill="#010101" fill-opacity=".3"></text>        <text x="77.0" y="14"></text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="68" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_113">        <rect width="68" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_113)">        <path fill="#555" d="M0 0h58v20H0z"/>        <path fill="#ffa724" d="M58 0h10v20H58z"/>        <path fill="url(#b)" d="M0 0h68v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="30.0" y="15" fill="#010101" fill-opacity=".3">internet</text>        <text x="29.0" y="14">internet</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="64.0" y="15" fill="#010101" fill-opacity=".3"></text>        <text x="63.0" y="14"></text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="78" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_114">        <rect width="78" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_114)">        <path fill="#555" d="M0 0h68v20H0z"/>        <path fill="#ffa724" d="M68 0h10v20H68z"/>        <path fill="url(#b)" d="M0 0h78v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="35.0" y="15" fill="#010101" fill-opacity=".3">markdown</text>        <text x="34.0" y="14">markdown</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="74.0" y="15" fill="#010101" fill-opacity=".3"></text>        <text x="73.0" y="14"></text>    </g></svg></body>

Example: Keywords combined

Jinja

{{ "keywords_combined" | MkMetadataBadges }}

Python

MkMetadataBadges('keywords_combined')

Keywords Keywords docs | docstrings | documentation | framework | internet | markdown docs | docstrings | documentation | framework | internet | markdown

<body><svg xmlns="http://www.w3.org/2000/svg" width="482" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_115">        <rect width="482" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_115)">        <path fill="#555" d="M0 0h65v20H0z"/>        <path fill="#ffa724" d="M65 0h417v20H65z"/>        <path fill="url(#b)" d="M0 0h482v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="33.5" y="15" fill="#010101" fill-opacity=".3">Keywords</text>        <text x="32.5" y="14">Keywords</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="274.5" y="15" fill="#010101" fill-opacity=".3">docs | docstrings | documentation | framework | internet | markdown</text>        <text x="273.5" y="14">docs | docstrings | documentation | framework | internet | markdown</text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="75" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_116">        <rect width="75" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_116)">        <path fill="#555" d="M0 0h65v20H0z"/>        <path fill="#4c1" d="M65 0h10v20H65z"/>        <path fill="url(#b)" d="M0 0h75v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="33.5" y="15" fill="#010101" fill-opacity=".3">Keywords</text>        <text x="32.5" y="14">Keywords</text>    </g>    <g fill="" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="71.0" y="15" fill="#010101" fill-opacity=".3"></text>        <text x="70.0" y="14"></text>    </g></svg></body>
MkMetadataBadges
╰── MkBadge('Keywords', 'docs | docstrings | documentation | framework | internet | markdown')

Example: Websites

Jinja

{{ "websites" | MkMetadataBadges }}

Python

MkMetadataBadges('websites')
<body><a href='https://phil65.github.io/mknodes/'><svg xmlns="http://www.w3.org/2000/svg" width="201" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_117">        <rect width="201" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_117)">        <path fill="#555" d="M0 0h97v20H0z"/>        <path fill="#ffa724" d="M97 0h104v20H97z"/>        <path fill="url(#b)" d="M0 0h201v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="49.5" y="15" fill="#010101" fill-opacity=".3">Documentation</text>        <text x="48.5" y="14">Documentation</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="150.0" y="15" fill="#010101" fill-opacity=".3">phil65.github.io</text>        <text x="149.0" y="14">phil65.github.io</text>    </g></svg></a></body>
<body><a href='https://github.com/phil65/mknodes'><svg xmlns="http://www.w3.org/2000/svg" width="127" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_39">        <rect width="127" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_39)">        <path fill="#555" d="M0 0h51v20H0z"/>        <path fill="#ffa724" d="M51 0h76v20H51z"/>        <path fill="url(#b)" d="M0 0h127v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="26.5" y="15" fill="#010101" fill-opacity=".3">Source</text>        <text x="25.5" y="14">Source</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="90.0" y="15" fill="#010101" fill-opacity=".3">github.com</text>        <text x="89.0" y="14">github.com</text>    </g></svg></a></body>
<body><a href='https://app.gitter.im/#/room/#mknodes:gitter.im'><svg xmlns="http://www.w3.org/2000/svg" width="136" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_118">        <rect width="136" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_118)">        <path fill="#555" d="M0 0h47v20H0z"/>        <path fill="#ffa724" d="M47 0h89v20H47z"/>        <path fill="url(#b)" d="M0 0h136v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="24.5" y="15" fill="#010101" fill-opacity=".3">Gitter</text>        <text x="23.5" y="14">Gitter</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="92.5" y="15" fill="#010101" fill-opacity=".3">app.gitter.im</text>        <text x="91.5" y="14">app.gitter.im</text>    </g></svg></a></body>

Example: Dependencies

Jinja

{{ "dependencies" | MkMetadataBadges }}

Python

MkMetadataBadges('dependencies')
<body><a href='https://github.com/jongracecox/anybadge'><svg xmlns="http://www.w3.org/2000/svg" width="114" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_119">        <rect width="114" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_119)">        <path fill="#555" d="M0 0h66v20H0z"/>        <path fill="#ffa724" d="M66 0h48v20H66z"/>        <path fill="url(#b)" d="M0 0h114v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="34.0" y="15" fill="#010101" fill-opacity=".3">anybadge</text>        <text x="33.0" y="14">anybadge</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="91.0" y="15" fill="#010101" fill-opacity=".3">1.14.0</text>        <text x="90.0" y="14">1.14.0</text>    </g></svg></a></body>
<body><a href='https://pyyaml.org/'><svg xmlns="http://www.w3.org/2000/svg" width="96" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_120">        <rect width="96" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_120)">        <path fill="#555" d="M0 0h55v20H0z"/>        <path fill="#ffa724" d="M55 0h41v20H55z"/>        <path fill="url(#b)" d="M0 0h96v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="28.5" y="15" fill="#010101" fill-opacity=".3">PyYAML</text>        <text x="27.5" y="14">PyYAML</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="76.5" y="15" fill="#010101" fill-opacity=".3">6.0.1</text>        <text x="75.5" y="14">6.0.1</text>    </g></svg></a></body>
<body><a href='https://palletsprojects.com/p/jinja/'><svg xmlns="http://www.w3.org/2000/svg" width="87" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_121">        <rect width="87" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_121)">        <path fill="#555" d="M0 0h46v20H0z"/>        <path fill="#ffa724" d="M46 0h41v20H46z"/>        <path fill="url(#b)" d="M0 0h87v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="24.0" y="15" fill="#010101" fill-opacity=".3">Jinja2</text>        <text x="23.0" y="14">Jinja2</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="67.5" y="15" fill="#010101" fill-opacity=".3">3.1.2</text>        <text x="66.5" y="14">3.1.2</text>    </g></svg></a></body>
<body><a href='https://github.com/pygithub/pygithub'><svg xmlns="http://www.w3.org/2000/svg" width="105" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_122">        <rect width="105" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_122)">        <path fill="#555" d="M0 0h64v20H0z"/>        <path fill="#ffa724" d="M64 0h41v20H64z"/>        <path fill="url(#b)" d="M0 0h105v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="33.0" y="15" fill="#010101" fill-opacity=".3">PyGithub</text>        <text x="32.0" y="14">PyGithub</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="85.5" y="15" fill="#010101" fill-opacity=".3">2.1.1</text>        <text x="84.5" y="14">2.1.1</text>    </g></svg></a></body>
<body><a href='https://github.com/fsspec/filesystem_spec'><svg xmlns="http://www.w3.org/2000/svg" width="119" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_123">        <rect width="119" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_123)">        <path fill="#555" d="M0 0h50v20H0z"/>        <path fill="#ffa724" d="M50 0h69v20H50z"/>        <path fill="url(#b)" d="M0 0h119v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="26.0" y="15" fill="#010101" fill-opacity=".3">fsspec</text>        <text x="25.0" y="14">fsspec</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="85.5" y="15" fill="#010101" fill-opacity=".3">2023.12.0</text>        <text x="84.5" y="14">2023.12.0</text>    </g></svg></a></body>
<body><a href='http://deepmerge.readthedocs.io/en/latest/'><svg xmlns="http://www.w3.org/2000/svg" width="116" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_124">        <rect width="116" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_124)">        <path fill="#555" d="M0 0h75v20H0z"/>        <path fill="#ffa724" d="M75 0h41v20H75z"/>        <path fill="url(#b)" d="M0 0h116v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="38.5" y="15" fill="#010101" fill-opacity=".3">deepmerge</text>        <text x="37.5" y="14">deepmerge</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="96.5" y="15" fill="#010101" fill-opacity=".3">1.1.0</text>        <text x="95.5" y="14">1.1.0</text>    </g></svg></a></body>
<body><a href='https://github.com/tox-dev/pipdeptree'><svg xmlns="http://www.w3.org/2000/svg" width="122" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_125">        <rect width="122" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_125)">        <path fill="#555" d="M0 0h74v20H0z"/>        <path fill="#ffa724" d="M74 0h48v20H74z"/>        <path fill="url(#b)" d="M0 0h122v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="38.0" y="15" fill="#010101" fill-opacity=".3">pipdeptree</text>        <text x="37.0" y="14">pipdeptree</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="99.0" y="15" fill="#010101" fill-opacity=".3">2.13.1</text>        <text x="98.0" y="14">2.13.1</text>    </g></svg></a></body>
<body><a href='https://phil65.github.io/jinjarope/'><svg xmlns="http://www.w3.org/2000/svg" width="111" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_126">        <rect width="111" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_126)">        <path fill="#555" d="M0 0h63v20H0z"/>        <path fill="#ffa724" d="M63 0h48v20H63z"/>        <path fill="url(#b)" d="M0 0h111v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="32.5" y="15" fill="#010101" fill-opacity=".3">jinjarope</text>        <text x="31.5" y="14">jinjarope</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="88.0" y="15" fill="#010101" fill-opacity=".3">0.11.2</text>        <text x="87.0" y="14">0.11.2</text>    </g></svg></a></body>
<body><a href='https://github.com/facelessuser/coloraide'><svg xmlns="http://www.w3.org/2000/svg" width="114" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_127">        <rect width="114" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_127)">        <path fill="#555" d="M0 0h66v20H0z"/>        <path fill="#ffa724" d="M66 0h48v20H66z"/>        <path fill="url(#b)" d="M0 0h114v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="34.0" y="15" fill="#010101" fill-opacity=".3">coloraide</text>        <text x="33.0" y="14">coloraide</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="91.0" y="15" fill="#010101" fill-opacity=".3">2.13.1</text>        <text x="90.0" y="14">2.13.1</text>    </g></svg></a></body>
<body><a href='https://github.com/fsspec/universal_pathlib'><svg xmlns="http://www.w3.org/2000/svg" width="154" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_128">        <rect width="154" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_128)">        <path fill="#555" d="M0 0h113v20H0z"/>        <path fill="#ffa724" d="M113 0h41v20H113z"/>        <path fill="url(#b)" d="M0 0h154v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="57.5" y="15" fill="#010101" fill-opacity=".3">universal-pathlib</text>        <text x="56.5" y="14">universal-pathlib</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="134.5" y="15" fill="#010101" fill-opacity=".3">0.1.4</text>        <text x="133.5" y="14">0.1.4</text>    </g></svg></a></body>
<body><a href='https://requests.readthedocs.io'><svg xmlns="http://www.w3.org/2000/svg" width="111" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_129">        <rect width="111" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_129)">        <path fill="#555" d="M0 0h63v20H0z"/>        <path fill="#ffa724" d="M63 0h48v20H63z"/>        <path fill="url(#b)" d="M0 0h111v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="32.5" y="15" fill="#010101" fill-opacity=".3">requests</text>        <text x="31.5" y="14">requests</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="88.0" y="15" fill="#010101" fill-opacity=".3">2.31.0</text>        <text x="87.0" y="14">2.31.0</text>    </g></svg></a></body>
<body><a href='https://github.com/SethMMorton/natsort'><svg xmlns="http://www.w3.org/2000/svg" width="95" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_130">        <rect width="95" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_130)">        <path fill="#555" d="M0 0h54v20H0z"/>        <path fill="#ffa724" d="M54 0h41v20H54z"/>        <path fill="url(#b)" d="M0 0h95v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="28.0" y="15" fill="#010101" fill-opacity=".3">natsort</text>        <text x="27.0" y="14">natsort</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="75.5" y="15" fill="#010101" fill-opacity=".3">8.4.0</text>        <text x="74.5" y="14">8.4.0</text>    </g></svg></a></body>
<body><a href='https://github.com/aio-libs/aiohttp'><svg xmlns="http://www.w3.org/2000/svg" width="93" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_131">        <rect width="93" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_131)">        <path fill="#555" d="M0 0h52v20H0z"/>        <path fill="#ffa724" d="M52 0h41v20H52z"/>        <path fill="url(#b)" d="M0 0h93v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="27.0" y="15" fill="#010101" fill-opacity=".3">aiohttp</text>        <text x="26.0" y="14">aiohttp</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="73.5" y="15" fill="#010101" fill-opacity=".3">3.9.1</text>        <text x="72.5" y="14">3.9.1</text>    </g></svg></a></body>
<body><a href='https://mkdocstrings.github.io/griffe'><svg xmlns="http://www.w3.org/2000/svg" width="92" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_132">        <rect width="92" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_132)">        <path fill="#555" d="M0 0h44v20H0z"/>        <path fill="#ffa724" d="M44 0h48v20H44z"/>        <path fill="url(#b)" d="M0 0h92v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="23.0" y="15" fill="#010101" fill-opacity=".3">griffe</text>        <text x="22.0" y="14">griffe</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="69.0" y="15" fill="#010101" fill-opacity=".3">0.38.0</text>        <text x="68.0" y="14">0.38.0</text>    </g></svg></a></body>
<body><a href='https://github.com/hukkin/tomli-w'><svg xmlns="http://www.w3.org/2000/svg" width="95" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_133">        <rect width="95" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_133)">        <path fill="#555" d="M0 0h54v20H0z"/>        <path fill="#ffa724" d="M54 0h41v20H54z"/>        <path fill="url(#b)" d="M0 0h95v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="28.0" y="15" fill="#010101" fill-opacity=".3">tomli_w</text>        <text x="27.0" y="14">tomli_w</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="75.5" y="15" fill="#010101" fill-opacity=".3">1.0.0</text>        <text x="74.5" y="14">1.0.0</text>    </g></svg></a></body>
<body><a href='https://pawamoy.github.io/git-changelog'><svg xmlns="http://www.w3.org/2000/svg" width="133" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_134">        <rect width="133" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_134)">        <path fill="#555" d="M0 0h92v20H0z"/>        <path fill="#ffa724" d="M92 0h41v20H92z"/>        <path fill="url(#b)" d="M0 0h133v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="47.0" y="15" fill="#010101" fill-opacity=".3">git-changelog</text>        <text x="46.0" y="14">git-changelog</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="113.5" y="15" fill="#010101" fill-opacity=".3">2.4.0</text>        <text x="112.5" y="14">2.4.0</text>    </g></svg></a></body>
<body><a href='https://github.com/gitpython-developers/GitPython'><svg xmlns="http://www.w3.org/2000/svg" width="117" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_135">        <rect width="117" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_135)">        <path fill="#555" d="M0 0h69v20H0z"/>        <path fill="#ffa724" d="M69 0h48v20H69z"/>        <path fill="url(#b)" d="M0 0h117v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="35.5" y="15" fill="#010101" fill-opacity=".3">GitPython</text>        <text x="34.5" y="14">GitPython</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="94.0" y="15" fill="#010101" fill-opacity=".3">3.1.40</text>        <text x="93.0" y="14">3.1.40</text>    </g></svg></a></body>
<body><a href='https://github.com/pyapp-kit/pyconify'><svg xmlns="http://www.w3.org/2000/svg" width="102" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_136">        <rect width="102" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_136)">        <path fill="#555" d="M0 0h61v20H0z"/>        <path fill="#ffa724" d="M61 0h41v20H61z"/>        <path fill="url(#b)" d="M0 0h102v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="31.5" y="15" fill="#010101" fill-opacity=".3">pyconify</text>        <text x="30.5" y="14">pyconify</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="82.5" y="15" fill="#010101" fill-opacity=".3">0.1.6</text>        <text x="81.5" y="14">0.1.6</text>    </g></svg></a></body>
<body><a href='https://github.com/requests-cache/requests-cache'><svg xmlns="http://www.w3.org/2000/svg" width="145" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_137">        <rect width="145" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_137)">        <path fill="#555" d="M0 0h104v20H0z"/>        <path fill="#ffa724" d="M104 0h41v20H104z"/>        <path fill="url(#b)" d="M0 0h145v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="53.0" y="15" fill="#010101" fill-opacity=".3">requests-cache</text>        <text x="52.0" y="14">requests-cache</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="125.5" y="15" fill="#010101" fill-opacity=".3">1.1.1</text>        <text x="124.5" y="14">1.1.1</text>    </g></svg></a></body>
<body><a href='https://mkdocstrings.github.io'><svg xmlns="http://www.w3.org/2000/svg" width="139" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_138">        <rect width="139" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_138)">        <path fill="#555" d="M0 0h91v20H0z"/>        <path fill="#ffa724" d="M91 0h48v20H91z"/>        <path fill="url(#b)" d="M0 0h139v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="46.5" y="15" fill="#010101" fill-opacity=".3">mkdocstrings</text>        <text x="45.5" y="14">mkdocstrings</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="116.0" y="15" fill="#010101" fill-opacity=".3">0.24.0</text>        <text x="115.0" y="14">0.24.0</text>    </g></svg></a></body>

Example: For other packages

Jinja

{{ "dependencies" | MkMetadataBadges(package="mkdocs") }}

Python

MkMetadataBadges('dependencies', package='mkdocs')
<body><a href='https://palletsprojects.com/p/markupsafe/'><svg xmlns="http://www.w3.org/2000/svg" width="121" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_139">        <rect width="121" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_139)">        <path fill="#555" d="M0 0h80v20H0z"/>        <path fill="#ffa724" d="M80 0h41v20H80z"/>        <path fill="url(#b)" d="M0 0h121v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="41.0" y="15" fill="#010101" fill-opacity=".3">MarkupSafe</text>        <text x="40.0" y="14">MarkupSafe</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="101.5" y="15" fill="#010101" fill-opacity=".3">2.1.3</text>        <text x="100.5" y="14">2.1.3</text>    </g></svg></a></body>
<body><a href='https://pyyaml.org/'><svg xmlns="http://www.w3.org/2000/svg" width="96" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_120">        <rect width="96" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_120)">        <path fill="#555" d="M0 0h55v20H0z"/>        <path fill="#ffa724" d="M55 0h41v20H55z"/>        <path fill="url(#b)" d="M0 0h96v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="28.5" y="15" fill="#010101" fill-opacity=".3">PyYAML</text>        <text x="27.5" y="14">PyYAML</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="76.5" y="15" fill="#010101" fill-opacity=".3">6.0.1</text>        <text x="75.5" y="14">6.0.1</text>    </g></svg></a></body>
<body><a href='https://python-path-specification.readthedocs.io/en/latest/index.html'><svg xmlns="http://www.w3.org/2000/svg" width="112" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_140">        <rect width="112" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_140)">        <path fill="#555" d="M0 0h64v20H0z"/>        <path fill="#ffa724" d="M64 0h48v20H64z"/>        <path fill="url(#b)" d="M0 0h112v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="33.0" y="15" fill="#010101" fill-opacity=".3">pathspec</text>        <text x="32.0" y="14">pathspec</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="89.0" y="15" fill="#010101" fill-opacity=".3">0.11.2</text>        <text x="88.0" y="14">0.11.2</text>    </g></svg></a></body>
<body><a href='https://github.com/platformdirs/platformdirs'><svg xmlns="http://www.w3.org/2000/svg" width="126" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_141">        <rect width="126" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_141)">        <path fill="#555" d="M0 0h85v20H0z"/>        <path fill="#ffa724" d="M85 0h41v20H85z"/>        <path fill="url(#b)" d="M0 0h126v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="43.5" y="15" fill="#010101" fill-opacity=".3">platformdirs</text>        <text x="42.5" y="14">platformdirs</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="106.5" y="15" fill="#010101" fill-opacity=".3">4.1.0</text>        <text x="105.5" y="14">4.1.0</text>    </g></svg></a></body>
<body><a href='https://github.com/clarketm/mergedeep'><svg xmlns="http://www.w3.org/2000/svg" width="116" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_142">        <rect width="116" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_142)">        <path fill="#555" d="M0 0h75v20H0z"/>        <path fill="#ffa724" d="M75 0h41v20H75z"/>        <path fill="url(#b)" d="M0 0h116v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="38.5" y="15" fill="#010101" fill-opacity=".3">mergedeep</text>        <text x="37.5" y="14">mergedeep</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="96.5" y="15" fill="#010101" fill-opacity=".3">1.3.4</text>        <text x="95.5" y="14">1.3.4</text>    </g></svg></a></body>
<body><a href='https://palletsprojects.com/p/jinja/'><svg xmlns="http://www.w3.org/2000/svg" width="87" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_121">        <rect width="87" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_121)">        <path fill="#555" d="M0 0h46v20H0z"/>        <path fill="#ffa724" d="M46 0h41v20H46z"/>        <path fill="url(#b)" d="M0 0h87v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="24.0" y="15" fill="#010101" fill-opacity=".3">Jinja2</text>        <text x="23.0" y="14">Jinja2</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="67.5" y="15" fill="#010101" fill-opacity=".3">3.1.2</text>        <text x="66.5" y="14">3.1.2</text>    </g></svg></a></body>
<body><a href='https://packaging.pypa.io/'><svg xmlns="http://www.w3.org/2000/svg" width="106" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_143">        <rect width="106" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_143)">        <path fill="#555" d="M0 0h70v20H0z"/>        <path fill="#ffa724" d="M70 0h36v20H70z"/>        <path fill="url(#b)" d="M0 0h106v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="36.0" y="15" fill="#010101" fill-opacity=".3">packaging</text>        <text x="35.0" y="14">packaging</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="89.0" y="15" fill="#010101" fill-opacity=".3">23.2</text>        <text x="88.0" y="14">23.2</text>    </g></svg></a></body>
<body><a href='https://github.com/gorakhargosh/watchdog'><svg xmlns="http://www.w3.org/2000/svg" width="105" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_144">        <rect width="105" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_144)">        <path fill="#555" d="M0 0h64v20H0z"/>        <path fill="#ffa724" d="M64 0h41v20H64z"/>        <path fill="url(#b)" d="M0 0h105v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="33.0" y="15" fill="#010101" fill-opacity=".3">watchdog</text>        <text x="32.0" y="14">watchdog</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="85.5" y="15" fill="#010101" fill-opacity=".3">3.0.0</text>        <text x="84.5" y="14">3.0.0</text>    </g></svg></a></body>
<body><a href='https://github.com/waylan/pyyaml-env-tag'><svg xmlns="http://www.w3.org/2000/svg" width="135" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_145">        <rect width="135" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_145)">        <path fill="#555" d="M0 0h106v20H0z"/>        <path fill="#ffa724" d="M106 0h29v20H106z"/>        <path fill="url(#b)" d="M0 0h135v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="54.0" y="15" fill="#010101" fill-opacity=".3">pyyaml_env_tag</text>        <text x="53.0" y="14">pyyaml_env_tag</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="121.5" y="15" fill="#010101" fill-opacity=".3">0.1</text>        <text x="120.5" y="14">0.1</text>    </g></svg></a></body>
<body><a href='https://typing-extensions.readthedocs.io/'><svg xmlns="http://www.w3.org/2000/svg" width="160" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_146">        <rect width="160" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_146)">        <path fill="#555" d="M0 0h119v20H0z"/>        <path fill="#ffa724" d="M119 0h41v20H119z"/>        <path fill="url(#b)" d="M0 0h160v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="60.5" y="15" fill="#010101" fill-opacity=".3">typing_extensions</text>        <text x="59.5" y="14">typing_extensions</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="140.5" y="15" fill="#010101" fill-opacity=".3">4.8.0</text>        <text x="139.5" y="14">4.8.0</text>    </g></svg></a></body>
<body><a href='https://babel.pocoo.org/'><svg xmlns="http://www.w3.org/2000/svg" width="90" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_147">        <rect width="90" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_147)">        <path fill="#555" d="M0 0h42v20H0z"/>        <path fill="#ffa724" d="M42 0h48v20H42z"/>        <path fill="url(#b)" d="M0 0h90v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="22.0" y="15" fill="#010101" fill-opacity=".3">Babel</text>        <text x="21.0" y="14">Babel</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="67.0" y="15" fill="#010101" fill-opacity=".3">2.13.1</text>        <text x="66.0" y="14">2.13.1</text>    </g></svg></a></body>
<body><a href='https://palletsprojects.com/p/click/'><svg xmlns="http://www.w3.org/2000/svg" width="80" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_148">        <rect width="80" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_148)">        <path fill="#555" d="M0 0h39v20H0z"/>        <path fill="#ffa724" d="M39 0h41v20H39z"/>        <path fill="url(#b)" d="M0 0h80v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="20.5" y="15" fill="#010101" fill-opacity=".3">click</text>        <text x="19.5" y="14">click</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="60.5" y="15" fill="#010101" fill-opacity=".3">8.1.7</text>        <text x="59.5" y="14">8.1.7</text>    </g></svg></a></body>
<body><a href='https://Python-Markdown.github.io/'><svg xmlns="http://www.w3.org/2000/svg" width="109" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_149">        <rect width="109" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_149)">        <path fill="#555" d="M0 0h68v20H0z"/>        <path fill="#ffa724" d="M68 0h41v20H68z"/>        <path fill="url(#b)" d="M0 0h109v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="35.0" y="15" fill="#010101" fill-opacity=".3">Markdown</text>        <text x="34.0" y="14">Markdown</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="89.5" y="15" fill="#010101" fill-opacity=".3">3.5.1</text>        <text x="88.5" y="14">3.5.1</text>    </g></svg></a></body>
<body><a href='https://github.com/tartley/colorama'><svg xmlns="http://www.w3.org/2000/svg" width="106" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_150">        <rect width="106" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_150)">        <path fill="#555" d="M0 0h65v20H0z"/>        <path fill="#ffa724" d="M65 0h41v20H65z"/>        <path fill="url(#b)" d="M0 0h106v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="33.5" y="15" fill="#010101" fill-opacity=".3">colorama</text>        <text x="32.5" y="14">colorama</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="86.5" y="15" fill="#010101" fill-opacity=".3">0.4.6</text>        <text x="85.5" y="14">0.4.6</text>    </g></svg></a></body>
<body><a href='https://github.com/c-w/ghp-import'><svg xmlns="http://www.w3.org/2000/svg" width="117" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_151">        <rect width="117" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_151)">        <path fill="#555" d="M0 0h76v20H0z"/>        <path fill="#ffa724" d="M76 0h41v20H76z"/>        <path fill="url(#b)" d="M0 0h117v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="39.0" y="15" fill="#010101" fill-opacity=".3">ghp-import</text>        <text x="38.0" y="14">ghp-import</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="97.5" y="15" fill="#010101" fill-opacity=".3">2.1.0</text>        <text x="96.5" y="14">2.1.0</text>    </g></svg></a></body>
<body><a href='https://palletsprojects.com/p/markupsafe/'><svg xmlns="http://www.w3.org/2000/svg" width="121" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_152">        <rect width="121" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_152)">        <path fill="#555" d="M0 0h80v20H0z"/>        <path fill="#4c1" d="M80 0h41v20H80z"/>        <path fill="url(#b)" d="M0 0h121v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="41.0" y="15" fill="#010101" fill-opacity=".3">MarkupSafe</text>        <text x="40.0" y="14">MarkupSafe</text>    </g>    <g fill="" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="101.5" y="15" fill="#010101" fill-opacity=".3">2.1.3</text>        <text x="100.5" y="14">2.1.3</text>    </g></svg></a></body>
<body><a href='https://pyyaml.org/'><svg xmlns="http://www.w3.org/2000/svg" width="96" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_153">        <rect width="96" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_153)">        <path fill="#555" d="M0 0h55v20H0z"/>        <path fill="#4c1" d="M55 0h41v20H55z"/>        <path fill="url(#b)" d="M0 0h96v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="28.5" y="15" fill="#010101" fill-opacity=".3">PyYAML</text>        <text x="27.5" y="14">PyYAML</text>    </g>    <g fill="" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="76.5" y="15" fill="#010101" fill-opacity=".3">6.0.1</text>        <text x="75.5" y="14">6.0.1</text>    </g></svg></a></body>
<body><a href='https://python-path-specification.readthedocs.io/en/latest/index.html'><svg xmlns="http://www.w3.org/2000/svg" width="112" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_154">        <rect width="112" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_154)">        <path fill="#555" d="M0 0h64v20H0z"/>        <path fill="#4c1" d="M64 0h48v20H64z"/>        <path fill="url(#b)" d="M0 0h112v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="33.0" y="15" fill="#010101" fill-opacity=".3">pathspec</text>        <text x="32.0" y="14">pathspec</text>    </g>    <g fill="" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="89.0" y="15" fill="#010101" fill-opacity=".3">0.11.2</text>        <text x="88.0" y="14">0.11.2</text>    </g></svg></a></body>
<body><a href='https://github.com/platformdirs/platformdirs'><svg xmlns="http://www.w3.org/2000/svg" width="126" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_155">        <rect width="126" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_155)">        <path fill="#555" d="M0 0h85v20H0z"/>        <path fill="#4c1" d="M85 0h41v20H85z"/>        <path fill="url(#b)" d="M0 0h126v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="43.5" y="15" fill="#010101" fill-opacity=".3">platformdirs</text>        <text x="42.5" y="14">platformdirs</text>    </g>    <g fill="" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="106.5" y="15" fill="#010101" fill-opacity=".3">4.1.0</text>        <text x="105.5" y="14">4.1.0</text>    </g></svg></a></body>
<body><a href='https://github.com/clarketm/mergedeep'><svg xmlns="http://www.w3.org/2000/svg" width="116" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_156">        <rect width="116" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_156)">        <path fill="#555" d="M0 0h75v20H0z"/>        <path fill="#4c1" d="M75 0h41v20H75z"/>        <path fill="url(#b)" d="M0 0h116v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="38.5" y="15" fill="#010101" fill-opacity=".3">mergedeep</text>        <text x="37.5" y="14">mergedeep</text>    </g>    <g fill="" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="96.5" y="15" fill="#010101" fill-opacity=".3">1.3.4</text>        <text x="95.5" y="14">1.3.4</text>    </g></svg></a></body>
<body><a href='https://palletsprojects.com/p/jinja/'><svg xmlns="http://www.w3.org/2000/svg" width="87" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_157">        <rect width="87" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_157)">        <path fill="#555" d="M0 0h46v20H0z"/>        <path fill="#4c1" d="M46 0h41v20H46z"/>        <path fill="url(#b)" d="M0 0h87v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="24.0" y="15" fill="#010101" fill-opacity=".3">Jinja2</text>        <text x="23.0" y="14">Jinja2</text>    </g>    <g fill="" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="67.5" y="15" fill="#010101" fill-opacity=".3">3.1.2</text>        <text x="66.5" y="14">3.1.2</text>    </g></svg></a></body>
<body><a href='https://packaging.pypa.io/'><svg xmlns="http://www.w3.org/2000/svg" width="106" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_158">        <rect width="106" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_158)">        <path fill="#555" d="M0 0h70v20H0z"/>        <path fill="#4c1" d="M70 0h36v20H70z"/>        <path fill="url(#b)" d="M0 0h106v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="36.0" y="15" fill="#010101" fill-opacity=".3">packaging</text>        <text x="35.0" y="14">packaging</text>    </g>    <g fill="" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="89.0" y="15" fill="#010101" fill-opacity=".3">23.2</text>        <text x="88.0" y="14">23.2</text>    </g></svg></a></body>
<body><a href='https://github.com/gorakhargosh/watchdog'><svg xmlns="http://www.w3.org/2000/svg" width="105" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_159">        <rect width="105" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_159)">        <path fill="#555" d="M0 0h64v20H0z"/>        <path fill="#4c1" d="M64 0h41v20H64z"/>        <path fill="url(#b)" d="M0 0h105v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="33.0" y="15" fill="#010101" fill-opacity=".3">watchdog</text>        <text x="32.0" y="14">watchdog</text>    </g>    <g fill="" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="85.5" y="15" fill="#010101" fill-opacity=".3">3.0.0</text>        <text x="84.5" y="14">3.0.0</text>    </g></svg></a></body>
<body><a href='https://github.com/waylan/pyyaml-env-tag'><svg xmlns="http://www.w3.org/2000/svg" width="135" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_160">        <rect width="135" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_160)">        <path fill="#555" d="M0 0h106v20H0z"/>        <path fill="#4c1" d="M106 0h29v20H106z"/>        <path fill="url(#b)" d="M0 0h135v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="54.0" y="15" fill="#010101" fill-opacity=".3">pyyaml_env_tag</text>        <text x="53.0" y="14">pyyaml_env_tag</text>    </g>    <g fill="" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="121.5" y="15" fill="#010101" fill-opacity=".3">0.1</text>        <text x="120.5" y="14">0.1</text>    </g></svg></a></body>
<body><a href='https://typing-extensions.readthedocs.io/'><svg xmlns="http://www.w3.org/2000/svg" width="160" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_161">        <rect width="160" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_161)">        <path fill="#555" d="M0 0h119v20H0z"/>        <path fill="#4c1" d="M119 0h41v20H119z"/>        <path fill="url(#b)" d="M0 0h160v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="60.5" y="15" fill="#010101" fill-opacity=".3">typing_extensions</text>        <text x="59.5" y="14">typing_extensions</text>    </g>    <g fill="" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="140.5" y="15" fill="#010101" fill-opacity=".3">4.8.0</text>        <text x="139.5" y="14">4.8.0</text>    </g></svg></a></body>
<body><a href='https://babel.pocoo.org/'><svg xmlns="http://www.w3.org/2000/svg" width="90" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_162">        <rect width="90" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_162)">        <path fill="#555" d="M0 0h42v20H0z"/>        <path fill="#4c1" d="M42 0h48v20H42z"/>        <path fill="url(#b)" d="M0 0h90v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="22.0" y="15" fill="#010101" fill-opacity=".3">Babel</text>        <text x="21.0" y="14">Babel</text>    </g>    <g fill="" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="67.0" y="15" fill="#010101" fill-opacity=".3">2.13.1</text>        <text x="66.0" y="14">2.13.1</text>    </g></svg></a></body>
<body><a href='https://palletsprojects.com/p/click/'><svg xmlns="http://www.w3.org/2000/svg" width="80" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_163">        <rect width="80" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_163)">        <path fill="#555" d="M0 0h39v20H0z"/>        <path fill="#4c1" d="M39 0h41v20H39z"/>        <path fill="url(#b)" d="M0 0h80v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="20.5" y="15" fill="#010101" fill-opacity=".3">click</text>        <text x="19.5" y="14">click</text>    </g>    <g fill="" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="60.5" y="15" fill="#010101" fill-opacity=".3">8.1.7</text>        <text x="59.5" y="14">8.1.7</text>    </g></svg></a></body>
<body><a href='https://Python-Markdown.github.io/'><svg xmlns="http://www.w3.org/2000/svg" width="109" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_164">        <rect width="109" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_164)">        <path fill="#555" d="M0 0h68v20H0z"/>        <path fill="#4c1" d="M68 0h41v20H68z"/>        <path fill="url(#b)" d="M0 0h109v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="35.0" y="15" fill="#010101" fill-opacity=".3">Markdown</text>        <text x="34.0" y="14">Markdown</text>    </g>    <g fill="" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="89.5" y="15" fill="#010101" fill-opacity=".3">3.5.1</text>        <text x="88.5" y="14">3.5.1</text>    </g></svg></a></body>
<body><a href='https://github.com/tartley/colorama'><svg xmlns="http://www.w3.org/2000/svg" width="106" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_165">        <rect width="106" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_165)">        <path fill="#555" d="M0 0h65v20H0z"/>        <path fill="#4c1" d="M65 0h41v20H65z"/>        <path fill="url(#b)" d="M0 0h106v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="33.5" y="15" fill="#010101" fill-opacity=".3">colorama</text>        <text x="32.5" y="14">colorama</text>    </g>    <g fill="" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="86.5" y="15" fill="#010101" fill-opacity=".3">0.4.6</text>        <text x="85.5" y="14">0.4.6</text>    </g></svg></a></body>
<body><a href='https://github.com/c-w/ghp-import'><svg xmlns="http://www.w3.org/2000/svg" width="117" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_166">        <rect width="117" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_166)">        <path fill="#555" d="M0 0h76v20H0z"/>        <path fill="#4c1" d="M76 0h41v20H76z"/>        <path fill="url(#b)" d="M0 0h117v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="39.0" y="15" fill="#010101" fill-opacity=".3">ghp-import</text>        <text x="38.0" y="14">ghp-import</text>    </g>    <g fill="" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="97.5" y="15" fill="#010101" fill-opacity=".3">2.1.0</text>        <text x="96.5" y="14">2.1.0</text>    </g></svg></a></body>
MkMetadataBadges
├── MkBadge('MarkupSafe', '2.1.3')
├── MkBadge('PyYAML', '6.0.1')
├── MkBadge('pathspec', '0.11.2')
├── MkBadge('platformdirs', '4.1.0')
├── MkBadge('mergedeep', '1.3.4')
├── MkBadge('Jinja2', '3.1.2')
├── MkBadge('packaging', '23.2')
├── MkBadge('watchdog', '3.0.0')
├── MkBadge('pyyaml_env_tag', '0.1')
├── MkBadge('typing_extensions', '4.8.0')
├── MkBadge('Babel', '2.13.1')
├── MkBadge('click', '8.1.7')
├── MkBadge('Markdown', '3.5.1')
├── MkBadge('colorama', '0.4.6')
╰── MkBadge('ghp-import', '2.1.0')

Example: Gitlab style

Jinja

{{ "classifiers" | MkMetadataBadges(use_gitlab_style=True) }}

Python

MkMetadataBadges('classifiers', use_gitlab_style=True)

4 - Beta Development Status MkDocs Framework Developers Intended Audience OSI Approved :: MIT License License OS Independent Operating System Python :: 3 Programming Language Python :: 3 :: Only Programming Language Python :: 3.11 Programming Language Python :: 3.12 Programming Language Python :: Implementation :: CPython Programming Language Documentation Topic Internet Topic Software Development :: Documentation Topic Software Development :: User Interfaces Topic Text Processing :: Markup :: Markdown Topic

<body><svg xmlns="http://www.w3.org/2000/svg" width="184" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_167">        <rect width="184" height="20" rx="10" fill="#fff"/>    </mask>    <g mask="url(#anybadge_167)">        <path fill="#ffa724" d="M0 0h184v20H0z"/>        <path fill="#262626" d="M57 2h118v16H57z"/>        <path fill="#262626" d="M174,18 a1,1 0 0,0 0,-16"/>        <path fill="url(#b)" d="M0 0h184v20H0z"/>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="28.5" y="14">4 - Beta</text>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="120.5" y="14">Development Status</text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="129" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_168">        <rect width="129" height="20" rx="10" fill="#fff"/>    </mask>    <g mask="url(#anybadge_168)">        <path fill="#ffa724" d="M0 0h129v20H0z"/>        <path fill="#262626" d="M55 2h65v16H55z"/>        <path fill="#262626" d="M119,18 a1,1 0 0,0 0,-16"/>        <path fill="url(#b)" d="M0 0h129v20H0z"/>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="27.5" y="14">MkDocs</text>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="92.0" y="14">Framework</text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="195" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_169">        <rect width="195" height="20" rx="10" fill="#fff"/>    </mask>    <g mask="url(#anybadge_169)">        <path fill="#ffa724" d="M0 0h195v20H0z"/>        <path fill="#262626" d="M76 2h110v16H76z"/>        <path fill="#262626" d="M185,18 a1,1 0 0,0 0,-16"/>        <path fill="url(#b)" d="M0 0h195v20H0z"/>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="38.0" y="14">Developers</text>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="135.5" y="14">Intended Audience</text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="237" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_170">        <rect width="237" height="20" rx="10" fill="#fff"/>    </mask>    <g mask="url(#anybadge_170)">        <path fill="#ffa724" d="M0 0h237v20H0z"/>        <path fill="#262626" d="M181 2h47v16H181z"/>        <path fill="#262626" d="M227,18 a1,1 0 0,0 0,-16"/>        <path fill="url(#b)" d="M0 0h237v20H0z"/>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="90.5" y="14">OSI Approved :: MIT License</text>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="209.0" y="14">License</text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="221" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_171">        <rect width="221" height="20" rx="10" fill="#fff"/>    </mask>    <g mask="url(#anybadge_171)">        <path fill="#ffa724" d="M0 0h221v20H0z"/>        <path fill="#262626" d="M104 2h108v16H104z"/>        <path fill="#262626" d="M211,18 a1,1 0 0,0 0,-16"/>        <path fill="url(#b)" d="M0 0h221v20H0z"/>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="52.0" y="14">OS Independent</text>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="162.5" y="14">Operating System</text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="223" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_172">        <rect width="223" height="20" rx="10" fill="#fff"/>    </mask>    <g mask="url(#anybadge_172)">        <path fill="#ffa724" d="M0 0h223v20H0z"/>        <path fill="#262626" d="M75 2h139v16H75z"/>        <path fill="#262626" d="M213,18 a1,1 0 0,0 0,-16"/>        <path fill="url(#b)" d="M0 0h223v20H0z"/>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="37.5" y="14">Python :: 3</text>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="149.0" y="14">Programming Language</text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="269" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_173">        <rect width="269" height="20" rx="10" fill="#fff"/>    </mask>    <g mask="url(#anybadge_173)">        <path fill="#ffa724" d="M0 0h269v20H0z"/>        <path fill="#262626" d="M121 2h139v16H121z"/>        <path fill="#262626" d="M259,18 a1,1 0 0,0 0,-16"/>        <path fill="url(#b)" d="M0 0h269v20H0z"/>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="60.5" y="14">Python :: 3 :: Only</text>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="195.0" y="14">Programming Language</text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="242" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_174">        <rect width="242" height="20" rx="10" fill="#fff"/>    </mask>    <g mask="url(#anybadge_174)">        <path fill="#ffa724" d="M0 0h242v20H0z"/>        <path fill="#262626" d="M94 2h139v16H94z"/>        <path fill="#262626" d="M232,18 a1,1 0 0,0 0,-16"/>        <path fill="url(#b)" d="M0 0h242v20H0z"/>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="47.0" y="14">Python :: 3.11</text>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="168.0" y="14">Programming Language</text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="242" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_175">        <rect width="242" height="20" rx="10" fill="#fff"/>    </mask>    <g mask="url(#anybadge_175)">        <path fill="#ffa724" d="M0 0h242v20H0z"/>        <path fill="#262626" d="M94 2h139v16H94z"/>        <path fill="#262626" d="M232,18 a1,1 0 0,0 0,-16"/>        <path fill="url(#b)" d="M0 0h242v20H0z"/>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="47.0" y="14">Python :: 3.12</text>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="168.0" y="14">Programming Language</text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="373" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_176">        <rect width="373" height="20" rx="10" fill="#fff"/>    </mask>    <g mask="url(#anybadge_176)">        <path fill="#ffa724" d="M0 0h373v20H0z"/>        <path fill="#262626" d="M225 2h139v16H225z"/>        <path fill="#262626" d="M363,18 a1,1 0 0,0 0,-16"/>        <path fill="url(#b)" d="M0 0h373v20H0z"/>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="112.5" y="14">Python :: Implementation :: CPython</text>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="299.0" y="14">Programming Language</text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="139" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_177">        <rect width="139" height="20" rx="10" fill="#fff"/>    </mask>    <g mask="url(#anybadge_177)">        <path fill="#ffa724" d="M0 0h139v20H0z"/>        <path fill="#262626" d="M97 2h33v16H97z"/>        <path fill="#262626" d="M129,18 a1,1 0 0,0 0,-16"/>        <path fill="url(#b)" d="M0 0h139v20H0z"/>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="48.5" y="14">Documentation</text>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="118.0" y="14">Topic</text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="101" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_178">        <rect width="101" height="20" rx="10" fill="#fff"/>    </mask>    <g mask="url(#anybadge_178)">        <path fill="#ffa724" d="M0 0h101v20H0z"/>        <path fill="#262626" d="M59 2h33v16H59z"/>        <path fill="#262626" d="M91,18 a1,1 0 0,0 0,-16"/>        <path fill="url(#b)" d="M0 0h101v20H0z"/>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="29.5" y="14">Internet</text>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="80.0" y="14">Topic</text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="287" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_179">        <rect width="287" height="20" rx="10" fill="#fff"/>    </mask>    <g mask="url(#anybadge_179)">        <path fill="#ffa724" d="M0 0h287v20H0z"/>        <path fill="#262626" d="M245 2h33v16H245z"/>        <path fill="#262626" d="M277,18 a1,1 0 0,0 0,-16"/>        <path fill="url(#b)" d="M0 0h287v20H0z"/>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="122.5" y="14">Software Development :: Documentation</text>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="266.0" y="14">Topic</text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="294" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_180">        <rect width="294" height="20" rx="10" fill="#fff"/>    </mask>    <g mask="url(#anybadge_180)">        <path fill="#ffa724" d="M0 0h294v20H0z"/>        <path fill="#262626" d="M252 2h33v16H252z"/>        <path fill="#262626" d="M284,18 a1,1 0 0,0 0,-16"/>        <path fill="url(#b)" d="M0 0h294v20H0z"/>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="126.0" y="14">Software Development :: User Interfaces</text>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="273.0" y="14">Topic</text>    </g></svg></body>
<body><svg xmlns="http://www.w3.org/2000/svg" width="286" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_181">        <rect width="286" height="20" rx="10" fill="#fff"/>    </mask>    <g mask="url(#anybadge_181)">        <path fill="#ffa724" d="M0 0h286v20H0z"/>        <path fill="#262626" d="M244 2h33v16H244z"/>        <path fill="#262626" d="M276,18 a1,1 0 0,0 0,-16"/>        <path fill="url(#b)" d="M0 0h286v20H0z"/>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="122.0" y="14">Text Processing :: Markup :: Markdown</text>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="265.0" y="14">Topic</text>    </g></svg></body>

Example: Colored

Jinja

{{ "required_python" | MkMetadataBadges(badge_color="red") }}

Python

MkMetadataBadges('required_python', badge_color='red')
<body><a href='https://python.org'><svg xmlns="http://www.w3.org/2000/svg" width="117" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_182">        <rect width="117" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_182)">        <path fill="#555" d="M0 0h50v20H0z"/>        <path fill="#E05D44" d="M50 0h67v20H50z"/>        <path fill="url(#b)" d="M0 0h117v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="26.0" y="15" fill="#010101" fill-opacity=".3">Python</text>        <text x="25.0" y="14">Python</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="84.5" y="15" fill="#010101" fill-opacity=".3">&gt;=3.11</text>        <text x="83.5" y="14">&gt;=3.11</text>    </g></svg></a></body>
<body><a href='https://python.org'><svg xmlns="http://www.w3.org/2000/svg" width="60" height="20">    <linearGradient id="b" x2="0" y2="100%">        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>        <stop offset="1" stop-opacity=".1"/>    </linearGradient>    <mask id="anybadge_183">        <rect width="60" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_183)">        <path fill="#555" d="M0 0h50v20H0z"/>        <path fill="#E05D44" d="M50 0h10v20H50z"/>        <path fill="url(#b)" d="M0 0h60v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="26.0" y="15" fill="#010101" fill-opacity=".3">Python</text>        <text x="25.0" y="14">Python</text>    </g>    <g fill="" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="56.0" y="15" fill="#010101" fill-opacity=".3"></text>        <text x="55.0" y="14"></text>    </g></svg></a></body>
MkMetadataBadges
╰── MkBadge('Python', '>=3.11', badge_color='red')

Bases: MkContainer

__init__

__init__(
    typ: datatypes.MetadataTypeStr,
    *,
    package: str | None = None,
    font_size: Literal[10, 11, 12] | None = None,
    font_name: str | None = None,
    num_padding_chars: int | None = None,
    badge_color: str | None = None,
    text_color: str | None = None,
    use_gitlab_style: bool = False,
    block_separator: str = "\n",
    **kwargs: Any
)

Parameters:

Name Type Description Default
typ MetadataTypeStr

Metadata badges to show

required
package str | None

Package to show badges for. If None, it will get pulled from project

None
font_size Literal[10, 11, 12] | None

Size of font to use

None
font_name str | None

Name of font to use

None
num_padding_chars int | None

Number of chars to use for padding

None
badge_color str | None

Badge color. If none is set, it will be pulled from project.

None
text_color str | None

Badge color

None
use_gitlab_style bool

Use Gitlab-scope style

False
block_separator str

Divider to use between badges

'\n'
kwargs Any

Keyword arguments passed to parent

{}
Name Children Inherits
MkContainer
mknodes.basenodes.mkcontainer
A node containing other MkNodes.
graph TD
  94854583574032["mkmetadatabadges.MkMetadataBadges"]
  94854582919984["mkcontainer.MkContainer"]
  94854582916880["mknode.MkNode"]
  94854582838576["node.Node"]
  140544995341632["builtins.object"]
  94854582919984 --> 94854583574032
  94854582916880 --> 94854582919984
  94854582838576 --> 94854582916880
  140544995341632 --> 94854582838576
/home/runner/work/mknodes/mknodes/mknodes/templatenodes/mkmetadatabadges/metadata.toml
[metadata]
name = "MkMetadataBadges"
icon = "simple-icons:shieldsdotio"
status = "new"
group = "badge"
virtual_children = true

[requirements.package.anybadge]

[examples.classifiers]
title = "Classifiers"
jinja = """
{{ "classifiers" | MkMetadataBadges }}
"""

[examples.keywords]
title = "Keywords"
jinja = """
{{ "keywords" | MkMetadataBadges }}
"""

[examples.keywords_combined]
title = "Keywords combined"
jinja = """
{{ "keywords_combined" | MkMetadataBadges }}
"""

[examples.websites]
title = "Websites"
jinja = """
{{ "websites" | MkMetadataBadges }}
"""

[examples.dependencies]
title = "Dependencies"
jinja = """
{{ "dependencies" | MkMetadataBadges }}
"""

[examples.other_packages]
title = "For other packages"
jinja = """
{{ "dependencies" | MkMetadataBadges(package="mkdocs") }}
"""

[examples.gitlab]
title = "Gitlab style"
jinja = """
{{ "classifiers" | MkMetadataBadges(use_gitlab_style=True) }}
"""

[examples.colored]
title = "Colored"
jinja = """
{{ "required_python" | MkMetadataBadges(badge_color="red") }}
"""

[output.markdown]
template = """
{% filter rstrip %}
{% for label, value, link in node.badge_content %}
{{ label | MkBadge(value=value, target=link, font_size=node.font_size, font_name=node.font_name, badge_color=node.badge_color, text_color=node.text_color, num_padding_chars=node.num_padding_chars, use_gitlab_style=node.use_gitlab_style, title=label) }}
{% endfor %}
{% endfilter %}
"""
mknodes.templatenodes.mkmetadatabadges.MkMetadataBadges
class MkMetadataBadges(mkcontainer.MkContainer):
    """Container node for a list of metadata badges.

    Badges are generated locally using "anybadge" package
    """

    ICON = "simple/shieldsdotio"
    STATUS = "new"
    VIRTUAL_CHILDREN = True

    def __init__(
        self,
        typ: datatypes.MetadataTypeStr,
        *,
        package: str | None = None,
        font_size: Literal[10, 11, 12] | None = None,
        font_name: str | None = None,
        num_padding_chars: int | None = None,
        badge_color: str | None = None,
        text_color: str | None = None,
        use_gitlab_style: bool = False,
        block_separator: str = "\n",
        **kwargs: Any,
    ):
        """Constructor.

        Arguments:
            typ: Metadata badges to show
            package: Package to show badges for. If None, it will get pulled from project
            font_size: Size of font to use
            font_name: Name of font to use
            num_padding_chars: Number of chars to use for padding
            badge_color: Badge color. If none is set, it will be pulled from project.
            text_color: Badge color
            use_gitlab_style: Use Gitlab-scope style
            block_separator: Divider to use between badges
            kwargs: Keyword arguments passed to parent
        """
        super().__init__(block_separator=block_separator, **kwargs)
        self._package = package
        self.typ = typ
        self.font_size = font_size
        self.font_name = font_name
        self.num_padding_chars = num_padding_chars
        self.badge_color = badge_color
        self.text_color = text_color
        self.use_gitlab_style = use_gitlab_style

    @property
    def badge_content(self) -> list[tuple]:  # noqa: PLR0911
        ctx = (
            packageregistry.get_info(self._package)
            if self._package
            else self.ctx.metadata
        )
        match self.typ:
            case "classifiers":
                items: list[tuple] = []
                for category, labels in ctx.classifier_map.items():
                    items.extend([(i, category, None) for i in labels])
                return items
            case "keywords":
                return [(keyword, "", None) for keyword in ctx.keywords]
            case "keywords_combined":
                return [("Keywords", " | ".join(ctx.keywords), None)]
            case "required_python":
                return [("Python", ctx.required_python_version, "https://python.org")]
            case "websites":
                return [
                    (name, parse.urlparse(url).netloc, url)
                    for name, url in ctx.urls.items()
                ]
            case "dependencies":
                return [(p.name, p.version, p.homepage) for p in ctx.required_packages]
            case "installed_packages":
                return [
                    (p.name, p.version, p.homepage)
                    for p in packageregistry.get_installed_packages()
                ]
            case str():
                raise ValueError(self.typ)
            case _ if self.typ in datatypes.CLASSIFIERS:
                labels = ctx.classifier_map.get(self.typ, [])
                return [(i, self.typ, None) for i in labels]

    @property
    def items(self) -> list[mknode.MkNode]:
        return [
            mkbadge.MkBadge(
                label=label,
                value=value,
                target=link,
                font_size=self.font_size,
                font_name=self.font_name,
                badge_color=self.badge_color,
                text_color=self.text_color,
                num_padding_chars=self.num_padding_chars,
                use_gitlab_style=self.use_gitlab_style,
                title=label,
                parent=self,
            )
            for label, value, link in self.badge_content
        ]

    @items.setter
    def items(self, value):
        pass