Преглед на файлове

docs: simplify wordmark to single SVG with CSS theme switch

- Single inkos-text.svg with prefers-color-scheme media query
- Remove ink drop, keep swoosh underline
- Title h3 → h2 for larger font
majx_mac преди 8 месеца
родител
ревизия
bdb6dfa694
променени са 5 файла, в които са добавени 44 реда и са изтрити 96 реда
  1. 2 6
      README.en.md
  2. 2 6
      README.md
  3. 0 45
      assets/inkos-text-dark.svg
  4. 0 39
      assets/inkos-text-light.svg
  5. 40 0
      assets/inkos-text.svg

+ 2 - 6
README.en.md

@@ -1,13 +1,9 @@
 <p align="center">
   <img src="assets/logo.svg" width="120" height="120" alt="InkOS Logo">
-  <picture>
-    <source media="(prefers-color-scheme: dark)" srcset="assets/inkos-text-dark.svg">
-    <source media="(prefers-color-scheme: light)" srcset="assets/inkos-text-light.svg">
-    <img src="assets/inkos-text-light.svg" width="240" height="70" alt="InkOS">
-  </picture>
+  <img src="assets/inkos-text.svg" width="240" height="65" alt="InkOS">
 </p>
 
-<h3 align="center">Multi-Agent Novel Production System</h3>
+<h2 align="center">Multi-Agent Novel Production System</h2>
 
 <p align="center">
   <a href="https://www.npmjs.com/package/@actalk/inkos"><img src="https://img.shields.io/npm/v/@actalk/inkos.svg?color=cb3837&logo=npm" alt="npm version"></a>

+ 2 - 6
README.md

@@ -1,13 +1,9 @@
 <p align="center">
   <img src="assets/logo.svg" width="120" height="120" alt="InkOS Logo">
-  <picture>
-    <source media="(prefers-color-scheme: dark)" srcset="assets/inkos-text-dark.svg">
-    <source media="(prefers-color-scheme: light)" srcset="assets/inkos-text-light.svg">
-    <img src="assets/inkos-text-light.svg" width="240" height="70" alt="InkOS">
-  </picture>
+  <img src="assets/inkos-text.svg" width="240" height="65" alt="InkOS">
 </p>
 
-<h3 align="center">自动化小说写作 CLI Agent</h3>
+<h2 align="center">自动化小说写作 CLI Agent</h2>
 
 <p align="center">
   <a href="https://www.npmjs.com/package/@actalk/inkos"><img src="https://img.shields.io/npm/v/@actalk/inkos.svg?color=cb3837&logo=npm" alt="npm version"></a>

+ 0 - 45
assets/inkos-text-dark.svg

@@ -1,45 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 340 100" fill="none">
-  <defs>
-    <linearGradient id="txt" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" stop-color="#fefae0"/>
-      <stop offset="50%" stop-color="#f4e8c1"/>
-      <stop offset="100%" stop-color="#dda15e"/>
-    </linearGradient>
-    <linearGradient id="accent" x1="0%" y1="0%" x2="100%" y2="0%">
-      <stop offset="0%" stop-color="#f4a261"/>
-      <stop offset="100%" stop-color="#e76f51"/>
-    </linearGradient>
-    <linearGradient id="drop" x1="0%" y1="0%" x2="0%" y2="100%">
-      <stop offset="0%" stop-color="#f4a261"/>
-      <stop offset="100%" stop-color="#e76f51"/>
-    </linearGradient>
-    <filter id="glow">
-      <feGaussianBlur stdDeviation="3" result="blur"/>
-      <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
-    </filter>
-    <filter id="textGlow">
-      <feGaussianBlur in="SourceGraphic" stdDeviation="1.5" result="blur"/>
-      <feColorMatrix in="blur" type="matrix" values="1 0.8 0.4 0 0  0.8 0.6 0.2 0 0  0.4 0.2 0 0 0  0 0 0 0.2 0" result="warmBlur"/>
-      <feMerge><feMergeNode in="warmBlur"/><feMergeNode in="SourceGraphic"/></feMerge>
-    </filter>
-  </defs>
-
-  <!-- Wordmark with warm glow -->
-  <text x="170" y="62" text-anchor="middle"
-        font-family="Georgia, 'Noto Serif', 'Times New Roman', serif"
-        font-size="64" font-weight="bold" letter-spacing="6"
-        fill="url(#txt)" filter="url(#textGlow)">InkOS</text>
-
-  <!-- Ink drop on the "I" -->
-  <path d="M51.5 6 C51.5 6, 58 16, 58 20.5 C58 24, 55.5 27, 51.5 27 C47.5 27, 45 24, 45 20.5 C45 16, 51.5 6, 51.5 6Z"
-        fill="url(#drop)" filter="url(#glow)"/>
-
-  <!-- Swoosh underline -->
-  <path d="M30 76 C85 86, 150 70, 210 78 C250 82, 285 73, 318 80"
-        stroke="url(#accent)" stroke-width="2.8" fill="none" stroke-linecap="round" opacity="0.7"/>
-
-  <!-- Ink splatter -->
-  <circle cx="323" cy="78" r="2.8" fill="#e76f51" opacity="0.5"/>
-  <circle cx="329" cy="82" r="1.3" fill="#e76f51" opacity="0.3"/>
-  <circle cx="24" cy="78" r="1.8" fill="#f4a261" opacity="0.4"/>
-</svg>

