LoveIt/assets/svg/version.template.svg
Dillon 3040ffa107
feat: improve browser compatibility for TypeIt and object-fit (#293)
* object-fit polyfill
* TypeIt 7.0.3 -> 6.5.1
2020-04-30 23:21:52 +08:00

20 lines
1 KiB
XML

{{- /* https://img.shields.io/badge/$label-$version-$color?style=flat-square&labelColor=403c3d */ -}}
{{- $labelLength := strings.RuneCount .label | mul 64 | add 100 -}}
{{- $versionLength := strings.RuneCount .version | mul 60 -}}
{{- $width := add $labelLength $versionLength | add 200 -}}
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 {{ $width }} 200">
<g shape-rendering="crispEdges">
{{- $x1 := add $labelLength 100 -}}
{{- $x2 := add $versionLength 100 -}}
<path fill="#403c3d" d="M0 0h{{ $x1 }}v200H0z"/>
<path fill="#{{ .color }}" d="M{{ $x1 }} 0h{{ $x2 }}v200H{{ $x1 }}z"/>
</g>
<g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="110">
<text x="{{ div $labelLength 2 | add 60 }}" y="140" textLength="{{ $labelLength }}">
{{- .label -}}
</text>
<text x="{{ div $versionLength 2 | add $labelLength | add 140 }}" y="140" textLength="{{ $versionLength }}">
{{- .version -}}
</text>
</g>
</svg>