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 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.12 Python :: 3.12 Programming Language Programming Language Python :: 3.13 Python :: 3.13 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_85">        <rect width="184" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_85)">        <path fill="#555" d="M0 0h57v20H0z"/>        <path fill="#4051b5" 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_86">        <rect width="129" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_86)">        <path fill="#555" d="M0 0h55v20H0z"/>        <path fill="#4051b5" 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_87">        <rect width="195" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_87)">        <path fill="#555" d="M0 0h76v20H0z"/>        <path fill="#4051b5" 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="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_88">        <rect width="221" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_88)">        <path fill="#555" d="M0 0h104v20H0z"/>        <path fill="#4051b5" 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_89">        <rect width="223" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_89)">        <path fill="#555" d="M0 0h75v20H0z"/>        <path fill="#4051b5" 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_90">        <rect width="269" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_90)">        <path fill="#555" d="M0 0h121v20H0z"/>        <path fill="#4051b5" 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_91">        <rect width="242" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_91)">        <path fill="#555" d="M0 0h94v20H0z"/>        <path fill="#4051b5" 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="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_92">        <rect width="242" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_92)">        <path fill="#555" d="M0 0h94v20H0z"/>        <path fill="#4051b5" 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.13</text>        <text x="47.0" y="14">Python :: 3.13</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_93">        <rect width="373" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_93)">        <path fill="#555" d="M0 0h225v20H0z"/>        <path fill="#4051b5" 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_94">        <rect width="139" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_94)">        <path fill="#555" d="M0 0h97v20H0z"/>        <path fill="#4051b5" 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_95">        <rect width="101" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_95)">        <path fill="#555" d="M0 0h59v20H0z"/>        <path fill="#4051b5" 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_96">        <rect width="287" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_96)">        <path fill="#555" d="M0 0h245v20H0z"/>        <path fill="#4051b5" 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_97">        <rect width="294" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_97)">        <path fill="#555" d="M0 0h252v20H0z"/>        <path fill="#4051b5" 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_98">        <rect width="286" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_98)">        <path fill="#555" d="M0 0h244v20H0z"/>        <path fill="#4051b5" 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_99">        <rect width="48" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_99)">        <path fill="#555" d="M0 0h38v20H0z"/>        <path fill="#4051b5" 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_100">        <rect width="84" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_100)">        <path fill="#555" d="M0 0h74v20H0z"/>        <path fill="#4051b5" 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_101">        <rect width="107" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_101)">        <path fill="#555" d="M0 0h97v20H0z"/>        <path fill="#4051b5" 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_102">        <rect width="82" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_102)">        <path fill="#555" d="M0 0h72v20H0z"/>        <path fill="#4051b5" 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_103">        <rect width="68" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_103)">        <path fill="#555" d="M0 0h58v20H0z"/>        <path fill="#4051b5" 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_104">        <rect width="78" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_104)">        <path fill="#555" d="M0 0h68v20H0z"/>        <path fill="#4051b5" 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_105">        <rect width="482" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_105)">        <path fill="#555" d="M0 0h65v20H0z"/>        <path fill="#4051b5" 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_106">        <rect width="75" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_106)">        <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')

Documentation Documentation phil65.github.io phil65.github.io Source Source github.com github.com 

<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_107">        <rect width="201" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_107)">        <path fill="#555" d="M0 0h97v20H0z"/>        <path fill="#4051b5" 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_33">        <rect width="127" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_33)">        <path fill="#555" d="M0 0h51v20H0z"/>        <path fill="#4051b5" 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>

Example: Dependencies

Jinja

{{ "dependencies" | MkMetadataBadges }}

Python

MkMetadataBadges('dependencies')

