Updated logo for Safari compatability

borgholt · borgholt · commit d83ee1022304 · 2025-10-01T12:08:18.000+02:00
diff --git a/.github/assets/logo.svg b/.github/assets/logo.svg
@@ -1,57 +1,27 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="1200" height="320" viewBox="0 0 1200 320" role="img" aria-label="ErrorAlign logo" overflow="visible">
-  <defs>
-    <!-- Red to Black to Green gradient (black dominant) -->
-    <linearGradient id="g" x1="0" x2="1" y1="0" y2="1">
-      <stop offset="0" stop-color="#ff0033" />         <!-- Red -->
-      <stop offset="0.55" stop-color="#000000" />      <!-- Early transition to Black -->
-      <stop offset="0.65" stop-color="rgba(0, 0, 0, 1)" />      <!-- Black dominant region -->
-      <stop offset="1" stop-color="#28b33fff" />         <!-- Green -->
-    </linearGradient>
 
-    <!-- Soft drop shadow -->
-    <filter id="ds" x="-50%" y="-50%" width="200%" height="200%">
-      <feGaussianBlur stdDeviation="8" result="b" />
-      <feOffset dx="8" dy="-4" result="o" />
-      <feMerge>
-        <feMergeNode in="o"/>
-        <feMergeNode in="SourceGraphic"/>
-      </feMerge>
-      <feColorMatrix type="matrix" values="0 0 0 0 0
-                                           0 0 0 0 0
-                                           0 0 0 0 0
-                                           0 0 0 0.25" />
-    </filter>
+  <!-- outer black border -->
+  <rect x="197" y="40" width="880" height="220" fill="black" stroke="black" stroke-width="10" transform="skewX(-12)"/>
 
-    <!-- Slight outline for contrast -->
-    <mask id="soft-edge">
-      <rect width="100%" height="100%" fill="white"/>
-    </mask>
+  <!-- outer white border -->
+  <rect x="207" y="50" width="860" height="200" fill="white" stroke="white" stroke-width="10" transform="skewX(-12)"/>
 
-    <!-- Blur filter for cloud -->
-    <filter id="cloud-blur" x="-50%" y="-50%" width="200%" height="200%">
-      <feGaussianBlur stdDeviation="40"/>
-    </filter>
-  </defs>
-
-  <!-- soft white gradient cloud behind text -->
-  <ellipse cx="600" cy="160" rx="500" ry="160" fill="url(#cloud-grad)" filter="url(#cloud-blur)"/>
+  <!-- inner black border rectangle -->
+  <rect x="217" y="60" width="840" height="180" fill="white" stroke="black" stroke-width="10" transform="skewX(-12)"/>
 
   <!-- the text -->
-  <g filter="url(#ds)" mask="url(#soft-edge)">
-    <text x="50%" y="160"
-          text-anchor="middle"
-          dominant-baseline="middle"
-          font-family="Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif"
-          font-weight="700"
-          font-style="italic"
-          font-size="220"
-          letter-spacing="-2"
-          fill="url(#g)"
-          stroke="#bebebeff"
-          stroke-opacity="1"
-          stroke-width="20"
-          paint-order="stroke fill">
-      ErrorAlign
-    </text>
-  </g>
+  <text x="50%" y="167"
+        text-anchor="middle"
+        dominant-baseline="middle"
+        font-family="Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif"
+        font-weight="700"
+        font-style="italic"
+        font-size="175"
+        stroke="#000000ff"
+        stroke-opacity="1"
+        stroke-width="6"
+        letter-spacing="-2"
+        fill="#caffb5ff">
+    ErrorAlign
+  </text>
 </svg>
diff --git a/README.md b/README.md
@@ -1,5 +1,5 @@
 <p align="center">
-  <img src="https://raw.githubusercontent.com/borgholt/error-align/9f06b4f1025b1d1b1c61f11378e719951bb8918c/.github/assets/logo.svg" alt="ErrorAlign Logo" width="58%"/>
+  <img src=".github/assets/logo.svg" alt="ErrorAlign Logo" width="75%"/>
 </p>
 
 <p align="center">
