50 lines
2.1 KiB
XML
50 lines
2.1 KiB
XML
<svg width="1200" height="240" viewBox="-20 40 1200 260" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<filter id="shadow3d-main-officer">
|
|
<feOffset dx="6" dy="6" in="SourceGraphic" result="offset1"/>
|
|
<feFlood flood-color="#14532D" flood-opacity="1" result="color1"/>
|
|
<feComposite in="color1" in2="offset1" operator="in" result="shadow1"/>
|
|
|
|
<feOffset dx="12" dy="12" in="SourceGraphic" result="offset2"/>
|
|
<feFlood flood-color="rgba(0,0,0,0.3)" flood-opacity="1" result="color2"/>
|
|
<feComposite in="color2" in2="offset2" operator="in" result="shadow2"/>
|
|
|
|
<feMerge>
|
|
<feMergeNode in="shadow2"/>
|
|
<feMergeNode in="shadow1"/>
|
|
<feMergeNode in="SourceGraphic"/>
|
|
</feMerge>
|
|
</filter>
|
|
|
|
<pattern id="gridPatternOfficer" patternUnits="userSpaceOnUse" width="20" height="20">
|
|
<rect width="20" height="20" fill="transparent"/>
|
|
<line x1="0" y1="0" x2="20" y2="0" stroke="rgba(0,0,0,0.15)" stroke-width="1.5"/>
|
|
<line x1="0" y1="10" x2="20" y2="10" stroke="rgba(0,0,0,0.15)" stroke-width="1.5"/>
|
|
<line x1="0" y1="0" x2="0" y2="20" stroke="rgba(0,0,0,0.15)" stroke-width="1.5"/>
|
|
<line x1="10" y1="0" x2="10" y2="20" stroke="rgba(0,0,0,0.15)" stroke-width="1.5"/>
|
|
</pattern>
|
|
|
|
<mask id="textMaskOfficer">
|
|
<text x="580" y="220" text-anchor="middle" class="officer-text-main" fill="white">o<tspan dx="6" dy="30" letter-spacing="14">ff</tspan><tspan dx="-2" dy="-30">icer.dev</tspan></text>
|
|
</mask>
|
|
|
|
<style>
|
|
.officer-text-main {
|
|
font-family: system-ui, -apple-system, sans-serif;
|
|
font-size: 140px;
|
|
font-weight: 900;
|
|
fill: #F4C430;
|
|
stroke: #14532D;
|
|
stroke-width: 3;
|
|
paint-order: stroke fill;
|
|
letter-spacing: -2px;
|
|
text-transform: lowercase;
|
|
}
|
|
</style>
|
|
</defs>
|
|
|
|
<text x="580" y="220" text-anchor="middle" class="officer-text-main" filter="url(#shadow3d-main-officer)">o<tspan dx="6" dy="30" letter-spacing="14">ff</tspan><tspan dx="-2" dy="-30">icer.dev</tspan></text>
|
|
|
|
<rect x="0" y="0" width="1160" height="300" fill="url(#gridPatternOfficer)" mask="url(#textMaskOfficer)"/>
|
|
</svg>
|