python-dotenv python-dotenv 1.0.1 1.0.1 jinjarope jinjarope 0.16.0 0.16.0 yamling yamling 1.5.0 1.5.0 git-changelog git-changelog 2.5.2 2.5.2 coloraide coloraide 4.0 4.0 litellm litellm 1.52.9 1.52.9 requests-cache requests-cache 1.2.1 1.2.1 anybadge anybadge 1.14.0 1.14.0 griffe griffe 1.5.1 1.5.1 mkdocstrings mkdocstrings 0.27.0 0.27.0 githarbor githarbor 0.4.5 0.4.5 Jinja2 Jinja2 3.1.4 3.1.4 PyGithub PyGithub 2.5.0 2.5.0 natsort natsort 8.4.0 8.4.0 aiohttp aiohttp 3.11.2 3.11.2 GitPython GitPython 3.1.43 3.1.43 epregistry epregistry 1.2.0 1.2.0 fsspec fsspec 2024.10.0 2024.10.0 pipdeptree pipdeptree 2.23.4 2.23.4 tomli_w tomli_w 1.1.0 1.1.0 requests requests 2.32.3 2.32.3 clinspector clinspector 0.2.0 0.2.0 universal_pathlib universal_pathlib 0.2.5 0.2.5 

<body><a href='https://github.com/theskumar/python-dotenv'><svg xmlns="http://www.w3.org/2000/svg" width="137" 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="137" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_108)">        <path fill="#555" d="M0 0h96v20H0z"/>        <path fill="#4051b5" d="M96 0h41v20H96z"/>        <path fill="url(#b)" d="M0 0h137v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="49.0" y="15" fill="#010101" fill-opacity=".3">python-dotenv</text>        <text x="48.0" y="14">python-dotenv</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="117.5" y="15" fill="#010101" fill-opacity=".3">1.0.1</text>        <text x="116.5" y="14">1.0.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_109">        <rect width="111" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_109)">        <path fill="#555" d="M0 0h63v20H0z"/>        <path fill="#4051b5" 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.16.0</text>        <text x="87.0" y="14">0.16.0</text>    </g></svg></a></body>
<body><a href='https://phil65.github.io/yamling/'><svg xmlns="http://www.w3.org/2000/svg" width="97" 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="97" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_110)">        <path fill="#555" d="M0 0h56v20H0z"/>        <path fill="#4051b5" d="M56 0h41v20H56z"/>        <path fill="url(#b)" d="M0 0h97v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="29.0" y="15" fill="#010101" fill-opacity=".3">yamling</text>        <text x="28.0" y="14">yamling</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="77.5" y="15" fill="#010101" fill-opacity=".3">1.5.0</text>        <text x="76.5" y="14">1.5.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_111">        <rect width="133" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_111)">        <path fill="#555" d="M0 0h92v20H0z"/>        <path fill="#4051b5" 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.5.2</text>        <text x="112.5" y="14">2.5.2</text>    </g></svg></a></body>
<body><a href='https://github.com/facelessuser/coloraide'><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_112">        <rect width="95" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_112)">        <path fill="#555" d="M0 0h66v20H0z"/>        <path fill="#4051b5" d="M66 0h29v20H66z"/>        <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="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="81.5" y="15" fill="#010101" fill-opacity=".3">4.0</text>        <text x="80.5" y="14">4.0</text>    </g></svg></a></body>
<body><a href='https://litellm.ai'><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_113">        <rect width="96" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_113)">        <path fill="#555" d="M0 0h48v20H0z"/>        <path fill="#4051b5" d="M48 0h48v20H48z"/>        <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="25.0" y="15" fill="#010101" fill-opacity=".3">litellm</text>        <text x="24.0" y="14">litellm</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="73.0" y="15" fill="#010101" fill-opacity=".3">1.52.9</text>        <text x="72.0" y="14">1.52.9</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_114">        <rect width="145" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_114)">        <path fill="#555" d="M0 0h104v20H0z"/>        <path fill="#4051b5" 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.2.1</text>        <text x="124.5" y="14">1.2.1</text>    </g></svg></a></body>
<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_115">        <rect width="114" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_115)">        <path fill="#555" d="M0 0h66v20H0z"/>        <path fill="#4051b5" 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://mkdocstrings.github.io/griffe'><svg xmlns="http://www.w3.org/2000/svg" width="85" 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="85" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_116)">        <path fill="#555" d="M0 0h44v20H0z"/>        <path fill="#4051b5" d="M44 0h41v20H44z"/>        <path fill="url(#b)" d="M0 0h85v20H0z"/>    </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="65.5" y="15" fill="#010101" fill-opacity=".3">1.5.1</text>        <text x="64.5" y="14">1.5.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_117">        <rect width="139" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_117)">        <path fill="#555" d="M0 0h91v20H0z"/>        <path fill="#4051b5" 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.27.0</text>        <text x="115.0" y="14">0.27.0</text>    </g></svg></a></body>
<body><a href='https://phil65.github.io/githarbor/'><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_118">        <rect width="107" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_118)">        <path fill="#555" d="M0 0h66v20H0z"/>        <path fill="#4051b5" d="M66 0h41v20H66z"/>        <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="34.0" y="15" fill="#010101" fill-opacity=".3">githarbor</text>        <text x="33.0" y="14">githarbor</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="87.5" y="15" fill="#010101" fill-opacity=".3">0.4.5</text>        <text x="86.5" y="14">0.4.5</text>    </g></svg></a></body>
<body><a href='https://jinja.palletsprojects.com/'><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_119">        <rect width="87" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_119)">        <path fill="#555" d="M0 0h46v20H0z"/>        <path fill="#4051b5" 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.4</text>        <text x="66.5" y="14">3.1.4</text>    </g></svg></a></body>
<body><a href='https://pygithub.readthedocs.io/en/stable/'><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_120">        <rect width="105" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_120)">        <path fill="#555" d="M0 0h64v20H0z"/>        <path fill="#4051b5" 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.5.0</text>        <text x="84.5" y="14">2.5.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_121">        <rect width="95" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_121)">        <path fill="#555" d="M0 0h54v20H0z"/>        <path fill="#4051b5" 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="100" 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="100" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_122)">        <path fill="#555" d="M0 0h52v20H0z"/>        <path fill="#4051b5" d="M52 0h48v20H52z"/>        <path fill="url(#b)" d="M0 0h100v20H0z"/>    </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="77.0" y="15" fill="#010101" fill-opacity=".3">3.11.2</text>        <text x="76.0" y="14">3.11.2</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_123">        <rect width="117" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_123)">        <path fill="#555" d="M0 0h69v20H0z"/>        <path fill="#4051b5" 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.43</text>        <text x="93.0" y="14">3.1.43</text>    </g></svg></a></body>
<body><a href='https://phil65.github.io/epregistry/'><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_124">        <rect width="114" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_124)">        <path fill="#555" d="M0 0h73v20H0z"/>        <path fill="#4051b5" d="M73 0h41v20H73z"/>        <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="37.5" y="15" fill="#010101" fill-opacity=".3">epregistry</text>        <text x="36.5" y="14">epregistry</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="94.5" y="15" fill="#010101" fill-opacity=".3">1.2.0</text>        <text x="93.5" y="14">1.2.0</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_125">        <rect width="119" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_125)">        <path fill="#555" d="M0 0h50v20H0z"/>        <path fill="#4051b5" 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">2024.10.0</text>        <text x="84.5" y="14">2024.10.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_126">        <rect width="122" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_126)">        <path fill="#555" d="M0 0h74v20H0z"/>        <path fill="#4051b5" 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.23.4</text>        <text x="98.0" y="14">2.23.4</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_127">        <rect width="95" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_127)">        <path fill="#555" d="M0 0h54v20H0z"/>        <path fill="#4051b5" 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.1.0</text>        <text x="74.5" y="14">1.1.0</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_128">        <rect width="111" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_128)">        <path fill="#555" d="M0 0h63v20H0z"/>        <path fill="#4051b5" 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.32.3</text>        <text x="87.0" y="14">2.32.3</text>    </g></svg></a></body>
<body><a href='https://phil65.github.io/clinspector/'><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_129">        <rect width="119" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_129)">        <path fill="#555" d="M0 0h78v20H0z"/>        <path fill="#4051b5" d="M78 0h41v20H78z"/>        <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="40.0" y="15" fill="#010101" fill-opacity=".3">clinspector</text>        <text x="39.0" y="14">clinspector</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="99.5" y="15" fill="#010101" fill-opacity=".3">0.2.0</text>        <text x="98.5" y="14">0.2.0</text>    </g></svg></a></body>
<body><a href='https://github.com/fsspec/universal_pathlib'><svg xmlns="http://www.w3.org/2000/svg" width="155" 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="155" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_130)">        <path fill="#555" d="M0 0h114v20H0z"/>        <path fill="#4051b5" d="M114 0h41v20H114z"/>        <path fill="url(#b)" d="M0 0h155v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="58.0" y="15" fill="#010101" fill-opacity=".3">universal_pathlib</text>        <text x="57.0" 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="135.5" y="15" fill="#010101" fill-opacity=".3">0.2.5</text>        <text x="134.5" y="14">0.2.5</text>    </g></svg></a></body>

