commant start

package-lock.json

@@ -8,8 +8,11 @@
       "name": "paidi_fornt_",
       "version": "0.1.0",
       "dependencies": {
+        "bootstrap": "^4.6.1",
         "bootstrap-vue": "^2.22.0",
         "core-js": "^3.8.3",
+        "jquery": "^3.6.0",
+        "popper.js": "^1.16.1",
         "vue": "^3.2.13",
         "vue-router": "^4.0.3",
         "vuex": "^4.0.0"
@@ -2528,6 +2531,26 @@
         }
       }
     },
+    "node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15": {
+      "name": "vue-loader",
+      "version": "15.9.8",
+      "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.9.8.tgz",
+      "integrity": "sha512-GwSkxPrihfLR69/dSV3+5CdMQ0D+jXg8Ma1S4nQXKJAznYFX14vHdc/NetQc34Dw+rBbIJyP7JOuVb9Fhprvog==",
+      "dev": true,
+      "dependencies": {
+        "@vue/component-compiler-utils": "^3.1.0",
+        "hash-sum": "^1.0.2",
+        "loader-utils": "^1.1.0",
+        "vue-hot-reload-api": "^2.3.0",
+        "vue-style-loader": "^4.1.0"
+      }
+    },
+    "node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/node_modules/hash-sum": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
+      "integrity": "sha1-M7QHd3VMZDJXPBIMw4CLvRDUfwQ=",
+      "dev": true
+    },
     "node_modules/@vue/cli-shared-utils": {
       "version": "5.0.4",
       "resolved": "https://registry.npmjs.org/@vue/cli-shared-utils/-/cli-shared-utils-5.0.4.tgz",
@@ -2829,38 +2852,6 @@
       "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.33.tgz",
       "integrity": "sha512-UBc1Pg1T3yZ97vsA2ueER0F6GbJebLHYlEi4ou1H5YL4KWvMOOWwpYo9/QpWq93wxKG6Wo13IY74Hcn/f7c7Bg=="
     },
-    "node_modules/@vue/vue-loader-v15": {
-      "name": "vue-loader",
-      "version": "15.9.8",
-      "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.9.8.tgz",
-      "integrity": "sha512-GwSkxPrihfLR69/dSV3+5CdMQ0D+jXg8Ma1S4nQXKJAznYFX14vHdc/NetQc34Dw+rBbIJyP7JOuVb9Fhprvog==",
-      "dev": true,
-      "dependencies": {
-        "@vue/component-compiler-utils": "^3.1.0",
-        "hash-sum": "^1.0.2",
-        "loader-utils": "^1.1.0",
-        "vue-hot-reload-api": "^2.3.0",
-        "vue-style-loader": "^4.1.0"
-      },
-      "peerDependencies": {
-        "css-loader": "*",
-        "webpack": "^3.0.0 || ^4.1.0 || ^5.0.0-0"
-      },
-      "peerDependenciesMeta": {
-        "cache-loader": {
-          "optional": true
-        },
-        "vue-template-compiler": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@vue/vue-loader-v15/node_modules/hash-sum": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
-      "integrity": "sha1-M7QHd3VMZDJXPBIMw4CLvRDUfwQ=",
-      "dev": true
-    },
     "node_modules/@vue/web-component-wrapper": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/@vue/web-component-wrapper/-/web-component-wrapper-1.3.0.tgz",
@@ -3525,20 +3516,6 @@
         "vue-functional-data-merge": "^3.1.0"
       }
     },
-    "node_modules/bootstrap-vue/node_modules/portal-vue": {
-      "version": "2.1.7",
-      "resolved": "https://registry.npmjs.org/portal-vue/-/portal-vue-2.1.7.tgz",
-      "integrity": "sha512-+yCno2oB3xA7irTt0EU5Ezw22L2J51uKAacE/6hMPMoO/mx3h4rXFkkBkT4GFsMDv/vEe8TNKC3ujJJ0PTwb6g==",
-      "peerDependencies": {
-        "vue": "^2.5.18"
-      }
-    },
-    "node_modules/bootstrap-vue/node_modules/vue": {
-      "version": "2.6.14",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.14.tgz",
-      "integrity": "sha512-x2284lgYvjOMj3Za7kqzRcUSxBboHqtgRE2zlos1qWaOye5yUmHn42LB1250NJBLRwEcdrB0JRwyPTEPhfQjiQ==",
-      "peer": true
-    },
     "node_modules/brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -6214,8 +6191,7 @@
     "node_modules/jquery": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.0.tgz",
-      "integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw==",
+      "integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw=="
-      "peer": true
     },
     "node_modules/js-message": {
       "version": "1.0.7",
@@ -7550,6 +7526,14 @@
         "url": "https://opencollective.com/popperjs"
       }
     },
