@tmf_ciclica/ciclicastorybook 1.0.0

package/src/constants/textLayers.js

@@ -0,0 +1,639 @@
+export const textLayers = [
+    {
+        "id": "place_other",
+        "type": "symbol",
+        "source": "openmaptiles",
+        "source-layer": "place",
+        "maxzoom": 14,
+        "layout": {
+          "text-font": [
+            "Metropolis Regular",
+            "Noto Sans Regular"
+          ],
+          "text-size": 10,
+          "text-field": "{name:latin}\n{name:nonlatin}",
+          "text-anchor": "center",
+          "text-offset": [
+            0.5,
+            0
+          ],
+          "text-justify": "center",
+          "text-transform": "uppercase",
+          "text-letter-spacing": 0.2,
+        },
+        //"text-color"d: "hsl(0, 0%, 100%)",
+        //"icon-halo-color"d: "hsla(0, 0%, 0%, 0.7)",
+        "paint": {
+          "text-color": "hsl(0, 0%, 40%)",
+          "text-halo-blur": 1,
+          "icon-halo-color": "hsla(0, 0%, 100%, 0.7)",
+          "text-halo-color": "hsla(0, 0%, 100%, 0.7)",
+          "text-halo-width": 1
+        },
+        "metadata": {
+          "mapbox:group": "101da9f13b64a08fa4b6ac1168e89e5f"
+        },
+        "filter": [
+          "all",
+          [
+            "==",
+            "$type",
+            "Point"
+          ],
+          [
+            "in",
+            "class",
+            "hamlet",
+            "isolated_dwelling",
+            "neighbourhood"
+          ]
+        ]
+      },
+      {
+        "id": "place_suburb",
+        "type": "symbol",
+        "source": "openmaptiles",
+        "source-layer": "place",
+        "maxzoom": 15,
+        "layout": {
+          "text-font": [
+            "Metropolis Regular",
+            "Noto Sans Regular"
+          ],
+          "text-size": 10,
+          "text-field": "{name:latin}\n{name:nonlatin}",
+          "text-anchor": "center",
+          "text-offset": [
+            0.5,
+            0
+          ],
+          "text-justify": "center",
+          "text-transform": "uppercase",
+          "text-letter-spacing": 0.2,
+        },
+        "paint": {
+          "text-color": "hsl(0, 0%, 40%)",
+          "text-halo-blur": 1,
+          "icon-halo-color": "hsla(0, 0%, 100%, 0.7)",
+          "text-halo-color": "hsla(0, 0%, 100%, 0.7)",
+          "text-halo-width": 1
+        },
+        "metadata": {
+          "mapbox:group": "101da9f13b64a08fa4b6ac1168e89e5f"
+        },
+        "filter": [
+          "all",
+          [
+            "==",
+            "$type",
+            "Point"
+          ],
+          [
+            "==",
+            "class",
+            "suburb"
+          ]
+        ]
+      },
+      {
+        "id": "place_village",
+        "type": "symbol",
+        "source": "openmaptiles",
+        "source-layer": "place",
+        "maxzoom": 14,
+        "layout": {
+          "icon-size": 0.4,
+          "text-font": [
+            "Metropolis Regular",
+            "Noto Sans Regular"
+          ],
+          "text-size": 10,
+          "text-field": "{name:latin}\n{name:nonlatin}",
+          "text-anchor": "left",
+          "text-offset": [
+            0.5,
+            0.2
+          ],
+          "text-justify": "left",
+          "text-transform": "uppercase",
+          "text-letter-spacing": 0.2,
+        },
+        "paint": {
+          "text-color": "hsl(0, 0%, 40%)",
+          "icon-opacity": 0.7,
+          "text-halo-blur": 1,
+          "icon-halo-color": "hsla(0, 0%, 100%, 0.7)",
+        "text-halo-color": "hsla(0, 0%, 100%, 0.7)",
+          "text-halo-width": 1
+        },
+        "metadata": {
+          "mapbox:group": "101da9f13b64a08fa4b6ac1168e89e5f"
+        },
+        "filter": [
+          "all",
+          [
+            "==",
+            "$type",
+            "Point"
+          ],
+          [
+            "==",
+            "class",
+            "village"
+          ]
+        ]
+      },
+      {
+        "id": "place_town",
+        "type": "symbol",
+        "source": "openmaptiles",
+        "source-layer": "place",
+        "maxzoom": 15,
+        "layout": {
+          "icon-size": 0.4,
+          "text-font": [
+            "Metropolis Regular",
+            "Noto Sans Regular"
+          ],
+          "text-size": 10,
+          "icon-image": {
+            "base": 1,
+            "stops": [
+              [
+                0,
+                "circle-11"
+              ],
+              [
+                9,
+                ""
+              ]
+            ]
+          },
+          "text-field": "{name:latin}\n{name:nonlatin}",
+          "text-anchor": {
+            "base": 1,
+            "stops": [
+              [
+                0,
+                "left"
+              ],
+              [
+                8,
+                "center"
+              ]
+            ]
+          },
+          "text-offset": [
+            0.5,
+            0.2
+          ],
+          "text-justify": "left",
+          "text-transform": "uppercase",
+          "text-letter-spacing": 0.2,
+        },
+        "paint": {
+          "text-color": "hsl(0, 0%, 40%)",
+          "icon-opacity": 0.7,
+          "text-halo-blur": 1,
+          "icon-halo-color": "hsla(0, 0%, 100%, 0.7)",
+        "text-halo-color": "hsla(0, 0%, 100%, 0.7)",
+          "text-halo-width": 1
+        },
+        "metadata": {
+          "mapbox:group": "101da9f13b64a08fa4b6ac1168e89e5f"
+        },
+        "filter": [
+          "all",
+          [
+            "==",
+            "$type",
+            "Point"
+          ],
+          [
+            "==",
+            "class",
+            "town"
+          ]
+        ]
+      },
+      {
+        "id": "place_city",
+        "type": "symbol",
+        "source": "openmaptiles",
+        "source-layer": "place",
+        "maxzoom": 14,
+        "layout": {
+          "icon-size": 0.4,
+          "text-font": [
+            "Metropolis Regular",
+            "Noto Sans Regular"
+          ],
+          "text-size": 10,
+          "icon-image": {
+            "base": 1,
+            "stops": [
+              [
+                0,
+                "circle-11"
+              ],
+              [
+                9,
+                ""
+              ]
+            ]
+          },
+          "text-field": "{name:latin}\n{name:nonlatin}",
+          "text-anchor": {
+            "base": 1,
+            "stops": [
+              [
+                0,
+                "left"
+              ],
+              [
+                8,
+                "center"
+              ]
+            ]
+          },
+          "text-offset": [
+            0.5,
+            0.2
+          ],
+          "text-justify": "left",
+          "text-transform": "uppercase",
+          "text-letter-spacing": 0.2,
+        },
+        "paint": {
+          "text-color": "hsl(0, 0%, 40%)",
+          "icon-opacity": 0.7,
+          "text-halo-blur": 1,
+          "icon-halo-color": "hsla(0, 0%, 100%, 0.7)",
+        "text-halo-color": "hsla(0, 0%, 100%, 0.7)",
+          "text-halo-width": 1
+        },
+        "metadata": {
+          "mapbox:group": "101da9f13b64a08fa4b6ac1168e89e5f"
+        },
+        "filter": [
+          "all",
+          [
+            "==",
+            "$type",
+            "Point"
+          ],
+          [
+            "==",
+            "class",
+            "city"
+          ],
+          [
+            ">",
+            "rank",
+            3
+          ]
+        ]
+      },
+      {
+        "id": "place_city_large",
+        "type": "symbol",
+        "source": "openmaptiles",
+        "source-layer": "place",
+        "maxzoom": 12,
+        "layout": {
+          "icon-size": 0.4,
+          "text-font": [
+            "Metropolis Regular",
+            "Noto Sans Regular"
+          ],
+          "text-size": 14,
+          "icon-image": {
+            "base": 1,
+            "stops": [
+              [
+                0,
+                "circle-11"
+              ],
+              [
+                9,
+                ""
+              ]
+            ]
+          },
+          "text-field": "{name:latin}\n{name:nonlatin}",
+          "text-anchor": {
+            "base": 1,
+            "stops": [
+              [
+                0,
+                "left"
+              ],
+              [
+                8,
+                "center"
+              ]
+            ]
+          },
+          "text-offset": [
+            0.5,
+            0.2
+          ],
+          "text-justify": "left",
+          "text-transform": "uppercase",
+          "text-letter-spacing": 0.2,
+        },
+        "paint": {
+          "text-color": "hsl(0, 0%, 40%)",
+          "icon-opacity": 0.7,
+          "text-halo-blur": 1,
+          "icon-halo-color": "hsla(0, 0%, 100%, 0.7)",
+        "text-halo-color": "hsla(0, 0%, 100%, 0.7)",
+          "text-halo-width": 1
+        },
+        "metadata": {
+          "mapbox:group": "101da9f13b64a08fa4b6ac1168e89e5f"
+        },
+        "filter": [
+          "all",
+          [
+            "==",
+            "$type",
+            "Point"
+          ],
+          [
+            "<=",
+            "rank",
+            3
+          ],
+          [
+            "==",
+            "class",
+            "city"
+          ]
+        ]
+      },
+      {
+        "id": "place_state",
+        "type": "symbol",
+        "source": "openmaptiles",
+        "source-layer": "place",
+        "maxzoom": 12,
+        "layout": {
+          "text-font": [
+            "Metropolis Regular",
+            "Noto Sans Regular"
+          ],
+          "text-size": 10,
+          "text-field": "{name:latin}\n{name:nonlatin}",
+          "text-transform": "uppercase",
+          "text-letter-spacing": 0.2,
+        },
+        "paint": {
+          "text-color": "hsl(0, 0%, 40%)",
+          "text-halo-blur": 1,
+          "icon-halo-color": "hsla(0, 0%, 100%, 0.7)",
+        "text-halo-color": "hsla(0, 0%, 100%, 0.7)",
+          "text-halo-width": 1
+        },
+        "metadata": {
+          "mapbox:group": "101da9f13b64a08fa4b6ac1168e89e5f"
+        },
+        "filter": [
+          "all",
+          [
+            "==",
+            "$type",
+            "Point"
+          ],
+          [
+            "==",
+            "class",
+            "state"
+          ]
+        ]
+      },
+      {
+        "id": "place_country_other",
+        "type": "symbol",
+        "source": "openmaptiles",
+        "source-layer": "place",
+        "maxzoom": 8,
+        "layout": {
+          "text-font": [
+            "Metropolis Light Italic",
+            "Noto Sans Italic"
+          ],
+          "text-size": {
+            "base": 1,
+            "stops": [
+              [
+                0,
+                9
+              ],
+              [
+                1,
+                11
+              ]
+            ]
+          },
+          "text-field": "{name:latin}",
+          "text-transform": "uppercase",
+          "text-letter-spacing": 0.2,
+        },
+        "paint": {
+          "text-color": "hsl(0, 0%, 40%)",
+          "icon-halo-color": "hsla(0, 0%, 100%, 0.7)",
+        "text-halo-color": "hsla(0, 0%, 100%, 0.7)",
+          "text-halo-width": 1.4
+        },
+        "metadata": {
+          "mapbox:group": "101da9f13b64a08fa4b6ac1168e89e5f"
+        },
+        "filter": [
+          "all",
+          [
+            "==",
+            "$type",
+            "Point"
+          ],
+          [
+            "==",
+            "class",
+            "country"
+          ],
+          [
+            "!has",
+            "iso_a2"
+          ]
+        ]
+      },
+      {
+        "id": "place_country_minor",
+        "type": "symbol",
+        "source": "openmaptiles",
+        "source-layer": "place",
+        "maxzoom": 8,
+        "layout": {
+          "text-font": [
+            "Metropolis Regular",
+            "Noto Sans Regular"
+          ],
+          "text-size": {
+            "base": 1,
+            "stops": [
+              [
+                0,
+                10
+              ],
+              [
+                6,
+                12
+              ]
+            ]
+          },
+          "text-field": "{name:latin}",
+          "text-transform": "uppercase",
+          "text-letter-spacing": 0.2,
+        },
+        "paint": {
+          "text-color": "hsl(0, 0%, 40%)",
+          "icon-halo-color": "hsla(0, 0%, 100%, 0.7)",
+        "text-halo-color": "hsla(0, 0%, 100%, 0.7)",
+          "text-halo-width": 1.4
+        },
+        "metadata": {
+          "mapbox:group": "101da9f13b64a08fa4b6ac1168e89e5f"
+        },
+        "filter": [
+          "all",
+          [
+            "==",
+            "$type",
+            "Point"
+          ],
+          [
+            "==",
+            "class",
+            "country"
+          ],
+          [
+            ">=",
+            "rank",
+            2
+          ],
+          [
+            "has",
+            "iso_a2"
+          ]
+        ]
+      },
+      {
+        "id": "place_country_major",
+        "type": "symbol",
+        "source": "openmaptiles",
+        "source-layer": "place",
+        "maxzoom": 6,
+        "layout": {
+          "text-font": [
+            "Metropolis Regular",
+            "Noto Sans Regular"
+          ],
+          "text-size": {
+            "base": 1.4,
+            "stops": [
+              [
+                0,
+                10
+              ],
+              [
+                3,
+                12
+              ],
+              [
+                4,
+                14
+              ]
+            ]
+          },
+          "text-field": "{name:latin}",
+          "text-anchor": "center",
+          "text-transform": "uppercase",
+          "text-letter-spacing": 0.2,
+        },
+        "paint": {
+          "text-color": "hsl(0, 0%, 40%)",
+          "icon-halo-color": "hsla(0, 0%, 100%, 0.7)",
+        "text-halo-color": "hsla(0, 0%, 100%, 0.7)",
+          "text-halo-width": 1.4
+        },
+        "metadata": {
+          "mapbox:group": "101da9f13b64a08fa4b6ac1168e89e5f"
+        },
+        "filter": [
+          "all",
+          [
+            "==",
+            "$type",
+            "Point"
+          ],
+          [
+            "<=",
+            "rank",
+            1
+          ],
+          [
+            "==",
+            "class",
+            "country"
+          ],
+          [
+            "has",
+            "iso_a2"
+          ]
+        ]
+      },
+      {
+        "id": "highway_name_other",
+        "type": "symbol",
+        "source": "openmaptiles",
+        "source-layer": "transportation_name",
+        "layout": {
+          "text-font": [
+            "Metropolis Regular",
+            "Noto Sans Regular"
+          ],
+          "text-size": 10,
+          "text-field": "{name:latin} {name:nonlatin}",
+          "visibility": "visible",
+          "symbol-spacing": 350,
+          "text-max-angle": 30,
+          //"text-transform": "uppercase",
+          "text-letter-spacing": 0.2,
+          "symbol-placement": "line",
+          "text-pitch-alignment": "viewport",
+          "text-rotation-alignment": "map"
+        },
+        "paint": {
+          "text-color": "hsl(0, 0%, 30%)",
+          "text-halo-blur": 0,
+          "text-halo-color": "hsl(0, 0%, 100%, 0.7)",
+          "text-halo-width": 1
+        },
+        "metadata": {
+          "mapbox:group": "b6371a3f2f5a9932464fa3867530a2e5"
+        },
+        "filter": [
+          "all",
+          [
+            "!=",
+            "class",
+            "motorway"
+          ],
+          [
+            "==",
+            "$type",
+            "LineString"
+          ]
+        ]
+      },
+]

package/src/constants/topNavMenuOptions.js

@@ -0,0 +1,14 @@
+export default [
+    {
+        name: 'TopNavMenu.opt1',  
+        url: "/"
+    },
+    {
+        name: 'TopNavMenu.opt2',  
+        url: "/test"
+    },
+    {
+        name: 'TopNavMenu.opt3',  
+        url: "/test2"
+    },
+]

package/src/i18n.js

@@ -0,0 +1,19 @@
+import i18n from "i18next";
+import { initReactI18next } from "react-i18next";
+//archivos traduccion
+import es from './locales/es.json'
+import ca from './locales/ca.json'
+
+i18n.use(initReactI18next).init({
+  resources: {
+    es: { translation: es },  
+    ca: { translation: ca }
+  },
+  lng: "es", // Idioma por defecto
+  fallbackLng: "es", // Idioma de respaldo
+  interpolation: {
+    escapeValue: false, // React ya protege contra XSS
+  },
+});
+
+export default i18n;

package/src/index.js

@@ -0,0 +1,2 @@
+export * from './components'
+export * from './sections'