Merge branch 'develop' into tagA

Reviewed-on: #3

src/components/footer.vue

@@ -9,28 +9,8 @@
       <p>
         completa y su dirección electrónica. De otra forma, requiere permiso
         previo por escrito de la institución.
-      </p>     
+      </p>
     </div>
-
- <div id="bottom">
-            <!-- wrapper-bottom -->
-            <div class="wrapper" style="text-align:right">
-                <!-- Social -->
-                <ul class="social ">
-                    <li><a  href="https://www.facebook.com/unamacatlan"><img src= "../assets/facebook.png" title="Unete a Facebook" />
-                    </a></li>
-                    <li><a href="https://twitter.com/FES_ACATLAN"><img src= "../assets/twitter.png" title="Sigue nuestros tweets" />
-                    </a></li>																		
-                    <li><a href="http://www.youtube.com/user/UNAMAcatlan"><img src= "../assets/youtube.png" title="Ve nuestros videos" />
-                    </a></li>
-                </ul>
-                <!-- ENDS Social -->
-                <div id="to-top" class="poshytip" title="Hacia arriba"></div>
-            </div>
-            <!-- ENDS wrapper-bottom -->
-            <br>
-        </div>
-    
   </footer>
 </template>
 
@@ -39,54 +19,6 @@ export default {};
 </script>
 
 <style scoped>
-
-#bottom {
-    position: relative;
-    width: 100%;
-    height: 100%;
-    font-size: 12px;
-    line-height: 1.5em;
-    line-height: 60px;
-    color: white;
-    background: #1B3D70;
-}
-
-.wrapper {
-    min-width: 700px;
-    width: 80%;
-    margin: 0px auto;
-    position: relative;
-}
-.social {
-    position: absolute;
-    top: 15px;
-    right: 0px;
-    display: block;
-    overflow: hidden;
-}
-
-.social li {
-    display: block;
-    width: 32px;
-    height: 32px;
-    float: left;
-    margin-right: 10px;
-    margin-bottom: 0px;
-}
-
-
-#bottom .social a {
-    display: block;
-    width: 32px;
-    height: 32px;
-    text-indent: -9000px;
-}
-
-#bottom a {
-    color: #AFEAF9;
-    text-decoration: none;
-}
-
 .boton-footer {
   background-color: rgb(187, 136, 0);
   color: white;
@@ -141,7 +73,7 @@ export default {};
   }
 
   .footer {
-    font-size: 0.5rem;
+    font-size: 0.7rem;
   }
 }
 </style>

src/components/header.vue

@@ -1,86 +1,63 @@
 <template>
-  
-  <div class="azulUnam">
-  <div class="row">
-    
-    
-
-    <div class="logo_unam col-5 offset-0">
-   
-      <a href="https://www.unam.mx/" target="_blank">
-        <img class="sizeImg" src="../assets/logo_unam.png" alt="logo unam" />
-      </a>
-      </div>
-
-    <div class="logo_acatlan col-5 offset-2">
-      <a href="https://www.acatlan.unam.mx/" target="_blank">
-        
-        <img
-          class="sizeImga"
-          src="../assets/logo_fesa.png"
-          alt="logo unam"
-        />
-       
-      </a>
-     </div>
-      </div>
-
-
-
-    <div
-      class="logo_acatlan_resp col-4  offset-2 d-flex justify-content-center my-2 align-items-center"
-    >
-      <a href="https://www.acatlan.unam.mx/" target="_blank">
-        <img
-          class="sizeImg"
-          src="../assets/logo_acatlan.png"
-          alt="logo unam"
-        />
-      </a>
-    </div>
+  <div class="row divMaster header cl-12 azulUnam">
+   <div class="wrapper">
+         <div class="wrapperleft"> 
+          <a href="https://www.acatlan.unam.mx/" target="_blank">
+            <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" class= "img-fluid" alt="logo unam" />
+          </a> 
+          </div>
+    </div> 
   </div>
