From bdc497581058c62e8c7a99530f13f9c65af62bb4 Mon Sep 17 00:00:00 2001
From: Arturo <artur8gll@gmail.com>
Date: Wed, 12 Feb 2020 00:11:15 -0600
Subject: [PATCH] Arturo

---
 .gitignore                  |   1 +
 .prettierrc                 |   8 +
 package-lock.json           | 413 ++++++++++++++++++++++++++++++++
 package.json                |   2 +
 src/components/Admin.vue    |  94 ++++++++
 src/components/Ponencia.vue |  75 ++++++
 src/components/Registro.vue | 117 ++++++++++
 src/components/inicio.vue   |  86 +++----
 src/components/mesas.vue    | 454 ++++++++++++++++++------------------
 src/routes.js               |  14 +-
 10 files changed, 976 insertions(+), 288 deletions(-)
 create mode 100644 .gitignore
 create mode 100644 .prettierrc
 create mode 100644 src/components/Admin.vue
 create mode 100644 src/components/Ponencia.vue
 create mode 100644 src/components/Registro.vue

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..3c3629e
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+node_modules
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..b2def6a
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,8 @@
+{
+  "trailingComma": "es5",
+  "tabWidth": 4,
+  "semi": false,
+  "singleQuote": true,
+  "vueIndentScriptAndStyle": true,
+  "htmlWhitespaceSensitivity": "strict"
+}
diff --git a/package-lock.json b/package-lock.json
index 2640685..663ffd1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1069,6 +1069,21 @@
         }
       }
     },
+    "@types/babel-types": {
+      "version": "7.0.7",
+      "resolved": "https://registry.npmjs.org/@types/babel-types/-/babel-types-7.0.7.tgz",
+      "integrity": "sha512-dBtBbrc+qTHy1WdfHYjBwRln4+LWqASWakLHsWHR2NWHIFkv4W3O070IGoGLEBrJBvct3r0L1BUPuvURi7kYUQ==",
+      "dev": true
+    },
+    "@types/babylon": {
+      "version": "6.16.5",
+      "resolved": "https://registry.npmjs.org/@types/babylon/-/babylon-6.16.5.tgz",
+      "integrity": "sha512-xH2e58elpj1X4ynnKp9qSnWlsRTIs6n3tgLGNfwAGHwePw0mulHQllV34n0T25uYSu1k0hRKkWXF890B1yS47w==",
+      "dev": true,
+      "requires": {
+        "@types/babel-types": "*"
+      }
+    },
     "@types/color-name": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/@types/color-name/-/color-name-1.1.1.tgz",
@@ -1825,6 +1840,28 @@
       "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.4.1.tgz",
       "integrity": "sha512-RO1ibKvd27e6FEShVFfPALuHI3WjSVNeK5FIsmme/LYRNxjKuNj+Dt7bucLa6NdSv3JcVTyMlm9kGR84z1XpaQ=="
     },
+    "align-text": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/align-text/-/align-text-0.1.4.tgz",
+      "integrity": "sha1-DNkKVhCT810KmSVsIrcGlDP60Rc=",
+      "dev": true,
+      "requires": {
+        "kind-of": "^3.0.2",
+        "longest": "^1.0.1",
+        "repeat-string": "^1.5.2"
+      },
+      "dependencies": {
+        "kind-of": {
+          "version": "3.2.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+          "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        }
+      }
+    },
     "alphanum-sort": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/alphanum-sort/-/alphanum-sort-1.0.2.tgz",
@@ -1961,6 +1998,12 @@
       "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=",
       "dev": true
     },
+    "asap": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
+      "integrity": "sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=",
+      "dev": true
+    },
     "asn1": {
       "version": "0.2.4",
       "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.4.tgz",
@@ -2181,6 +2224,32 @@
         }
       }
     },
+    "babel-types": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmjs.org/babel-types/-/babel-types-6.26.0.tgz",
+      "integrity": "sha1-o7Bz+Uq0nrb6Vc1lInozQ4BjJJc=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.26.0",
+        "esutils": "^2.0.2",
+        "lodash": "^4.17.4",
+        "to-fast-properties": "^1.0.3"
+      },
+      "dependencies": {
+        "to-fast-properties": {
+          "version": "1.0.3",
+          "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-1.0.3.tgz",
+          "integrity": "sha1-uDVx+k2MJbguIxsG46MFXeTKGkc=",
+          "dev": true
+        }
+      }
+    },
+    "babylon": {
+      "version": "6.18.0",
+      "resolved": "https://registry.npmjs.org/babylon/-/babylon-6.18.0.tgz",
+      "integrity": "sha512-q/UEjfGJ2Cm3oKV71DJz9d25TPnq5rhBVL2Q4fA5wcC3jcrdn7+SssEybFIxwAvvP+YCsCYNKughoF33GxgycQ==",
+      "dev": true
+    },
     "balanced-match": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
@@ -2790,6 +2859,16 @@
       "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
       "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw="
     },
+    "center-align": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/center-align/-/center-align-0.1.3.tgz",
+      "integrity": "sha1-qg0yYptu6XIgBBHL1EYckHvCt60=",
+      "dev": true,
+      "requires": {
+        "align-text": "^0.1.3",
+        "lazy-cache": "^1.0.3"
+      }
+    },
     "chalk": {
       "version": "2.4.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
@@ -2800,6 +2879,15 @@
         "supports-color": "^5.3.0"
       }
     },
+    "character-parser": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/character-parser/-/character-parser-2.2.0.tgz",
+      "integrity": "sha1-x84o821LzZdE5f/CxfzeHHMmH8A=",
+      "dev": true,
+      "requires": {
+        "is-regex": "^1.0.3"
+      }
+    },
     "chardet": {
       "version": "0.7.0",
       "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz",
@@ -3239,6 +3327,18 @@
         "bluebird": "^3.1.1"
       }
     },
+    "constantinople": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/constantinople/-/constantinople-3.1.2.tgz",
+      "integrity": "sha512-yePcBqEFhLOqSBtwYOGGS1exHo/s1xjekXiinh4itpNQGCu4KA1euPh1fg07N2wMITZXQkBz75Ntdt1ctGZouw==",
+      "dev": true,
+      "requires": {
+        "@types/babel-types": "^7.0.0",
+        "@types/babylon": "^6.16.2",
+        "babel-types": "^6.26.0",
+        "babylon": "^6.18.0"
+      }
+    },
     "constants-browserify": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/constants-browserify/-/constants-browserify-1.0.0.tgz",
@@ -4063,6 +4163,12 @@
         "esutils": "^2.0.2"
       }
     },
+    "doctypes": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/doctypes/-/doctypes-1.1.0.tgz",
+      "integrity": "sha1-6oCxBqh1OHdOijpKWv4pPeSJ4Kk=",
+      "dev": true
+    },
     "dom-converter": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz",
@@ -6515,6 +6621,24 @@
       "integrity": "sha1-YTObbyR1/Hcv2cnYP1yFddwVSuE=",
       "dev": true
     },
+    "is-expression": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-expression/-/is-expression-3.0.0.tgz",
+      "integrity": "sha1-Oayqa+f9HzRx3ELHQW5hwkMXrJ8=",
+      "dev": true,
+      "requires": {
+        "acorn": "~4.0.2",
+        "object-assign": "^4.0.1"
+      },
+      "dependencies": {
+        "acorn": {
+          "version": "4.0.13",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-4.0.13.tgz",
+          "integrity": "sha1-EFSVrlNh1pe9GVyCUZLhrX8lN4c=",
+          "dev": true
+        }
+      }
+    },
     "is-extendable": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
@@ -6740,6 +6864,12 @@
         "easy-stack": "^1.0.0"
       }
     },
