gitignore added

.gitignore

@@ -0,0 +1 @@
+*.swp

proj/map/asset/js/main.js

@@ -9,49 +9,49 @@ Vue.component('Time', {
   <span class="b9h-lang-fr">{{ this.days.mon.fr }}</span>
   <span class="b9h-lang-en">{{ this.days.mon.en }}</span>
   <span class="b9h-lang-it">{{ this.days.mon.it }}</span>
-  <span>{{ this.obj.mon }}</span>
+  <span class="hour">{{ this.obj.mon }}</span>
 </p>
 
 <p>
   <span class="b9h-lang-fr">{{ this.days.tue.fr }}</span>
   <span class="b9h-lang-en">{{ this.days.tue.en }}</span>
   <span class="b9h-lang-it">{{ this.days.tue.it }}</span>
-  <span>{{ this.obj.tue }}</span>
+  <span class="hour">{{ this.obj.tue }}</span>
 </p>
 
 <p>
   <span class="b9h-lang-fr">{{ this.days.wed.fr }}</span>
   <span class="b9h-lang-en">{{ this.days.wed.en }}</span>
   <span class="b9h-lang-it">{{ this.days.wed.it }}</span>
-  <span>{{ this.obj.wed }}</span>
+  <span class="hour">{{ this.obj.wed }}</span>
 </p>
 
 <p>
   <span class="b9h-lang-fr">{{ this.days.thu.fr }}</span>
   <span class="b9h-lang-en">{{ this.days.thu.en }}</span>
   <span class="b9h-lang-it">{{ this.days.thu.it }}</span>
-  <span>{{ this.obj.thu }}</span>
+  <span class="hour">{{ this.obj.thu }}</span>
 </p>
 
 <p>
   <span class="b9h-lang-fr">{{ this.days.fri.fr }}</span>
   <span class="b9h-lang-en">{{ this.days.fri.en }}</span>
   <span class="b9h-lang-it">{{ this.days.fri.it }}</span>
-  <span>{{ this.obj.fri }}</span>
+  <span class="hour">{{ this.obj.fri }}</span>
 </p>
 
 <p>
   <span class="b9h-lang-fr">{{ this.days.sat.fr }}</span>
   <span class="b9h-lang-en">{{ this.days.sat.en }}</span>
   <span class="b9h-lang-it">{{ this.days.sat.it }}</span>
-  <span>{{ this.obj.sat }}</span>
+  <span class="hour">{{ this.obj.sat }}</span>
 </p>
 
 <p>
   <span class="b9h-lang-fr">{{ this.days.sun.fr }}</span>
   <span class="b9h-lang-en">{{ this.days.sun.en }}</span>
   <span class="b9h-lang-it">{{ this.days.sun.it }}</span>
-  <span>{{ this.obj.sun }}</span>
+  <span class="hour">{{ this.obj.sun }}</span>
 </p>
 
   </div>
@@ -137,7 +137,7 @@ Vue.component('Accordeon', {
         <img v-bind:src="this.list.img"></img>
       </aside>
       <aside class="txt">
-        <h3>{{ this.list.name }}</h3>
+        <h3 v-on:click="setMap()" >{{ this.list.name }}</h3>
         <p class="b9h-lang-fr">{{ this.list.txtFR }}</p>
         <p class="b9h-lang-en">{{ this.list.txtEN }}</p>
         <p class="b9h-lang-it">{{ this.list.txtIT }}</p>
@@ -229,29 +229,6 @@ Vue.component('Accordeon', {
     tabrollTransX: function () {
       return "translateX(-" + this.tabrollxoff + "00vw)";
     },
-    markerLL : function () {
-      if ('card' in this.list){
-try {
-        return this.$refs.tabnavi[this.tabind].getBoundingClientRect().left + "px"
-}catch(err) {}
-      } else {
-        return 0;
-      }
-    },
-    markerWW : function () {
-      if ('card' in this.list){
-        try {
-          target = document.querySelector("#" + this.cardid +"0");
-          marker.style.left = target.offsetLeft + "px";
-          return target.offsetWidth + "px";
-          //return this.$refs.tabnavi[this.tabind].getBoundingClientRect().width + "px"
-        }catch(err) {
-          console.log(err.message)
-        }
-      } else {
-        return 0;
-      }
-    },
   },
   methods : {
     getMarkerId(i) {
@@ -302,6 +279,9 @@ try {
     toggleActive () {
       this.isActive = !this.isActive
       document.getElementById(this.list.id).scrollIntoView();
+    },
+    setMap () {
+      map.setView([14,54],3)
     }
   }
 })

proj/map/asset/js/map.js

@@ -26,6 +26,17 @@ map.setMaxBounds(new L.LatLngBounds(
 console.log("getMaxZoom:")
 console.log(map.getMaxZoom())
 
+
+var markPointerIcon = L.icon({
+    iconUrl: 'asset/markers/pointer.png',
+    iconSize: [22, 32],
+    iconAnchor: [7, 20],
+    popupAnchor: [-10, -34],
+});
+
+
+var marker = L.marker([0,0], {icon: markPointerIcon}).addTo(map);
+
 /*
 min/max = 163
 map.setView([-163,-163],2)

proj/map/asset/markers/markers.svg

@@ -0,0 +1,204 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="210mm"
+   height="297mm"
+   viewBox="0 0 210 297"
+   version="1.1"
+   id="svg8"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
+   sodipodi:docname="markers.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.31873766"
+     inkscape:cx="-837.35074"
+     inkscape:cy="-1835.454"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     inkscape:snap-bbox="true"
+     inkscape:snap-intersection-paths="true"
+     inkscape:object-paths="true"
+     inkscape:snap-bbox-midpoints="true"
+     inkscape:snap-bbox-edge-midpoints="true"
+     inkscape:bbox-nodes="true"
+     inkscape:bbox-paths="true"
+     inkscape:snap-smooth-nodes="true"
+     inkscape:snap-midpoints="true"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true"
+     inkscape:window-width="1280"
+     inkscape:window-height="779"
+     inkscape:window-x="0"
+     inkscape:window-y="21"
+     inkscape:window-maximized="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid889" />
+    <sodipodi:guide
+       position="-100.54166,681.96877"
+       orientation="1,0"
+       id="guide5004" />
+    <sodipodi:guide
+       position="-100.54166,681.96879"
+       orientation="0,-1"
+       id="guide5006" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m -210.36137,-696.49228 30.26688,-35.04332 45.79313,6.8635 z"
+       id="path857"
+       sodipodi:nodetypes="cccc" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:5.465;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m -174.44165,-716.27804 20.52736,55.40527"
+       id="path859"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.460288px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m -213.71393,-656.64227 37.24141,-19.61953 72.49689,21.12216 -37.24142,19.61952 z"
+       id="path865" />
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:68.7216px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;stroke-width:3.118;stroke:#ff0000;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none;paint-order:stroke fill markers"
+       x="-153.19791"
+       y="-667.97314"
+       id="text871"><tspan
+         sodipodi:role="line"
+         id="tspan869"
+         x="-153.19791"
+         y="-667.97314"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:68.7216px;font-family:Inter;-inkscape-font-specification:'Inter, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;stroke-width:3.118;stroke:#ff0000;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none;paint-order:stroke fill markers">€</tspan></text>
+    <path
+       style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m -5.9325835,-690.21276 30.2668795,-35.04332 45.79313,6.8635 z"
+       id="path873"
+       sodipodi:nodetypes="cccc" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:5.465;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 29.987146,-709.99851 20.52735,55.40526"
+       id="path875"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.460288px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m -9.2851435,-650.36275 37.2414095,-19.61953 72.496894,21.12216 -37.241424,19.61952 z"
+       id="path877" />
+    <rect
+       style="fill:#00c936;fill-opacity:1;stroke:none;stroke-width:5.46499;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
+       id="rect883"
+       width="65.715393"
+       height="164.0153"
+       x="-294.96207"
+       y="-1002.2833"
+       ry="0.76779705" />
+    <rect
+       style="fill:#00c936;fill-opacity:1;stroke:none;stroke-width:5.46499;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
+       id="rect885"
+       width="65.715393"
+       height="164.0153"
+       x="-953.13336"
+       y="180.09669"
+       ry="0.76779705"
+       transform="rotate(90)" />
+    <path
+       style="fill:#010000;fill-opacity:1;stroke:#000000;stroke-width:6.04361;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m -692.05243,-903.21176 -1e-5,126.99999 105.83332,-10e-6 10e-6,-126.99999 -21.16667,21.16667 -63.49999,1e-5 z"
+       id="path891"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:2.11667;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m -692.05243,-903.21176 v -21.16667 h 21.16666 v 42.33334"
+       id="path893" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:2.11667;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m -670.88577,-882.04509 v -63.50005 h 21.16667 v 63.50005 l -10e-6,-42.33335 h 21.16667 v 42.33333 -42.33333 h 21.16667 v 42.33333 -42.33333 h 21.16666 v 21.16667"
+       id="path895" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:2.11667;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m -670.88577,-900.56593 h 21.16667"
+       id="path897" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:4.29572;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect899"
+       width="95.249977"
+       height="37.041668"
+       x="-686.76074"
+       y="-818.5451"
+       ry="0.89576322" />
+    <path
+       style="fill:#010000;fill-opacity:1;stroke:#000000;stroke-width:6.04361;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m -683.28422,-594.92807 -10e-6,126.99999 105.83332,-10e-6 10e-6,-126.99999 -21.16667,21.16667 -63.49999,10e-6 z"
+       id="path4986"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:2.11667;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m -683.28422,-594.92807 v -21.16667 h 21.16666 v 42.33334"
+       id="path4988" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:2.11667;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m -662.11756,-573.7614 v -63.50005 h 21.16667 v 63.50005 l -1e-5,-42.33335 h 21.16667 v 42.33333 -42.33333 h 21.16667 v 42.33333 -42.33333 h 21.16666 v 21.16667"
+       id="path4990" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:2.11667;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m -662.11756,-592.28224 h 21.16667"
+       id="path4992" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:4.29572;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect4994"
+       width="95.249977"
+       height="37.041668"
+       x="-677.99255"
+       y="-510.26141"
+       ry="0.89576322" />
+    <path
+       style="fill:#010000;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
+       d="m -529.16667,-412.75 10e-6,-201.08333 h 31.75 v -31.75 h 31.75 v 31.75 h 31.75 31.75 31.75 l -1e-5,201.08333 h -158.75"
+       id="path4996"
+       sodipodi:nodetypes="ccccccccccc" />
+    <path
+       id="path4998"
+       style="opacity:0.999987;fill:#ff5821;fill-opacity:1;stroke:none;stroke-width:3.11801;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       d="m -31.749992,-460.375 c -2e-6,37.99259 -29.65778,75.40621 -68.791668,133.18728 -39.13488,-57.78107 -68.79166,-95.1947 -68.79166,-133.18728 0,-37.99258 30.79908,-68.79166 68.79166,-68.79166 37.992587,0 68.791666,30.79907 68.791668,68.79166 z"
+       sodipodi:nodetypes="scsss"
+       inkscape:export-filename="/home/ed/code/web/html-css/ed.brz9.dev/assets/marker/png/pointer.png"
+       inkscape:export-xdpi="12.6"
+       inkscape:export-ydpi="12.6" />
+    <circle
+       style="opacity:0.999987;fill:#1c2729;fill-opacity:1;stroke:none;stroke-width:1.67893;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle5001"
+       cx="-100.54166"
+       cy="-460.375"
+       r="37.041656" />
+  </g>
+</svg>

proj/map/index.html

@@ -47,7 +47,6 @@
 
 <script src="asset/js/vue.min.js"></script>
 <script src="asset/leaflet/leaflet.js"></script>
-
 <script src="asset/js/main.js"></script>
 <script src="asset/js/map.js"></script>
 </html>