+  
 </template>
-
+<script scoped>
+export default {};
+</script>
 <style>
-
-
-.pad{
-     
-     padding: 0px;
+.wrapperright2 {
+    min-width: 50px;
+    float: left;
+    height: 10px;
+    width: 48%;
+    background-size: 280px, 84px;
+    background-repeat: no-repeat;
+    padding: 13px
 }
 
+.wrapperleft {
+    min-width: 20px;
+    float: right;
+    height: 10px;
+    width: 50%;
+    background-size: 100px, 69px;
+    background-repeat: no-repeat;
+    background-position-x: 50%;
+    padding: 4px
+}
+
+.wrapper {
+    min-width: 50px;
+    width: 100%;
+    margin: 0px auto;
+    position: relative;
+}
+
+
+
+
 .divMaster {
-  height: 6em;
+  height: 7em;
   margin: 0 auto;
 }
 
 .azulUnam {
   background-color: #1e3c70;
-  padding: 15px;
-}
-.sizeImg {
-  height: 4.8rem;
-   margin: auto 0;
 }
 
-.sizeImga {
-  height: 4.4rem;
- 
-}
-.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="col-9 offset-3">
+  <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,12 +14,8 @@
         >
           <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">
@@ -48,8 +42,8 @@
      
       </nav>
     </div>
- 
- </div>
+  </div>
+
 
 </template>
 
@@ -96,20 +90,18 @@
 </script>
 
 <style scoped>
-
-
 * {
   margin: 0;
   padding: 0;
 }
 
 .divMaster {
-
+  /* max-width: 1280px; */
   height: auto;
   margin: 0 auto;
 }
 nav {
-  padding: 1.5rem 0;
+  padding: 0.5rem 0;
 }
 
 .azulUnam {
@@ -135,14 +127,14 @@ nav {
 }
 
 .nav-link:hover {
-  background:  linear-gradient(to right, #1e3c70, #30589e);
+  background-color: #1e3c70;
   color: white;
-  border-radius: 3rem;
+  border-radius: 0.2rem;
 }
 
 .nav-link {
-  transition: 0.4s;
-  font-size: 22px;
+  transition: 0.3s;
+  font-size: 20px;
 }
 
 .dropdown-item {
@@ -184,7 +176,9 @@ nav {
   left: -10rem;
   display: block;
 }
-
+.rescont {
+  z-index: ;
+}
 
 .list-group-item {
   padding: 2px 2px;
@@ -198,17 +192,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/views/announcement.vue

@@ -3,7 +3,10 @@
   <Header></Header>
   <Nav></Nav>
 <div  class ="box"> 
-    
+
+<nav  class="breadcrumb">
+ 
+</nav>        
     
 <div class= "container"> 
 

src/views/criteria.vue

@@ -2,10 +2,13 @@
 <div>
   <Header></Header>
   <Nav></Nav>
-
- 
 <div  class ="box"> 
 
+<nav  class="breadcrumb">
+ 
+</nav>        
+    
+
 <div class= "container"> 
 
 
@@ -53,7 +56,7 @@
       <li>3. </li>
 <div class="space">
       <ul class="circle">
-           <li></li>
+           <li>  </li>
             <li> </li>
             <li> </li>
         </ul>
@@ -390,9 +393,10 @@
                             </tr>
                         </tbody></table>
 
-</div>
 </div>
 
+
+</div>
  <Footer></Footer>
   
 </div>
@@ -454,11 +458,11 @@ table, th, td {
 }
 
 .space {
-    margin-left: 0px;width: 0px;
+    margin-left: 40px;width: 20px;
     
 }
 .list {
-    margin-left: 0px;width: 0px;
+    margin-left: 50px;width: 700px;
     
 }
 
@@ -508,7 +512,6 @@ h1, h2, h3, h4, h5, h6 {
     padding: 1.25rem;
     text-align: justify;
     
-    
    
 }
 
@@ -527,6 +530,4 @@ text-align: justify;
     
 }
 
-
-
 </style>

src/views/formats.vue

@@ -3,22 +3,26 @@
     <Header></Header>
     <Nav></Nav>
     <div class="box">
-     
+      <nav class="breadcrumb"></nav>
 
       <div class="container">
         <h6><b> </b></h6>
         
-<p><a href="/files/F1_Inscripcion_del_proyecto_2022.docx" download>F1. Inscripcion de Proyecto 2022</a></p>
-<p><a href="/files/F2_Inscripcion_de_participantes.docx" download>F2. Inscripcion de Particiones</a></p>
-<p><a href="/files/F3_Carta_Cesion_de_Derechos.docx" download>F3. Carta de Cesión de Derechos</a></p>
-<p><a href="/files/F4_Declaracion_de_ingresos.docx" download>F4. Declaración de Ingresos</a></p>
-<p><a href="/files/F5_Solicitud_de_beca.docx" download>F5. Solicitud de Beca</a></p>
-<p><a href="/files/F6_Carta_justificacion_de_transferencia.docx" download>F6. Carta justificación de transferencia</a></p>
-<p><a href="/files/F7_Formato_Solicitud_de_transferencia.docx" download>F7. Formato Solicitud de transferencia</a></p>
-<p><a href="/files/F8_Entrega_Proyecto_Concluido.docx" download>F8. Entrega de Proyecto Concluido</a></p>
+<p><a href="/files/F1_inscripcion_proyecto.docx" download>F1. Inscripcion de Proyecto</a></p>
+<p><a href="/files/F2_inscripcion_participantes.docx" download>F2. Inscripcion de Particiones</a></p>
+<p><a href="/files/F3_carta_cesion.docx" download>F3. Carta de Cesión de Derechos</a></p>
+<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>
+          <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>

src/views/glossary.vue

@@ -6,65 +6,62 @@
   <meta name="viewport" content="initial-scale=1">
 <div  class ="box"> 
 
-   
+<nav  class="breadcrumb">
+ 
+</nav>        
           
     
 <div class= "container"> 
 
 
- <p>El siguiente glosario recoge los términos útiles para la comprensión de la convocatoria del PAIDI y que están en función de la Norma Mexicana NMX-GT-001-IMNC-2007. </p>
+ <p> </p>
 <!--  -->
-<h6><strong>Términos relativos a la innovación </strong></h6>
-<p><strong> Innovación.- </strong>proceso dirigido a una comunidad específica o a un mercado bajo un enfoque que detecta oportunidades y capacidades organizacionales para generar beneficios, productos, procesos y servicios novedosos aceptados por los beneficiarios o consumidores.</p>
-<p><strong> Innovación tecnológica.-</strong>proceso que conjuga una oportunidad de mercado con una necesidad y/o invención tecnológica, que tiene por objetivo la producción, comercialización y explotación de un nuevo proceso, producto, actividad comercial, modelo de negocio, modelo de logística o servicio al cliente.</p>
-<p><strong> Impacto social.-</strong> logros derivados del desarrollo de un proyecto que implican un mejoramiento significativo, y en la mayor parte de los casos perdurable o sustentable en el tiempo, en alguna de las condiciones o características del sector de la población objetivo y que se plantearon como esenciales en la definición del problema que dio origen al proyecto de investigación. El resultado suele expresarse como un beneficio a mediano y largo plazo obtenido por la población atendida.</p>
-<p><strong> Prototipo.-</strong> modelo construido o desarrollado que incluye características técnicas y desempeño de un producto o servicio al margen de su viabilidad comercial inmediata.</p>
-<p><strong> Desarrollo tecnológico.-</strong> resultado de una aplicación sistemática de conocimientos científicos, tecnológicos y/o de índole práctico, que lleva a la generación de prototipos o una mejora sustantiva a bienes existentes independientemente de su implementación o comercialización inmediata.</p>
-<p><strong> Invención.-</strong> toda creación humana que permita transformar la materia o la energía que existe en la naturaleza para su aprovechamiento por el hombre y satisfacer sus necesidades concretas.</p>
-<p><strong> Invención tecnológica.-</strong> generación de un conocimiento original desarrollado por un inventor, un centro de investigación o una empresa susceptible de ser protegida intelectualmente que se incorpora en la empresa en cualquier fase de preproducción, para su posible producción, comercialización y explotación en el mercado.</p>
-<p><strong> Investigación.- </strong>indagación original y sistemática que persigue generar nuevos conocimientos y una superior comprensión sobre una determinada materia.</p>
-<p><strong> Investigación aplicada.-</strong> investigación dirigida a la aplicación de conocimientos existentes para el desarrollo o mejora de productos o procesos.</p>
-<p><strong> Investigación básica.-</strong> investigación que se hace en las fronteras del conocimiento humano, sin objetivos industriales o comerciales inmediatos.</p>
+<h6><strong> </strong></h6>
+<p><strong> </strong></p>
+<p><strong> </strong></p>
+<p><strong> </strong></p>
+<p><strong> </strong></p>
+<p><strong> </strong></p>
+<p><strong> </strong></p>
+<p><strong> </strong></p>
 
   <ul class="circle">
-    <li> Nota: se puede situar en dominios del interés de las organizaciones productivas para la generación de innovaciones tecnológicas. </li>
+    <li>  </li>
   </ul>
            
 <!--  -->
-<h6><strong>Términos relativos a proyectos tecnológicos </strong></h6>
-<p><strong> Proyecto tecnológico.-     </strong>proceso único de actividades tecnológicas organizadas y dirigidas a capitalizar el valor potencial de un recurso tecnológico.:</p>
-<p><strong> Proyecto.-                 </strong>proceso único que consiste en un conjunto de actividades coordinadas y controladas con fechas de inicio y terminación, emprendidas para lograr un objetivo conforme a requisitos específicos, incluyendo las restricciones de tiempo, costo y recursos.</p>
-<p><strong> Valor potencial.-          </strong>grado de utilidad o extrapolación de los beneficios que puede generar un recurso.</p>
-<p><strong> Recursos tecnológicos.-    </strong>medio tangible o intangible destinado a alcanzar los beneficios esperados de su gestión de la tecnología.</p>
-<p><strong> Capital intelectual.-      </strong>bienes intangibles, producto del intelecto humano, que constituyen la sinergia de todos los conocimientos de una organización que generar o tienen el potencial de generar valor.</p>
-  <ul class="circle">
-    <li> Nota: el capital intelectual es la combinación de los recursos humanos, organizativos y relacionales de una empresa. </li>
-  </ul>
-
-<p><strong>Actividad tecnológica.-  </strong>aquella relativa a la asimilación, desarrollo, innovación y explotación de tecnologías.</p>
-<p><strong>Actividad tecnológica.-  </strong>proceso mediante el cual se negocia la cesión o licenciamiento de los derechos sobre el capital intelectual.</p>
+<h6><strong> </strong></h6>
+<p><strong> </strong></p>
+<p><strong> </strong></p>
+<p><strong> </strong></p>
+<p><strong> </strong></p>
+<p><strong> </strong></p>
 
   <ul class="circle">
-    <li>Nota: la negociación puede incluir aspectos relevantes para la asimilación de la tecnología.  </li>
+    <li>  </li>
   </ul>
-<p><strong>Propiedad intelectual.- </strong>conjunto de derechos de carácter exclusivo que otorga el Estado, por tiempo determinado, a las personas físicas o morales que han realizado creaciones intelectuales abarcando las obras contempladas por la Propiedad Industrial, Derechos del Obtentor y Derechos de Autor.</p>
-<p><strong>Valor agregado.- </strong>cualidad mejorada de un producto o servicio, cuyo mérito es reconocido por el cliente o consumidor.</p>
+
+<p><strong> </strong></p>
+<p><strong> </strong></p>
+
+  <ul class="circle">
+    <li>  </li>
+  </ul>
+<p><strong> </strong></p>
+<p><strong> </strong></p>
  <!--  -->
-<h6><strong>Términos y definiciones Generales </strong></h6>
-<p><strong>Administración del proyecto tecnológico.- </strong>administración del proyecto a las actividades de planificación, organización, evaluación y control únicamente.</p>
-<p><strong>Análisis de factibilidad del proyecto.- </strong>análisis de la información sobre la cual una organización sustenta la toma de decisiones para la realización de un proyecto tecnológico. A la cual puede acceder en todo momento.</p>
-<p><strong>Gestión del proyecto tecnológico.-  </strong>análisis de la información sobre la cual una organización sustenta la toma de decisiones para la realización de un proyecto tecnológico. A la cual puede acceder en todo momento.</p>
+<h6><strong> </strong></h6>
+<p><strong> </strong></p>
+<p><strong> </strong></p>
+<p><strong> </strong></p>
 <!--  -->
-<h6><strong>Términos relativos a la gestión de la tecnología </strong></h6>
-<p><strong>Gestión de la tecnología.- </strong>conocimientos organizados en torno a procesos, métodos y prácticas que actúan sobre la planeación, desarrollo, control, integración y capitalización de los recursos para la implantación de cambios tecnológicos o innovaciones en empresas e instituciones con el propósito de mantener o mejorar la posición competitiva.</p>
-<p><strong>Tecnología.- </strong>grado de obtención del valor potencial de un recurso mediante conocimientos y habilidades relativas al saber hacer y su combinación con recursos materiales, de manera sistemática, repetible y reproducible.</p>
-<p><strong>Sistema de gestión de la tecnología.- </strong>sistema de gestión de una organización para vigilar, planear, alinear, habilitar, proteger, implantar y controlar la tecnología.</p>
-<p><strong>Gestión del conocimiento.-</strong>proceso sistemático que integra y orienta las actividades que permiten generar, buscar, documentar, proteger, difundir, compartir, utilizar y mantener el conocimiento, información, experiencia y pericia de una organización, con el fin de incrementar su capital intelectual y aumentar su valor.</p>
-<p><strong>Planeación tecnológica.- </strong>desarrollo de un marco estratégico tecnológico alineado a los objetivos del negocio, que se traduce en la elaboración de una cartera de proyectos.</p>
-<p><strong>Estrategia tecnológica.- </strong>decisión sobre un curso de acción para incrementar el patrimonio tecnológico alineado a la planeación estratégica.</p>
-<p><strong>Plan tecnológico.- </strong>documento que integra los resultados del diagnóstico y pronósticos tecnológicos, objetivos tecnológicos de la organización, estrategia tecnológica, cartera de proyectos tecnológicos, recursos a utilizar, beneficios esperados y su forma de evaluación.</p>   
-   
-   
+<h6><strong> </strong></h6>
+<p><strong> </strong></p>
+<p><strong> </strong></p>
+<p><strong> </strong></p>
+<p><strong> </strong></p>
+<p><strong> </strong></p>
+
    </div>
 
   </div>
@@ -97,16 +94,9 @@ export default {
 
 <style scoped>
 
-#content p {
-    margin-bottom: 20px;
-}
-strong {
-    font-weight: bold;
-}
-
 .circle{
     list-style:disc;
-     
+     margin-left: 50px;width: 20px;
      
      
 }

src/views/home.vue

@@ -53,7 +53,7 @@ export default {
 }
 
 .box {
-    background: #ffffff;
+    background: #f1f1f1;
     padding: 1.25rem;
     text-align: justify;