cambios de el 25 de abril, no se que sea

package-lock.json

@@ -1140,6 +1140,12 @@
         "to-fast-properties": "^2.0.0"
       }
     },
+    "@discoveryjs/json-ext": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz",
+      "integrity": "sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==",
+      "dev": true
+    },
     "@hapi/hoek": {
       "version": "9.2.1",
       "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.2.1.tgz",
@@ -1279,6 +1285,11 @@
       "integrity": "sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==",
       "dev": true
     },
+    "@popperjs/core": {
+      "version": "2.11.5",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.5.tgz",
+      "integrity": "sha512-9X2obfABZuDVLCgPK9aX0a/x4jaOEweTTWE2+9sr0Qqqevj2Uv5XorvusThmc9XGYpS9yI+fhh8RTafBtGposw=="
+    },
     "@sideway/address": {
       "version": "4.1.4",
       "resolved": "https://registry.npmjs.org/@sideway/address/-/address-4.1.4.tgz",
@@ -2287,6 +2298,27 @@
         "@xtuc/long": "4.2.2"
       }
     },
+    "@webpack-cli/configtest": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@webpack-cli/configtest/-/configtest-1.1.1.tgz",
+      "integrity": "sha512-1FBc1f9G4P/AxMqIgfZgeOTuRnwZMten8E7zap5zgpPInnCrP8D4Q81+4CWIch8i/Nf7nXjP0v6CjjbHOrXhKg==",
+      "dev": true
+    },
+    "@webpack-cli/info": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@webpack-cli/info/-/info-1.4.1.tgz",
+      "integrity": "sha512-PKVGmazEq3oAo46Q63tpMr4HipI3OPfP7LiNOEJg963RMgT0rqheag28NCML0o3GIzA3DmxP1ZIAv9oTX1CUIA==",
+      "dev": true,
+      "requires": {
+        "envinfo": "^7.7.3"
+      }
+    },
+    "@webpack-cli/serve": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/@webpack-cli/serve/-/serve-1.6.1.tgz",
+      "integrity": "sha512-gNGTiTrjEVQ0OcVnzsRSqTxaBSr+dmTfm+qJsCDluky8uhdLWep7Gcr62QsAKHTMxjCS/8nEITsmFAhfIx+QSw==",
+      "dev": true
+    },
     "@xtuc/ieee754": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
@@ -2641,9 +2673,9 @@
       "dev": true
     },
     "bootstrap": {
-      "version": "4.6.1",
+      "version": "5.1.3",
-      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.6.1.tgz",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.1.3.tgz",
-      "integrity": "sha512-0dj+VgI9Ecom+rvvpNZ4MUZJz8dcX7WCX+eTID9+/8HgOkv3dsRzi8BGeZJCQU6flWQVYxwTQnEZFrmJSEO7og=="
+      "integrity": "sha512-fcQztozJ8jToQWXxVuEyXWW+dSo8AiXWKwiSSrKWsRB/Qt+Ewwza+JWoLKiTuQLaEPhdNAJ7+Dosc9DOIqNy7Q=="
     },
     "bootstrap-vue": {
       "version": "2.22.0",
@@ -2655,6 +2687,13 @@
         "popper.js": "^1.16.1",
         "portal-vue": "^2.1.7",
         "vue-functional-data-merge": "^3.1.0"
+      },
+      "dependencies": {
+        "bootstrap": {
+          "version": "4.6.1",
+          "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.6.1.tgz",
+          "integrity": "sha512-0dj+VgI9Ecom+rvvpNZ4MUZJz8dcX7WCX+eTID9+/8HgOkv3dsRzi8BGeZJCQU6flWQVYxwTQnEZFrmJSEO7og=="
+        }
       }
     },
     "brace-expansion": {
@@ -3705,6 +3744,12 @@
       "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
       "dev": true
     },
+    "envinfo": {
+      "version": "7.8.1",
+      "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.8.1.tgz",
+      "integrity": "sha512-/o+BXHmB7ocbHEAs6F2EnG0ogybVVUdkRunTT2glZU9XAaGmhqskrvKwqXuDfNjEO0LZKWdejEEpnq8aM0tOaw==",
+      "dev": true
+    },
     "error-ex": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
