ari/prideflag
ari/prideflag
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases 1 Wiki Activity

added intersex flag!

Browse source
This commit is contained in:
mellodoot 2023-03-18 04:31:35 +00:00
parent 7b90125f44
commit 35e0bbca0b
No known key found for this signature in database
GPG key ID: CB83FDC22E1F70F9
2 changed files with 28 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
pridetriangle.js
View file

@ -17,6 +17,18 @@ function create_rect(id, x, y, width, height, fill) {
return rect;
}
function create_circle(id, x, y, radius, stroke, stroke_width, fill) {
const circle = document.createElementNS("http://www.w3.org/2000/svg", "circle");
circle.setAttribute('id', id);
circle.setAttribute('cx', x);
circle.setAttribute('cy', y);
circle.setAttribute('r', radius);
circle.setAttribute('stroke', stroke);
circle.setAttribute('stroke-width', stroke_width);
circle.setAttribute('fill', fill);
return circle;
}
function create_svg() {
const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
svg.setAttribute("viewBox", "0 0 120 120");
@ -32,11 +44,14 @@ function create_svg() {
svg.appendChild(create_path("blue", "M120,80 V40 L80,80 L100,100 Z", "#081a9a"));
svg.appendChild(create_path("purple", "M120,80 L100,100 L120,120 Z", "#76008a"));
svg.appendChild(create_rect("black", "70", "0", "50", "50", "#010101"));
svg.appendChild(create_rect("brown", "80", "0", "40", "40", "#603814"));
svg.appendChild(create_rect("lightblue", "90", "0", "30", "30", "#73d6ed"));
svg.appendChild(create_rect("pink", "100", "0", "20", "20", "#ffafc8"));
svg.appendChild(create_rect("white", "110", "0", "10", "10", "#ffffff"));
svg.appendChild(create_rect("black", "60", "0", "60", "60", "#010101"));
svg.appendChild(create_rect("brown", "70", "0", "50", "50", "#603814"));
svg.appendChild(create_rect("lightblue", "80", "0", "40", "40", "#73d6ed"));
svg.appendChild(create_rect("pink", "90", "0", "30", "30", "#ffafc8"));
svg.appendChild(create_rect("white", "100", "0", "20", "20", "#ffffff"));
svg.appendChild(create_rect("intyellow", "110", "0", "10", "10", "#fed800"));
svg.appendChild(create_circle("intpurple", "120", "0", "5", "#7800ab", "2", "none"));
return svg;
}

13
pridetriangle.svg
View file

@ -6,9 +6,12 @@
<path id="blue" d="M80,0 H40 L20,20 L40,40 Z" style="fill:#081a9a"/>
<path id="purple" d="M40,0 H0 L20,20 Z" style="fill:#76008a"/>
<rect id="black" x="70" width="50" height="50" style="fill:#010101"/>
<rect id="brown" x="80" width="40" height="40" style="fill:#603814"/>
<rect id="lightblue" x="90" width="30" height="30" style="fill:#73d6ed"/>
<rect id="pink" x="100" width="20" height="20" style="fill:#ffafc8"/>
<rect id="white" x="110" width="10" height="10" style="fill:#fff"/>
<rect id="black" x="60" width="60" height="60" style="fill:#010101"/>
<rect id="brown" x="70" width="50" height="50" style="fill:#603814"/>
<rect id="lightblue" x="80" width="40" height="40" style="fill:#73d6ed"/>
<rect id="pink" x="90" width="30" height="30" style="fill:#ffafc8"/>
<rect id="white" x="100" width="20" height="20" style="fill:#fff"/>
<rect id="intyellow" x="110" width="10" height="10" style="fill:#fed800"/>
<circle id="intpurple" cx="120" cy="0" r="5" stroke="#7601ad" stroke-width="2" fill="none"/>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 889 B

After

Width:  |  Height:  |  Size: 1 KiB