From 7640ab8285676589ae205e817d3c41ef14327159 Mon Sep 17 00:00:00 2001
From: Vivek <vivek7405@gmail.com>
Date: Thu, 30 Jul 2026 13:49:18 +0530
Subject: [PATCH] fix: replace the wordmark's SVG mask with plain filled paths

Reported live: on mobile Safari the header logo's 'W' rendered as a
solid near-white rectangle in dark theme, while 'bJs' (plain filled
paths, no mask) rendered fine. Confirmed the committed source, the
Railway origin, and the Cloudflare-served asset are byte-identical, so
this is not the separate Cloudflare staleness issue, it is a genuine
rendering bug in the asset technique.

All four affected files (both lockup variants, both mark variants)
built the 'W' via an SVG <mask>: a stroked zigzag painted white inside
a black rect, with a further black rect punching a horizontal slice
through the middle. An <img> that starts display:none (exactly what
hidden dark:block produces for the two theme variants) and later
becomes visible is a known WebKit failure mode for masks: the browser
can skip reapplying the mask on first paint and show the raw unmasked
base rect instead, which for the dark variant is #f7f5f2, matching the
reported white box exactly.

Replace the mask in all four files with two plain filled <path>
elements (the miter-stroke outline of the same zigzag, clipped against
the same horizontal band via Sutherland-Hodgman), the same technique
'bJs' already uses and which never exhibits this bug. Verified
pixel-identical to the mask rendering for all four files: 0 differing
pixels at 3% fuzz (antialiasing only) against a neutral background.

webjs-monogram.svg and webjs-monogram-on-light.svg are unaffected:
they cut the slice by painting a rect in the tile's own solid
background color, which needs no mask since that tile's background is
known and solid, unlike the wordmark/mark files sitting on arbitrary
page content.

Rebuilt webjs-brand-assets.zip so the download bundle matches.

Closes #1184
---
 website/public/brand/webjs-brand-assets.zip   | Bin 5758 -> 5613 bytes
 website/public/brand/webjs-lockup-on-dark.svg |  12 ++----------
 .../public/brand/webjs-lockup-on-light.svg    |  12 ++----------
 website/public/brand/webjs-mark-on-dark.svg   |  12 ++----------
 website/public/brand/webjs-mark-on-light.svg  |  12 ++----------
 5 files changed, 8 insertions(+), 40 deletions(-)

diff --git a/website/public/brand/webjs-brand-assets.zip b/website/public/brand/webjs-brand-assets.zip
index b1773d4995a412f73deb97b37bae3c25c4a86671..4fda98356b775c0afc1d696ebb281cffe6dcec0e 100644
GIT binary patch
delta 3547
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

delta 3702
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
Z*#Q87e?ot!TJe)RK(g$w4(3e2{{baE#Ww%|