Example: For other packages

Jinja

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

Python

MkMetadataBadges('dependencies', package='mkdocs')

mergedeep mergedeep 1.3.4 1.3.4 ghp-import ghp-import 2.1.0 2.1.0 PyYAML PyYAML 6.0.2 6.0.2 packaging packaging 24.2 24.2 click click 8.1.7 8.1.7 importlib_metadata importlib_metadata 8.5.0 8.5.0 Jinja2 Jinja2 3.1.4 3.1.4 pyyaml_env_tag pyyaml_env_tag 0.1 0.1 watchdog watchdog 6.0.0 6.0.0 pathspec pathspec 0.12.1 0.12.1 colorama colorama 0.4.6 0.4.6 Markdown Markdown 3.7 3.7 MarkupSafe MarkupSafe 3.0.2 3.0.2 babel babel 2.16.0 2.16.0 mkdocs-get-deps mkdocs-get-deps 0.2.0 0.2.0 

<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_131">        <rect width="116" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_131)">        <path fill="#555" d="M0 0h75v20H0z"/>        <path fill="#4051b5" 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://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_132">        <rect width="117" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_132)">        <path fill="#555" d="M0 0h76v20H0z"/>        <path fill="#4051b5" 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://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_133">        <rect width="96" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_133)">        <path fill="#555" d="M0 0h55v20H0z"/>        <path fill="#4051b5" 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.2</text>        <text x="75.5" y="14">6.0.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_134">        <rect width="106" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_134)">        <path fill="#555" d="M0 0h70v20H0z"/>        <path fill="#4051b5" 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">24.2</text>        <text x="88.0" y="14">24.2</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_135">        <rect width="80" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_135)">        <path fill="#555" d="M0 0h39v20H0z"/>        <path fill="#4051b5" 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://github.com/python/importlib_metadata'><svg xmlns="http://www.w3.org/2000/svg" width="167" 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="167" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_136)">        <path fill="#555" d="M0 0h126v20H0z"/>        <path fill="#4051b5" d="M126 0h41v20H126z"/>        <path fill="url(#b)" d="M0 0h167v20H0z"/>    </g>    <g fill="#fff" 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">importlib_metadata</text>        <text x="63.0" y="14">importlib_metadata</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="147.5" y="15" fill="#010101" fill-opacity=".3">8.5.0</text>        <text x="146.5" y="14">8.5.0</text>    </g></svg></a></body>
<body><a href='https://jinja.palletsprojects.com/'><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_119">        <rect width="87" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_119)">        <path fill="#555" d="M0 0h46v20H0z"/>        <path fill="#4051b5" 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.4</text>        <text x="66.5" y="14">3.1.4</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_137">        <rect width="135" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_137)">        <path fill="#555" d="M0 0h106v20H0z"/>        <path fill="#4051b5" 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://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_138">        <rect width="105" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_138)">        <path fill="#555" d="M0 0h64v20H0z"/>        <path fill="#4051b5" 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">6.0.0</text>        <text x="84.5" y="14">6.0.0</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_139">        <rect width="112" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_139)">        <path fill="#555" d="M0 0h64v20H0z"/>        <path fill="#4051b5" 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.12.1</text>        <text x="88.0" y="14">0.12.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_140">        <rect width="106" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_140)">        <path fill="#555" d="M0 0h65v20H0z"/>        <path fill="#4051b5" 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://Python-Markdown.github.io/'><svg xmlns="http://www.w3.org/2000/svg" width="97" 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="97" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_141)">        <path fill="#555" d="M0 0h68v20H0z"/>        <path fill="#4051b5" d="M68 0h29v20H68z"/>        <path fill="url(#b)" d="M0 0h97v20H0z"/>    </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="83.5" y="15" fill="#010101" fill-opacity=".3">3.7</text>        <text x="82.5" y="14">3.7</text>    </g></svg></a></body>
<body><a href='https://markupsafe.palletsprojects.com/'><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_142">        <rect width="121" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_142)">        <path fill="#555" d="M0 0h80v20H0z"/>        <path fill="#4051b5" 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">3.0.2</text>        <text x="100.5" y="14">3.0.2</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_143">        <rect width="90" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_143)">        <path fill="#555" d="M0 0h42v20H0z"/>        <path fill="#4051b5" 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.16.0</text>        <text x="66.0" y="14">2.16.0</text>    </g></svg></a></body>
<body><a href='https://github.com/mkdocs/get-deps'><svg xmlns="http://www.w3.org/2000/svg" width="155" 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="155" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_144)">        <path fill="#555" d="M0 0h114v20H0z"/>        <path fill="#4051b5" d="M114 0h41v20H114z"/>        <path fill="url(#b)" d="M0 0h155v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="58.0" y="15" fill="#010101" fill-opacity=".3">mkdocs-get-deps</text>        <text x="57.0" y="14">mkdocs-get-deps</text>    </g>    <g fill="#333333" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="135.5" y="15" fill="#010101" fill-opacity=".3">0.2.0</text>        <text x="134.5" y="14">0.2.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_145">        <rect width="116" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_145)">        <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://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_146">        <rect width="117" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_146)">        <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>
<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_147">        <rect width="96" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_147)">        <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.2</text>        <text x="75.5" y="14">6.0.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_148">        <rect width="106" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_148)">        <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">24.2</text>        <text x="88.0" y="14">24.2</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_149">        <rect width="80" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_149)">        <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://github.com/python/importlib_metadata'><svg xmlns="http://www.w3.org/2000/svg" width="167" 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="167" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_150)">        <path fill="#555" d="M0 0h126v20H0z"/>        <path fill="#4c1" d="M126 0h41v20H126z"/>        <path fill="url(#b)" d="M0 0h167v20H0z"/>    </g>    <g fill="#fff" 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">importlib_metadata</text>        <text x="63.0" y="14">importlib_metadata</text>    </g>    <g fill="" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="147.5" y="15" fill="#010101" fill-opacity=".3">8.5.0</text>        <text x="146.5" y="14">8.5.0</text>    </g></svg></a></body>
<body><a href='https://jinja.palletsprojects.com/'><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_151">        <rect width="87" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_151)">        <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.4</text>        <text x="66.5" y="14">3.1.4</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_152">        <rect width="135" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_152)">        <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://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_153">        <rect width="105" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_153)">        <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">6.0.0</text>        <text x="84.5" y="14">6.0.0</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.12.1</text>        <text x="88.0" y="14">0.12.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_155">        <rect width="106" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_155)">        <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://Python-Markdown.github.io/'><svg xmlns="http://www.w3.org/2000/svg" width="97" 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="97" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_156)">        <path fill="#555" d="M0 0h68v20H0z"/>        <path fill="#4c1" d="M68 0h29v20H68z"/>        <path fill="url(#b)" d="M0 0h97v20H0z"/>    </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="83.5" y="15" fill="#010101" fill-opacity=".3">3.7</text>        <text x="82.5" y="14">3.7</text>    </g></svg></a></body>
<body><a href='https://markupsafe.palletsprojects.com/'><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_157">        <rect width="121" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_157)">        <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">3.0.2</text>        <text x="100.5" y="14">3.0.2</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_158">        <rect width="90" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_158)">        <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.16.0</text>        <text x="66.0" y="14">2.16.0</text>    </g></svg></a></body>
<body><a href='https://github.com/mkdocs/get-deps'><svg xmlns="http://www.w3.org/2000/svg" width="155" 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="155" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_159)">        <path fill="#555" d="M0 0h114v20H0z"/>        <path fill="#4c1" d="M114 0h41v20H114z"/>        <path fill="url(#b)" d="M0 0h155v20H0z"/>    </g>    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="58.0" y="15" fill="#010101" fill-opacity=".3">mkdocs-get-deps</text>        <text x="57.0" y="14">mkdocs-get-deps</text>    </g>    <g fill="" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">        <text x="135.5" y="15" fill="#010101" fill-opacity=".3">0.2.0</text>        <text x="134.5" y="14">0.2.0</text>    </g></svg></a></body>

