diff --git a/empty1.svg b/empty1.svg index 1311fe9..4193f24 100644 --- a/empty1.svg +++ b/empty1.svg @@ -1,7 +1,7 @@ + viewBox="0 0 104 52" style="enable-background:new 0 0 104 52;" xml:space="preserve"> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/road1-bl.svg b/road1-bl.svg index 2d4dd9c..ec429b2 100644 --- a/road1-bl.svg +++ b/road1-bl.svg @@ -1,7 +1,7 @@ + viewBox="0 0 156 156" style="enable-background:new 0 0 156 156;" xml:space="preserve"> - - + - + - + - + - + - + - + - + - - - - - - - - - - - - + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - + c-0.17,0.47,0.04,1.09,0.38,1.44C48.56,60.08,49.21,60.19,49.75,59.97z"/> + + + + + + + diff --git a/road1-blr.svg b/road1-blr.svg index 3a657f0..dcd781e 100644 --- a/road1-blr.svg +++ b/road1-blr.svg @@ -1,7 +1,7 @@ + viewBox="0 0 208 156" style="enable-background:new 0 0 208 156;" xml:space="preserve"> - - + - + - + - + - + - + - + - - + + - - - + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - + + - - - - - - - + + + + + + + - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + - - - + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - + C204.04,72.2,203.76,66.63,199.88,66.63z"/> + + + + + + + + + + + + - - + + c-0.14,0.14-0.2,0.29-0.27,0.46c-0.02,0.06-0.09,0.26-0.1,0.32C4.6,46.9,4.59,47.05,4.6,47.21c0.05,0.65,0.54,1.16,1.23,1.06 + C6.45,48.19,6.92,47.56,6.73,46.93z"/> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - + - + c1.77,0.88,2.62,1.98,4.77,2.32C205.21,12.02,206.82,13.22,208.45,13.11z"/> diff --git a/road1-br.svg b/road1-br.svg index a132ecd..a11b0ca 100644 --- a/road1-br.svg +++ b/road1-br.svg @@ -1,7 +1,7 @@ + viewBox="0 0 156 156" style="enable-background:new 0 0 156 156;" xml:space="preserve"> - - + - + - + - + - + - + - + - + - - - - - - - - - - - - + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - + c0.47,0.17,1.09-0.04,1.44-0.38C60.08,107.44,60.19,106.79,59.97,106.25z"/> + + + + + + + diff --git a/road1-lr.svg b/road1-lr.svg index e9b7f6d..53cdc51 100644 --- a/road1-lr.svg +++ b/road1-lr.svg @@ -1,7 +1,7 @@ + viewBox="0 0 156 104" style="enable-background:new 0 0 156 104;" xml:space="preserve"> - - + - + - + - + - + - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/road1-ltb.svg b/road1-ltb.svg index b3e5d11..91aeeeb 100644 --- a/road1-ltb.svg +++ b/road1-ltb.svg @@ -1,7 +1,7 @@ + viewBox="0 0 156 208" style="enable-background:new 0 0 156 208;" xml:space="preserve"> - - + - + - + - + - + - + - + - - + + - - - + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - + + - - - - - - - + + + + + + + - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + - - - + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - + C83.8,204.04,89.37,203.76,89.37,199.88z"/> + + + + + + + + + + + + - - + + C107.81,6.45,108.44,6.92,109.07,6.73z"/> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - + - + + c-0.88,1.77-1.98,2.62-2.32,4.77C143.98,205.21,142.78,206.82,142.89,208.45z"/> diff --git a/road1-rtb.svg b/road1-rtb.svg index 458605c..9272f9c 100644 --- a/road1-rtb.svg +++ b/road1-rtb.svg @@ -1,7 +1,7 @@ + viewBox="0 0 156 208" style="enable-background:new 0 0 156 208;" xml:space="preserve"> - - - + + - + - + - + - + - + - - + + - - - + + + - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - + + - - - - - - - + + + + + + + - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + - - - + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - + C72.2,3.96,66.63,4.24,66.63,8.12z"/> + + + + + + + + + + + + - - + + c0.65-0.05,1.16-0.54,1.06-1.23C48.19,201.55,47.56,201.08,46.93,201.27z"/> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - + - + + C12.02,2.79,13.22,1.18,13.11-0.45z"/> diff --git a/road1-tb.svg b/road1-tb.svg index 5cfa087..d3e12f7 100644 --- a/road1-tb.svg +++ b/road1-tb.svg @@ -1,7 +1,7 @@ + viewBox="0 0 104 156" style="enable-background:new 0 0 104 156;" xml:space="preserve"> - - + - + - + - - - + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - + C26.21,136.03,25.32,136.37,25.11,137.13z"/> + + + + + + + + + + + + + + + + + diff --git a/road1-tblr.svg b/road1-tblr.svg index ff28b7f..d386da9 100644 --- a/road1-tblr.svg +++ b/road1-tblr.svg @@ -1,7 +1,7 @@ + viewBox="0 0 208 208" style="enable-background:new 0 0 208 208;" xml:space="preserve"> - - + - + - + - + - + - + - + - + - + - + - + - + - + - - + + - - - + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - + + - - - - - - - + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - + C204.04,122.96,203.76,117.39,199.88,117.39z"/> + + + + + + + + + + + + + + + + - - + + C6.45,98.95,6.92,98.31,6.73,97.68z"/> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + C5.92,86.19,6.12,85.52,5.9,84.94z"/> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/road1-tl.svg b/road1-tl.svg index 99d9830..1e33e72 100644 --- a/road1-tl.svg +++ b/road1-tl.svg @@ -1,7 +1,7 @@ + viewBox="0 0 156 156" style="enable-background:new 0 0 156 156;" xml:space="preserve"> - - + - + - + - + - + - + - + - + - - - - - - - - - - - - + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - + c-0.47-0.17-1.09,0.04-1.44,0.38C95.92,48.56,95.81,49.21,96.03,49.75z"/> + + + + + + + diff --git a/road1-tlr.svg b/road1-tlr.svg index 77e20fe..21f91a6 100644 --- a/road1-tlr.svg +++ b/road1-tlr.svg @@ -1,7 +1,7 @@ + viewBox="0 0 208 156" style="enable-background:new 0 0 208 156;" xml:space="preserve"> - - + - + - + - + - + - - + - - + + - - - + + + - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - + + - - - - - - - + + + + + + + - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + - - - + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - + C3.96,83.8,4.24,89.37,8.12,89.37z"/> + + + + + + + + + + + + - - + + C201.55,107.81,201.08,108.44,201.27,109.07z"/> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - + - + + C2.79,143.98,1.18,142.78-0.45,142.89z"/> diff --git a/road1-tr.svg b/road1-tr.svg index 2610a80..6e04702 100644 --- a/road1-tr.svg +++ b/road1-tr.svg @@ -1,7 +1,7 @@ + viewBox="0 0 156 156" style="enable-background:new 0 0 156 156;" xml:space="preserve"> - - - + + - + - + - + - + - + - + - - - - - - - - - - - - + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - + c0.17-0.47-0.04-1.09-0.38-1.44C107.44,95.92,106.79,95.81,106.25,96.03z"/> + + + + + + + diff --git a/test.html b/test.html index 249e56d..f85ae18 100644 --- a/test.html +++ b/test.html @@ -34,84 +34,84 @@ div { .road-tb { background-image: url('road1-tb.svg'); + background-size: cover; grid-column-end: span 2; grid-row-end: span 3; } .road-lr { background-image: url('road1-lr.svg'); + background-size: cover; grid-column-end: span 3; grid-row-end: span 2; } .road-br { background-image: url('road1-br.svg'); - background-position: bottom right; + background-size: cover; grid-column-end: span 3; grid-row-end: span 3; } .road-bl { background-image: url('road1-bl.svg'); - background-position: bottom left; + background-size: cover; grid-column-end: span 3; grid-row-end: span 3; } .road-tr { background-image: url('road1-tr.svg'); - background-position: top right; + background-size: cover; grid-column-end: span 3; grid-row-end: span 3; } .road-tl { background-image: url('road1-tl.svg'); - background-position: top left; + background-size: cover; grid-column-end: span 3; grid-row-end: span 3; } .road-blr { background-image: url('road1-blr.svg'); - background-position: bottom; + background-size: cover; grid-column-end: span 4; grid-row-end: span 3; } .road-tlr { background-image: url('road1-tlr.svg'); - background-position: top; + background-size: cover; grid-column-end: span 4; grid-row-end: span 3; } .road-ltb { background-image: url('road1-ltb.svg'); - background-position: left; + background-size: cover; grid-column-end: span 3; grid-row-end: span 4; } .road-rtb { background-image: url('road1-rtb.svg'); - background-position: right; + background-size: cover; grid-column-end: span 3; grid-row-end: span 4; - z-index: 1; } .road-tblr { background-image: url('road1-tblr.svg'); - background-position: center; + background-size: cover; grid-column-end: span 4; grid-row-end: span 4; } .empty { background-image: url('empty1.svg'); - background-position: center; - background-size: 80%; + background-size: cover; grid-column-end: span 2; grid-row-end: span 1; } @@ -128,8 +128,8 @@ const map = ` .||................. .||................. .||................. -.++..........++++--- -.+++---+++...++++--- +.++..........++++... +.+++---+++...++++... .+++---+++....++.... ........++....++.... ........||....+++--- @@ -137,13 +137,13 @@ const map = ` ........||....++oo.. ......oo++....++.... .+++---+++...++++... -.+++---+++...++++... -.++...........++.... -.||................. -.||................. -.||................. -.++................. -++++---............. +.+++---+++...++++.|| +.++...........++..|| +.||...............|| +.||...............++ +.||...........---+++ +.++...........---+++ +++++---...........++ ++++---............. `;