c9790df04c
The marks are now drawn the way Niveus draws its keys: one light from the upper left, gloss on the faces that catch it, a specular line on the edges that face it, and soft contact shadows. - Shift: shaded slabs, each casting onto the one below. shift-mask.svg is untouched, so the kernel's logo.h coverage mask is unchanged. - Uberblock: bevelled slots in a groove; the newest slot and the root glow. - USB stick: moulded body, steel connector, a lit activity LED. - Pride flag: cloth folds and a hem over the flag's own colours. The pages use the components the new Niveus added: both terminals are .nv-window frames, the origin and first-boot sequences are .nv-steps, the numbers are a .nv-stat-group, and each feature card has an .nv-tile glyph. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01S1giNvrHTrPMPw7V6x1kQ4
57 lines
2.9 KiB
XML
57 lines
2.9 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 18" width="28" height="18"
|
|
role="img" aria-labelledby="pride-title">
|
|
<title id="pride-title">Progress Pride flag</title>
|
|
<desc>The six-stripe rainbow with the Progress chevron: white, pink and light
|
|
blue for trans people, brown and black for queer people of colour and for
|
|
those lost to AIDS. It sits in the top bar every day of the year, which is
|
|
the whole point of it.
|
|
|
|
Drawn as cloth rather than as a swatch, to match the rest of the site: two
|
|
soft folds run down it, light from the upper left catches the crest of each,
|
|
and the edge facing the light carries a thin highlight. The colours under the
|
|
shading are the flag's own and are not adjusted.</desc>
|
|
|
|
<defs>
|
|
<clipPath id="cloth"><rect width="28" height="18" rx="1.6"/></clipPath>
|
|
<!-- the folds: crests lighter, troughs darker, across the width -->
|
|
<linearGradient id="folds" x1="0" y1="0" x2="1" y2="0">
|
|
<stop offset="0" stop-color="#FFFFFF" stop-opacity="0.22"/>
|
|
<stop offset="0.18" stop-color="#000000" stop-opacity="0.10"/>
|
|
<stop offset="0.38" stop-color="#FFFFFF" stop-opacity="0.18"/>
|
|
<stop offset="0.60" stop-color="#000000" stop-opacity="0.16"/>
|
|
<stop offset="0.80" stop-color="#FFFFFF" stop-opacity="0.12"/>
|
|
<stop offset="1" stop-color="#000000" stop-opacity="0.18"/>
|
|
</linearGradient>
|
|
<!-- light from above, shade at the hem -->
|
|
<linearGradient id="sky" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#FFFFFF" stop-opacity="0.16"/>
|
|
<stop offset="0.5" stop-color="#FFFFFF" stop-opacity="0"/>
|
|
<stop offset="1" stop-color="#000000" stop-opacity="0.18"/>
|
|
</linearGradient>
|
|
</defs>
|
|
|
|
<g clip-path="url(#cloth)">
|
|
<!-- the six -->
|
|
<rect width="28" height="3" y="0" fill="#E40303"/>
|
|
<rect width="28" height="3" y="3" fill="#FF8C00"/>
|
|
<rect width="28" height="3" y="6" fill="#FFED00"/>
|
|
<rect width="28" height="3" y="9" fill="#008026"/>
|
|
<rect width="28" height="3" y="12" fill="#24408E"/>
|
|
<rect width="28" height="3" y="15" fill="#732982"/>
|
|
<!-- the chevron, outermost first -->
|
|
<polygon points="0,18 13,9 0,0" fill="#FFFFFF"/>
|
|
<polygon points="0,18 11,9 0,0" fill="#FFAFC8"/>
|
|
<polygon points="0,18 9,9 0,0" fill="#74D7EE"/>
|
|
<polygon points="0,18 7,9 0,0" fill="#613915"/>
|
|
<polygon points="0,18 5,9 0,0" fill="#000000"/>
|
|
|
|
<rect width="28" height="18" fill="url(#folds)"/>
|
|
<rect width="28" height="18" fill="url(#sky)"/>
|
|
</g>
|
|
|
|
<!-- the hem: lit along the top and left, shaded along the bottom and right -->
|
|
<rect x="0.25" y="0.25" width="27.5" height="17.5" rx="1.45" fill="none"
|
|
stroke="#000000" stroke-opacity="0.35" stroke-width="0.5"/>
|
|
<path d="M0.6 16.6 V1.8 a1.2 1.2 0 0 1 1.2 -1.2 H26.2" fill="none"
|
|
stroke="#FFFFFF" stroke-opacity="0.45" stroke-width="0.5" stroke-linecap="round"/>
|
|
</svg>
|