+    "js-stringify": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/js-stringify/-/js-stringify-1.0.2.tgz",
+      "integrity": "sha1-Fzb939lyTyijaCrcYjCufk6Weds=",
+      "dev": true
+    },
     "js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -6878,6 +7008,16 @@
         "verror": "1.10.0"
       }
     },
+    "jstransformer": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/jstransformer/-/jstransformer-1.0.0.tgz",
+      "integrity": "sha1-7Yvwkh4vPx7U1cGkT2hwntJHIsM=",
+      "dev": true,
+      "requires": {
+        "is-promise": "^2.0.0",
+        "promise": "^7.0.1"
+      }
+    },
     "killable": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/killable/-/killable-1.0.1.tgz",
@@ -6909,6 +7049,12 @@
         "launch-editor": "^2.2.1"
       }
     },
+    "lazy-cache": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-1.0.4.tgz",
+      "integrity": "sha1-odePw6UEdMuAhF07O24dpJpEbo4=",
+      "dev": true
+    },
     "lcid": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/lcid/-/lcid-2.0.0.tgz",
@@ -7092,6 +7238,12 @@
       "integrity": "sha512-Sgr5lbboAUBo3eXCSPL4/KoVz3ROKquOjcctxmHIt+vol2DrqTQe3SwkKKuYhEiWB5kYa13YyopJ69deJ1irzQ==",
       "dev": true
     },
+    "longest": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/longest/-/longest-1.0.1.tgz",
+      "integrity": "sha1-MKCy2jj3N3DoKUoNIuZiXtd9AJc=",
+      "dev": true
+    },
     "loose-envify": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
@@ -8853,6 +9005,15 @@
       "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
       "dev": true
     },
+    "promise": {
+      "version": "7.3.1",
+      "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz",
+      "integrity": "sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==",
+      "dev": true,
+      "requires": {
+        "asap": "~2.0.3"
+      }
+    },
     "promise-inflight": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz",
@@ -8905,6 +9066,183 @@
         "safe-buffer": "^5.1.2"
       }
     },
+    "pug": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/pug/-/pug-2.0.4.tgz",
+      "integrity": "sha512-XhoaDlvi6NIzL49nu094R2NA6P37ijtgMDuWE+ofekDChvfKnzFal60bhSdiy8y2PBO6fmz3oMEIcfpBVRUdvw==",
+      "dev": true,
+      "requires": {
+        "pug-code-gen": "^2.0.2",
+        "pug-filters": "^3.1.1",
+        "pug-lexer": "^4.1.0",
+        "pug-linker": "^3.0.6",
+        "pug-load": "^2.0.12",
+        "pug-parser": "^5.0.1",
+        "pug-runtime": "^2.0.5",
+        "pug-strip-comments": "^1.0.4"
+      }
+    },
+    "pug-attrs": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/pug-attrs/-/pug-attrs-2.0.4.tgz",
+      "integrity": "sha512-TaZ4Z2TWUPDJcV3wjU3RtUXMrd3kM4Wzjbe3EWnSsZPsJ3LDI0F3yCnf2/W7PPFF+edUFQ0HgDL1IoxSz5K8EQ==",
+      "dev": true,
+      "requires": {
+        "constantinople": "^3.0.1",
+        "js-stringify": "^1.0.1",
+        "pug-runtime": "^2.0.5"
+      }
+    },
+    "pug-code-gen": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/pug-code-gen/-/pug-code-gen-2.0.2.tgz",
+      "integrity": "sha512-kROFWv/AHx/9CRgoGJeRSm+4mLWchbgpRzTEn8XCiwwOy6Vh0gAClS8Vh5TEJ9DBjaP8wCjS3J6HKsEsYdvaCw==",
+      "dev": true,
+      "requires": {
+        "constantinople": "^3.1.2",
+        "doctypes": "^1.1.0",
+        "js-stringify": "^1.0.1",
+        "pug-attrs": "^2.0.4",
+        "pug-error": "^1.3.3",
+        "pug-runtime": "^2.0.5",
+        "void-elements": "^2.0.1",
+        "with": "^5.0.0"
+      }
+    },
+    "pug-error": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/pug-error/-/pug-error-1.3.3.tgz",
+      "integrity": "sha512-qE3YhESP2mRAWMFJgKdtT5D7ckThRScXRwkfo+Erqga7dyJdY3ZquspprMCj/9sJ2ijm5hXFWQE/A3l4poMWiQ==",
+      "dev": true
+    },
+    "pug-filters": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/pug-filters/-/pug-filters-3.1.1.tgz",
+      "integrity": "sha512-lFfjNyGEyVWC4BwX0WyvkoWLapI5xHSM3xZJFUhx4JM4XyyRdO8Aucc6pCygnqV2uSgJFaJWW3Ft1wCWSoQkQg==",
+      "dev": true,
+      "requires": {
+        "clean-css": "^4.1.11",
+        "constantinople": "^3.0.1",
+        "jstransformer": "1.0.0",
+        "pug-error": "^1.3.3",
+        "pug-walk": "^1.1.8",
+        "resolve": "^1.1.6",
+        "uglify-js": "^2.6.1"
+      },
+      "dependencies": {
+        "camelcase": {
+          "version": "1.2.1",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-1.2.1.tgz",
+          "integrity": "sha1-m7UwTS4LVmmLLHWLCKPqqdqlijk=",
+          "dev": true
+        },
+        "cliui": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/cliui/-/cliui-2.1.0.tgz",
+          "integrity": "sha1-S0dXYP+AJkx2LDoXGQMukcf+oNE=",
+          "dev": true,
+          "requires": {
+            "center-align": "^0.1.1",
+            "right-align": "^0.1.1",
+            "wordwrap": "0.0.2"
+          }
+        },
+        "uglify-js": {
+          "version": "2.8.29",
+          "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-2.8.29.tgz",
+          "integrity": "sha1-KcVzMUgFe7Th913zW3qcty5qWd0=",
+          "dev": true,
+          "requires": {
+            "source-map": "~0.5.1",
+            "uglify-to-browserify": "~1.0.0",
+            "yargs": "~3.10.0"
+          }
+        },
+        "yargs": {
+          "version": "3.10.0",
+          "resolved": "https://registry.npmjs.org/yargs/-/yargs-3.10.0.tgz",
+          "integrity": "sha1-9+572FfdfB0tOMDnTvvWgdFDH9E=",
+          "dev": true,
+          "requires": {
+            "camelcase": "^1.0.2",
+            "cliui": "^2.1.0",
+            "decamelize": "^1.0.0",
+            "window-size": "0.1.0"
+          }
+        }
+      }
+    },
+    "pug-lexer": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/pug-lexer/-/pug-lexer-4.1.0.tgz",
+      "integrity": "sha512-i55yzEBtjm0mlplW4LoANq7k3S8gDdfC6+LThGEvsK4FuobcKfDAwt6V4jKPH9RtiE3a2Akfg5UpafZ1OksaPA==",
+      "dev": true,
+      "requires": {
+        "character-parser": "^2.1.1",
+        "is-expression": "^3.0.0",
+        "pug-error": "^1.3.3"
+      }
+    },
+    "pug-linker": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/pug-linker/-/pug-linker-3.0.6.tgz",
+      "integrity": "sha512-bagfuHttfQOpANGy1Y6NJ+0mNb7dD2MswFG2ZKj22s8g0wVsojpRlqveEQHmgXXcfROB2RT6oqbPYr9EN2ZWzg==",
+      "dev": true,
+      "requires": {
+        "pug-error": "^1.3.3",
+        "pug-walk": "^1.1.8"
+      }
+    },
+    "pug-load": {
+      "version": "2.0.12",
+      "resolved": "https://registry.npmjs.org/pug-load/-/pug-load-2.0.12.tgz",
+      "integrity": "sha512-UqpgGpyyXRYgJs/X60sE6SIf8UBsmcHYKNaOccyVLEuT6OPBIMo6xMPhoJnqtB3Q3BbO4Z3Bjz5qDsUWh4rXsg==",
+      "dev": true,
+      "requires": {
+        "object-assign": "^4.1.0",
+        "pug-walk": "^1.1.8"
+      }
+    },
+    "pug-parser": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/pug-parser/-/pug-parser-5.0.1.tgz",
+      "integrity": "sha512-nGHqK+w07p5/PsPIyzkTQfzlYfuqoiGjaoqHv1LjOv2ZLXmGX1O+4Vcvps+P4LhxZ3drYSljjq4b+Naid126wA==",
+      "dev": true,
+      "requires": {
+        "pug-error": "^1.3.3",
+        "token-stream": "0.0.1"
+      }
+    },
+    "pug-plain-loader": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/pug-plain-loader/-/pug-plain-loader-1.0.0.tgz",
+      "integrity": "sha512-mDfq/qvJJ0xdug38mZ1ObW0BQTx9kAHnKqotXC+C00XQkKmsWaMe90JUg/kN4lS6MU7tpVsMZ+rmcnBSPfDtHA==",
+      "dev": true,
+      "requires": {
+        "loader-utils": "^1.1.0"
+      }
+    },
+    "pug-runtime": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/pug-runtime/-/pug-runtime-2.0.5.tgz",
+      "integrity": "sha512-P+rXKn9un4fQY77wtpcuFyvFaBww7/91f3jHa154qU26qFAnOe6SW1CbIDcxiG5lLK9HazYrMCCuDvNgDQNptw==",
+      "dev": true
+    },
+    "pug-strip-comments": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/pug-strip-comments/-/pug-strip-comments-1.0.4.tgz",
+      "integrity": "sha512-i5j/9CS4yFhSxHp5iKPHwigaig/VV9g+FgReLJWWHEHbvKsbqL0oP/K5ubuLco6Wu3Kan5p7u7qk8A4oLLh6vw==",
+      "dev": true,
+      "requires": {
+        "pug-error": "^1.3.3"
+      }
+    },
+    "pug-walk": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/pug-walk/-/pug-walk-1.1.8.tgz",
+      "integrity": "sha512-GMu3M5nUL3fju4/egXwZO0XLi6fW/K3T3VTgFQ14GxNi8btlxgT5qZL//JwZFm/2Fa64J/PNS8AZeys3wiMkVA==",
+      "dev": true
+    },
     "pump": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
