silentmode/theseus-site
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
theseus-site/assets/thread.svg

135 lines
6 KiB
XML
Raw Normal View History

site(theseus.x): brand book, family footer, thread mark on Plug-ins page - New /brand/ directory: compass-mark favicon and logo variants (colour + monochrome currentColor), 512x512 avatar with rounded corners, 1200x630 banner for OpenGraph/Twitter cards, and a brand book page mirroring the Sirius.X and Ariadne.X pattern — logo & wordmark, avatar & favicon, social banner, colour palette, typography, usage & licence. - Footer replaces the single-line attribution with the deep, four-column family footer (brand column plus Product, Download, Pantheon), an alpha badge bar, and the acid-green accent used elsewhere on the site. Brand and Sirius.X + Ariadne.X + Hephaestus.X cross-links live here now. - Ariadne's Thread plug-in card on /plug-ins/ swaps the spool emoji for the actual brand-book thread mark (thread.svg, calm variant, 26px beside the h3). Same asset the resolver page carries, copied into local /assets/ so the icon works offline and doesn't cross-origin. - /extensions/ picks up a Brand link in the topnav to match the sibling pages' navigation set.
2026-09-30 12:12:44 +02:00
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 108 108" role="img" aria-label="Ariadne's thread">
<defs>
<radialGradient id="core" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#FFFAE0" stop-opacity="0.95"/>
<stop offset="18%" stop-color="#F5D983" stop-opacity="0.55"/>
<stop offset="55%" stop-color="#F5D983" stop-opacity="0.14"/>
<stop offset="100%" stop-color="#F5D983" stop-opacity="0"/>
</radialGradient>
<radialGradient id="ambient" cx="50%" cy="50%" r="55%">
<stop offset="0%" stop-color="#F5D983" stop-opacity="0.28"/>
<stop offset="65%" stop-color="#F5D983" stop-opacity="0.06"/>
<stop offset="100%" stop-color="#F5D983" stop-opacity="0"/>
</radialGradient>
<radialGradient id="hot" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#FFFAE0" stop-opacity="1"/>
<stop offset="55%" stop-color="#FAE7AA" stop-opacity="0.55"/>
<stop offset="100%" stop-color="#FAE7AA" stop-opacity="0"/>
</radialGradient>
</defs>
<!-- ambient outer glow -->
<rect width="108" height="108" fill="url(#ambient)"/>
<!-- soft core glow behind the strands -->
<circle cx="54" cy="54" r="42" fill="url(#core)"/>
<ellipse cx="54" cy="54" rx="38.0" ry="3.1"
transform="rotate(63.5 54 54)"
fill="none" stroke="#F5D983" stroke-width="0.44"
opacity="0.42"/>
<ellipse cx="54" cy="54" rx="37.5" ry="3.4"
transform="rotate(92.3 54 54)"
fill="none" stroke="#F5D983" stroke-width="0.79"
opacity="0.55"/>
<ellipse cx="54" cy="54" rx="39.1" ry="3.5"
transform="rotate(-4.9 54 54)"
fill="none" stroke="#F5D983" stroke-width="0.83"
opacity="0.66"/>
<ellipse cx="54" cy="54" rx="41.3" ry="3.5"
transform="rotate(151.8 54 54)"
fill="none" stroke="#F5D983" stroke-width="0.56"
opacity="0.56"/>
<ellipse cx="54" cy="54" rx="39.4" ry="4.5"
transform="rotate(133.6 54 54)"
fill="none" stroke="#F5D983" stroke-width="0.46"
opacity="0.60"/>
<ellipse cx="54" cy="54" rx="39.2" ry="4.5"
transform="rotate(13.7 54 54)"
fill="none" stroke="#F5D983" stroke-width="0.67"
opacity="0.44"/>
<ellipse cx="54" cy="54" rx="38.0" ry="4.6"
transform="rotate(23.9 54 54)"
fill="none" stroke="#F5D983" stroke-width="0.45"
opacity="0.31"/>
<ellipse cx="54" cy="54" rx="38.6" ry="4.9"
transform="rotate(122.3 54 54)"
fill="none" stroke="#F5D983" stroke-width="0.76"
opacity="0.67"/>
<ellipse cx="54" cy="54" rx="40.9" ry="5.3"
transform="rotate(66.5 54 54)"
fill="none" stroke="#F5D983" stroke-width="0.50"
opacity="0.31"/>
<ellipse cx="54" cy="54" rx="37.0" ry="5.8"
transform="rotate(107.1 54 54)"
fill="none" stroke="#F5D983" stroke-width="0.84"
opacity="0.68"/>
<ellipse cx="54" cy="54" rx="37.9" ry="6.5"
transform="rotate(120.6 54 54)"
fill="none" stroke="#F5D983" stroke-width="0.70"
opacity="0.47"/>
<ellipse cx="54" cy="54" rx="37.6" ry="7.0"
transform="rotate(19.6 54 54)"
fill="none" stroke="#F5D983" stroke-width="0.54"
opacity="0.53"/>
<ellipse cx="54" cy="54" rx="38.8" ry="7.6"
transform="rotate(46.1 54 54)"
fill="none" stroke="#F5D983" stroke-width="0.52"
opacity="0.67"/>
<ellipse cx="54" cy="54" rx="40.7" ry="8.5"
transform="rotate(77.2 54 54)"
fill="none" stroke="#F5D983" stroke-width="0.44"
opacity="0.30"/>
<ellipse cx="54" cy="54" rx="37.7" ry="8.5"
transform="rotate(3.3 54 54)"
fill="none" stroke="#F5D983" stroke-width="0.39"
opacity="0.67"/>
<ellipse cx="54" cy="54" rx="41.2" ry="9.5"
transform="rotate(57.8 54 54)"
fill="none" stroke="#F5D983" stroke-width="0.48"
opacity="0.68"/>
<ellipse cx="54" cy="54" rx="40.5" ry="9.7"
transform="rotate(51.2 54 54)"
fill="none" stroke="#F5D983" stroke-width="0.48"
opacity="0.68"/>
<ellipse cx="54" cy="54" rx="39.6" ry="10.0"
transform="rotate(133.2 54 54)"
fill="none" stroke="#F5D983" stroke-width="0.58"
opacity="0.56"/>
<ellipse cx="54" cy="54" rx="41.8" ry="10.7"
transform="rotate(81.6 54 54)"
fill="none" stroke="#F5D983" stroke-width="0.60"
opacity="0.72"/>
<ellipse cx="54" cy="54" rx="37.9" ry="12.0"
transform="rotate(150.8 54 54)"
fill="none" stroke="#F5D983" stroke-width="0.50"
opacity="0.46"/>
<ellipse cx="54" cy="54" rx="40.5" ry="12.1"
transform="rotate(89.0 54 54)"
fill="none" stroke="#F5D983" stroke-width="0.81"
opacity="0.45"/>
<ellipse cx="54" cy="54" rx="39.4" ry="12.2"
transform="rotate(167.7 54 54)"
fill="none" stroke="#F5D983" stroke-width="0.64"
opacity="0.36"/>
<ellipse cx="54" cy="54" rx="40.0" ry="12.9"
transform="rotate(176.4 54 54)"
fill="none" stroke="#F5D983" stroke-width="0.77"
opacity="0.53"/>
<ellipse cx="54" cy="54" rx="38.3" ry="13.4"
transform="rotate(36.8 54 54)"
fill="none" stroke="#F5D983" stroke-width="0.49"
opacity="0.42"/>
<ellipse cx="54" cy="54" rx="40.2" ry="13.5"
transform="rotate(156.9 54 54)"
fill="none" stroke="#F5D983" stroke-width="0.66"
opacity="0.50"/>
<ellipse cx="54" cy="54" rx="37.0" ry="13.9"
transform="rotate(102.6 54 54)"
fill="none" stroke="#F5D983" stroke-width="0.54"
opacity="0.50"/>
<!-- bright inner core, catches the eye -->
<circle cx="54" cy="54" r="14" fill="url(#hot)"/>
<circle cx="54" cy="54" r="3" fill="#FFFAE0"/>
</svg>
Reference in a new issue Copy permalink