@@ -3933,6 +3978,12 @@
       "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
       "dev": true
     },
+    "fastest-levenshtein": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.12.tgz",
+      "integrity": "sha512-On2N+BpYJ15xIC974QNVuYGMOlEVt4s0EOI3wwMqOmK1fdDY+FN/zltPV8vosq4ad4c/gJ1KHScUn/6AWIgiow==",
+      "dev": true
+    },
     "fastq": {
       "version": "1.13.0",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
@@ -4421,6 +4472,16 @@
         "resolve-from": "^4.0.0"
       }
     },
+    "import-local": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.1.0.tgz",
+      "integrity": "sha512-ASB07uLtnDs1o6EHjKpX34BKYDSqnFerfTOJL2HvMqF70LnxpjkzDB8J44oT9pu4AMPkQwf8jl6szgvNd2tRIg==",
+      "dev": true,
+      "requires": {
+        "pkg-dir": "^4.2.0",
+        "resolve-cwd": "^3.0.0"
+      }
+    },
     "inflight": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
@@ -4437,6 +4498,12 @@
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
       "dev": true
     },
+    "interpret": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/interpret/-/interpret-2.2.0.tgz",
+      "integrity": "sha512-Ju0Bz/cEia55xDwUWEa8+olFpCiQoypjnQySseKtmjNrnps3P+xfpUmGr90T7yjlVJmOtybRvPXhKMbHr+fWnw==",
+      "dev": true
+    },
     "ipaddr.js": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.0.1.tgz",
@@ -4616,11 +4683,6 @@
         "@sideway/pinpoint": "^2.0.0"
       }
     },
-    "jquery": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.0.tgz",
-      "integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw=="
-    },
     "js-message": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/js-message/-/js-message-1.0.7.tgz",
@@ -6161,6 +6223,15 @@
         "picomatch": "^2.2.1"
       }
     },
+    "rechoir": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.7.1.tgz",
+      "integrity": "sha512-/njmZ8s1wVeR6pjTZ+0nCnv8SpZNRMT2D1RLOJQESlYFDBvwpTA4KWJpZ+sBJ4+vhjILRcK7JIFdGCdxEAAitg==",
+      "dev": true,
+      "requires": {
+        "resolve": "^1.9.0"
+      }
+    },
     "regenerate": {
       "version": "1.4.2",
       "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
@@ -6276,6 +6347,23 @@
         "supports-preserve-symlinks-flag": "^1.0.0"
       }
     },
+    "resolve-cwd": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-3.0.0.tgz",
+      "integrity": "sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==",
+      "dev": true,
+      "requires": {
+        "resolve-from": "^5.0.0"
+      },
+      "dependencies": {
+        "resolve-from": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+          "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+          "dev": true
+        }
+      }
+    },
     "resolve-from": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
@@ -7348,6 +7436,113 @@
         "javascript-stringify": "^2.0.1"
       }
     },