@@ -9385,6 +9723,15 @@
       "resolved": "https://registry.npmjs.org/rgbcolor/-/rgbcolor-1.0.1.tgz",
       "integrity": "sha1-1lBezbMEplldom+ktDMHMGd1lF0="
     },
+    "right-align": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/right-align/-/right-align-0.1.3.tgz",
+      "integrity": "sha1-YTObci/mo1FWiSENJOFMlhSGE+8=",
+      "dev": true,
+      "requires": {
+        "align-text": "^0.1.1"
+      }
+    },
     "rimraf": {
       "version": "2.7.1",
       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
@@ -10558,6 +10905,12 @@
       "integrity": "sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw==",
       "dev": true
     },
+    "token-stream": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/token-stream/-/token-stream-0.0.1.tgz",
+      "integrity": "sha1-zu78cXp2xDFvEm0LnbqlXX598Bo=",
+      "dev": true
+    },
     "toposort": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/toposort/-/toposort-1.0.7.tgz",
@@ -10670,6 +11023,13 @@
         }
       }
     },
+    "uglify-to-browserify": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/uglify-to-browserify/-/uglify-to-browserify-1.0.2.tgz",
+      "integrity": "sha1-bgkk1r2mta/jSeOabWMoUKD4grc=",
+      "dev": true,
+      "optional": true
+    },
     "unicode-canonical-property-names-ecmascript": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz",
@@ -10959,6 +11319,12 @@
       "integrity": "sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==",
       "dev": true
     },
+    "void-elements": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-2.0.1.tgz",
+      "integrity": "sha1-wGavtYK7HLQSjWDqkjkulNXp2+w=",
+      "dev": true
+    },
     "vue": {
       "version": "2.6.11",
       "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.11.tgz",
@@ -11455,11 +11821,58 @@
       "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=",
       "dev": true
     },
+    "window-size": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/window-size/-/window-size-0.1.0.tgz",
+      "integrity": "sha1-VDjNLqk7IC76Ohn+iIeu58lPnJ0=",
+      "dev": true
+    },
+    "with": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/with/-/with-5.1.1.tgz",
+      "integrity": "sha1-+k2qktrzLE6pTtRTyB8EaGtXXf4=",
+      "dev": true,
+      "requires": {
+        "acorn": "^3.1.0",
+        "acorn-globals": "^3.0.0"
+      },
+      "dependencies": {
+        "acorn": {
+          "version": "3.3.0",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-3.3.0.tgz",
+          "integrity": "sha1-ReN/s56No/JbruP/U2niu18iAXo=",
+          "dev": true
+        },
+        "acorn-globals": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/acorn-globals/-/acorn-globals-3.1.0.tgz",
+          "integrity": "sha1-/YJw9x+7SZawBPqIDuXUZXOnMb8=",
+          "dev": true,
+          "requires": {
+            "acorn": "^4.0.4"
+          },
+          "dependencies": {
+            "acorn": {
+              "version": "4.0.13",
+              "resolved": "https://registry.npmjs.org/acorn/-/acorn-4.0.13.tgz",
+              "integrity": "sha1-EFSVrlNh1pe9GVyCUZLhrX8lN4c=",
+              "dev": true
+            }
+          }
+        }
+      }
+    },
     "word-wrap": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",
       "integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ=="
     },
