iniciando el repo

.env

@@ -0,0 +1,7 @@
+NODE_ENV = development
+VUE_APP_TITLE = local
+VUE_APP_DESCRIPTION = local | descripcion
+VUE_APP_ENI_DOMAIN = http://localhost:8080
+VUE_APP_BASE_ROUTE = /
+VUE_APP_HASH = true
+VUE_APP_MATOMO_SITEID = 0

.env.production

@@ -0,0 +1,6 @@
+NODE_ENV = production
+VUE_APP_TITLE = defunciones-infancia
+VUE_APP_DESCRIPTION = Analizamos las causas de defunciones de niñas, niños y adolescentes en México a través del tiempo 
+VUE_APP_DOMAIN = https://tirandocodigo.mx
+VUE_APP_BASE_ROUTE = /proyectos/defunciones_infancia/
+VUE_APP_HASH = true

README.md

@@ -1,4 +1,4 @@
-# web-defunciones
+# web-defunciones-infancia
 
 ## Project setup
 ```

package.json

@@ -1,24 +1,29 @@
 {
-  "name": "web-defunciones",
+  "name": "web-defunciones-infancia",
   "version": "0.1.0",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build"
   },
   "dependencies": {
+    "copy-webpack-plugin": "^5.1.1",
     "core-js": "^3.6.5",
+    "d3": "^7.5.0",
+    "leaflet": "^1.8.0",
+    "leaflet.sync": "^0.2.4",
+    "leaflet.tilelayer.colorfilter": "^1.2.5",
     "vue": "^2.6.11",
-    "vue-router": "^3.2.0",
+    "vue-router": "^3.5.4",
     "vuex": "^3.4.0"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "~4.5.15",
-    "@vue/cli-plugin-router": "~4.5.15",
-    "@vue/cli-plugin-vuex": "~4.5.15",
-    "@vue/cli-service": "~4.5.15",
-    "node-sass": "^4.12.0",
-    "sass-loader": "^8.0.2",
+    "@vue/cli-plugin-babel": "^5.0.8",
+    "@vue/cli-plugin-router": "^5.0.8",
+    "@vue/cli-plugin-vuex": "^5.0.8",
+    "@vue/cli-service": "^5.0.8",
+    "sass": "^1.32.7",
+    "sass-loader": "^12.0.0",
     "vue-template-compiler": "^2.6.11"
   },
   "browserslist": [

src/App.vue

@@ -1,32 +1,47 @@
 <template>
   <div id="app">
-    <div id="nav">
-      <router-link to="/">Home</router-link> |
-      <router-link to="/about">About</router-link>
-    </div>
+
     <router-view/>
   </div>
 </template>
 
 <style lang="scss">
-#app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
+#app, svg > text {
+  font-family: 'Source Sans Pro', sans-serif;  -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
+  color: black;
+}
+body{
+  margin: 0;
+  background: rgba(255,255,255,.7);
 }
-
 #nav {
   padding: 30px;
 
   a {
     font-weight: bold;
-    color: #2c3e50;
+    color: black;
 
     &.router-link-exact-active {
       color: #42b983;
     }
   }
 }
+h1{
+  font-size: 30px;
+  margin-top: 0px;
+  margin-bottom:10px
+}
+@media (max-width: 768px) {
+      h1{
+        font-size: 24px
+      }
+    }
+    .pie{
+      p{
+        b{
+          font-weight: 700;
+        }
+      }
+    }
 </style>