+ 0 - 39
assets/inkos-text-light.svg

@@ -1,39 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 340 100" fill="none">
-  <defs>
-    <linearGradient id="txt" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" stop-color="#2d1b0e"/>
-      <stop offset="100%" stop-color="#4a2c17"/>
-    </linearGradient>
-    <linearGradient id="accent" x1="0%" y1="0%" x2="100%" y2="0%">
-      <stop offset="0%" stop-color="#f4a261"/>
-      <stop offset="100%" stop-color="#e76f51"/>
-    </linearGradient>
-    <linearGradient id="drop" x1="0%" y1="0%" x2="0%" y2="100%">
-      <stop offset="0%" stop-color="#f4a261"/>
-      <stop offset="100%" stop-color="#e76f51"/>
-    </linearGradient>
-    <filter id="glow">
-      <feGaussianBlur stdDeviation="2" result="blur"/>
-      <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
-    </filter>
-  </defs>
-
-  <!-- Wordmark -->
-  <text x="170" y="62" text-anchor="middle"
-        font-family="Georgia, 'Noto Serif', 'Times New Roman', serif"
-        font-size="64" font-weight="bold" letter-spacing="6"
-        fill="url(#txt)">InkOS</text>
-
-  <!-- Ink drop on the "I" -->
-  <path d="M51.5 6 C51.5 6, 58 16, 58 20.5 C58 24, 55.5 27, 51.5 27 C47.5 27, 45 24, 45 20.5 C45 16, 51.5 6, 51.5 6Z"
-        fill="url(#drop)" filter="url(#glow)"/>
-
-  <!-- Swoosh underline -->
-  <path d="M30 76 C85 86, 150 70, 210 78 C250 82, 285 73, 318 80"
-        stroke="url(#accent)" stroke-width="2.8" fill="none" stroke-linecap="round"/>
-
-  <!-- Ink splatter -->
-  <circle cx="323" cy="78" r="2.8" fill="#e76f51" opacity="0.55"/>
-  <circle cx="329" cy="82" r="1.3" fill="#e76f51" opacity="0.35"/>
-  <circle cx="24" cy="78" r="1.8" fill="#f4a261" opacity="0.45"/>
-</svg>

+ 40 - 0
assets/inkos-text.svg

@@ -0,0 +1,40 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 340 90" fill="none">
+  <defs>
+    <linearGradient id="txtDark" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#fefae0"/>
+      <stop offset="50%" stop-color="#f4e8c1"/>
+      <stop offset="100%" stop-color="#dda15e"/>
+    </linearGradient>
+    <linearGradient id="txtLight" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#2d1b0e"/>
+      <stop offset="100%" stop-color="#4a2c17"/>
+    </linearGradient>
+    <linearGradient id="accent" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#f4a261"/>
+      <stop offset="100%" stop-color="#e76f51"/>
+    </linearGradient>
+    <filter id="textGlow">
+      <feGaussianBlur in="SourceGraphic" stdDeviation="1.5" result="blur"/>
+      <feColorMatrix in="blur" type="matrix" values="1 0.8 0.4 0 0  0.8 0.6 0.2 0 0  0.4 0.2 0 0 0  0 0 0 0.2 0" result="warmBlur"/>
+      <feMerge><feMergeNode in="warmBlur"/><feMergeNode in="SourceGraphic"/></feMerge>
+    </filter>
+    <style>
+      .word { fill: url(#txtLight); }
+      .swoosh { stroke: url(#accent); opacity: 0.9; }
+      @media (prefers-color-scheme: dark) {
+        .word { fill: url(#txtDark); filter: url(#textGlow); }
+        .swoosh { opacity: 0.7; }
+      }
+    </style>
+  </defs>
+
+  <text class="word" x="170" y="58" text-anchor="middle"
+        font-family="Georgia, 'Noto Serif', 'Times New Roman', serif"
+        font-size="64" font-weight="bold" letter-spacing="6">InkOS</text>
+
+  <path class="swoosh" d="M30 72 C85 82, 150 66, 210 74 C250 78, 285 69, 318 76"
+        stroke="url(#accent)" stroke-width="2.8" fill="none" stroke-linecap="round"/>
+
+  <circle cx="323" cy="74" r="2.5" fill="#e76f51" opacity="0.5"/>
+  <circle cx="24" cy="74" r="1.6" fill="#f4a261" opacity="0.4"/>
+</svg>