Changes between Version 4 and Version 5 of members/GRIP-UQAM/Web_badge


Ignore:
Timestamp:
Jan 9, 2017, 3:54:14 PM (3 years ago)
Author:
https://id.mayfirst.org/gripuqam
Comment:

--

Legend:

Unmodified
Added
Removed
Modified
  • members/GRIP-UQAM/Web_badge

    v4 v5  
    290290== Comparison of Code ==
    291291https://poser.pugx.org/ and http://phppackages.org/ look very similar and easier to understand than others.
     292{{{#!svg
     293<svg xmlns="http://www.w3.org/2000/svg" width="$_____(total)" height="20">
     294    <linearGradient id="b" x2="0" y2="100%">
     295        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
     296        <stop offset="1" stop-opacity=".1"/>
     297    </linearGradient>
     298    <mask id="a">
     299        <rect width="$_____(total)" height="20" rx="3" fill="#fff"/>
     300    </mask>
     301    <g mask="url(#a)">
     302        <rect width="$___(left)" height="20" fill="#555"/>
     303        <rect x="$___(left)" width="$__(right)" height="20" fill="#$______(color)"/>
     304        <rect width="$_____(total)" height="20" fill="url(#b)"/>
     305    </g>
     306    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">
     307        <text x="$_(middle of left = half of left)" y="15" fill="#010101" fill-opacity=".3">$_(text left)</text>
     308        <text x="$_(middle of left)" y="14">$_(text left)</text>
     309        <text x="$_(middle of right = total - half of right)" y="15" fill="#010101" fill-opacity=".3">$_(text right)</text>
     310        <text x="$_(middle of right)" y="14">$_(text right)</text>
     311    </g>
     312</svg>
     313}}}