Skip to content

Commit

Permalink
replace
Browse files Browse the repository at this point in the history
  • Loading branch information
@Louis-LJ
Louis-LJ authored Jun 18, 2024
1 parent eb0c2c0 commit 74bdd3b
Showing 1 changed file with 122 additions and 115 deletions.
237 changes: 122 additions & 115 deletions test/test.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,121 +26,6 @@ <h1>Vertical</h1>

<div style="justify-content: center">
<table>
<tr>
<td colspan="5" align="center">
<h4>Itinéraires</h4>
</td>
</tr>
<tr>
<td colspan="1" rowspan="3" align="center">
OSMC
</td>
<td colspan="2" align="center">
International / National
</td>
<td colspan="3" align="center">
<span style="display: inline-block; height: 1.2em; width: 10em;">
<svg width="100%" height="70%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<rect x="1%" y="20%" width="100%" height="60%" fill="red" />
</svg>
</span>
</td>
</tr>
<tr>
<td colspan="2" align="center">
Régional
</td>
<td colspan="3" align="center">
<span style="display: inline-block; height: 1.2em; width: 10em;">
<svg width="100%" height="70%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<rect x="1%" y="20%" width="100%" height="60%" fill="red" />
</svg>
</span>
</td>
</tr>
<tr>
<td colspan="2" align="center">
local
</td>
<td colspan="3" align="center">
<span style="display: inline-block; height: 1.2em; width: 10em;">
<svg width="100%" height="70%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<rect x="1%" y="20%" width="100%" height="60%" fill="yellow" />
</svg>
</span>
</td>
</tr>
<tr>
<td colspan="5" align="center">
</td>
</tr>
<tr>
<td colspan="1" rowspan="5" align="center">
Scope OSMC
</td>
<td colspan="2" align="center">
International
</td>
<td colspan="3" align="center">
<span style="display: inline-block; height: 1.4em; width: 10em;">
<svg width="100%" height="70%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<rect x="1%" y="20%" width="100%" height="60%" fill="blue" />
</svg>
</span>
</td>
</tr>
<tr>
<td colspan="2" align="center">
National
</td>
<td colspan="3" align="center">
<span style="display: inline-block; height: 1.2em; width: 10em;">
<svg width="100%" height="70%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<rect x="1%" y="20%" width="100%" height="60%" fill="red" />
</svg>
</span>
</td>
</tr>
<tr>
<td colspan="2" align="center">
Régional
</td>
<td colspan="3" align="center">
<span style="display: inline-block; height: 1em; width: 10em;">
<svg width="100%" height="70%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<rect x="1%" y="20%" width="100%" height="60%" fill="orange" />
</svg>
</span>
</td>
</tr>
<tr>
<td colspan="2" align="center">
local
</td>
<td colspan="3" align="center">
<span style="display: inline-block; height: 0.8em; width: 10em;">
<svg width="100%" height="70%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<rect x="1%" y="20%" width="100%" height="60%" fill="yellow" />
</svg>
</span>
</td>
</tr>
<tr>
<td colspan="2" align="center">
combinée
</td>
<td colspan="3" align="center">
<span style="display: inline-block; height: 1.4em; width: 10em;">
<svg width="100%" height="70%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<rect x="1%" y="0%" width="100%" height="100%" fill="blue" />
<rect x="1%" y="15%" width="100%" height="75%" fill="red" />
<rect x="1%" y="22%" width="100%" height="55%" fill="orange" />
<rect x="1%" y="34%" width="100%" height="30%" fill="yellow" />
<line x1="2%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#7d5c46" stroke-width="2.5%" />
</svg>
</span>
</td>
</tr>
<tr>
<td colspan="5" align="center">
<h4>Chemin/Chemin agricole/piste forestière type IGN (<code>highway=track</code>)</h4>
Expand Down Expand Up @@ -475,6 +360,128 @@ <h4>Difficulté et visibilité des sentiers (<code>sac_scale=* & trail_visibilit
</span>
</td>
</tr>
<tr>
<td colspan="5" align="center">
<h4>Itinéraires</h4>
</td>
</tr>
<tr>
<td colspan="1" rowspan="3" align="center">
OSMC
</td>
<td colspan="2" align="center">
International / National
</td>
<td colspan="3" align="center">
<span style="display: inline-block; height: 1.2em; width: 10em;">
<svg width="100%" height="70%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<rect x="1%" y="20%" width="100%" height="60%" fill="red" />
<line x1="2%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#7d5c46" stroke-width="2.5%" />
</svg>
</span>
</td>
</tr>
<tr>
<td colspan="2" align="center">
Régional
</td>
<td colspan="3" align="center">
<span style="display: inline-block; height: 1.2em; width: 10em;">
<svg width="100%" height="70%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<rect x="1%" y="20%" width="100%" height="60%" fill="red" />
<line x1="2%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#7d5c46" stroke-width="2.5%" />
</svg>
</span>
</td>
</tr>
<tr>
<td colspan="2" align="center">
local
</td>
<td colspan="3" align="center">
<span style="display: inline-block; height: 1.2em; width: 10em;">
<svg width="100%" height="70%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<rect x="1%" y="20%" width="100%" height="60%" fill="yellow" />
<line x1="2%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#7d5c46" stroke-width="2.5%" />
</svg>
</span>
</td>
</tr>
<tr>
<td colspan="5" align="center">
</td>
</tr>
<tr>
<td colspan="1" rowspan="5" align="center">
Scope OSMC
</td>
<td colspan="2" align="center">
International
</td>
<td colspan="3" align="center">
<span style="display: inline-block; height: 1.4em; width: 10em;">
<svg width="100%" height="70%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<rect x="1%" y="20%" width="100%" height="60%" fill="blue" />
<line x1="2%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#7d5c46" stroke-width="2.5%" />
</svg>
</span>
</td>
</tr>
<tr>
<td colspan="2" align="center">
National
</td>
<td colspan="3" align="center">
<span style="display: inline-block; height: 1.2em; width: 10em;">
<svg width="100%" height="70%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<rect x="1%" y="20%" width="100%" height="60%" fill="red" />
<line x1="2%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#7d5c46" stroke-width="2.5%" />
</svg>
</span>
</td>
</tr>
<tr>
<td colspan="2" align="center">
Régional
</td>
<td colspan="3" align="center">
<span style="display: inline-block; height: 1em; width: 10em;">
<svg width="100%" height="70%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<rect x="1%" y="20%" width="100%" height="60%" fill="orange" />
<line x1="2%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#7d5c46" stroke-width="2.5%" />
</svg>
</span>
</td>
</tr>
<tr>
<td colspan="2" align="center">
local
</td>
<td colspan="3" align="center">
<span style="display: inline-block; height: 0.8em; width: 10em;">
<svg width="100%" height="70%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<rect x="1%" y="20%" width="100%" height="60%" fill="yellow" />
<line x1="2%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#7d5c46" stroke-width="2.5%" />
</svg>
</span>
</td>
</tr>
<tr>
<td colspan="2" align="center">
combinée
</td>
<td colspan="3" align="center">
<span style="display: inline-block; height: 1.4em; width: 10em;">
<svg width="100%" height="70%" xmlns="https://www.w3.org/2000/svg" version="1.1">
<rect x="1%" y="0%" width="100%" height="100%" fill="blue" />
<rect x="1%" y="15%" width="100%" height="75%" fill="red" />
<rect x="1%" y="22%" width="100%" height="55%" fill="orange" />
<rect x="1%" y="34%" width="100%" height="30%" fill="yellow" />
<line x1="2%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#7d5c46" stroke-width="2.5%" />
</svg>
</span>
</td>
</tr>
</table>
</div>

Expand Down

0 comments on commit 74bdd3b

Please sign in to comment.