Agregado un 'acerca de'

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*

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
     }
 ];
 

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>