contacto y cambios

2020-10-02 18:19:28 -05:00
parent 86c74faf70
commit 13fa25d5f6
15 changed files with 241 additions and 36 deletions
@@ -1 +1 @@
-<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel="shortcut icon" type=image/png href=assets/icono.png><title>Portal Editorial Acatlán</title><link href=css/app.3063a17c.css rel=preload as=style><link href=css/chunk-vendors.138628b4.css rel=preload as=style><link href=js/app.9d77bce5.js rel=preload as=script><link href=js/chunk-vendors.8f463115.js rel=preload as=script><link href=css/chunk-vendors.138628b4.css rel=stylesheet><link href=css/app.3063a17c.css rel=stylesheet></head><body><noscript><strong>We're sorry but portal doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.8f463115.js></script><script src=js/app.9d77bce5.js></script></body></html>
+<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel="shortcut icon" type=image/png href=assets/icono.png><title>Portal Editorial Acatlán</title><link href=css/app.f656520b.css rel=preload as=style><link href=css/chunk-vendors.138628b4.css rel=preload as=style><link href=js/app.21ad6d43.js rel=preload as=script><link href=js/chunk-vendors.8f463115.js rel=preload as=script><link href=css/chunk-vendors.138628b4.css rel=stylesheet><link href=css/app.f656520b.css rel=stylesheet></head><body><noscript><strong>We're sorry but portal doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.8f463115.js></script><script src=js/app.21ad6d43.js></script></body></html>
@@ -41,6 +41,11 @@
                >Puntos de Venta</a
              >
            </li>
+            <li class="nav-item">
+              <a class="nav-link text-white" href="#" @click="contacto()"
+                >Contacto</a
+              >
+            </li>
          </ul>
        </div>
      </nav>
@@ -88,6 +93,11 @@ export default {
        location.reload();
      });
    },
+    contacto() {
+      this.$router.push("/contacto").catch(() => {
+        location.reload();
+      });
+    },
    method() {
      this.isExist = !this.isExist;
    }
@@ -33,9 +33,10 @@ export default {
  font-size: 30px;
 }