MkMetadataBadges
├── MkBadge('mergedeep', '1.3.4')
├── MkBadge('ghp-import', '2.1.0')
├── MkBadge('PyYAML', '6.0.2')
├── MkBadge('packaging', '24.2')
├── MkBadge('click', '8.1.7')
├── MkBadge('importlib_metadata', '8.5.0')
├── MkBadge('Jinja2', '3.1.4')
├── MkBadge('pyyaml_env_tag', '0.1')
├── MkBadge('watchdog', '6.0.0')
├── MkBadge('pathspec', '0.12.1')
├── MkBadge('colorama', '0.4.6')
├── MkBadge('Markdown', '3.7')
├── MkBadge('MarkupSafe', '3.0.2')
├── MkBadge('babel', '2.16.0')
╰── MkBadge('mkdocs-get-deps', '0.2.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 OS Independent Operating System Python :: 3 Programming Language Python :: 3 :: Only Programming Language Python :: 3.12 Programming Language Python :: 3.13 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_160">        <rect width="184" height="20" rx="10" fill="#fff"/>    </mask>    <g mask="url(#anybadge_160)">        <path fill="#4051b5" 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_161">        <rect width="129" height="20" rx="10" fill="#fff"/>    </mask>    <g mask="url(#anybadge_161)">        <path fill="#4051b5" 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_162">        <rect width="195" height="20" rx="10" fill="#fff"/>    </mask>    <g mask="url(#anybadge_162)">        <path fill="#4051b5" 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="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_163">        <rect width="221" height="20" rx="10" fill="#fff"/>    </mask>    <g mask="url(#anybadge_163)">        <path fill="#4051b5" 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_164">        <rect width="223" height="20" rx="10" fill="#fff"/>    </mask>    <g mask="url(#anybadge_164)">        <path fill="#4051b5" 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_165">        <rect width="269" height="20" rx="10" fill="#fff"/>    </mask>    <g mask="url(#anybadge_165)">        <path fill="#4051b5" 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_166">        <rect width="242" height="20" rx="10" fill="#fff"/>    </mask>    <g mask="url(#anybadge_166)">        <path fill="#4051b5" 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="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_167">        <rect width="242" height="20" rx="10" fill="#fff"/>    </mask>    <g mask="url(#anybadge_167)">        <path fill="#4051b5" 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.13</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_168">        <rect width="373" height="20" rx="10" fill="#fff"/>    </mask>    <g mask="url(#anybadge_168)">        <path fill="#4051b5" 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_169">        <rect width="139" height="20" rx="10" fill="#fff"/>    </mask>    <g mask="url(#anybadge_169)">        <path fill="#4051b5" 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_170">        <rect width="101" height="20" rx="10" fill="#fff"/>    </mask>    <g mask="url(#anybadge_170)">        <path fill="#4051b5" 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_171">        <rect width="287" height="20" rx="10" fill="#fff"/>    </mask>    <g mask="url(#anybadge_171)">        <path fill="#4051b5" 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_172">        <rect width="294" height="20" rx="10" fill="#fff"/>    </mask>    <g mask="url(#anybadge_172)">        <path fill="#4051b5" 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_173">        <rect width="286" height="20" rx="10" fill="#fff"/>    </mask>    <g mask="url(#anybadge_173)">        <path fill="#4051b5" 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')

Python Python >=3.12 >=3.12 

<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_174">        <rect width="117" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_174)">        <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.12</text>        <text x="83.5" y="14">&gt;=3.12</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_175">        <rect width="60" height="20" rx="3" fill="#fff"/>    </mask>    <g mask="url(#anybadge_175)">        <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.12', badge_color='red')

Bases: MkContainer

__init__ 

__init__(
    typ: 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
  94721312353952["mkmetadatabadges.MkMetadataBadges"]
  94721311697232["mkcontainer.MkContainer"]
  94721308848336["mknode.MkNode"]
  94721311766592["node.Node"]
  140564252373184["builtins.object"]
  94721311697232 --> 94721312353952
  94721308848336 --> 94721311697232
  94721311766592 --> 94721308848336
  140564252373184 --> 94721311766592
/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
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
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.

        Args:
            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