+    "wordwrap": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.2.tgz",
+      "integrity": "sha1-t5Zpu0LstAn4PVg8rVLKF+qhZD8=",
+      "dev": true
+    },
     "worker-farm": {
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/worker-farm/-/worker-farm-1.7.0.tgz",
diff --git a/package.json b/package.json
index 941ed44..94f7bab 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,8 @@
     "babel-eslint": "^10.0.3",
     "eslint": "^5.16.0",
     "eslint-plugin-vue": "^5.0.0",
+    "pug": "^2.0.4",
+    "pug-plain-loader": "^1.0.0",
     "vue-template-compiler": "^2.6.10"
   },
   "eslintConfig": {
diff --git a/src/components/Admin.vue b/src/components/Admin.vue
new file mode 100644
index 0000000..be192a0
--- /dev/null
+++ b/src/components/Admin.vue
@@ -0,0 +1,94 @@
+<template lang="pug">
+    .container-fluid
+        br
+        .row
+            .col-4.offset-2.left
+                h1 Dictamen
+            .col-4.right
+                button.btn.btn-danger(type="button")  Salir
+        .row
+            .col-8.offset-2.left
+                br
+                h2 Ponencias
+                br
+                table.table
+                    thead
+                        tr
+                            td Resumen
+                            td Extenso
+                            td Nombre del trabajo
+                            td Nombre del aspirante
+                            td Aceptado
+                            td Rechaado
+                            td Publicado
+                            td Pagado
+                    tbody
+                        each row in [1,2,3,4,5,6]
+                            tr
+                                td
+                                    button.btn.btn-primary(type="button")  ver
+                                td
+                                    button.btn.btn-info(type="button")  ver
+                                td= 'Trabajo '+row
+                                td= 'Aspirante '+row
+                                td.center
+                                    input.form-check-input(type="checkbox")
+                                td.center
+                                    input.form-check-input(type="checkbox")
+                                td.center
+                                    input.form-check-input(type="checkbox")
+                                td.center
+                                    input.form-check-input(type="checkbox")
+        br
+        br
+        .row
+            .col-8.offset-2.left
+                br
+                h2 Cartel
+                br
+                table.table
+                    thead
+                        tr
+                            td Resumen
+                            td Extenso
+                            td Nombre del trabajo
+                            td Nombre del aspirante
+                            td Aceptado
+                            td Rechaado
+                            td Publicado
+                            td Pagado
+                    tbody
+                        each row in [1,2,3,4,5,6]
+                            tr
+                                td
+                                    button.btn.btn-primary(type="button")  ver
+                                td
+                                    button.btn.btn-info(type="button")  ver
+                                td= 'Trabajo '+row
+                                td= 'Aspirante '+row
+                                td.center
+                                    input.form-check-input(type="checkbox")
+                                td.center
+                                    input.form-check-input(type="checkbox")
+                                td.center
+                                    input.form-check-input(type="checkbox")
+                                td.center
+                                    input.form-check-input(type="checkbox")
+
+</template>
+
+<script>
+export default {}
+</script>
+
+<style scoped>
+.left {
+    text-align: left;
+}
+.center {
+    text-align: center;
+}
+.right {
+    text-align: right;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/Ponencia.vue b/src/components/Ponencia.vue
new file mode 100644
index 0000000..7a3cd54
--- /dev/null
+++ b/src/components/Ponencia.vue
@@ -0,0 +1,75 @@
+<template lang="pug">
+  .container-fluid
+    br
+    h1 Registro Ponencia
+    .row
+      .col-6.offset-2
+        br
+        .form-group
+          input#exampleInputEmail1.form-control(type='email' aria-describedby='emailHelp' placeholder='Nombre del Autor pricipal')
+        .form-group
+          input#exampleInputPassword1.form-control(type='password' placeholder='Nombre del segundo autor')
+    .row
+      .col-8.offset-2.left
+        .form-check
+          input#exampleRadios1.form-check-input(type='radio' name='exampleRadios' value='option1' checked='')
+          label.form-check-label(for='exampleRadios1')
+            | Ponencia
+        .row
+          .col-8.offset-2
+            .form-group
+              input#exampleInputEmail1.form-control(type='email' aria-describedby='emailHelp' placeholder='Nombre de la Ponencia')
+            .form-group
+              select.custom-select
+                option(selected='') Seleccione la mesa
+                option(value='1') One
+                option(value='2') Two
+                option(value='3') Three
+            .custom-file
+              input#validatedCustomFile.custom-file-input(type='file' required='')
+              label.custom-file-label(for='validatedCustomFile') Seleccionar Archivo
+              small#emailHelp.form-text.text-muted
+                | Instrucciones: Subir el archivo resumen de 250 palabras en word de acuerdo a
+                | la convocatoria
+              .invalid-feedback Example invalid custom file feedback
+    .row
+      .col-8.offset-2.left
+        .form-check
+          input#exampleRadios1.form-check-input(type='radio' name='exampleRadios' value='option1' checked='')
+          label.form-check-label(for='exampleRadios1')
+            | Cartel
+        .row
+          .col-8.offset-2
+            .form-group
+              input#exampleInputEmail1.form-control(type='email' aria-describedby='emailHelp' placeholder='Nombre de la Cartel')
+            .form-group
+              select.custom-select
+                option(selected='') Seleccione la mesa
+                option(value='1') One
+                option(value='2') Two
+                option(value='3') Three
+            .custom-file
+              input#validatedCustomFile.custom-file-input(type='file' required='')
+              label.custom-file-label(for='validatedCustomFile') Seleccionar Archivo
+              small#emailHelp.form-text.text-muted
+                | Instrucciones: Subir el archivo resumen de 250 palabras en word de acuerdo a
+                | la convocatoria
+              .invalid-feedback Example invalid custom file feedback
+    .row
+      .col-8.offset-2
+        br
+        button.btn.btn-primary(type='submit') Enviar
+        br
+        br
+
+</template>
+
+<script>
+export default {}
+</script>
+
+<style scoped>
+.left {
+    text-align: left;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/Registro.vue b/src/components/Registro.vue
new file mode 100644
index 0000000..e2ea146
--- /dev/null
+++ b/src/components/Registro.vue
@@ -0,0 +1,117 @@
+<template lang="pug">
+  .container-fluid
+    .row
+      .col-12
+        br
+        h1 Registro
+    .row
+      .col-8.offset-2
+        br
+        br
+        form
+          .row
+            .col-4
+              input.form-control(type='text' placeholder='Nombre')
+            .col-4
+              input.form-control(type='text' placeholder='Apellido Paterno')
+            .col-4
+              input.form-control(type='text' placeholder='Apellido Materno')
+    .row
+      .col-8.offset-2.left
+        br
+        h2 Tipo de Participaci&oacute;n
+        br
+        .row
+          .col-6
+            .row
+              .col-12
+                .form-check.form-check-inline
+                  input#inlineRadio1.form-check-input(type='radio' name='inlineRadioOptions' value='option1')
+                  label.form-check-label(for='inlineRadio1') Ponente
+            .row
+              .col-11.offset-1
+                .form-check
+                  input#exampleRadios1.form-check-input(type='radio' name='exampleRadios' value='option1' checked='')
+                  label.form-check-label(for='exampleRadios1')
+                    | Comunidad Interna
+                .form-check
+                  input#exampleRadios2.form-check-input(type='radio' name='exampleRadios' value='option2')
+                  label.form-check-label(for='exampleRadios2')
+                    | Comunidad Externa
+          .col-6
+            .row
+              .col-12
+                .form-check.form-check-inline
+                  input#inlineRadio2.form-check-input(type='radio' name='inlineRadioOptions' value='option2')
+                  label.form-check-label(for='inlineRadio2') Asistente
+            .row
+              .col-12.offset-1
+                .form-check
+                  input#exampleRadios1.form-check-input(type='radio' name='exampleRadios' value='option1' checked='')
+                  label.form-check-label(for='exampleRadios1')
+                    | Comunidad Interna
+                .form-check
+                  input#exampleRadios2.form-check-input(type='radio' name='exampleRadios' value='option2')
+                  label.form-check-label(for='exampleRadios2')
+                    | Comunidad Externa
+    .row
+      .col-8.offset-2
+        br
+        form
+          .form-row
+            .col-8
+              input.form-control(type='text' placeholder='Insttitución')
+            .form-group.col-4
+              select#inputState.form-control
+                option(selected='') Pais
+                option ...
+    .row
+      .col-8.offset-2
+        br
+        .row
+          .col-6.left
+            h2 Situaci&oacute;n Escolar
+            .form-check
+              input#exampleRadios1.form-check-input(type='radio' name='exampleRadios' value='option1' checked='')
+              label.form-check-label(for='exampleRadios1')
+                | Estudiante
+            .form-check
+              input#exampleRadios2.form-check-input(type='radio' name='exampleRadios' value='option2')
+              label.form-check-label(for='exampleRadios2')
+                | Estudiante de Licenciatura
+            .form-check
+              input#exampleRadios3.form-check-input(type='radio' name='exampleRadios' value='option3')
+              label.form-check-label(for='exampleRadios3')
+                | Estudiante de Posgrado
+          .col-6
+            input#exampleInputEmail1.form-control(type='email' aria-describedby='emailHelp' placeholder='Numero de Cuenta')
+    .row
+      .col-4.offset-2
+        br
+        .form-group
+          input#exampleInputEmail1.form-control(type='email' aria-describedby='emailHelp' placeholder='Correo')
+        .form-group
+          input#exampleInputPassword1.form-control(type='password' placeholder='Contraseña')
+        .form-group
+          input#exampleInputPassword1.form-control(type='password' placeholder='Repita la contraseña')
+    .row
+      .col-8.offset-2
+        br
+        button.btn.btn-primary(type='submit') Enviar
+        br
+        br
+</template>
+<script>
+export default {
+    data() {
+        return {
+            msj: 'holaa',
+        }
+    },
+}
+</script>
+<style scoped>
+.left {
+    text-align: left;
+}
+</style>
diff --git a/src/components/inicio.vue b/src/components/inicio.vue
index 45579a1..633f39e 100644
--- a/src/components/inicio.vue
+++ b/src/components/inicio.vue
@@ -1,73 +1,59 @@
 <template>
-
-    <div>
-        <app-menu ></app-menu>
-        <main class="centrar">
-            <div class="titulo">
-
-            </div>
-            <img src="../assets/nuevo_cartel.jpeg" alt="imagen_coloquio">       
-        </main>
-    </div>
-    
-     
-
+  <div>
+    <app-menu></app-menu>
+    <main class="centrar">
+      <div class="titulo"> </div>
+      <img src="../assets/nuevo_cartel.jpeg" alt="imagen_coloquio" />
+    </main>
+  </div>
 </template>
 
-
 <script>
-
-import webMenu from '../estetica/menu.vue';
-
+import webMenu from '../estetica/menu.vue'
 
 export default {
- 
-    
-    components: {
-        
-        appMenu: webMenu,
-          }
+  components: {
+    appMenu: webMenu,
+  },
 }
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped>
-
-.titulo{
-    margin-top: 3rem;
-    margin-bottom: 3rem;
+.titulo {
+  margin-top: 3rem;
+  margin-bottom: 3rem;
 }
 h1 {
-   padding-left: 2rem;
-    padding-right: 2rem;
-    font-weight: bold;
-    font-size: 1.6rem;
-    text-align: center;
-    
+  padding-left: 2rem;
+  padding-right: 2rem;
+  font-weight: bold;
+  font-size: 1.6rem;
+  text-align: center;
 }
 main img {
-    width: 20rem;
-    margin-bottom: 6rem;
+  width: 20rem;
+  margin-bottom: 6rem;
 }
 
 @media screen and (min-width: 768px) {
-    main img {
-        width: 40rem;
-    }
-    h1{
-         display: inline; 
-       border-bottom: solid .1rem black;
-    
-        font-size: 2rem;
-    }
+  main img {
+    width: 40rem;
+  }
+  h1 {
+    display: inline;
+    border-bottom: solid 0.1rem black;
+
+    font-size: 2rem;
+  }
 }
 
 @media screen and (min-width: 1024px) {
-    main img {
-        width: 60rem;
-    }
-    h1{
-        font-size: 2.5rem;
-    }
+  main img {
+    width: 60rem;
+  }
+  h1 {
+    font-size: 2.5rem;
+  }
 }
 </style>
diff --git a/src/components/mesas.vue b/src/components/mesas.vue
index 2f4f407..94d2d78 100644
--- a/src/components/mesas.vue
+++ b/src/components/mesas.vue
@@ -1,263 +1,251 @@
 <template>
 
-    <div>
-        <app-menu ></app-menu>
-        <main class="centrar">
-            <div class="titulo">
-                <h1>Mesas Temáticas</h1>
-            </div>
-            <div class="container alin">
-                <div class="row">
-                    <div class="col">
-                        <ol>
-                            <li><a class="bold">Propuestas de transformación del Currículo:</a>
-                                <p>El planteamiento que circunda la transformación de los fundamentos y la
-                                    construcción del currículo, constituye una propuesta a los distintos movimientos de
-                                    reformas educativas en el mundo y pretende proponer el análisis y la discusión
-                                    sobre los fundamentos y la construcción curricular, que deriven en la renovación
-                                    de las perspectivas pedagógicas, didácticas, metodológicas y de contenidos.</p>
-                                <p>Estas propuestas deberán incluir a los actores socio-educativos que aborden en la
-                                    investigación aspectos emergentes del currículo como la educación ambiental y su
-                                    transversalidad, así como el desarrollo del pensamiento crítico.</p>
-                                <p>Entre los aspectos que desarrollará la mesa se encuentran los siguientes:</p>
-                                <ul>
-                                    <li>Un paradigma educativo que se centra en la persona y que promueva una
-                                        visión de confluencia y convivencia con el medio ambiente</li>
-                                    <li>Organización curricular que trascienda el esquema convencional y promueva
-                                        modelos como el aula invertida, el trabajo por proyectos y modelos
-                                        integradores.</li>
-                                    <li>Nuevas estrategias de diseño y desarrollo curricular, con un currículo
-                                        organizado en valores y principios bioéticos y el establecimiento de relaciones
-                                        críticas con los sujetos y el medio en el que se desarrollan.</li>
-                                    <li>El currículo como eje de formación de sujetos sociales.</li>
-                                    <ul>
-                                        <li>Modelos de gestión educativa</li>
-                                        <li>Política educativa e innovación</li>
-                                        <li>La educación como instrumento de transformación</li>
-                                        <li>Policy network en el ámbito educativo</li>
-                                        <li>El papel de la educación en la construcción del espacio público</li>
-                                        <li>Los gobiernos subnacionales y las políticas educativas</li>
-                                        <li>Sociedad civil y educación</li>
-                                        <li>El análisis de la política educativa</li>
-                                        <li>Las agendas de la política educativa</li>
-                                        <li>Gobernanza y política educativa</li>
-                                    </ul>
-                                </ul>
-                            </li>
-                            <li><a class="bold">Experiencias de innovación e intervención en la educación</a>
-                                <p>En esta mesa se presentarán ponencias relacionadas con experiencias de
-                                    intervención pedagógica, donde se analice y reflexione sobre el involucramiento
-                                    como profesional en términos de la posición teórico, política y ética desde la cual
-                                    aborda su interpretación del fenómeno educativo, su inclusión en un espacio
-                                    concreto, el por qué y el para qué de su inclusión, la mirada sobre el vínculo
-                                    establecido con los otros protagonistas, así como sobre los efectos producidos en
-                                    todos los actores del acto educativo. Si se desea resaltar como una experiencia
-                                    innovadora, la ponencia tendrá que dar cuenta del proceso sistemático seguido
-                                    para atender una problemática educativa de una manera original y carácter
-                                    integral, así como de la conformación e inclusión de los elementos considerados
-                                    como innovadores.</p>
-                            </li>
-                            <li><a class="bold">Políticas públicas para la innovación y transformación educativa</a>
-                                <p>Desde la antigüedad se ha considerado a la educación como un instrumento que
-                                    transforma conciencias y realidades, actualmente, en el marco de la globalización
-                                    y de la llamada sociedad del conocimiento, a la educación también se le valora
-                                    como fuente de riqueza y desarrollo para individuos y sociedades. Esta situación
-                                    plantea necesariamente la reflexión sobre la formulación, instrumentación y
-                                    evaluación de la política educativa, particularmente sobre el papel que juegan en
-                                    este ciclo actores que van desde profesores y alumnos, pasando por las
-                                    organizaciones de la sociedad civil, hasta los organismos multilaterales, revisando
-                                    los diferentes modelos de gestión que se decantan desde los que consideran que
-                                    la educación debe ser una función garantizada e instrumentada por el poder
-                                    político estatal, hasta los que consideran que la educación debe estar sujeta a los
-                                    equilibrios de la oferta y la demanda; así como enfoques que conciben a la
-                                    educación como una variable fundamental en la construcción y preservación de
-                                    identidades colectivas que pueden ser de naturaleza incluyente o excluyente.</p>
-                                <p>Objetivo general: Analizar la formulación, instrumentación y evaluación de las
-                                    políticas innovadoras tendientes a la transformación del sujeto y su entorno, para
-                                    los diferentes niveles educativos, en los tres órdenes de gobierno, así como la
-                                    interacción de los actores involucrados en las mismas: autoridades, sociedad civil,
-                                    alumnos, profesores y organizaciones sindicales.</p>
-                            </li>
-                            <li><a class="bold">Educación Inclusiva</a>
-                                <p>Experiencias, avances, logros, retos y propuestas dentro del campo de la
-                                    educación inclusiva.</p>
-                                <p>La educación inclusiva con base en el derecho que toda persona tiene a recibir
-                                    educación de calidad y donde se promuevan aprendizajes durante toda la vida, se
-                                    encarga de procurar la atención a la diversidad y a las necesidades de los
-                                    estudiantes haciendo énfasis en grupos vulnerables a la exclusión o marginación.
-                                    Es por esto, que los temas a tratar en esta mesa se deben enfocar en dialogar
-                                    sobre experiencias, avances, logros, retos, propuestas educativas e investigación
-                                    científica relacionados con el desarrollo integral de la persona desde el marco
-                                    educativo.</p>
-                                <p>Incluye trabajos sobre multiculturalidad e interculturalidad y personas que
-                                    presenten alguna discapacidad, barrera de aprendizaje o que por algún motivo o
-                                    circunstancia cursen con algún rezago educativo.</p>
-                            </li>
-                            <li><a class="bold">Lectura y escritura en la formación académica</a>
-                                <p>En este eje temático se recibirán trabajos que den cuenta de avances o resultados
-                                    de experiencias, proyectos e intervenciones en el desarrollo y promoción de la
-                                    lectura y la escritura en contextos escolares, académicos y profesionales.</p>
-                                <p>Subtemas</p>
-                                <ul>
-                                    <li>Alfabetización académica</li>
-                                    <li>Alfabetismos digitales</li>
-                                    <li>Didácticas para el desarrollo y promoción de la lectura y la escritura</li>
-                                    <li>Enseñanza de la lectura y escritura</li>
-                                    <li>Géneros académicos</li>
-                                    <li>Lectura y escritura en los posgrados</li>
-                                    <li>Literacidad académica</li>
-                                    <li>Talleres y Círculos de lectura y escritura</li>
+  <div>
+    <app-menu></app-menu>
+    <main class="centrar">
+      <div class="titulo">
+        <h1>Mesas Temáticas</h1>
+      </div>
+      <div class="container alin">
+        <div class="row">
+          <div class="col">
+            <ol>
+              <li><a class="bold">Propuestas de transformación del Currículo:</a>
+                <p>El planteamiento que circunda la transformación de los fundamentos y la
+                  construcción del currículo, constituye una propuesta a los distintos movimientos de
+                  reformas educativas en el mundo y pretende proponer el análisis y la discusión
+                  sobre los fundamentos y la construcción curricular, que deriven en la renovación
+                  de las perspectivas pedagógicas, didácticas, metodológicas y de contenidos.</p>
+                <p>Estas propuestas deberán incluir a los actores socio-educativos que aborden en la
+                  investigación aspectos emergentes del currículo como la educación ambiental y su
+                  transversalidad, así como el desarrollo del pensamiento crítico.</p>
+                <p>Entre los aspectos que desarrollará la mesa se encuentran los siguientes:</p>
+                <ul>
+                  <li>Un paradigma educativo que se centra en la persona y que promueva una
+                    visión de confluencia y convivencia con el medio ambiente</li>
+                  <li>Organización curricular que trascienda el esquema convencional y promueva
+                    modelos como el aula invertida, el trabajo por proyectos y modelos
+                    integradores.</li>
+                  <li>Nuevas estrategias de diseño y desarrollo curricular, con un currículo
+                    organizado en valores y principios bioéticos y el establecimiento de relaciones
+                    críticas con los sujetos y el medio en el que se desarrollan.</li>
+                  <li>El currículo como eje de formación de sujetos sociales.</li>
+                  <ul>
+                    <li>Modelos de gestión educativa</li>
+                    <li>Política educativa e innovación</li>
+                    <li>La educación como instrumento de transformación</li>
+                    <li>Policy network en el ámbito educativo</li>
+                    <li>El papel de la educación en la construcción del espacio público</li>
+                    <li>Los gobiernos subnacionales y las políticas educativas</li>
+                    <li>Sociedad civil y educación</li>
+                    <li>El análisis de la política educativa</li>
+                    <li>Las agendas de la política educativa</li>
+                    <li>Gobernanza y política educativa</li>
+                  </ul>
+                </ul>
+              </li>
+              <li><a class="bold">Experiencias de innovación e intervención en la educación</a>
+                <p>En esta mesa se presentarán ponencias relacionadas con experiencias de
+                  intervención pedagógica, donde se analice y reflexione sobre el involucramiento
+                  como profesional en términos de la posición teórico, política y ética desde la cual
+                  aborda su interpretación del fenómeno educativo, su inclusión en un espacio
+                  concreto, el por qué y el para qué de su inclusión, la mirada sobre el vínculo
+                  establecido con los otros protagonistas, así como sobre los efectos producidos en
+                  todos los actores del acto educativo. Si se desea resaltar como una experiencia
+                  innovadora, la ponencia tendrá que dar cuenta del proceso sistemático seguido
+                  para atender una problemática educativa de una manera original y carácter
+                  integral, así como de la conformación e inclusión de los elementos considerados
+                  como innovadores.</p>
+              </li>
+              <li><a class="bold">Políticas públicas para la innovación y transformación educativa</a>
+                <p>Desde la antigüedad se ha considerado a la educación como un instrumento que
+                  transforma conciencias y realidades, actualmente, en el marco de la globalización
+                  y de la llamada sociedad del conocimiento, a la educación también se le valora
+                  como fuente de riqueza y desarrollo para individuos y sociedades. Esta situación
+                  plantea necesariamente la reflexión sobre la formulación, instrumentación y
+                  evaluación de la política educativa, particularmente sobre el papel que juegan en
+                  este ciclo actores que van desde profesores y alumnos, pasando por las
+                  organizaciones de la sociedad civil, hasta los organismos multilaterales, revisando
+                  los diferentes modelos de gestión que se decantan desde los que consideran que
+                  la educación debe ser una función garantizada e instrumentada por el poder
+                  político estatal, hasta los que consideran que la educación debe estar sujeta a los
+                  equilibrios de la oferta y la demanda; así como enfoques que conciben a la
+                  educación como una variable fundamental en la construcción y preservación de
+                  identidades colectivas que pueden ser de naturaleza incluyente o excluyente.</p>
+                <p>Objetivo general: Analizar la formulación, instrumentación y evaluación de las
+                  políticas innovadoras tendientes a la transformación del sujeto y su entorno, para
+                  los diferentes niveles educativos, en los tres órdenes de gobierno, así como la
+                  interacción de los actores involucrados en las mismas: autoridades, sociedad civil,
+                  alumnos, profesores y organizaciones sindicales.</p>
+              </li>
+              <li><a class="bold">Educación Inclusiva</a>
+                <p>Experiencias, avances, logros, retos y propuestas dentro del campo de la
+                  educación inclusiva.</p>
+                <p>La educación inclusiva con base en el derecho que toda persona tiene a recibir
+                  educación de calidad y donde se promuevan aprendizajes durante toda la vida, se
+                  encarga de procurar la atención a la diversidad y a las necesidades de los
+                  estudiantes haciendo énfasis en grupos vulnerables a la exclusión o marginación.
+                  Es por esto, que los temas a tratar en esta mesa se deben enfocar en dialogar
+                  sobre experiencias, avances, logros, retos, propuestas educativas e investigación
+                  científica relacionados con el desarrollo integral de la persona desde el marco
+                  educativo.</p>
+                <p>Incluye trabajos sobre multiculturalidad e interculturalidad y personas que
+                  presenten alguna discapacidad, barrera de aprendizaje o que por algún motivo o
+                  circunstancia cursen con algún rezago educativo.</p>
+              </li>
+              <li><a class="bold">Lectura y escritura en la formación académica</a>
+                <p>En este eje temático se recibirán trabajos que den cuenta de avances o resultados
+                  de experiencias, proyectos e intervenciones en el desarrollo y promoción de la
+                  lectura y la escritura en contextos escolares, académicos y profesionales.</p>
+                <p>Subtemas</p>
+                <ul>
+                  <li>Alfabetización académica</li>
+                  <li>Alfabetismos digitales</li>
+                  <li>Didácticas para el desarrollo y promoción de la lectura y la escritura</li>
+                  <li>Enseñanza de la lectura y escritura</li>
+                  <li>Géneros académicos</li>
+                  <li>Lectura y escritura en los posgrados</li>
+                  <li>Literacidad académica</li>
+                  <li>Talleres y Círculos de lectura y escritura</li>
 
-                                </ul>
-                            
-                            </li>
-                            <li><a class="bold">Las TIC y las TAC en la educación:</a>
-                                <p>La Globalización y el avance tecnológico son dos elementos característicos que han
-                                    acompañado el desarrollo económico, político, social y cultural en la actualidad
-                                    convirtiéndolas en sociedades más interconectadas digitalmente, estas características de
-                                    avanzada han impactado en la educación. Promover la integración de las personas a la
-                                    cultura digital mediante la alfabetización en el uso de las TIC y las TAC es menester de la
-                                    educación del siglo XXI.</p>
-                                <p>El objetivo de la mesa es el promover la reflexión sobre el uso de la tecnología para
-                                    enriquecer la formación de las personas en la cultura digital. En este sentido, las
-                                    propuestas deberán incluir a los actores socio-educativos que aborden en la investigación
-                                    aspectos emergentes en el uso de las TIC y las TAC en la educación.</p>
-                                <p>Entre los aspectos que desarrollarán la mesa se encuentran los siguientes:</p>
-                                <ul>
-                                    <li>Experiencias docentes en el uso de tecnologías para el aprendizaje
-                                        y el conocimiento (TAC): Se busca rescatar las experiencias docentes
-                                        que incorporan tecnología en la didáctica y que promuevan el
-                                        aprendizaje significativo en los alumnos.</li>
-                                    <li>Metodologías en el uso de tecnologías para la educación: Serán
-                                        trabajos sobre metodologías innovadoras, tendencias educativas
-                                        enriquecidas con tecnologías, proyectos de investigación y/o de
-                                        intervención y buenas prácticas en el uso de las tecnologías en el
-                                        ámbito educativo dentro y fuera del salón de clases.</li>   
-                                </ul>
-                            </li>
-                            <li><a class="bold">Educación y Género</a>
-                                <p>Toda vez que las desigualdades de género, el sexismo, la discriminación y la
-                                    violencia siguen formando parte de la vida cotidiana de las instituciones
-                                    educativas, de su estructura y organización, dentro o fuera de las aulas, así como
-                                    de los espacios de gestión institucional y educativa. Resulta importante poder
-                                    analizar y reflexionar desde la visión de género sobre las prácticas educativas que
-                                    tienen lugar en los diferentes niveles y ámbitos de la educación, ya que hoy día
-                                    reconocer la pertinencia de la perspectiva de género en educación, posibilita
-                                    entender que la vida de las mujeres y los hombres es transformable hacia el buen
-                                    vivir si se construyen la equidad, la igualdad y la justicia para todos los seres
-                                    humanos.</p>
-                                <p>Se invita a participar en los siguientes ejes:</p>
-                                <ul>
-                                    <li>Desigualdades de género sexismo y discriminación en la práctica docente</li>
-                                    <li>Iniciativas y acciones encaminadas a lograr la equidad entre hombres y
-                                        mujeres en los diferentes niveles educativos.</li>
-                                    <li>Iniciativas y acciones encaminadas a lograr la equidad entre hombres y
-                                        mujeres en los diferentes niveles educativos</li>
-                                    <li>Participación actual y trayectorias de los sujetos de la educación desde la
-                                        perspectiva de género</li>
-                                    <li>Crítica y aportaciones de la teoría feminista a la Educación</li>
-                                    
-                                </ul>
-                            </li>
-                            <li><a class="bold">Ética, valores y formación socio-emocional en la educación</a>
-                                <p>La Ética se identifica como la base de la reflexión sobre la importancia de los
-                                    valores y los procesos de construcción de valoración, que nos permite comprender
-                                    los límites o alcances de nuestras acciones, reflejadas en las actitudes,
-                                    comportamientos y conductas, tonificadas por las emociones, sentimientos y
-                                    afectos.</p>
-                                <p>Desde esta perspectiva, entendemos que Ética- valores – formación
-                                    socioemocional están implicadas en la conformación de la persona, en tanto sujeto
-                                    que reflexiona sobre su modo de ser y actuar en situaciones y contextos
-                                    determinados.</p>
-                                <p>Por lo tanto, las líneas temáticas que se sugieren son:</p>
-                                <ul>
-                                    <li>Ética y Educación</li>
-                                    <li>Valores y Educación</li>
-                                    <li>Formación Socioemocional</li>
-                                    <li>Educación de la Afectividad</li>
-                                    <li>Educación en las Virtudes</li>
-                                    <li>Educación de los Sentimientos</li>
-                                    <li>Formación del Carácter</li>
-                                    <li>Formación Socioemocional</li>
-                                </ul>
-                        
-                            </li>
-                            <li><a class="bold">Educación Ambiental y Bioética</a>
-                                <p>En esta mesa se incluyen los proyectos de investigación dirigidos a fomentar,
-                                    desde una perspectiva bioética, política y pedagógica una cultura ambiental
-                                    caracterizada por la responsabilidad social, entre los diferentes segmentos de la
-                                    población incluyendo todos los grupos culturales; lo que dotará de elementos
-                                    teóricos y prácticos, para mejorar la comprensión de los principios básicos de la
-                                    naturaleza e incidir en la concienciación orientada a favorecer el comportamiento
-                                    idóneo para interactuar con el medio ambiente.</p>
-                                <p>La mesa también tiene una temática peculiar en la que además del abordaje de la
-                                    educación ambiental desde la bioética se pretende promover una cultura
-                                    armónica, a través de la modificación de actitudes para establecer nuevas formas
-                                    de interactuar con el medio ambiente y quienes forman parte de él.</p>
-                                <p>Los ejes de discusión de la mesa se guían por los siguientes puntos.</p>
-                                <ul>
-                                    <li>Educación ambiental en los programas educativos.</li>
-                                    <li>Educación ambiental y participación social.</li>
-                                    <li>Principios bioéticos como medio de concienciación para el cuidado
-                                        ambiental.</li>
-                                </ul>
-                            </li>
-                         
+                </ul>
 
-                        </ol>
-                    </div>
-                </div>
-            </div>  
-        </main>
-    </div>
-    
-     
+              </li>
+              <li><a class="bold">Las TIC y las TAC en la educación:</a>
+                <p>La Globalización y el avance tecnológico son dos elementos característicos que han
+                  acompañado el desarrollo económico, político, social y cultural en la actualidad
+                  convirtiéndolas en sociedades más interconectadas digitalmente, estas características de
+                  avanzada han impactado en la educación. Promover la integración de las personas a la
+                  cultura digital mediante la alfabetización en el uso de las TIC y las TAC es menester de la
+                  educación del siglo XXI.</p>
+                <p>El objetivo de la mesa es el promover la reflexión sobre el uso de la tecnología para
+                  enriquecer la formación de las personas en la cultura digital. En este sentido, las
+                  propuestas deberán incluir a los actores socio-educativos que aborden en la investigación
+                  aspectos emergentes en el uso de las TIC y las TAC en la educación.</p>
+                <p>Entre los aspectos que desarrollarán la mesa se encuentran los siguientes:</p>
+                <ul>
+                  <li>Experiencias docentes en el uso de tecnologías para el aprendizaje
+                    y el conocimiento (TAC): Se busca rescatar las experiencias docentes
+                    que incorporan tecnología en la didáctica y que promuevan el
+                    aprendizaje significativo en los alumnos.</li>
+                  <li>Metodologías en el uso de tecnologías para la educación: Serán
+                    trabajos sobre metodologías innovadoras, tendencias educativas
+                    enriquecidas con tecnologías, proyectos de investigación y/o de
+                    intervención y buenas prácticas en el uso de las tecnologías en el
+                    ámbito educativo dentro y fuera del salón de clases.</li>
+                </ul>
+              </li>
+              <li><a class="bold">Educación y Género</a>
+                <p>Toda vez que las desigualdades de género, el sexismo, la discriminación y la
+                  violencia siguen formando parte de la vida cotidiana de las instituciones
+                  educativas, de su estructura y organización, dentro o fuera de las aulas, así como
+                  de los espacios de gestión institucional y educativa. Resulta importante poder
+                  analizar y reflexionar desde la visión de género sobre las prácticas educativas que
+                  tienen lugar en los diferentes niveles y ámbitos de la educación, ya que hoy día
+                  reconocer la pertinencia de la perspectiva de género en educación, posibilita
+                  entender que la vida de las mujeres y los hombres es transformable hacia el buen
+                  vivir si se construyen la equidad, la igualdad y la justicia para todos los seres
+                  humanos.</p>
+                <p>Se invita a participar en los siguientes ejes:</p>
+                <ul>
+                  <li>Desigualdades de género sexismo y discriminación en la práctica docente</li>
+                  <li>Iniciativas y acciones encaminadas a lograr la equidad entre hombres y
+                    mujeres en los diferentes niveles educativos.</li>
+                  <li>Iniciativas y acciones encaminadas a lograr la equidad entre hombres y
+                    mujeres en los diferentes niveles educativos</li>
+                  <li>Participación actual y trayectorias de los sujetos de la educación desde la
+                    perspectiva de género</li>
+                  <li>Crítica y aportaciones de la teoría feminista a la Educación</li>
+
+                </ul>
+              </li>
+              <li><a class="bold">Ética, valores y formación socio-emocional en la educación</a>
+                <p>La Ética se identifica como la base de la reflexión sobre la importancia de los
+                  valores y los procesos de construcción de valoración, que nos permite comprender
+                  los límites o alcances de nuestras acciones, reflejadas en las actitudes,
+                  comportamientos y conductas, tonificadas por las emociones, sentimientos y
+                  afectos.</p>
+                <p>Desde esta perspectiva, entendemos que Ética- valores – formación
+                  socioemocional están implicadas en la conformación de la persona, en tanto sujeto
+                  que reflexiona sobre su modo de ser y actuar en situaciones y contextos
+                  determinados.</p>
+                <p>Por lo tanto, las líneas temáticas que se sugieren son:</p>
+                <ul>
+                  <li>Ética y Educación</li>
+                  <li>Valores y Educación</li>
+                  <li>Formación Socioemocional</li>
+                  <li>Educación de la Afectividad</li>
+                  <li>Educación en las Virtudes</li>
+                  <li>Educación de los Sentimientos</li>
+                  <li>Formación del Carácter</li>
+                  <li>Formación Socioemocional</li>
+                </ul>
+
+              </li>
+              <li><a class="bold">Educación Ambiental y Bioética</a>
+                <p>En esta mesa se incluyen los proyectos de investigación dirigidos a fomentar,
+                  desde una perspectiva bioética, política y pedagógica una cultura ambiental
+                  caracterizada por la responsabilidad social, entre los diferentes segmentos de la
+                  población incluyendo todos los grupos culturales; lo que dotará de elementos
+                  teóricos y prácticos, para mejorar la comprensión de los principios básicos de la
+                  naturaleza e incidir en la concienciación orientada a favorecer el comportamiento
+                  idóneo para interactuar con el medio ambiente.</p>
+                <p>La mesa también tiene una temática peculiar en la que además del abordaje de la
+                  educación ambiental desde la bioética se pretende promover una cultura
+                  armónica, a través de la modificación de actitudes para establecer nuevas formas
+                  de interactuar con el medio ambiente y quienes forman parte de él.</p>
+                <p>Los ejes de discusión de la mesa se guían por los siguientes puntos.</p>
+                <ul>
+                  <li>Educación ambiental en los programas educativos.</li>
+                  <li>Educación ambiental y participación social.</li>
+                  <li>Principios bioéticos como medio de concienciación para el cuidado
+                    ambiental.</li>
+                </ul>
+              </li>
+
+            </ol>
+          </div>
+        </div>
+      </div>
+    </main>
+  </div>
 
 </template>
 
 
 <script>
-
-import webMenu from '../estetica/menu.vue';
-
+import webMenu from '../estetica/menu.vue'
 
 export default {
- 
-    
     components: {
-        
         appMenu: webMenu,
-          }
+    },
 }
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped>
-.bold{
-     font-weight: bold;
-     font-size: 1.2rem;
-    
-
-     
+.bold {
+    font-weight: bold;
+    font-size: 1.2rem;
 }
-.container{
+.container {
     margin-bottom: 4rem;
 }
 
-.alin{
+.alin {
     text-align: justify;
 }
-.titulo{
+.titulo {
     margin-top: 3rem;
     margin-bottom: 3rem;
 }
 h1 {
-   padding-left: 2rem;
+    padding-left: 2rem;
     padding-right: 2rem;
     font-weight: bold;
     font-size: 1.6rem;
     text-align: center;
-    
 }
 main img {
     width: 20rem;
@@ -268,10 +256,10 @@ main img {
     main img {
         width: 40rem;
     }
-    h1{
-         display: inline; 
-       border-bottom: solid .1rem black;
-    
+    h1 {
+        display: inline;
+        border-bottom: solid 0.1rem black;
+
         font-size: 2rem;
     }
 }
@@ -280,7 +268,7 @@ main img {
     main img {
         width: 60rem;
     }
-    h1{
+    h1 {
         font-size: 2.5rem;
     }
 }
diff --git a/src/routes.js b/src/routes.js
index 2103e7c..12ab46d 100644
--- a/src/routes.js
+++ b/src/routes.js
@@ -3,13 +3,17 @@ import Convocatoria from './components/convocatoria.vue'
 import Costos from './components/costos.vue'
 import Fechas from './components/fechas.vue'
 import Mesas from './components/mesas.vue'
+import Registro from './components/Registro.vue'
+import Ponencia from './components/Ponencia.vue'
+import Admin from './components/Admin.vue'
+
 export const routes = [
     { path: '/', component: Inicio, name: 'inicio' },
     { path: '/convocatoria', component: Convocatoria, name: 'convocatoria' },
     { path: '/costos', component: Costos, name: 'costos' },
     { path: '/fechas', component: Fechas, name: 'fechas' },
-    { path: '/mesas', component: Mesas, name: 'mesas' }
-
-
-
-];
\ No newline at end of file
+    { path: '/mesas', component: Mesas, name: 'mesas' },
+    { path: '/registro', component: Registro, name: 'registro' },
+    { path: '/ponencia', component: Ponencia, name: 'ponencia' },
+    { path: '/admin', component: Admin, name: 'admin' },
+]