+    "webpack-cli": {
+      "version": "4.9.2",
+      "resolved": "https://registry.npmjs.org/webpack-cli/-/webpack-cli-4.9.2.tgz",
+      "integrity": "sha512-m3/AACnBBzK/kMTcxWHcZFPrw/eQuY4Df1TxvIWfWM2x7mRqBQCqKEd96oCUa9jkapLBaFfRce33eGDb4Pr7YQ==",
+      "dev": true,
+      "requires": {
+        "@discoveryjs/json-ext": "^0.5.0",
+        "@webpack-cli/configtest": "^1.1.1",
+        "@webpack-cli/info": "^1.4.1",
+        "@webpack-cli/serve": "^1.6.1",
+        "colorette": "^2.0.14",
+        "commander": "^7.0.0",
+        "execa": "^5.0.0",
+        "fastest-levenshtein": "^1.0.12",
+        "import-local": "^3.0.2",
+        "interpret": "^2.2.0",
+        "rechoir": "^0.7.0",
+        "webpack-merge": "^5.7.3"
+      },
+      "dependencies": {
+        "commander": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+          "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+          "dev": true
+        },
+        "cross-spawn": {
+          "version": "7.0.3",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+          "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+          "dev": true,
+          "requires": {
+            "path-key": "^3.1.0",
+            "shebang-command": "^2.0.0",
+            "which": "^2.0.1"
+          }
+        },
+        "execa": {
+          "version": "5.1.1",
+          "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
+          "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
+          "dev": true,
+          "requires": {
+            "cross-spawn": "^7.0.3",
+            "get-stream": "^6.0.0",
+            "human-signals": "^2.1.0",
+            "is-stream": "^2.0.0",
+            "merge-stream": "^2.0.0",
+            "npm-run-path": "^4.0.1",
+            "onetime": "^5.1.2",
+            "signal-exit": "^3.0.3",
+            "strip-final-newline": "^2.0.0"
+          }
+        },
+        "get-stream": {
+          "version": "6.0.1",
+          "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
+          "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
+          "dev": true
+        },
+        "is-stream": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+          "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+          "dev": true
+        },
+        "npm-run-path": {
+          "version": "4.0.1",
+          "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
+          "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
+          "dev": true,
+          "requires": {
+            "path-key": "^3.0.0"
+          }
+        },
+        "path-key": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+          "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+          "dev": true
+        },
+        "shebang-command": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+          "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+          "dev": true,
+          "requires": {
+            "shebang-regex": "^3.0.0"
+          }
+        },
+        "shebang-regex": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+          "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+          "dev": true
+        },
+        "which": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+          "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+          "dev": true,
+          "requires": {
+            "isexe": "^2.0.0"
+          }
+        }
+      }
+    },
     "webpack-dev-middleware": {
       "version": "5.3.1",
       "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-5.3.1.tgz",

package.json

@@ -3,17 +3,16 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "start": "vue-cli-service serve --port 3156",
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build"
   },
   "dependencies": {
-    "bootstrap": "^4.6.1",
+    "@popperjs/core": "^2.11.5",
+    "bootstrap": "^5.1.3",
     "bootstrap-vue": "^2.22.0",
     "core-js": "^3.8.3",
-    "jquery": "^3.6.0",
     "popper.js": "^1.16.1",
-    "vue": "^3.2.13",
+    "vue": "^3.2.33",
     "vue-router": "^4.0.3",
     "vuex": "^4.0.0"
   },
@@ -21,7 +20,8 @@
     "@vue/cli-plugin-babel": "~5.0.0",
     "@vue/cli-plugin-router": "~5.0.0",
     "@vue/cli-plugin-vuex": "~5.0.0",
-    "@vue/cli-service": "~5.0.0"
+    "@vue/cli-service": "~5.0.0",
+    "webpack-cli": "^4.9.2"
   },
   "browserslist": [
     "> 1%",

public/index.html

@@ -3,9 +3,9 @@
   <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon_.ico">
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title>Facultad de Estudios Superiores Acatlán</title>
+    <title><%= htmlWebpackPlugin.options.title %></title>
   </head>
   <body>
     <noscript>

src/components/documents.vue

@@ -1,72 +0,0 @@
-<template>
-  
-</template>
-
-<script>
-export default {
-    methods: {
-  downloadItem ({ url, label }) {
-    Axios.get(url, { responseType: 'blob' })
-      .then(response => {
-        const blob = new Blob([response.data], { type: 'application/pdf' })
-        const link = document.createElement('a')
-        link.href = URL.createObjectURL(blob)
-        link.download = label
-        link.click()
-        URL.revokeObjectURL(link.href)
-      }).catch(console.error)
-  }
-}
-}
-</script>
-
-<style scoped>
-.boton-footer {
-  background-color: rgb(187, 136, 0);
-  color: white;
-  width: 14rem;
-  font-size: 0.8rem;
-}
-.uno,
-.dos,
-.tres {
-  margin-right: 1rem;
-}
-.btn {
-  margin-bottom: 1rem;
-}
-
-.Azul-puma {
-  background-color: #1e3c70;
-}
-
-.footer {
-  text-align: center;
-  color: white;
-}
-
-@media (max-width: 768px) {
-  .uno,
-  .tres {
-    margin-right: 4rem;
-  }
-  .dos {
-    margin-right: 0rem;
-  }
-  .footer {
-    font-size: 0.7rem;
-  }
-}
-
-@media (max-width: 970px) {
-  .uno,
-  .dos,
-  .tres {
-    margin-right: 0.5rem;
-  }
-
-  .footer {
-    font-size: 0.7rem;
-  }
-}
-</style>

src/components/footer.vue

@@ -34,15 +34,6 @@ export default {};
   margin-bottom: 1rem;
 }
 