+    "node_modules/portal-vue": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/portal-vue/-/portal-vue-2.1.7.tgz",
+      "integrity": "sha512-+yCno2oB3xA7irTt0EU5Ezw22L2J51uKAacE/6hMPMoO/mx3h4rXFkkBkT4GFsMDv/vEe8TNKC3ujJJ0PTwb6g==",
+      "peerDependencies": {
+        "vue": "^2.5.18"
+      }
+    },
     "node_modules/portfinder": {
       "version": "1.0.28",
       "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.28.tgz",
@@ -12145,6 +12129,29 @@
         "webpack-merge": "^5.7.3",
         "webpack-virtual-modules": "^0.4.2",
         "whatwg-fetch": "^3.6.2"
+      },
+      "dependencies": {
+        "@vue/vue-loader-v15": {
+          "version": "npm:vue-loader@15.9.8",
+          "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.9.8.tgz",
+          "integrity": "sha512-GwSkxPrihfLR69/dSV3+5CdMQ0D+jXg8Ma1S4nQXKJAznYFX14vHdc/NetQc34Dw+rBbIJyP7JOuVb9Fhprvog==",
+          "dev": true,
+          "requires": {
+            "@vue/component-compiler-utils": "^3.1.0",
+            "hash-sum": "^1.0.2",
+            "loader-utils": "^1.1.0",
+            "vue-hot-reload-api": "^2.3.0",
+            "vue-style-loader": "^4.1.0"
+          },
+          "dependencies": {
+            "hash-sum": {
+              "version": "1.0.2",
+              "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
+              "integrity": "sha1-M7QHd3VMZDJXPBIMw4CLvRDUfwQ=",
+              "dev": true
+            }
+          }
+        }
       }
     },
     "@vue/cli-shared-utils": {
@@ -12408,27 +12415,6 @@
       "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.33.tgz",
       "integrity": "sha512-UBc1Pg1T3yZ97vsA2ueER0F6GbJebLHYlEi4ou1H5YL4KWvMOOWwpYo9/QpWq93wxKG6Wo13IY74Hcn/f7c7Bg=="
     },
-    "@vue/vue-loader-v15": {
-      "version": "npm:vue-loader@15.9.8",
-      "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.9.8.tgz",
-      "integrity": "sha512-GwSkxPrihfLR69/dSV3+5CdMQ0D+jXg8Ma1S4nQXKJAznYFX14vHdc/NetQc34Dw+rBbIJyP7JOuVb9Fhprvog==",
-      "dev": true,
-      "requires": {
-        "@vue/component-compiler-utils": "^3.1.0",
-        "hash-sum": "^1.0.2",
-        "loader-utils": "^1.1.0",
-        "vue-hot-reload-api": "^2.3.0",
-        "vue-style-loader": "^4.1.0"
-      },
-      "dependencies": {
-        "hash-sum": {
-          "version": "1.0.2",
-          "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
-          "integrity": "sha1-M7QHd3VMZDJXPBIMw4CLvRDUfwQ=",
-          "dev": true
-        }
-      }
-    },
     "@vue/web-component-wrapper": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/@vue/web-component-wrapper/-/web-component-wrapper-1.3.0.tgz",
@@ -12952,20 +12938,6 @@
         "popper.js": "^1.16.1",
         "portal-vue": "^2.1.7",
         "vue-functional-data-merge": "^3.1.0"
-      },
-      "dependencies": {
-        "portal-vue": {
-          "version": "2.1.7",
-          "resolved": "https://registry.npmjs.org/portal-vue/-/portal-vue-2.1.7.tgz",
-          "integrity": "sha512-+yCno2oB3xA7irTt0EU5Ezw22L2J51uKAacE/6hMPMoO/mx3h4rXFkkBkT4GFsMDv/vEe8TNKC3ujJJ0PTwb6g==",
-          "requires": {}
-        },
-        "vue": {
-          "version": "2.6.14",
-          "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.14.tgz",
-          "integrity": "sha512-x2284lgYvjOMj3Za7kqzRcUSxBboHqtgRE2zlos1qWaOye5yUmHn42LB1250NJBLRwEcdrB0JRwyPTEPhfQjiQ==",
-          "peer": true
-        }
       }
     },
     "brace-expansion": {
@@ -14933,8 +14905,7 @@
     "jquery": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.0.tgz",
-      "integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw==",
+      "integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw=="
-      "peer": true
     },
     "js-message": {
       "version": "1.0.7",
@@ -15949,6 +15920,12 @@
       "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz",
       "integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ=="
     },
