Changeset 546f102 in Klonkt

Timestamp:

06/22/2026 01:28:34 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

628056f

Parents:

d29f427

Message:

feat(circles): icon exactly matching reference — 3 hollow nodes, double arrow + 2 directed arrows

Co-Authored-By: Claude <noreply@…>

Location:

src

Files:

• assets/img/cirkel-logo.svg (modified) (1 diff)
• views/pages/circle-feed.ejs (modified) (1 diff)

src/assets/img/cirkel-logo.svg

@@ -1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="none" stroke="black" stroke-width="5" stroke-linecap="round" stroke-linejoin="round">
   <defs>
-    <marker id="cf-a" viewBox="0 0 10 10" refX="7" refY="5" markerWidth="3.4" markerHeight="3.4" orient="auto-start-reverse">
-      <path d="M2 2 L7 5 L2 8" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+    <marker id="cf-a" viewBox="0 0 10 10" refX="6.5" refY="5" markerWidth="3" markerHeight="3" orient="auto-start-reverse">
+      <path d="M2 2 L7 5 L2 8" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
     </marker>
   </defs>
-  <circle cx="32" cy="32" r="29"/>
-  <line x1="30.5" y1="22" x2="37.5" y2="22" marker-end="url(#cf-a)"/>
-  <line x1="37.5" y1="25.5" x2="30.5" y2="25.5" marker-end="url(#cf-a)"/>
-  <line x1="42.2" y1="28.4" x2="40.8" y2="38.1" marker-end="url(#cf-a)"/>
-  <line x1="26.3" y1="39.7" x2="34.3" y2="42.2" marker-end="url(#cf-a)"/>
-  <circle cx="25" cy="24" r="4.5"/>
-  <circle cx="43" cy="23" r="4.5"/>
-  <circle cx="40" cy="44" r="4.5"/>
-  <circle cx="21" cy="38" r="4.5"/>
+  <circle cx="50" cy="50" r="45"/>
+  <line x1="35" y1="40" x2="54" y2="29" marker-start="url(#cf-a)" marker-end="url(#cf-a)"/>
+  <line x1="65" y1="34" x2="65" y2="61" marker-end="url(#cf-a)"/>
+  <line x1="33.2" y1="53.3" x2="54" y2="66.2" marker-end="url(#cf-a)"/>
+  <circle cx="23" cy="47" r="9"/>
+  <circle cx="65" cy="23" r="9"/>
+  <circle cx="65" cy="73" r="9"/>
 </svg>

src/views/pages/circle-feed.ejs

@@ -1 +1 @@
 <div class="container cirkel-hero">
   <span class="cirkel-badge" aria-hidden="true">
-    <svg viewBox="0 0 64 64" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
+    <svg viewBox="0 0 100 100" fill="none" stroke="currentColor" stroke-width="5" stroke-linecap="round" stroke-linejoin="round">
       <defs>
-        <marker id="cf-a" viewBox="0 0 10 10" refX="7" refY="5" markerWidth="3.4" markerHeight="3.4" orient="auto-start-reverse"><path d="M2 2 L7 5 L2 8" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></marker>
+        <marker id="cf-a" viewBox="0 0 10 10" refX="6.5" refY="5" markerWidth="3" markerHeight="3" orient="auto-start-reverse"><path d="M2 2 L7 5 L2 8" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></marker>
       </defs>
-      <circle cx="32" cy="32" r="29"/>
-      <line x1="30.5" y1="22" x2="37.5" y2="22" marker-end="url(#cf-a)"/>
-      <line x1="37.5" y1="25.5" x2="30.5" y2="25.5" marker-end="url(#cf-a)"/>
-      <line x1="42.2" y1="28.4" x2="40.8" y2="38.1" marker-end="url(#cf-a)"/>
-      <line x1="26.3" y1="39.7" x2="34.3" y2="42.2" marker-end="url(#cf-a)"/>
-      <circle cx="25" cy="24" r="4.5"/>
-      <circle cx="43" cy="23" r="4.5"/>
-      <circle cx="40" cy="44" r="4.5"/>
-      <circle cx="21" cy="38" r="4.5"/>
+      <circle cx="50" cy="50" r="45"/>
+      <line x1="35" y1="40" x2="54" y2="29" marker-start="url(#cf-a)" marker-end="url(#cf-a)"/>
+      <line x1="65" y1="34" x2="65" y2="61" marker-end="url(#cf-a)"/>
+      <line x1="33.2" y1="53.3" x2="54" y2="66.2" marker-end="url(#cf-a)"/>
+      <circle cx="23" cy="47" r="9"/>
+      <circle cx="65" cy="23" r="9"/>
+      <circle cx="65" cy="73" r="9"/>
     </svg>
   </span>