-#footer {
-	width: 100%;
-	height: 200px;
-	background: #333;
-	border-top: 2px solid #000;
-	position: absolute;
-	bottom: 0;
-}
-
 .Azul-puma {
   background-color: #1e3c70;
 }

src/components/header.vue

@@ -1,91 +1,66 @@
 <template>
-  <div class="row  azulUnam">
-    <div class= "pad">
-    <div
-      class="logo_unam  col-3 d-inline-flex my-3 align-items-left"
-    >
-   
-      <a href="https://www.unam.mx/" target="_blank">
-        <img class="sizeImg" src="../assets/logo_unam.png" alt="logo unam" />
-      </a>
-      </div>
-    
-</div>
 
 
 
-    <div class="logo_acatlan  col-1   offset-3   my-4  ">
-      <a href="https://www.acatlan.unam.mx/" target="_blank">
-        <div id="imagenbanner">
-        <img
-          class="sizeImga"
-          src="../assets/logo_fesa.png"
-          alt="logo unam"
-        />
-        </div>
-      </a>
-    </div>
 
-
+  <div class="row divMaster header cl-12 azulUnam">
-    <div
+   <div class="wrapper">
-      class="logo_acatlan_resp col-4  offset-2 d-flex justify-content-center my-2 align-items-center"
+         <div class="wrapperleft"> 
-    >
+          <a href="https://www.acatlan.unam.mx/" target="_blank">
-      <a href="https://www.acatlan.unam.mx/" target="_blank">
+            <img src="../assets/logo_acatlan.png" alt="logo acatlan" />
-        <img
+          </a> 
-          class="sizeImg"
+          </div>
-          src="../assets/logo_acatlan.png"
+          <div class="wrapperright2">
-          alt="logo unam"
+          <a href="https://www.unam.mx/" target="_blank">
-        />
+            <img src="../assets/logo_unam.png" alt="logo unam" />
-      </a>
+          </a> 
+          </div>
     </div> 
   </div>
+  
 </template>
-
+<script scoped>
+export default {};
+</script>
 <style>
-
+.wrapperright2 {
-#imagenbanner{
+    min-width: 50px;
-	position: absolute;
+    float: left;
-	top: 8px;
+    height: 10px;
-	left: 160px;
+    width: 0%;
-	width: 100px;
+    background-size: 280px, 84px;
-	line-height: 17px;
+    background-repeat: no-repeat;
+    padding: 15px
 }
 
