label_openbmc_ver_2.3.svg

<!--
Notice Github disables rendering svg to avoid cross site scripting attack.
refer to : https://stackoverflow.com/questions/13808020/include-an-svg-hosted-on-github-in-markdown 
we need a relay which gives proper content type, like 
visit https://rawgit.com/ to get a relayed url for svg images.
-->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 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>
    <clipPath id="a">
        <rect width="90" height="20" rx="3" fill="#fff"/>
    </clipPath>
    <g clip-path="url(#a)">
        <path fill="#555" d="M0 0h60v20H0z"/>
        <path fill="#4183C4" d="M60 0h30v20H60z"/>
        <path fill="url(#b)" d="M0 0h90v20H0z"/>
    </g>
    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="110"> 
        <!-- 
        for 60 + 30 icon, after unscaled, it becomes 600 + 300.
        with font size as 110, take it as 120, margin as 200-120 / 2 = 80/2 = 40
        if left-aligned :
            text 1 should be drawn in rect 40,40 - 560,160 (text length=520), base point = 40, 150
            text 2 should be drawn in rect 640,40 - 860,160 (text length=220), base point = 640, 150

            <text x="40" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)">openbmc</text>
            <text x="40" y="140" transform="scale(.1)">openbmc</text>
            <text x="640" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)">2.3</text>
            <text x="640" y="140" transform="scale(.1)">2.3</text>

        if middle-aligned :
            text 1 should be drawn centered at 300,100, base point = 300, 150
            text 2 should be drawn centered at 750,100, base point = 750, 150
        the first line to draw shadow and the 2nd line draw front text.
        -->
        <text x="300" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)">openbmc</text>
        <text x="300" y="140" transform="scale(.1)">openbmc</text>
        <text x="750" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)">2.3</text>
        <text x="750" y="140" transform="scale(.1)">2.3</text>
    </g> 
</svg>