smill/otko
Watch
1
0
Fork
You've already forked otko
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

docs: restructure README, redesign logo, move screenshots to docs/screenshots

Browse source
This commit is contained in:
smill 2026-09-16 11:26:20 -04:00
commit 3a41070788
5 changed files with 109 additions and 141 deletions
Download patch file Download diff file Expand all files Collapse all files

43
docs/logo.svg
View file

@ -5,41 +5,40 @@
<defs>
<linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#1F2A3D"/>
<stop offset="100%" stop-color="#0F1620"/>
<stop offset="0%" stop-color="#1B2434"/>
<stop offset="100%" stop-color="#0C1119"/>
</linearGradient>
<linearGradient id="frameStroke" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#9DC8FF"/>
<stop offset="0%" stop-color="#A5D1FF"/>
<stop offset="100%" stop-color="#4F92E8"/>
</linearGradient>
<linearGradient id="deformed" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#4F92E8" stop-opacity="0.0"/>
<stop offset="50%" stop-color="#4F92E8" stop-opacity="0.6"/>
<stop offset="100%" stop-color="#4F92E8" stop-opacity="0.0"/>
</linearGradient>
</defs>
<!-- Background panel — keeps contrast consistent on light and dark GitHub themes -->
<rect x="0" y="0" width="720" height="180" rx="14" fill="url(#bg)"/>
<!-- Background panel — consistent contrast on light and dark themes -->
<rect x="0" y="0" width="720" height="180" rx="16" fill="url(#bg)"/>
<!-- Mark: portal frame with a deformed-shape ghost -->
<g transform="translate(40, 36)" stroke-linecap="round" stroke-linejoin="round" fill="none">
<path d="M 6 100 C 22 100, 22 12, 60 12 L 60 12 C 98 12, 98 100, 114 100"
stroke="url(#deformed)" stroke-width="5" stroke-dasharray="3 5"/>
<path d="M 6 100 L 6 8 L 114 8 L 114 100"
stroke="url(#frameStroke)" stroke-width="7"/>
<rect x="-3" y="100" width="18" height="10" fill="#F2A93B" rx="1"/>
<rect x="105" y="100" width="18" height="10" fill="#F2A93B" rx="1"/>
<circle cx="6" cy="8" r="5" fill="#E8EDF5"/>
<circle cx="114" cy="8" r="5" fill="#E8EDF5"/>
<!-- Mark: portal frame under lateral (pushover) load -->
<g transform="translate(44, 30)" stroke-linecap="round" stroke-linejoin="round" fill="none">
<!-- Deformed-shape ghost — pushover sway to the right -->
<path d="M 8 96 L 24 16 L 124 16 L 108 96"
stroke="#4F92E8" stroke-width="5" stroke-dasharray="2 6" opacity="0.5"/>
<!-- Push arrow -->
<path d="M -30 16 L -12 16" stroke="#F2A93B" stroke-width="6"/>
<polygon points="-6,16 -18,8 -18,24" fill="#F2A93B"/>
<!-- Frame -->
<path d="M 8 96 L 8 16 L 108 16 L 108 96"
stroke="url(#frameStroke)" stroke-width="8"/>
<!-- Fixed supports -->
<polygon points="8,96 -2,108 18,108" fill="#F2A93B"/>
<polygon points="108,96 98,108 118,108" fill="#F2A93B"/>
</g>
<!-- Wordmark -->
<g font-family="Segoe UI, Inter, Helvetica, Arial, sans-serif">
<text x="200" y="92" font-size="56" font-weight="700" letter-spacing="-1">
<text x="200" y="105" font-size="62" font-weight="700" letter-spacing="-1">
<tspan fill="#E8EDF5">OTKO</tspan>
</text>
<text x="202" y="124" font-size="16" font-weight="500" letter-spacing="3" fill="#8FA2BF">
<text x="202" y="133" font-size="15" font-weight="500" letter-spacing="3" fill="#8FA2BF">
A SAP2000-STYLE GUI FOR OPENSEESPY
</text>
</g>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

Before After
Before After