|
|
|
@ -39,37 +39,35 @@ |
|
|
|
<stop stop-color="black" offset="84%" /> |
|
|
|
</linearGradient> |
|
|
|
|
|
|
|
<!-- Circular crop mask --> |
|
|
|
<mask id="crop-mask"> |
|
|
|
<rect x="0%" y="0%" width="100%" height="100%" fill="white" /> |
|
|
|
<circle cx="50%" cy="50%" r="50%" fill="black" /> |
|
|
|
<!-- Cutoff mask --> |
|
|
|
<mask id="cutoff-mask"> |
|
|
|
<rect x="0%" y="0%" width="100%" height="100%" fill="black" /> |
|
|
|
<circle cx="50%" cy="50%" r="50%" fill="white" /> |
|
|
|
</mask> |
|
|
|
|
|
|
|
<!-- Grid definitions --> |
|
|
|
<mask id="grid-mask"> |
|
|
|
<rect x="0%" y="0%" width="100%" height="100%" fill="white" /> |
|
|
|
<rect width="100%" height="100%" color="black" mask="url(#crop-mask)" /> |
|
|
|
</mask> |
|
|
|
<mask id="x-grid-mask"> |
|
|
|
<!-- Crossover definitions --> |
|
|
|
<mask id="x-mask-1"> |
|
|
|
<rect x="0%" y="0%" width="100%" height="100%" fill="white" /> |
|
|
|
<rect x="0%" y="0%" width="100%" height="46%" fill="black" /> |
|
|
|
<rect x="0%" y="54%" width="100%" height="46%" fill="black" /> |
|
|
|
<circle cx="50%" cy="50%" r="5.656854249%" fill="black" /> |
|
|
|
</mask> |
|
|
|
<mask id="x-gradient-mask"> |
|
|
|
<mask id="x-mask-2"> |
|
|
|
<rect x="0%" y="0%" width="100%" height="100%" fill="white" /> |
|
|
|
<rect x="50%" y="0%" width="50%" height="100%" fill="url(#x-gradient)" /> |
|
|
|
</mask> |
|
|
|
<mask id="y-grid-mask"> |
|
|
|
<mask id="y-mask-1"> |
|
|
|
<rect x="0%" y="0%" width="100%" height="100%" fill="white" /> |
|
|
|
<rect x="0%" y="0%" width="46%" height="100%" fill="black" /> |
|
|
|
<rect x="54%" y="0%" width="46%" height="100%" fill="black" /> |
|
|
|
<circle cx="50%" cy="50%" r="5.656854249%" fill="black" /> |
|
|
|
</mask> |
|
|
|
<mask id="y-gradient-mask"> |
|
|
|
<mask id="y-mask-2"> |
|
|
|
<rect x="0%" y="0%" width="100%" height="100%" fill="white" /> |
|
|
|
<rect x="0%" y="0%" width="100%" height="50%" fill="url(#y-gradient)" /> |
|
|
|
</mask> |
|
|
|
|
|
|
|
<!-- Grid definitions --> |
|
|
|
<mask id="dark-grid-mask"> |
|
|
|
<rect x="0%" y="0%" width="100%" height="100%" fill="white" /> |
|
|
|
<circle cx="50%" cy="50%" r="42%" fill="black" /> |
|
|
|
@ -112,18 +110,18 @@ |
|
|
|
</mask> |
|
|
|
</defs> |
|
|
|
|
|
|
|
<g mask="url(#grid-mask)"> |
|
|
|
<g mask="url(#cutoff-mask)"> |
|
|
|
<!-- Background --> |
|
|
|
<rect width="100%" height="100%" fill="url(#middle-pattern)" /> |
|
|
|
|
|
|
|
<!-- Gradient crossovers --> |
|
|
|
<g mask="url(#x-grid-mask)"> |
|
|
|
<!-- Crossovers --> |
|
|
|
<g mask="url(#x-mask-1)"> |
|
|
|
<rect x="50%" y="0%" width="50%" height="100%" fill="url(#light-pattern)" /> |
|
|
|
<rect x="50%" y="0%" width="50%" height="100%" fill="url(#dark-pattern)" mask="url(#x-gradient-mask)" /> |
|
|
|
<rect x="50%" y="0%" width="50%" height="100%" fill="url(#dark-pattern)" mask="url(#x-mask-2)" /> |
|
|
|
</g> |
|
|
|
<g mask="url(#y-grid-mask)"> |
|
|
|
<g mask="url(#y-mask-1)"> |
|
|
|
<rect x="0%" y="0%" width="100%" height="50%" fill="url(#dark-pattern)" /> |
|
|
|
<rect x="0%" y="0%" width="100%" height="50%" fill="url(#light-pattern)" mask="url(#y-gradient-mask)" /> |
|
|
|
<rect x="0%" y="0%" width="100%" height="50%" fill="url(#light-pattern)" mask="url(#y-mask-2)" /> |
|
|
|
</g> |
|
|
|
|
|
|
|
<!-- Grids --> |
|
|
|
|
