From ee91866b4b5e4ef86931f23550608db7095b5229 Mon Sep 17 00:00:00 2001
From: Araozu <faraoz@unsa.edu.pe>
Date: Tue, 11 Aug 2020 20:33:58 -0500
Subject: [PATCH] Agregado un 'acerca de'

---
 src/components/App/barra-lateral.vue |  5 +++-
 src/router/index.js                  |  6 +++++
 src/views/About.vue                  | 40 ++++++++++++++++++++++++++++
 3 files changed, 50 insertions(+), 1 deletion(-)
 create mode 100644 src/views/About.vue

diff --git a/src/components/App/barra-lateral.vue b/src/components/App/barra-lateral.vue
index c8cd68d..dd30b7d 100644
--- a/src/components/App/barra-lateral.vue
+++ b/src/components/App/barra-lateral.vue
@@ -2,7 +2,8 @@
 div.lateral
     div.barra
         template(v-if="!barraOculta")
-            h1 Horarios UNSA
+            router-link.link_github(to="/")
+                h1 Horarios UNSA
             br
             br
             p Los horarios están completos. Fuente:
@@ -14,6 +15,8 @@ div.lateral
             v-check-box(txt="Mostrar descansos de 10m" v-model="mostrarDescansos")
             br
             v-check-box(txt="Tema oscuro" v-model="temaOscuro")
+            br
+            router-link.link_github(to="/acerca-de/") Acerca de
             // div.info
                 p
                     i Solo algunos horarios están implementados*
diff --git a/src/router/index.js b/src/router/index.js
index be40a1f..59eec76 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,11 +1,17 @@
 import {createRouter, createWebHistory} from 'vue-router';
 import Inicio from "../views/Inicio.vue";
+import About from "../views/About.vue"
 
 const routes = [
     {
         path: '/',
         name: 'Inicio',
         component: Inicio
+    },
+    {
+        path: "/acerca-de",
+        name: "About",
+        component: About
     }
 ];
 
diff --git a/src/views/About.vue b/src/views/About.vue
new file mode 100644
index 0000000..c0acde2
--- /dev/null
+++ b/src/views/About.vue
@@ -0,0 +1,40 @@
+<template lang="pug">
+div.acerca-de
+    h1 Acerca de
+    h2 Autor
+    p Fernando Araoz Morales
+
+    h2 Tecnologías usadas
+    p Vue.js 3 - En mi opinion el mejor framework.
+    p Vue router - Para manejar las rutas en el SPA.
+    p Vuex - Para manejar las celdas de los horarios.
+    p Pug - Para solo declarar una vez las etiquetas y evitar &lt; / &gt;
+    p CoffeeScript - Para usar JavaScript más expresivo.
+    p Sass - Para poder anidar los selectores.
+
+    h2 ¿De donde salen los horarios?
+    p De los excel/fotos que se publican, los transformo a mano a YAML.
+
+    h2 ¿Dónde puedo reportar problemas?
+    p En GitHub, https://github.com/Araozu/horarios-unsa.
+
+//
+</template>
+
+<script lang="coffee">
+
+    export default {
+        name: "About"
+    }
+
+#
+</script>
+
+<style scoped lang="sass">
+
+    .acerca-de
+        margin: 0 auto
+        width: 90%
+
+//
+</style>