diff --git a/website/public/brand/webjs-lockup-on-dark.svg b/website/public/brand/webjs-lockup-on-dark.svg
index 589aefec3..ab567ec77 100644
--- a/website/public/brand/webjs-lockup-on-dark.svg
+++ b/website/public/brand/webjs-lockup-on-dark.svg
@@ -1,14 +1,6 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 722 190" width="722" height="190" role="img" aria-label="WebJs">
-  <defs>
-    <mask id="wj" maskUnits="userSpaceOnUse" x="0" y="0" width="340" height="190">
-      <rect x="0" y="0" width="340" height="190" fill="#000"/>
-      <g transform="translate(40,0) skewX(-14)">
-        <path d="M10 10 L60 150 L110 66 L160 150 L210 10" fill="none" stroke="#fff" stroke-width="32" stroke-linejoin="miter" stroke-linecap="butt"/>
-      </g>
-      <rect x="0" y="80" width="235" height="11" fill="#000"/>
-    </mask>
-  </defs>
-  <rect x="0" y="0" width="340" height="190" fill="#f7f5f2" mask="url(#wj)"/>
+  <path fill="#f7f5f2" d="M 31.097 15.381 L 38.064 80.000 L 222.044 80.000 L 261.233 15.381 L 233.781 4.619 L 188.064 80.000 L 157.007 80.000 L 141.344 34.718 L 103.100 80.000 L 72.044 80.000 L 63.916 4.619 Z"/>
+  <path fill="#f7f5f2" d="M 39.250 91.000 L 49.642 187.390 L 125.745 97.282 L 156.915 187.390 L 215.372 91.000 L 181.393 91.000 L 168.287 112.610 L 160.812 91.000 L 93.810 91.000 L 75.559 112.610 L 73.230 91.000 Z"/>
   <g fill="#f7f5f2">
     <path transform="translate(222.00,150) scale(0.071023,-0.071023)" d="M744 -28Q498 -28 336 66.5Q174 161 108 338.5Q42 516 84 764Q124 1002 249.5 1180Q375 1358 566.5 1457Q758 1556 996 1556Q1170 1556 1301.5 1502Q1433 1448 1516 1345Q1599 1242 1628.5 1096.5Q1658 951 1628 768L1608 640L236 640L284 944L1148 944Q1158 1010 1135.5 1060.5Q1113 1111 1064.5 1139.5Q1016 1168 948 1168Q880 1168 820.5 1139Q761 1110 719.5 1058Q678 1006 664 936L604 616Q592 542 613 484Q634 426 686 393Q738 360 820 360Q876 360 926.5 375.5Q977 391 1016.5 421.5Q1056 452 1080 496L1584 496Q1530 336 1413.5 218.5Q1297 101 1127.5 36.5Q958 -28 744 -28Z"/>
     <path transform="translate(343.59,150) scale(0.071023,-0.071023)" d="M4 0L344 2048L896 2048L768 1268L776 1268Q818 1346 887 1411.5Q956 1477 1049 1516.5Q1142 1556 1256 1556Q1408 1556 1531.5 1475Q1655 1394 1712.5 1220Q1770 1046 1724 768Q1680 502 1568 327Q1456 152 1304 66Q1152 -20 988 -20Q880 -20 801.5 15.5Q723 51 674.5 112.5Q626 174 608 252L592 252L552 0ZM672 768Q654 656 670 574.5Q686 493 733 448.5Q780 404 856 404Q932 404 993 447.5Q1054 491 1096 572.5Q1138 654 1156 768Q1174 882 1159 963.5Q1144 1045 1098 1088.5Q1052 1132 976 1132Q900 1132 838 1088.5Q776 1045 733 963.5Q690 882 672 768Z"/>
diff --git a/website/public/brand/webjs-lockup-on-light.svg b/website/public/brand/webjs-lockup-on-light.svg
index 07dcb9dc1..f1a796362 100644
--- a/website/public/brand/webjs-lockup-on-light.svg
+++ b/website/public/brand/webjs-lockup-on-light.svg
@@ -1,14 +1,6 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 722 190" width="722" height="190" role="img" aria-label="WebJs">
-  <defs>
-    <mask id="wj" maskUnits="userSpaceOnUse" x="0" y="0" width="340" height="190">
-      <rect x="0" y="0" width="340" height="190" fill="#000"/>
-      <g transform="translate(40,0) skewX(-14)">
-        <path d="M10 10 L60 150 L110 66 L160 150 L210 10" fill="none" stroke="#fff" stroke-width="32" stroke-linejoin="miter" stroke-linecap="butt"/>
-      </g>
-      <rect x="0" y="80" width="235" height="11" fill="#000"/>
-    </mask>
-  </defs>
-  <rect x="0" y="0" width="340" height="190" fill="#161311" mask="url(#wj)"/>
+  <path fill="#161311" d="M 31.097 15.381 L 38.064 80.000 L 222.044 80.000 L 261.233 15.381 L 233.781 4.619 L 188.064 80.000 L 157.007 80.000 L 141.344 34.718 L 103.100 80.000 L 72.044 80.000 L 63.916 4.619 Z"/>
+  <path fill="#161311" d="M 39.250 91.000 L 49.642 187.390 L 125.745 97.282 L 156.915 187.390 L 215.372 91.000 L 181.393 91.000 L 168.287 112.610 L 160.812 91.000 L 93.810 91.000 L 75.559 112.610 L 73.230 91.000 Z"/>
   <g fill="#161311">
     <path transform="translate(222.00,150) scale(0.071023,-0.071023)" d="M744 -28Q498 -28 336 66.5Q174 161 108 338.5Q42 516 84 764Q124 1002 249.5 1180Q375 1358 566.5 1457Q758 1556 996 1556Q1170 1556 1301.5 1502Q1433 1448 1516 1345Q1599 1242 1628.5 1096.5Q1658 951 1628 768L1608 640L236 640L284 944L1148 944Q1158 1010 1135.5 1060.5Q1113 1111 1064.5 1139.5Q1016 1168 948 1168Q880 1168 820.5 1139Q761 1110 719.5 1058Q678 1006 664 936L604 616Q592 542 613 484Q634 426 686 393Q738 360 820 360Q876 360 926.5 375.5Q977 391 1016.5 421.5Q1056 452 1080 496L1584 496Q1530 336 1413.5 218.5Q1297 101 1127.5 36.5Q958 -28 744 -28Z"/>
     <path transform="translate(343.59,150) scale(0.071023,-0.071023)" d="M4 0L344 2048L896 2048L768 1268L776 1268Q818 1346 887 1411.5Q956 1477 1049 1516.5Q1142 1556 1256 1556Q1408 1556 1531.5 1475Q1655 1394 1712.5 1220Q1770 1046 1724 768Q1680 502 1568 327Q1456 152 1304 66Q1152 -20 988 -20Q880 -20 801.5 15.5Q723 51 674.5 112.5Q626 174 608 252L592 252L552 0ZM672 768Q654 656 670 574.5Q686 493 733 448.5Q780 404 856 404Q932 404 993 447.5Q1054 491 1096 572.5Q1138 654 1156 768Q1174 882 1159 963.5Q1144 1045 1098 1088.5Q1052 1132 976 1132Q900 1132 838 1088.5Q776 1045 733 963.5Q690 882 672 768Z"/>
