Files
brk/website/assets/logo/logo-light.svg
2026-04-23 23:13:39 +02:00

38 lines
1.6 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 173.2 200" role="img" aria-label="bitview">
<title>bitview</title>
<style>
.glass { fill-opacity: 0.4; }
.glass-top, .liquid-top { fill: oklch(90% 0 0); }
.glass-right, .liquid-right { fill: oklch(83.4% 0 0); }
.glass-left, .liquid-left { fill: oklch(86.7% 0 0); }
.glass-bottom { fill: oklch(80.1% 0 0); }
.glass-rear-left { fill: oklch(90% 0 0); }
.glass-rear-right { fill: oklch(86.7% 0 0); }
.liquid {
transform-box: view-box;
transform: translateY(25%);
}
</style>
<defs>
<clipPath id="hex" clipPathUnits="userSpaceOnUse">
<polygon points="86.6,0 173.2,50 173.2,150 86.6,200 0,150 0,50"/>
</clipPath>
</defs>
<polygon class="glass glass-bottom" points="86.6,100 173.2,150 86.6,200 0,150"/>
<polygon class="glass glass-rear-left" points="86.6,100 0,150 0,50 86.6,0"/>
<polygon class="glass glass-rear-right" points="86.6,100 173.2,150 173.2,50 86.6,0"/>
<g clip-path="url(#hex)">
<g class="liquid">
<polygon class="liquid-top" points="86.6,0 173.2,50 86.6,100 0,50"/>
<polygon class="liquid-right" points="173.2,50 173.2,150 86.6,200 86.6,100"/>
<polygon class="liquid-left" points="0,50 0,150 86.6,200 86.6,100"/>
</g>
</g>
<polygon class="glass glass-top" points="0,50 86.6,0 173.2,50 86.6,100"/>
<polygon class="glass glass-right" points="173.2,50 173.2,150 86.6,200 86.6,100"/>
<polygon class="glass glass-left" points="0,50 0,150 86.6,200 86.6,100"/>
</svg>