Skip to content

Commit

Permalink
test color
Browse files Browse the repository at this point in the history
  • Loading branch information
@Louis-LJ
Louis-LJ committed Jun 12, 2024
1 parent d613d1f commit 9881fce
Showing 1 changed file with 25 additions and 25 deletions.
50 changes: 25 additions & 25 deletions test/test.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@ <h4>Chemin/Chemin agricole/piste forestière type IGN (<code>highway=track</code
<td colspan="3" align="center">
<span style="display: inline-block; height: 1.2em; width: 20em;">
<svg width="100%" height="70%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<line x1="1.5%" x2="100%" y1="1%" y2="1%" stroke-linecap="butt" stroke-dasharray="20,8" stroke="#a90601" stroke-width="60%" />
<line x1="1.5%" x2="100%" y1="1%" y2="1%" stroke-linecap="butt" stroke-dasharray="20,8" stroke="#dd0e0e" stroke-width="60%" />
<rect x="1%" y="20%" width="150%" height="60%" fill="#FFFFFF" />
</svg>
</span>
Expand All @@ -69,7 +69,7 @@ <h4>Sentiers type IGN (<code>highway=path</code>)</h4>
<td colspan="6" align="center">
<span style="display: inline-block; height: 1em; width: 30em;">
<svg width="100%" height="100%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#653310" stroke-width="1%" />
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#7d5c46" stroke-width="1%" />
</svg>
</span>
</td>
Expand All @@ -79,7 +79,7 @@ <h4>Sentiers type IGN (<code>highway=path</code>)</h4>
<td colspan="6" align="center">
<span style="display: inline-block; height: 1em; width: 30em;">
<svg width="100%" height="100%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#a90601" stroke-width="1%" />
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#dd0e0e" stroke-width="1%" />
</svg>
</span>
</td>
Expand All @@ -104,28 +104,28 @@ <h4>Difficulté et visibilité des sentiers (<code>sac_scale=* & trail_visibilit
<td align="center">
<span style="display: inline-block; height: 1em; width: 8em;">
<svg width="100%" height="100%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,20" stroke="#0e6c68" stroke-width="3.5%" />
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,20" stroke="#1A8F89" stroke-width="3.5%" />
</svg>
</span>
</td>
<td align="center">
<span style="display: inline-block; height: 1em; width: 8em;">
<svg width="100%" height="100%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,20" stroke="#14537f" stroke-width="3.5%" />
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,20" stroke="#2d14fd" stroke-width="3.5%" />
</svg>
</span>
</td>
<td align="center">
<span style="display: inline-block; height: 1em; width: 8em;">
<svg width="100%" height="100%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,20" stroke="#76147f" stroke-width="3.5%" />
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,20" stroke="#FF00F5" stroke-width="3.5%" />
</svg>
</span>
</td>
<td align="center">
<span style="display: inline-block; height: 1em; width: 8em;">
<svg width="100%" height="100%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,20" stroke="#41147f" stroke-width="3.5%" />
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,20" stroke="#ac19ff" stroke-width="3.5%" />
</svg>
</span>
</td>
Expand All @@ -150,28 +150,28 @@ <h4>Difficulté et visibilité des sentiers (<code>sac_scale=* & trail_visibilit
<td align="center">
<span style="display: inline-block; height: 1em; width: 8em;">
<svg width="100%" height="100%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,12" stroke="#0e6c68" stroke-width="3.5%" />
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,12" stroke="#1A8F89" stroke-width="3.5%" />
</svg>
</span>
</td>
<td align="center">
<span style="display: inline-block; height: 1em; width: 8em;">
<svg width="100%" height="100%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,12" stroke="#14537f" stroke-width="3.5%" />
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,12" stroke="#2d14fd" stroke-width="3.5%" />
</svg>
</span>
</td>
<td align="center">
<span style="display: inline-block; height: 1em; width: 8em;">
<svg width="100%" height="100%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,12" stroke="#76147f" stroke-width="3.5%" />
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,12" stroke="#FF00F5" stroke-width="3.5%" />
</svg>
</span>
</td>
<td align="center">
<span style="display: inline-block; height: 1em; width: 8em;">
<svg width="100%" height="100%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,12" stroke="#41147f" stroke-width="3.5%" />
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,12" stroke="#ac19ff" stroke-width="3.5%" />
</svg>
</span>
</td>
Expand All @@ -195,28 +195,28 @@ <h4>Difficulté et visibilité des sentiers (<code>sac_scale=* & trail_visibilit
<td align="center">
<span style="display: inline-block; height: 1em; width: 8em;">
<svg width="100%" height="100%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,7" stroke="#0e6c68" stroke-width="3.5%" />
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,7" stroke="#1A8F89" stroke-width="3.5%" />
</svg>
</span>
</td>
<td align="center">
<span style="display: inline-block; height: 1em; width: 8em;">
<svg width="100%" height="100%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,7" stroke="#14537f" stroke-width="3.5%" />
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,7" stroke="#2d14fd" stroke-width="3.5%" />
</svg>
</span>
</td>
<td align="center">
<span style="display: inline-block; height: 1em; width: 8em;">
<svg width="100%" height="100%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,7" stroke="#76147f" stroke-width="3.5%" />
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,7" stroke="#FF00F5" stroke-width="3.5%" />
</svg>
</span>
</td>
<td align="center">
<span style="display: inline-block; height: 1em; width: 8em;">
<svg width="100%" height="100%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,7" stroke="#41147f" stroke-width="3.5%" />
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,7" stroke="#ac19ff" stroke-width="3.5%" />
</svg>
</span>
</td>
Expand All @@ -242,28 +242,28 @@ <h4>Difficulté et visibilité des sentiers (<code>sac_scale=* & trail_visibilit
<td align="center">
<span style="display: inline-block; height: 1em; width: 8em;">
<svg width="100%" height="100%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="20,7" stroke="#0e6c68" stroke-width="3.5%" />
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="20,7" stroke="#1A8F89" stroke-width="3.5%" />
</svg>
</span>
</td>
<td align="center">
<span style="display: inline-block; height: 1em; width: 8em;">
<svg width="100%" height="100%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="20,7" stroke="#14537f" stroke-width="3.5%" />
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="20,7" stroke="#2d14fd" stroke-width="3.5%" />
</svg>
</span>
</td>
<td align="center">
<span style="display: inline-block; height: 1em; width: 8em;">
<svg width="100%" height="100%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="20,7" stroke="#76147f" stroke-width="3.5%" />
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="20,7" stroke="#FF00F5" stroke-width="3.5%" />
</svg>
</span>
</td>
<td align="center">
<span style="display: inline-block; height: 1em; width: 8em;">
<svg width="100%" height="100%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="20,7" stroke="#41147f" stroke-width="3.5%" />
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="20,7" stroke="#ac19ff" stroke-width="3.5%" />
</svg>
</span>
</td>
Expand All @@ -289,42 +289,42 @@ <h4>Difficulté et visibilité des sentiers (<code>sac_scale=* & trail_visibilit
<td align="center">
<span style="display: inline-block; height: 1em; width: 8em;">
<svg width="100%" height="100%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,7" stroke="#653310" stroke-width="3.5%" />
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,7" stroke="#7d5c46" stroke-width="3.5%" />
</svg>
</span>
</td>
<td align="center">
<span style="display: inline-block; height: 1em; width: 8em;">
<svg width="100%" height="100%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,7" stroke="#653310" stroke-width="3.5%" />
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,7" stroke="#7d5c46" stroke-width="3.5%" />
</svg>
</span>
</td>
<td align="center">
<span style="display: inline-block; height: 1em; width: 8em;">
<svg width="100%" height="100%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,12" stroke="#653310" stroke-width="3.5%" />
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,12" stroke="#7d5c46" stroke-width="3.5%" />
</svg>
</span>
</td>
<td align="center">
<span style="display: inline-block; height: 1em; width: 8em;">
<svg width="100%" height="100%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,12" stroke="#653310" stroke-width="3.5%" />
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,12" stroke="#7d5c46" stroke-width="3.5%" />
</svg>
</span>
</td>
<td align="center">
<span style="display: inline-block; height: 1em; width: 8em;">
<svg width="100%" height="100%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,20" stroke="#653310" stroke-width="3.5%" />
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,20" stroke="#7d5c46" stroke-width="3.5%" />
</svg>
</span>
</td>
<td align="center">
<span style="display: inline-block; height: 1em; width: 8em;">
<svg width="100%" height="100%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,20" stroke="#653310" stroke-width="3.5%" />
<line x1="1%" x2="150%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="1,20" stroke="#7d5c46" stroke-width="3.5%" />
</svg>
</span>
</td>
Expand Down

0 comments on commit 9881fce

Please sign in to comment.