From 35e0bbca0b6f376d709e87ea18fb616036e5aadc Mon Sep 17 00:00:00 2001
From: mellodoot <me@mellodoot.com>
Date: Sat, 18 Mar 2023 04:31:35 +0000
Subject: [PATCH] added intersex flag!

---
 pridetriangle.js  | 25 ++++++++++++++++++++-----
 pridetriangle.svg | 13 ++++++++-----
 2 files changed, 28 insertions(+), 10 deletions(-)

diff --git a/pridetriangle.js b/pridetriangle.js
index 9212b6c..4724509 100644
--- a/pridetriangle.js
+++ b/pridetriangle.js
@@ -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;
 }
diff --git a/pridetriangle.svg b/pridetriangle.svg
index 4227c7b..fda4bb5 100644
--- a/pridetriangle.svg
+++ b/pridetriangle.svg
@@ -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>
\ No newline at end of file