diff --git a/website/public/brand/webjs-mark-on-dark.svg b/website/public/brand/webjs-mark-on-dark.svg
index 668ffade2..d9e29237b 100644
--- a/website/public/brand/webjs-mark-on-dark.svg
+++ b/website/public/brand/webjs-mark-on-dark.svg
@@ -1,12 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="24 -4 248 196" width="248" height="196" role="img" aria-label="WebJs">
-  <defs>
-    <mask id="w" maskUnits="userSpaceOnUse" x="24" y="-4" width="248" height="196">
-      <rect x="24" y="-4" width="248" height="196" fill="#000"/>
-      <g transform="translate(40,0) skewX(-14)">
-        <path d="M10 10 L60 150 L110 66 L160 150 L210 10" fill="none" stroke="#fff" stroke-width="32" stroke-linejoin="miter" stroke-linecap="butt"/>
-      </g>
-      <rect x="24" y="80" width="248" height="11" fill="#000"/>
-    </mask>
-  </defs>
-  <rect x="24" y="-4" width="248" height="196" fill="#ffffff" mask="url(#w)"/>
+  <path fill="#ffffff" d="M 31.097 15.381 L 38.064 80.000 L 222.044 80.000 L 261.233 15.381 L 233.781 4.619 L 188.064 80.000 L 157.007 80.000 L 141.344 34.718 L 103.100 80.000 L 72.044 80.000 L 63.916 4.619 Z"/>
+  <path fill="#ffffff" d="M 39.250 91.000 L 49.642 187.390 L 125.745 97.282 L 156.915 187.390 L 215.372 91.000 L 181.393 91.000 L 168.287 112.610 L 160.812 91.000 L 93.810 91.000 L 75.559 112.610 L 73.230 91.000 Z"/>
 </svg>
diff --git a/website/public/brand/webjs-mark-on-light.svg b/website/public/brand/webjs-mark-on-light.svg
index 86d14d479..230cb5411 100644
--- a/website/public/brand/webjs-mark-on-light.svg
+++ b/website/public/brand/webjs-mark-on-light.svg
@@ -1,12 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="24 -4 248 196" width="248" height="196" role="img" aria-label="WebJs">
-  <defs>
-    <mask id="w" maskUnits="userSpaceOnUse" x="24" y="-4" width="248" height="196">
-      <rect x="24" y="-4" width="248" height="196" fill="#000"/>
-      <g transform="translate(40,0) skewX(-14)">
-        <path d="M10 10 L60 150 L110 66 L160 150 L210 10" fill="none" stroke="#fff" stroke-width="32" stroke-linejoin="miter" stroke-linecap="butt"/>
-      </g>
-      <rect x="24" y="80" width="248" height="11" fill="#000"/>
-    </mask>
-  </defs>
-  <rect x="24" y="-4" width="248" height="196" fill="#000000" mask="url(#w)"/>
+  <path fill="#000000" d="M 31.097 15.381 L 38.064 80.000 L 222.044 80.000 L 261.233 15.381 L 233.781 4.619 L 188.064 80.000 L 157.007 80.000 L 141.344 34.718 L 103.100 80.000 L 72.044 80.000 L 63.916 4.619 Z"/>
+  <path fill="#000000" d="M 39.250 91.000 L 49.642 187.390 L 125.745 97.282 L 156.915 187.390 L 215.372 91.000 L 181.393 91.000 L 168.287 112.610 L 160.812 91.000 L 93.810 91.000 L 75.559 112.610 L 73.230 91.000 Z"/>
 </svg>