+    "portal-vue": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/portal-vue/-/portal-vue-2.1.7.tgz",
+      "integrity": "sha512-+yCno2oB3xA7irTt0EU5Ezw22L2J51uKAacE/6hMPMoO/mx3h4rXFkkBkT4GFsMDv/vEe8TNKC3ujJJ0PTwb6g==",
+      "requires": {}
+    },
     "portfinder": {
       "version": "1.0.28",
       "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.28.tgz",

package.json

@@ -3,12 +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",
     "bootstrap-vue": "^2.22.0",
     "core-js": "^3.8.3",
+    "jquery": "^3.6.0",
+    "popper.js": "^1.16.1",
     "vue": "^3.2.13",
     "vue-router": "^4.0.3",
     "vuex": "^4.0.0"

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.0">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <link rel="icon" href="<%= BASE_URL %>favicon_.ico">
-    <title><%= htmlWebpackPlugin.options.title %></title>
+    <title>Facultad de Estudios Superiores Acatlán</title>
   </head>
   <body>
     <noscript>

src/components/documents.vue

@@ -0,0 +1,72 @@
+<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,6 +34,15 @@ 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

@@ -3,12 +3,12 @@
    <div class="wrapper">
          <div class="wrapperleft"> 
           <a href="https://www.acatlan.unam.mx/" target="_blank">
-            <img src="../assets/logo_acatlan.png" alt="logo acatlan" />
+            <img src="../assets/logo_acatlan.png" class= "img-fluid" alt="logo acatlan" />
           </a> 
           </div>
           <div class="wrapperright2">
           <a href="https://www.unam.mx/" target="_blank">
-            <img src="../assets/logo_unam.png" alt="logo unam" />
+            <img src="../assets/logo_unam.png" class= "img-fluid" alt="logo unam" />
           </a> 
           </div>
     </div> 
@@ -23,25 +23,26 @@ export default {};
     min-width: 50px;
     float: left;
     height: 10px;
-    width: 0%;
+    width: 48%;
     background-size: 280px, 84px;
     background-repeat: no-repeat;
-    padding: 15px
+    padding: 13px
 }
 
 .wrapperleft {
     min-width: 20px;
     float: right;
     height: 10px;
-    width: 25%;
+    width: 50%;
     background-size: 100px, 69px;
     background-repeat: no-repeat;
     background-position-x: 50%;
+    padding: 4px
 }
 
 .wrapper {
     min-width: 50px;
-    width: 85%;
+    width: 100%;
     margin: 0px auto;
     position: relative;
 }

src/components/nav.vue

@@ -161,7 +161,7 @@ nav {
 } */
 
 .dropdown {
-  position: relative;
+  position: absolute;
   display: inline-block;
   height: auto;
 }
@@ -171,17 +171,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;
+  z-index: ;
 }
 
 .list-group-item {
-  padding: 12px 16px;
+  padding: 2px 2px;
 }
 
 .navbar-toggler {

src/main.js

@@ -1,5 +1,5 @@
 import { createApp } from 'vue'
-import { BootstrapVue, IconsPlugin } from "bootstrap-vue";
+
 import App from './App.vue'
 import router from './router/routes'
 import store from './store'
@@ -16,4 +16,5 @@ import "bootstrap/dist/css/bootstrap.min.css";
 
 
 
+
 createApp(App).use(store).use(router).mount('#app')

src/views/announcement.vue

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

src/views/criteria.vue

@@ -11,7 +11,6 @@
 
 <div class= "container"> 
 
-<div class= "content is-normal ">
 
  
 <h6><b>I. </b></h6>
@@ -396,7 +395,7 @@
 
 </div>
 
-</div>
+
 </div>
  <Footer></Footer>
   
@@ -459,7 +458,7 @@ table, th, td {
 }
 
 .space {
-    margin-left: 40px;width: 700px;
+    margin-left: 40px;width: 20px;
     
 }
 .list {

src/views/formats.vue

@@ -6,12 +6,10 @@
 <nav  class="breadcrumb"></nav>        
     
 <div class= "container"> 
-
-<div class= "content is-normal ">
-
- 
      <h6><b> </b></h6>
-<p><a href="" target="_blank"></a></p>
+<a href="download/acme-doc-2.0.1.txt" download="Acme Documentation (ver. 2.0.1).txt">Download Text</a>
+
+<p><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>
@@ -21,7 +19,7 @@
 </div>
 
 </div>
-</div>
+
  <Footer></Footer>
   
 
@@ -31,9 +29,10 @@
 
 <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 {
   
@@ -85,6 +84,7 @@ h1, h2, h3, h4, h5, h6 {
     text-align: justify;
     
     
+   
 }
 
 .container {
@@ -92,7 +92,6 @@ h1, h2, h3, h4, h5, h6 {
     max-width: 100%;
     background: rgb(255, 255, 255);
     padding: 1.2em;
-    
 }
 
 p {
@@ -108,5 +107,11 @@ text-align: justify;
     text-decoration: none;
 }
 
+@media (max-width: 700px) {
+  .container {
+    width: 100%;
+        margin:  auto;
+        
+  }}
 
 </style>

src/views/glossary.vue

@@ -2,6 +2,8 @@
 <div>
   <Header></Header>
   <Nav></Nav>
+
+  <meta name="viewport" content="initial-scale=1">
 <div  class ="box"> 
 
 <nav  class="breadcrumb">
@@ -10,7 +12,7 @@
           
     
 <div class= "container"> 
-<div class= "content is-normal ">
+
 
  <p> </p>
 <!--  -->
@@ -59,21 +61,25 @@
 <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 {
   
@@ -90,7 +96,9 @@ export default {
 
 .circle{
     list-style:disc;
-     margin-left: 50px;width: 700px;
+     margin-left: 50px;width: 20px;
+     
+     
 }
 
 ul.space {

src/views/home.vue

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