186 lines
12 KiB
XML
186 lines
12 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 461">
|
|
<image href="Map.png" width="700" height="461" preserveAspectRatio="xMidYMid meet"/>
|
|
<defs>
|
|
<radialGradient id="glow-Grass" cx="50%" cy="50%" r="50%">
|
|
<stop offset="0%" stop-color="#4caf50" stop-opacity="0.3"/>
|
|
<stop offset="100%" stop-color="#4caf50" stop-opacity="0"/>
|
|
</radialGradient>
|
|
<radialGradient id="glow-Forest" cx="50%" cy="50%" r="50%">
|
|
<stop offset="0%" stop-color="#2e7d32" stop-opacity="0.3"/>
|
|
<stop offset="100%" stop-color="#2e7d32" stop-opacity="0"/>
|
|
</radialGradient>
|
|
<radialGradient id="glow-Mountain" cx="50%" cy="50%" r="50%">
|
|
<stop offset="0%" stop-color="#78909c" stop-opacity="0.3"/>
|
|
<stop offset="100%" stop-color="#78909c" stop-opacity="0"/>
|
|
</radialGradient>
|
|
<radialGradient id="glow-Water" cx="50%" cy="50%" r="50%">
|
|
<stop offset="0%" stop-color="#42a5f5" stop-opacity="0.3"/>
|
|
<stop offset="100%" stop-color="#42a5f5" stop-opacity="0"/>
|
|
</radialGradient>
|
|
<radialGradient id="glow-Wasteland" cx="50%" cy="50%" r="50%">
|
|
<stop offset="0%" stop-color="#8d6e63" stop-opacity="0.3"/>
|
|
<stop offset="100%" stop-color="#8d6e63" stop-opacity="0"/>
|
|
</radialGradient>
|
|
</defs>
|
|
<line x1="60" y1="330" x2="15" y2="260" stroke="rgba(255,255,255,0.12)" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="60" y1="330" x2="150" y2="400" stroke="rgba(255,255,255,0.12)" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="60" y1="330" x2="30" y2="410" stroke="rgba(255,255,255,0.12)" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="60" y1="330" x2="250" y2="370" stroke="rgba(255,255,255,0.12)" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="250" y1="370" x2="150" y2="400" stroke="rgba(255,255,255,0.12)" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="250" y1="370" x2="140" y2="260" stroke="rgba(255,255,255,0.12)" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="150" y1="125" x2="140" y2="260" stroke="rgba(255,255,255,0.12)" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="150" y1="125" x2="50" y2="50" stroke="rgba(255,255,255,0.12)" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="420" y1="100" x2="510" y2="30" stroke="rgba(255,255,255,0.12)" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="420" y1="100" x2="560" y2="120" stroke="rgba(255,255,255,0.12)" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="420" y1="100" x2="550" y2="290" stroke="rgba(255,255,255,0.12)" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="470" y1="410" x2="600" y2="400" stroke="rgba(255,255,255,0.12)" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="15" y1="260" x2="20" y2="120" stroke="rgba(255,255,255,0.12)" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="15" y1="260" x2="140" y2="260" stroke="rgba(255,255,255,0.12)" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="300" y1="230" x2="140" y2="260" stroke="rgba(255,255,255,0.12)" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="300" y1="230" x2="260" y2="110" stroke="rgba(255,255,255,0.12)" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="300" y1="230" x2="380" y2="180" stroke="rgba(255,255,255,0.12)" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="510" y1="30" x2="370" y2="30" stroke="rgba(255,255,255,0.12)" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="510" y1="30" x2="560" y2="120" stroke="rgba(255,255,255,0.12)" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="550" y1="290" x2="430" y2="330" stroke="rgba(255,255,255,0.12)" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="550" y1="290" x2="600" y2="400" stroke="rgba(255,255,255,0.12)" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="550" y1="290" x2="560" y2="120" stroke="rgba(255,255,255,0.12)" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="20" y1="120" x2="50" y2="50" stroke="rgba(255,255,255,0.12)" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="260" y1="110" x2="50" y2="50" stroke="rgba(255,255,255,0.12)" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="380" y1="180" x2="430" y2="330" stroke="rgba(255,255,255,0.12)" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="560" y1="120" x2="640" y2="110" stroke="rgba(255,255,255,0.12)" stroke-width="2" stroke-linecap="round"/>
|
|
<a href="/docs/forest-1" target="_top">
|
|
<circle cx="60" cy="330" r="32" fill="url(#glow-Forest)"/>
|
|
<circle cx="60" cy="330" r="18" fill="#2e7d32cc" stroke="rgba(255,255,255,0.5)" stroke-width="2"/>
|
|
<text x="84" y="334" fill="rgba(255,255,255,0.9)" font-family="system-ui,sans-serif" font-size="11" font-weight="600">
|
|
Forest 1</text>
|
|
</a>
|
|
<a href="/docs/forest-2" target="_top">
|
|
<circle cx="250" cy="370" r="32" fill="url(#glow-Forest)"/>
|
|
<circle cx="250" cy="370" r="18" fill="#2e7d32cc" stroke="rgba(255,255,255,0.5)" stroke-width="2"/>
|
|
<text x="274" y="374" fill="rgba(255,255,255,0.9)" font-family="system-ui,sans-serif" font-size="11" font-weight="600">
|
|
Forest 2</text>
|
|
</a>
|
|
<a href="/docs/forest-3" target="_top">
|
|
<circle cx="150" cy="125" r="32" fill="url(#glow-Forest)"/>
|
|
<circle cx="150" cy="125" r="18" fill="#2e7d32cc" stroke="rgba(255,255,255,0.5)" stroke-width="2"/>
|
|
<text x="174" y="129" fill="rgba(255,255,255,0.9)" font-family="system-ui,sans-serif" font-size="11" font-weight="600">
|
|
Forest 3</text>
|
|
</a>
|
|
<a href="/docs/forest-4" target="_top">
|
|
<circle cx="420" cy="100" r="32" fill="url(#glow-Forest)"/>
|
|
<circle cx="420" cy="100" r="18" fill="#2e7d32cc" stroke="rgba(255,255,255,0.5)" stroke-width="2"/>
|
|
<text x="444" y="104" fill="rgba(255,255,255,0.9)" font-family="system-ui,sans-serif" font-size="11" font-weight="600">
|
|
Forest 4</text>
|
|
</a>
|
|
<a href="/docs/forest-5" target="_top">
|
|
<circle cx="470" cy="410" r="32" fill="url(#glow-Forest)"/>
|
|
<circle cx="470" cy="410" r="18" fill="#2e7d32cc" stroke="rgba(255,255,255,0.5)" stroke-width="2"/>
|
|
<text x="494" y="414" fill="rgba(255,255,255,0.9)" font-family="system-ui,sans-serif" font-size="11" font-weight="600">
|
|
Forest 5</text>
|
|
</a>
|
|
<a href="/docs/grass-1" target="_top">
|
|
<circle cx="15" cy="260" r="32" fill="url(#glow-Grass)"/>
|
|
<circle cx="15" cy="260" r="18" fill="#4caf50cc" stroke="rgba(255,255,255,0.5)" stroke-width="2"/>
|
|
<text x="39" y="264" fill="rgba(255,255,255,0.9)" font-family="system-ui,sans-serif" font-size="11" font-weight="600">
|
|
Grass 1</text>
|
|
<text x="39" y="278" fill="rgba(255,255,255,0.45)" font-family="system-ui,sans-serif" font-size="9" font-style="italic">
|
|
★ Lone Tree Station</text>
|
|
</a>
|
|
<a href="/docs/grass-2" target="_top">
|
|
<circle cx="150" cy="400" r="32" fill="url(#glow-Grass)"/>
|
|
<circle cx="150" cy="400" r="18" fill="#4caf50cc" stroke="rgba(255,255,255,0.5)" stroke-width="2"/>
|
|
<text x="174" y="404" fill="rgba(255,255,255,0.9)" font-family="system-ui,sans-serif" font-size="11" font-weight="600">
|
|
Grass 2</text>
|
|
<text x="174" y="418" fill="rgba(255,255,255,0.45)" font-family="system-ui,sans-serif" font-size="9" font-style="italic">
|
|
★ Spire</text>
|
|
</a>
|
|
<a href="/docs/grass-3" target="_top">
|
|
<circle cx="300" cy="230" r="32" fill="url(#glow-Grass)"/>
|
|
<circle cx="300" cy="230" r="18" fill="#4caf50cc" stroke="rgba(255,255,255,0.5)" stroke-width="2"/>
|
|
<text x="324" y="234" fill="rgba(255,255,255,0.9)" font-family="system-ui,sans-serif" font-size="11" font-weight="600">
|
|
Grass 3</text>
|
|
</a>
|
|
<a href="/docs/grass-4" target="_top">
|
|
<circle cx="510" cy="30" r="32" fill="url(#glow-Grass)"/>
|
|
<circle cx="510" cy="30" r="18" fill="#4caf50cc" stroke="rgba(255,255,255,0.5)" stroke-width="2"/>
|
|
<text x="534" y="34" fill="rgba(255,255,255,0.9)" font-family="system-ui,sans-serif" font-size="11" font-weight="600">
|
|
Grass 4</text>
|
|
</a>
|
|
<a href="/docs/grass-5" target="_top">
|
|
<circle cx="550" cy="290" r="32" fill="url(#glow-Grass)"/>
|
|
<circle cx="550" cy="290" r="18" fill="#4caf50cc" stroke="rgba(255,255,255,0.5)" stroke-width="2"/>
|
|
<text x="574" y="294" fill="rgba(255,255,255,0.9)" font-family="system-ui,sans-serif" font-size="11" font-weight="600">
|
|
Grass 5</text>
|
|
</a>
|
|
<a href="/docs/mountain-1" target="_top">
|
|
<circle cx="20" cy="120" r="32" fill="url(#glow-Mountain)"/>
|
|
<circle cx="20" cy="120" r="18" fill="#78909ccc" stroke="rgba(255,255,255,0.5)" stroke-width="2"/>
|
|
<text x="44" y="124" fill="rgba(255,255,255,0.9)" font-family="system-ui,sans-serif" font-size="11" font-weight="600">
|
|
Mountain 1</text>
|
|
</a>
|
|
<a href="/docs/mountain-2" target="_top">
|
|
<circle cx="260" cy="110" r="32" fill="url(#glow-Mountain)"/>
|
|
<circle cx="260" cy="110" r="18" fill="#78909ccc" stroke="rgba(255,255,255,0.5)" stroke-width="2"/>
|
|
<text x="284" y="114" fill="rgba(255,255,255,0.9)" font-family="system-ui,sans-serif" font-size="11" font-weight="600">
|
|
Mountain 2</text>
|
|
</a>
|
|
<a href="/docs/mountain-3" target="_top">
|
|
<circle cx="380" cy="180" r="32" fill="url(#glow-Mountain)"/>
|
|
<circle cx="380" cy="180" r="18" fill="#78909ccc" stroke="rgba(255,255,255,0.5)" stroke-width="2"/>
|
|
<text x="404" y="184" fill="rgba(255,255,255,0.9)" font-family="system-ui,sans-serif" font-size="11" font-weight="600">
|
|
Mountain 3</text>
|
|
</a>
|
|
<a href="/docs/mountain-4" target="_top">
|
|
<circle cx="370" cy="30" r="32" fill="url(#glow-Mountain)"/>
|
|
<circle cx="370" cy="30" r="18" fill="#78909ccc" stroke="rgba(255,255,255,0.5)" stroke-width="2"/>
|
|
<text x="394" y="34" fill="rgba(255,255,255,0.9)" font-family="system-ui,sans-serif" font-size="11" font-weight="600">
|
|
Mountain 4</text>
|
|
</a>
|
|
<a href="/docs/mountain-5" target="_top">
|
|
<circle cx="430" cy="330" r="32" fill="url(#glow-Mountain)"/>
|
|
<circle cx="430" cy="330" r="18" fill="#78909ccc" stroke="rgba(255,255,255,0.5)" stroke-width="2"/>
|
|
<text x="454" y="334" fill="rgba(255,255,255,0.9)" font-family="system-ui,sans-serif" font-size="11" font-weight="600">
|
|
Mountain 5</text>
|
|
</a>
|
|
<a href="/docs/wasteland-1" target="_top">
|
|
<circle cx="560" cy="120" r="32" fill="url(#glow-Wasteland)"/>
|
|
<circle cx="560" cy="120" r="18" fill="#8d6e63cc" stroke="rgba(255,255,255,0.5)" stroke-width="2"/>
|
|
<text x="584" y="124" fill="rgba(255,255,255,0.9)" font-family="system-ui,sans-serif" font-size="11" font-weight="600">
|
|
Wasteland 1</text>
|
|
</a>
|
|
<a href="/docs/water-1" target="_top">
|
|
<circle cx="30" cy="410" r="32" fill="url(#glow-Water)"/>
|
|
<circle cx="30" cy="410" r="18" fill="#42a5f5cc" stroke="rgba(255,255,255,0.5)" stroke-width="2"/>
|
|
<text x="54" y="414" fill="rgba(255,255,255,0.9)" font-family="system-ui,sans-serif" font-size="11" font-weight="600">
|
|
Water 1</text>
|
|
<text x="54" y="428" fill="rgba(255,255,255,0.45)" font-family="system-ui,sans-serif" font-size="9" font-style="italic">
|
|
★ Research Station</text>
|
|
</a>
|
|
<a href="/docs/water-2" target="_top">
|
|
<circle cx="140" cy="260" r="32" fill="url(#glow-Water)"/>
|
|
<circle cx="140" cy="260" r="18" fill="#42a5f5cc" stroke="rgba(255,255,255,0.5)" stroke-width="2"/>
|
|
<text x="164" y="264" fill="rgba(255,255,255,0.9)" font-family="system-ui,sans-serif" font-size="11" font-weight="600">
|
|
Water 2</text>
|
|
<text x="164" y="278" fill="rgba(255,255,255,0.45)" font-family="system-ui,sans-serif" font-size="9" font-style="italic">
|
|
★ White Sky</text>
|
|
</a>
|
|
<a href="/docs/water-3" target="_top">
|
|
<circle cx="50" cy="50" r="32" fill="url(#glow-Water)"/>
|
|
<circle cx="50" cy="50" r="18" fill="#42a5f5cc" stroke="rgba(255,255,255,0.5)" stroke-width="2"/>
|
|
<text x="74" y="54" fill="rgba(255,255,255,0.9)" font-family="system-ui,sans-serif" font-size="11" font-weight="600">
|
|
Water 3</text>
|
|
</a>
|
|
<a href="/docs/water-4" target="_top">
|
|
<circle cx="640" cy="110" r="32" fill="url(#glow-Water)"/>
|
|
<circle cx="640" cy="110" r="18" fill="#42a5f5cc" stroke="rgba(255,255,255,0.5)" stroke-width="2"/>
|
|
<text x="664" y="114" fill="rgba(255,255,255,0.9)" font-family="system-ui,sans-serif" font-size="11" font-weight="600">
|
|
Water 4</text>
|
|
</a>
|
|
<a href="/docs/water-5" target="_top">
|
|
<circle cx="600" cy="400" r="32" fill="url(#glow-Water)"/>
|
|
<circle cx="600" cy="400" r="18" fill="#42a5f5cc" stroke="rgba(255,255,255,0.5)" stroke-width="2"/>
|
|
<text x="624" y="404" fill="rgba(255,255,255,0.9)" font-family="system-ui,sans-serif" font-size="11" font-weight="600">
|
|
Water 5</text>
|
|
</a>
|
|
</svg>
|