-.pad{
+.wrapperleft {
-     
+    min-width: 20px;
-     padding: 0px;
+    float: right;
+    height: 10px;
+    width: 25%;
+    background-size: 100px, 69px;
+    background-repeat: no-repeat;
+    background-position-x: 50%;
 }
 
+.wrapper {
+    min-width: 50px;
+    width: 85%;
+    margin: 0px auto;
+    position: relative;
+}
+
+
+
+
 .divMaster {
-  height: 6em;
+  height: 7em;
   margin: 0 auto;
 }
 
 .azulUnam {
   background-color: #1e3c70;
 }
-.sizeImg {
-  height: 4.5rem;
-}
 
-.sizeImga {
-  height: 3.3rem;
 
-}
-.logo_acatlan_resp {
-  display: none !important;
-}
-
-@media (max-width: 450px) {
-  .logo_acatlan,
-  .logo_unam {
-    display: none !important;
-  }
-  .logo_acatlan_resp {
-    display: block !important;
-  }
-  .logo_acatlan_resp a img {
-    height: 5rem;
-  }
-}
 </style>

src/components/nav.vue

@@ -1,9 +1,7 @@
 <template>
- <div class="divMaster doradoUnam row d-flex justify-content-center">
+  <div class="divMaster doradoUnam row d-flex justify-content-center">
     <div class="col-10 offset-1">
       <nav class="navbar navbar-expand-sm navbar-dark  ">
-       
-        
         <button
           @click="method()"
           class="navbar-toggler col-5"
@@ -16,17 +14,14 @@
         >
           <span class="navbar-toggler-icon blanco d-flex"></span>
           <!-- <span class="mx-2">Menu</span> -->
-        
-        
         </button>
 
-      
-
         <div class="collapse navbar-collapse " id="navbarTogglerDemo02">
           <ul class="navbar-nav mr-auto w-100 d-flex align-items-center justify-content-between mt-0 mt-lg-0">
             <li class="nav-item">
               <a class="nav-link text-white" @click="home()">Inicio</a>
             </li>
+            
             <li class="nav-item">
               <a class="nav-link text-white" @click="announcement()">Convocatoria</a>
             </li>
@@ -48,8 +43,8 @@
      
       </nav>
     </div>
+  </div>
 
- </div>
 
 </template>
 
@@ -96,20 +91,18 @@
 </script>
 
 <style scoped>
-
-
 * {
   margin: 0;
   padding: 0;
 }
 
 .divMaster {
-
+  /* max-width: 1280px; */
   height: auto;
   margin: 0 auto;
 }
 nav {
-  padding: 1.2rem 0;
+  padding: 0.5rem 0;
 }
 
 .azulUnam {
@@ -137,12 +130,12 @@ nav {
 .nav-link:hover {
   background-color: #1e3c70;
   color: white;
-  border-radius: 3rem;
+  border-radius: 0.2rem;
 }
 
 .nav-link {
-  transition: 0.4s;
+  transition: 0.3s;
-  font-size: 22px;
+  font-size: 20px;
 }
 
 .dropdown-item {
@@ -169,7 +162,7 @@ nav {
 } */
 
 .dropdown {
-  position: absolute;
+  position: relative;
   display: inline-block;
   height: auto;
 }
@@ -179,15 +172,17 @@ nav {
   background-color: #f9f9f9;
   min-width: 160px;
   box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
-
+  /* padding: 12px 16px; */
   top: 0.8rem;
   left: -10rem;
   display: block;
 }
-
+.rescont {
+  z-index: 2;
+}
 
 .list-group-item {
-  padding: 2px 2px;
+  padding: 12px 16px;
 }
 
 .navbar-toggler {
@@ -198,17 +193,13 @@ nav {
 }
 
 @media (max-width: 450px) {
-  .menuText
+  .menuText,
-   {
+  .buscador {
     display: block !important;
   }
 
   .dropdown-menu {
     width: 80vw !important;
   }
-  .nav-link {
-    font-size: 10px;
-    margin-top: 1rem;
-  }
 }
 </style>

src/main.js

@@ -1,15 +1,12 @@
 import { createApp } from 'vue'
-
+import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'
 import App from './App.vue'
 import router from './router/routes'
 import store from './store'
-import "bootstrap";
+import 'bootstrap';
-import "bootstrap/dist/css/bootstrap.min.css";
+import 'bootstrap/dist/css/bootstrap.min.css';
-
+import 'bootstrap-vue/dist/bootstrap-vue.css';
-
+import 'bootstrap/dist/css/bootstrap.css';
-
-
-
 
 
 

src/views/announcement.vue

@@ -4,10 +4,13 @@
   <Nav></Nav>
 <div  class ="box"> 
 
+<nav  class="breadcrumb">
+ 
+</nav>        
     
 <div class= "container"> 
 
-
+<div class= "content is-normal ">
 
  
 <h6><b>I. </b></h6>
@@ -185,6 +188,7 @@
 </div>
 
 
+</div>
 </div>
  <Footer></Footer>
   
@@ -248,7 +252,7 @@ table, th, td {
 }
 
 .space {
-    margin-left: 40px;width: 20px;
+    margin-left: 40px;width: 700px;
     
 }
 

src/views/criteria.vue

@@ -2,12 +2,16 @@
 <div>
   <Header></Header>
   <Nav></Nav>
-
- 
 <div  class ="box"> 
 
+<nav  class="breadcrumb">
+ 
+</nav>        
+    
+
 <div class= "container"> 
 
+<div class= "content is-normal ">
 
  
 <h6><b>I. </b></h6>
@@ -53,7 +57,7 @@
       <li>3. </li>
 <div class="space">
       <ul class="circle">
-           <li></li>
+           <li>  </li>
             <li> </li>
             <li> </li>
         </ul>
@@ -390,9 +394,10 @@
                             </tr>
                         </tbody></table>
 
-</div>
 </div>
 
+</div>
+</div>
  <Footer></Footer>
   
 </div>
@@ -454,11 +459,11 @@ table, th, td {
 }
 
 .space {
-    margin-left: 0px;width: 0px;
+    margin-left: 40px;width: 700px;
     
 }
 .list {
-    margin-left: 0px;width: 0px;
+    margin-left: 50px;width: 700px;
     
 }
 
@@ -509,7 +514,6 @@ h1, h2, h3, h4, h5, h6 {
     text-align: justify;
     
    
-   
 }
 
 .container {
@@ -527,6 +531,4 @@ text-align: justify;
     
 }
 
-
-
 </style>

src/views/formats.vue

@@ -1,82 +1,76 @@
 <template>
-  <div>
+<div>
-    <Header></Header>
+  <Header></Header>
-    <Nav></Nav>
+  <Nav></Nav>
-    <div class="box">
+<div  class ="box"> 
+<nav  class="breadcrumb"></nav>        
+    
+<div class= "container"> 
+
+<div class= "content is-normal ">
 
  
-      <div class="container">
+     <h6><b> </b></h6>
-        <h6><b> </b></h6>
+<p><a href="" target="_blank"></a></p>
+<p><a href="" target="_blank"></a></p>
+<p><a href="" target="_blank"></a></p>
+<p><a href="" target="_blank"></a></p>
+<p><a href="" target="_blank"></a></p>
+<p><a href="" target="_blank"></a></p>
+<p><a href="" target="_blank"></a></p>
+</div>
 
-<p><a href="/files/F1_inscripcion_proyecto.docx" download>F1. Inscripcion de Proyecto</a></p>
+</div>
-<p><a href="/files/F2_inscripcion_participantes.docx" download>F2. Inscripcion de Particiones</a></p>
+</div>
-<p><a href="/files/F3_carta_cesion.docx" download>F3. Carta de Cesión de Derechos</a></p>
+ <Footer></Footer>
-<p><a href="/files/F4_declaracion_ingresos.docx" download>F4. Inscripcion de Particiones</a></p>
-<p><a href="/files/F5_solicitud_beca.docx" download>F5. Inscripcion de Particiones</a></p>
-<p><a href="/files/F6_carta_justificacion_transferencia.docx" download>F6. Carta justificación de transferencia</a></p>
-<p><a href="/files/F7_Formato_Solicitud_transferencia.docx" download>F7. Formato Solicitud de transferencia PAIDI</a></p>
-<p><a href="/files/F8_Entrega_Proyecto_Concluido.docx" download>F9. Formato de entrega de trabajo concluido</a></p>
   
 
-        <p>
+</div>
-          <a href="recursos/2021/F1_inscripcion_proyecto.docx" target="_blank"
-            >F1. Inscripción de Proyecto</a
-          >
-        </p>
-        <p><a href="" target="_blank"></a></p>
-        <p><a href="" target="_blank"></a></p>
-        <p><a href="" target="_blank"></a></p>
-        <p><a href="" target="_blank"></a></p>
-        <p><a href="" target="_blank"></a></p>
-        <p><a href="" target="_blank"></a></p>
-      </div>
-    </div>
 
-    <Footer></Footer>
-  </div>
 </template>
 
 <script>
-import Header from "./../components/header.vue";
+
-import Nav from "./../components/nav.vue";
+import Header from "../components/header.vue";
-import Footer from "./../components/footer.vue";
+import Nav from "../components/nav.vue";
+import Footer from "../components/footer.vue";
 
 export default {
+  
   components: {
     Header,
     Nav,
-    Footer,
+    Footer
   },
+  
 };
 </script>
 
 <style scoped>
+
 .cent {
-  text-align: center;
+    text-align: center;
 }
 
+
 h6 {
-  font-family: Arial, A030, "Nimbus Sans L", FreeSans, "Liberation Sans",
+
-    sans-serif;
+  font-family: Arial,A030,"Nimbus Sans L",FreeSans,"Liberation Sans",sans-serif;
   width: 95%;
   font-size: 130%;
   line-height: 115%;
-  background-color: #e5ebfd;
+  background-color: #E5EBFD;
   background-position: -136px -33px;
-  border-color: #a0b1de;
+  border-color: #A0B1DE;
   border-radius: 3px 3px 3px 3px;
   border-style: solid;
   border-width: 1px;
   padding: 8px 0px 8px 34px;
+
 }
-h1,
+h1, h2, h3, h4, h5, h6 {
-h2,
-h3,
-h4,
-h5,
-h6 {
   line-height: 1.4em;
-  font-family: "Ubuntu", arial, serif;
+  font-family: 'Ubuntu', arial, serif;
   font-weight: lighter;
 }
 
@@ -86,34 +80,33 @@ h6 {
 }
 
 .box {
-  background: #f1f1f1;
+    background: #f1f1f1;
-  padding: 1.25rem;
+    padding: 1.25rem;
-  text-align: justify;
+    text-align: justify;
+    
+   
 }
 
 .container {
-  width: 950px;
+    width: 950px;
-  max-width: 100%;
+    max-width: 100%;
-  background: rgb(255, 255, 255);
+    background: rgb(255, 255, 255);
-  padding: 1.2em;
+    padding: 1.2em;
+    
 }
 
 p {
-  width: 95%;
+width: 95%;
-  text-align: justify;
+text-align: justify;
+    
 }
-a {
+ a {
-  color: #37b2d1;
+    color: #37b2d1;
 }
 
 .panes .plain-text a {
-  text-decoration: none;
+    text-decoration: none;
 }
 
-@media (max-width: 700px) {
+
-  .container {
-    width: 100%;
-    margin: auto;
-  }
-}
 </style>

src/views/glossary.vue

@@ -2,15 +2,15 @@
 <div>
   <Header></Header>
   <Nav></Nav>
-
-  <meta name="viewport" content="initial-scale=1">
 <div  class ="box"> 
 
+<nav  class="breadcrumb">
  
+</nav>        
           
     
 <div class= "container"> 
-
+<div class= "content is-normal ">
 
  <p> </p>
 <!--  -->
@@ -59,25 +59,21 @@
 <p><strong> </strong></p>
 <p><strong> </strong></p>
 <p><strong> </strong></p>
-
+<p><strong> </strong></p>
    </div>
 
   </div>
-
+ </div>
-
 <Footer></Footer>
-
 </div>
-
-
 </template>
 
 <script>
 
 
-import Header from "./../components/header.vue";
+import Header from "../components/header.vue";
-import Nav from "./../components/nav.vue";
+import Nav from "../components/nav.vue";
-import Footer from "./../components/footer.vue";
+import Footer from "../components/footer.vue";
 
 export default {
   
@@ -94,9 +90,7 @@ export default {
 
 .circle{
     list-style:disc;
-     margin-left: 50px;width: 20px;
+     margin-left: 50px;width: 700px;
-     
-     
 }
 
 ul.space {

src/views/home.vue

@@ -3,18 +3,17 @@
     <Header></Header>
   <Nav></Nav>
     <div  class ="box"> 
-    
-         
      <div class= "container">  
-       
+       <div id="headline">
         <br><br><br>
            <div class="paidi">
-            <img src="../assets/paidi.png" class= "img-fluid">
+            <img src="../assets/paidi.png">
 
             </div>
             <div class="clear"></div>
             </div>
    </div>
+</div>
 <Footer></Footer>
   </div>
 
@@ -47,31 +46,18 @@ export default {
    text-align: center;
 }
 
-#content {
-  font-size: 14px;
-  line-height: 1.5em;
-}
-
 .box {
-    background: #ffffff;
+    background: #f1f1f1;
     padding: 1.25rem;
-    text-align: justify;
+    text-align: center;   
-    
-   
 }
 
 .container {
-    width: 950px;
+    width: 1000px;
     max-width: 100%;
     background: rgb(255, 255, 255);
     padding: 1.2em;
-    
+    text-align: center;
-}
-
-p {
-width: 95%;
-text-align: justify;
-    
 }
 
 </style>