-@media screen and (max-width: 400px) {
+@media screen and (max-width: 450px) {
  .pTitulo {
    font-size: 20px;
+    padding: 0px 3px;
  }
  .bgAzul {
    width: 60%;
@@ -8,6 +8,7 @@ import comite from "./view/comite.vue";
 import presentacion from "./view/presentacion.vue";
 import proceso from "./view/proceso.vue";
 import puntos from "./view/puntos.vue";
+import contacto from "./view/contacto.vue";

 export const routes = [
  { path: "/", component: home, name: "form" },
@@ -19,5 +20,6 @@ export const routes = [
  { path: "/comite", component: comite, name: "comite" },
  { path: "/presentacion", component: presentacion, name: "presentacion" },
  { path: "/proceso", component: proceso, name: "proceso" },
-  { path: "/puntos", component: puntos, name: "puntos" }
+  { path: "/puntos", component: puntos, name: "puntos" },
+  { path: "/contacto", component: contacto, name: "contacto" }
 ];
@@ -9,11 +9,12 @@
      <div class="row">
        <div class="col-10  mx-auto">
          <p class="text-justify">
-            El Comité Editorial de la Facultad de Estudios Superiores Acatlán es
-            el órgano colegiado que establece y regula los procedimientos para
-            la recepción, dictamen, selección, edición, impresión, difusión,
-            promoción, almacenamiento, preservación, distribución y
-            comercialización de sus publicaciones. (Art. 1, PyLE).
+            En este apartado, se muestran los 17 miembros que componen el Comité
+            Editorial de la Facultad de Estudios Superiores Acatlán, quienes, en
+            apego a las normativas institucionales, establecen y regulan los
+            procedimientos para la recepción, dictamen, selección, edición,
+            impresión, difusión, promoción, almacenamiento, preservación,
+            distribución y comercialización de sus publicaciones.
          </p>
        </div>
      </div>
@@ -80,6 +81,27 @@
        <p>D.G. Norma Guadalupe Rojas Borja</p>
        <strong> Secretaria de Actas</strong>
      </div>
+
+      <div>
+        <p>Lic. Yareth Pérez Salgado</p>
+        <strong>Jefa de la Unidad de la Oficina Jurídica</strong>
+      </div>
+
+      <div>
+        <p>Lic. Hugo Espinoza Rubio</p>
+        <strong
+          >Académicos de la Facultad de Filosofía y Letras, UNAM / Miembro
+          externo
+        </strong>
+      </div>
+
+      <div>
+        <p>Dr. Gregorio Hernández Zamora</p>
+        <strong
+          >Académico de la Universidad Autónoma Metropolitana / Miembro
+          externo</strong
+        >
+      </div>
    </div>

    <Footer></Footer>
@@ -0,0 +1,72 @@
+<template>
+  <div>
+    <Header></Header>
+    <Nav></Nav>
+    <Nav2 />
+    <div class="row">
+      <div class="my-5 col-10 offset-1">
+        <h1 class="mb-4">Contáctanos</h1>
+        <p class="text-justify">
+          En caso de tener dudas sobre el catálogo de publicaciones de Ediciones
+          Acatlán, los distintos puntos de venta, de nuestros procesos de
+          publicación, o acerca del cuerpo colegiado editorial de la Facultad de
+          Estudios Superiores Acatlán.
+          <br />
+          Podemos responder todas sus inquietudes, solo llena los siguientes
+          campos y te responderemos a la brevedad.
+        </p>
+
+        <form class="my-5">
+          <div class="form-group row">
+            <div class="col-6 d-flex flex-column justify-content-around ">
+              <div class="form-group row d-flex  justify-content-between">
+                <label for="formGroupExampleInput">Nombre</label>
+                <div class="col-sm-8">
+                  <input
+                    type="text"
+                    class="form-control"
+                    id="formGroupExampleInput"
+                  />
+                </div>
+              </div>
+
+              <div class="form-group row d-flex  justify-content-between">
+                <label for="inputEmail3">Correo Electronico</label>
+                <div class="col-sm-8">
+                  <input type="email" class="form-control" id="inputEmail3" />
+                </div>
+              </div>
+            </div>
+
+            <div class="col-6">
+              <div class="form-group">
+                <label for="comment">Comentario</label>
+                <textarea class="form-control" rows="5" id="comment"></textarea>
+              </div>
+            </div>
+          </div>
+          <button type="submit" class="btn btn-primary mt-5">Enviar</button>
+        </form>
+      </div>
+    </div>
+
+    <Footer></Footer>
+  </div>
+</template>
+
+<script>
+import Header from "./../components/header.vue";
+import Nav from "./../components/nav.vue";
+import Nav2 from "./../components/nav2.vue";
+import Footer from "./../components/footer.vue";
+export default {
+  components: {
+    Header,
+    Nav,
+    Nav2,
+    Footer
+  }
+};
+</script>
+
+<style></style>
@@ -8,24 +8,38 @@
      <div class="row presentacion">
        <div class="col-10 offset-1 text-justify mb-5">
          <p>
-            En atención al Programa Estratégico 3. Facultad del Siglo XXI, del
-            Plan de Desarrollo Institucional 2017-2021 de la Facultad de
-            Estudios Superiores Acatlán, en el cual, mediante la línea de acción
-            3.2. Modernización de la gestión, se establece la actualización del
-            portal editorial de la Facultad, la Coordinación de Servicios
-            Académicos, a través de la Unidad de Servicios Editoriales y la
-            Unidad del Centro de Desarrollo Tecnológico, tiene en desarrollo dos
-            proyectos: la Tienda Virtual Acatlán y el Portal Editorial de
-            Ediciones Acatlán.
+            Bienvenido/a al Portal Editorial de la Facultad de Estudios
+            Superiores Acatlán, el sitio en línea que presenta todo tópico
+            relacionado con la publicación y difusión de los materiales del
+            sello Ediciones Acatlán.
          </p>

          <p>
-            El primero de los proyectos, la
-            <a href="https://tienda.acatlan.unam.mx"> Tienda Virtual Acatlán</a
-            >, es la plataforma destinada a la venta de las publicaciones de
-            Ediciones Acatlán, habilitada desde el mes de marzo del presente
-            año.
+            Desarrollada por la Unidad del Centro de Desarrollo Tecnológico y la
+            Unidad de Servicios Editoriales, ambas pertenecientes a la
+            Coordinación de Servicios Académicos, esta plataforma fue creada
+            para dar a conocer el catálogo de publicaciones emanadas de esta
+            entidad multidisciplinaria.
          </p>
+
+          <p>
+            Actualmente, En atención al Programa Estratégico 3. Facultad del
+            Siglo XXI, del Plan de Desarrollo Institucional 2017-2021 de la
+            Facultad de Estudios Superiores Acatlán, en el cual, mediante la
+            línea de acción 3.2. Modernización de la gestión, se establece la
+            actualización del portal editorial de la Facultad, la Coordinación
+            de Servicios Académicos, a través de las áreas ya enunciadas, tiene
+            en desarrollo dos proyectos: la Tienda Virtual Acatlán y el Portal
+            Editorial de Ediciones Acatlán.
+          </p>
+
+          <p>
+            El primero de los proyectos, la Tienda Virtual Acatlán, es la
+            plataforma destinada a la venta de las publicaciones de Ediciones
+            Acatlán, habilitada desde el mes de marzo del presente año (véase
+            Puntos de Venta).
+          </p>
+
          <p>
            El segundo de ellos, el Portal Editorial, tiene el objetivo de
            difundir toda aquella información relacionada con los procesos y
@@ -47,6 +61,45 @@
            Virtual Acatlán y la Librería Universitaria, para compra de libros
            en línea o de manera presencial, respectivamente.
          </p>
+
+          <p>
+            De manera complementaria, la publicación, difusión, distribución y
+            venta de nuestros libros se hacen mediante diversas estrategias que
+            buscan involucrar a otras instancias universitarias e, incluso, a
+            editoras externas a la Universidad:
+          </p>
+          <ul>
+            <li>
+              Puntos de venta: Se pueden adquirir títulos de Ediciones Acatlán
+              de forma presencial y en línea. Para conocer más, favor de
+              dirigirse al apartado «Puntos de Venta»
+            </li>
+            <li>
+              Presencia de eventos culturales: En aras de compartir las
+              novedades editoriales de nuestra entidad, se ha buscado tener
+              presencia en eventos nacionales que promuevan la lectura y la
+              cultura del libro. Tal es el caso de la Feria Internacional del
+              Libro del Palacio de Minería.
+            </li>
+            <li>
+              Coediciones: En el caso de que una editorial universitaria o de
+              otro ámbito desee publicar con la FES Acatlán, bajo el seguimiento
+              de las instancias correspondientes, se puede gestionar la firma de
+              un contrato de coedición, mediante el cual se acordarían cómo
+              apoyaría en la edición y distribución cada una de las entidades
+              involucradas.
+            </li>
+            <li>
+              Venta interinstitucional: Por medio de la firma de una Bases de
+              Colaboración Interinstitucional, la FES Acatlán puede colocar a la
+              venta su producción editorial en otras instancias de la UNAM, y
+              viceversa.
+            </li>
+          </ul>
+          <p>
+            De tener alguno duda sobre lo anterior, favor de dirigirse al
+            apartado de Contacto.
+          </p>
        </div>
      </div>
    </div>
@@ -68,15 +68,28 @@
            </li>

            <li>
-              Otros organismos:
+              Organismos universitarios:
              <ul>
-                <li>Instituto Nacional del Derecho de Autor (INDAUTOR)</li>
+                <li>
+                  Dirección General de Publicaciones y Fomento Editorial de la
+                  UNAM (DGPyFE)
+                </li>
+                <li>
+                  Dirección General de Asuntos Jurídicos de la UNAM (DGAJ)
+                </li>
                <li>
                  Dirección General de Asuntos del Personal Académico de la UNAM
                  (DGAPA)
                </li>
              </ul>
            </li>
+
+            <li>
+              Otros organismos:
+              <ul>
+                <li>Instituto Nacional del Derecho de Autor (INDAUTOR)</li>
+              </ul>
+            </li>
          </ul>
        </div>
      </div>
@@ -6,24 +6,50 @@

    <div>
      <div class="row">
-        <div class="col-10 offset-1">
+        <div class="col-10 offset-1 mb-5">
          <h1 class="my-4">Puntos de Venta</h1>

          <p class="mb-4">
            La venta y difusión de las publicaciones de Ediciones Acatlán se
-            llevan a cabo a partir de cuatro maneras:
+            llevan a cabo a partir de cuatro maneras. En caso de que desee
+            adquirir alguna de las publicaciones emanadas de esta entidad
+            multidisciplinaria, podría hacer a través de los puntos que se
+            enlistan continuación:
          </p>
        </div>
      </div>
+
+      <Title title="Compra presencial" />
      <div class=" row marcos">
        <div class="col-12 offset-0 mb-5 d-flex">
          <div
            class="col-12 offset-0 d-flex flex-wrap justify-content-center align-items-center px-0"
          >
            <Enlace
-              class="enlaces w-auto mt-5"
+              class="enlaces w-auto my-3"
              v-for="link in Links"
              :key="link.id"
+              v-show="link.mode == 'presencial'"
+              :linkW="link.linkW"
+              :linkD="link.linkD"
+              :img="link.img"
+              :text="link.text"
+            />
+          </div>
+        </div>
+      </div>
+
+      <Title title="Compra en Linea" />
+      <div class=" row marcos">
+        <div class="col-12 offset-0 mb-5 d-flex">
+          <div
+            class="col-12 offset-0 d-flex flex-wrap justify-content-center align-items-center px-0"
+          >
+            <Enlace
+              class="enlaces w-auto my-3"
+              v-for="link in Links"
+              :key="link.id"
+              v-show="link.mode == 'linea'"
              :linkW="link.linkW"
              :linkD="link.linkD"
              :img="link.img"
@@ -44,6 +70,7 @@ import Nav from "./../components/nav.vue";
 import Nav2 from "./../components/nav2.vue";
 import Footer from "./../components/footer.vue";
 import Enlace from "./../components/enlace.vue";
+import Title from "../components/titulo.vue";

 export default {
  components: {
@@ -51,7 +78,8 @@ export default {
    Nav,
    Nav2,
    Footer,
-    Enlace
+    Enlace,
+    Title
  },
  data() {
    return {
@@ -62,7 +90,8 @@ export default {
            "Librería Universitaria: ubicada en las instalaciones de la FES Acatlán, para la adquisición de publicaciones impresas, tanto de nuestro sello como de otras editoriales.",
          img: "assets/puntos/LIBRERÍA-ACATLÁN.png",
          linkW: "",
-          linkD: ""
+          linkD: "",
+          mode: "presencial"
        },
        {
          id: 1,
@@ -70,7 +99,8 @@ export default {
            "Tienda Virtual Acatlán: plataforma que soporta ventas en línea (obras impresas), de reciente habilitación.",
          img: "assets/puntos/logotienda.png",
          linkW: "https://tienda.acatlan.unam.mx/",
-          linkD: ""
+          linkD: "",
+          mode: "linea"
        },
        {
          id: 2,
@@ -78,7 +108,8 @@ export default {
            "Librería Ambulante: extensión de la Librería Universitaria que, de manera presencial, acude a los eventos institucionales con publicaciones de temas afines a éstos.",
          img: "assets/puntos/LIBRERÍA-ACATLÁN-ambulante.png",
          linkW: "",
-          linkD: ""
+          linkD: "",
+          mode: "presencial"
        },
        {
          id: 3,
@@ -86,7 +117,8 @@ export default {
            "Libros UNAM: plataforma en línea de la Universidad Nacional Autónoma de México, mediante la cual se pueden adquirir todas las publicaciones (impresas y electrónicas) de todas las dependencias editoras.",
          img: "assets/puntos/libros-unam.png",
          linkW: "http://www.libros.unam.mx/",
-          linkD: ""
+          linkD: "",
+          mode: "linea"
        }
      ]
    };