mirror of
https://github.com/Narcooo/inkos.git
synced 2026-08-28 23:02:03 +08:00
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
This commit is contained in:
majx_mac
+2
-6
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
Before Width: | Height: | Size: 2.1 KiB |
@@ -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>
|
||||
|
Before Width: | Height: | Size: 1.6 KiB |
@@ -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>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
Reference in New Issue
Block a user