creacion
This commit is contained in:
@@ -0,0 +1,3 @@
|
||||
> 1%
|
||||
last 2 versions
|
||||
not dead
|
||||
@@ -0,0 +1,14 @@
|
||||
module.exports = {
|
||||
root: true,
|
||||
env: {
|
||||
node: true
|
||||
},
|
||||
extends: ["plugin:vue/essential", "eslint:recommended", "@vue/prettier"],
|
||||
parserOptions: {
|
||||
parser: "babel-eslint"
|
||||
},
|
||||
rules: {
|
||||
"no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
|
||||
"no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off"
|
||||
}
|
||||
};
|
||||
+22
@@ -0,0 +1,22 @@
|
||||
.DS_Store
|
||||
node_modules
|
||||
/dist
|
||||
|
||||
# local env files
|
||||
.env.local
|
||||
.env.*.local
|
||||
|
||||
# Log files
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
|
||||
# Editor directories and files
|
||||
.idea
|
||||
.vscode
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw?
|
||||
@@ -0,0 +1,24 @@
|
||||
# hack_unam
|
||||
|
||||
## Project setup
|
||||
```
|
||||
npm install
|
||||
```
|
||||
|
||||
### Compiles and hot-reloads for development
|
||||
```
|
||||
npm run serve
|
||||
```
|
||||
|
||||
### Compiles and minifies for production
|
||||
```
|
||||
npm run build
|
||||
```
|
||||
|
||||
### Lints and fixes files
|
||||
```
|
||||
npm run lint
|
||||
```
|
||||
|
||||
### Customize configuration
|
||||
See [Configuration Reference](https://cli.vuejs.org/config/).
|
||||
@@ -0,0 +1,3 @@
|
||||
module.exports = {
|
||||
presets: ["@vue/cli-plugin-babel/preset"]
|
||||
};
|
||||
Generated
+11606
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,31 @@
|
||||
{
|
||||
"name": "hack_unam",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"serve": "vue-cli-service serve",
|
||||
"build": "vue-cli-service build",
|
||||
"lint": "vue-cli-service lint"
|
||||
},
|
||||
"dependencies": {
|
||||
"axios": "^0.19.2",
|
||||
"bootstrap": "^4.5.0",
|
||||
"bootstrap-vue": "^2.15.0",
|
||||
"core-js": "^3.6.5",
|
||||
"vue": "^2.6.11",
|
||||
"vue-axios": "^2.1.5",
|
||||
"vue-router": "^3.3.4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vue/cli-plugin-babel": "~4.4.0",
|
||||
"@vue/cli-plugin-eslint": "~4.4.0",
|
||||
"@vue/cli-service": "~4.4.0",
|
||||
"@vue/eslint-config-prettier": "^6.0.0",
|
||||
"babel-eslint": "^10.1.0",
|
||||
"eslint": "^6.7.2",
|
||||
"eslint-plugin-prettier": "^3.1.3",
|
||||
"eslint-plugin-vue": "^6.2.2",
|
||||
"prettier": "^1.19.1",
|
||||
"vue-template-compiler": "^2.6.11"
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 441 B |
@@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css" integrity="sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w" crossorigin="anonymous">
|
||||
<!--[if lte IE 8]>
|
||||
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/grids-responsive-old-ie-min.css">
|
||||
<![endif]-->
|
||||
<!--[if gt IE 8]><!-->
|
||||
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/grids-responsive-min.css">
|
||||
<!--<![endif]-->
|
||||
<link rel="stylesheet" type="text/css" href="style.css" media="screen">
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
|
||||
<title>HACKATHON REGISTRO</title>
|
||||
<link rel="shortcut icon" href="img/icono.png">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<body>
|
||||
<noscript>
|
||||
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
|
||||
</noscript>
|
||||
<div id="app"></div>
|
||||
<!-- built files will be auto injected -->
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,478 @@
|
||||
.general {
|
||||
max-width: 1280px;
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 100%;
|
||||
max-height: 260px;
|
||||
background-color: #000000;
|
||||
|
||||
}
|
||||
|
||||
.logo_unam {
|
||||
padding: 2% 3%;
|
||||
}
|
||||
|
||||
.logo_unam img {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: 130px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.logo_unam img{
|
||||
width: 50px;
|
||||
margin-right: auto;
|
||||
margin-left: 0px;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.logo_der {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.logo_aws {
|
||||
max-width: 100px;
|
||||
display: block;
|
||||
margin-top: 4%;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.banner {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.q_aws {
|
||||
height: auto;
|
||||
width: 100%;
|
||||
background-color: #37475A;
|
||||
}
|
||||
|
||||
.aws-desafio {
|
||||
padding-top: 4%;
|
||||
padding-bottom: 2%;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.aws-desafio p {
|
||||
font-family: sans-serif;
|
||||
padding: 0 10%;
|
||||
text-align: justify
|
||||
}
|
||||
|
||||
|
||||
.aws-desafio h3{
|
||||
text-align: center
|
||||
}
|
||||
|
||||
|
||||
.beneficio_cont {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-top-style: groove;
|
||||
border-bottom-style: groove;
|
||||
letter-spacing: 0px
|
||||
}
|
||||
|
||||
|
||||
.punto-1 {
|
||||
text-align: justify;
|
||||
padding: 3% 4%;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.punto-1 h5{
|
||||
text-align: center;
|
||||
background-color: #1e3c70;
|
||||
border-radius: 5px;
|
||||
color: #ffffff;
|
||||
padding: 2% 0;
|
||||
}
|
||||
|
||||
.punto-2 {
|
||||
text-align: justify;
|
||||
padding: 3% 4%;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.punto-2 h5{
|
||||
text-align: center;
|
||||
background-color: #1e3c70;
|
||||
border-radius: 5px;
|
||||
color: #ffffff;
|
||||
padding: 2% 0;
|
||||
}
|
||||
|
||||
.punto-3 {
|
||||
text-align: justify;
|
||||
padding: 3% 4%;
|
||||
color: #ffffff
|
||||
}
|
||||
|
||||
.punto-3 h5{
|
||||
text-align: center;
|
||||
background-color: #1e3c70;
|
||||
border-radius: 5px;
|
||||
color: #ffffff;
|
||||
padding: 2% 0;
|
||||
}
|
||||
|
||||
|
||||
.beneficio_prog {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 3% 8%;
|
||||
letter-spacing: 0px;
|
||||
border-top-style: groove;
|
||||
}
|
||||
|
||||
.txt_acord {
|
||||
color: #ffffff;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
font-size: 80%;
|
||||
margin-bottom: 20px;
|
||||
text-align: left;
|
||||
padding-right: 5%;
|
||||
padding-bottom: 2%
|
||||
}
|
||||
|
||||
.accordion {
|
||||
background-color: #131A22;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
padding: 5px;
|
||||
width: 90%;
|
||||
text-align: center;
|
||||
outline: none;
|
||||
font-size: 15px;
|
||||
transition: 0.4s;
|
||||
margin-left: 5%;
|
||||
margin-right: 5%;
|
||||
letter-spacing: 0px; }
|
||||
|
||||
.active, .accordion:hover {
|
||||
background-color: #131A22; }
|
||||
|
||||
.accordion:after {
|
||||
content: '\002B';
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
float: right;
|
||||
margin-left: 5px; }
|
||||
|
||||
.panel {
|
||||
padding: 0 13px;
|
||||
background-color: #37475A;
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
transition: max-height 0.2s ease-out;
|
||||
border-color: #131A22;
|
||||
border-style: solid;
|
||||
border-width: 0.5px;
|
||||
margin: 0 5%;
|
||||
width: 90%; }
|
||||
|
||||
.panel p {
|
||||
color: #ffffff;
|
||||
text-align: justify;
|
||||
padding: 1% 6%;
|
||||
}
|
||||
|
||||
.footer {
|
||||
height: auto;
|
||||
/*width: 100%;*/
|
||||
letter-spacing: 0px;
|
||||
background: #37475A;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
.footer img{
|
||||
width: 40px !important;
|
||||
height: 40px !important;
|
||||
}
|
||||
.texto_footer{
|
||||
font-size: 12px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.texto_footer {
|
||||
font-family: sans-serif;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
/*width: 100%;*/
|
||||
padding: 1% 5%;
|
||||
font-size: 100%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.inscripcion {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
background-color: #37475A;
|
||||
color: #ffffff;
|
||||
padding: 3% 1%;
|
||||
letter-spacing: 0px
|
||||
}
|
||||
|
||||
.inscripcion-1 {
|
||||
text-align: justify;
|
||||
padding: 3% 4%;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.inscripcion-1 li {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.inscripcion-1 a {
|
||||
font-size: 12px;
|
||||
text-decoration: none;
|
||||
text-decoration-color: #ffffff;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.inscripcion-1 a:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.inscripcion-2 {
|
||||
text-align: justify;
|
||||
padding: 3% 4%;
|
||||
}
|
||||
|
||||
.inscripcion-2 li {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.inscripcion-3 {
|
||||
text-align: justify;
|
||||
padding: 3% 4%;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.inscripcion-3 li {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.inscripcion h3 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.boton {
|
||||
text-align: center;
|
||||
margin: 1%;
|
||||
font-size: 100%;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
|
||||
.eventos {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 2%;
|
||||
|
||||
}
|
||||
|
||||
.titulo-ev {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
background-color: #232F3E;
|
||||
text-align: center;
|
||||
padding: 0.5% 0;
|
||||
letter-spacing: 0;
|
||||
margin-top: 1%;
|
||||
color: white
|
||||
}
|
||||
|
||||
.evento-txt {
|
||||
padding: 4%;
|
||||
border: solid #232F3E 1px;
|
||||
font-size: 80%
|
||||
}
|
||||
|
||||
.evento-txt p {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
.volver {
|
||||
width: 100px;
|
||||
height: auto;
|
||||
background: #1e3c70;
|
||||
border-radius: 5px;
|
||||
margin-top: 1%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
text-align: center;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
.volver a {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
font-size: 80%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.volver1 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.barra-menu{
|
||||
background: #37475A;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.menu{
|
||||
max-width: 1280px;
|
||||
background: #37475A;
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
padding: 2px 2px !important;
|
||||
}
|
||||
|
||||
.navbar ul{
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#hackmenu .nav-item {
|
||||
background-color: #37475A;
|
||||
width: auto;
|
||||
margin: 0 auto ;
|
||||
}
|
||||
|
||||
#hackmenu .nav-link {
|
||||
color: #ffffff !important;
|
||||
font-family: "Arial";
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#hackmenu .nav-link:hover {
|
||||
color: #390051 !important;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
#hackmenu .dropdown-menu {
|
||||
background: #390051 !important;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.boton-arriba {
|
||||
display:none;
|
||||
padding:10px;
|
||||
color:#ffffff;
|
||||
cursor:pointer;
|
||||
position: fixed;
|
||||
bottom:10px;
|
||||
right:10px;
|
||||
|
||||
}
|
||||
|
||||
.icon img {
|
||||
|
||||
padding:5px;
|
||||
background:#024959;
|
||||
color:#ffffff;
|
||||
cursor:pointer;
|
||||
position: fixed;
|
||||
bottom:10px;
|
||||
right:10px;
|
||||
opacity:inherit;
|
||||
|
||||
}
|
||||
|
||||
.icon {
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
stroke-width: 0;
|
||||
stroke: currentColor;
|
||||
fill: currentColor;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.descripcion-event {
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
.btn-ins {
|
||||
|
||||
color: #ffffff;
|
||||
width: 170px;
|
||||
margin: 2% auto;
|
||||
|
||||
}
|
||||
|
||||
.btn-ins p {
|
||||
padding: 8px 0;
|
||||
border: solid 1px #CC9713;
|
||||
border-radius: 7px;
|
||||
background-color: #CC9713;
|
||||
}
|
||||
|
||||
.btn-ins a{
|
||||
text-decoration: none;
|
||||
color: #ffffff;
|
||||
text-decoration-line: none;
|
||||
}
|
||||
|
||||
.btn-ins a:hover{
|
||||
text-decoration: none;
|
||||
color: #ffffff;
|
||||
color: #1e3c70;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/******** estilos registro ********/
|
||||
|
||||
.registro-general {
|
||||
max-width: 800px;
|
||||
height: auto;
|
||||
margin: 10% auto;
|
||||
padding: 0 4%;
|
||||
background-color: #445F87 ;
|
||||
opacity: 1;
|
||||
border-radius: 8px;
|
||||
|
||||
}
|
||||
|
||||
.registro-general legend {
|
||||
color: #ffffff
|
||||
}
|
||||
|
||||
.registro-general label {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.registro-general a {
|
||||
background-color: firebrick;
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.registro-general a:hover {
|
||||
text-decoration: none;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.registro-general button {
|
||||
background-color: forestgreen;
|
||||
}
|
||||
|
||||
.registro-general p {
|
||||
font-size: 11px;
|
||||
}
|
||||
+29
@@ -0,0 +1,29 @@
|
||||
<template>
|
||||
<div id="app">
|
||||
<Header />
|
||||
<router-view></router-view>
|
||||
<Footer />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
//import HelloWorld from "./components/HelloWorld.vue";
|
||||
|
||||
import Header from "./view/header.vue";
|
||||
import Footer from "./view/footer.vue";
|
||||
import Vue from "vue";
|
||||
import { BootstrapVue, IconsPlugin } from "bootstrap-vue";
|
||||
|
||||
Vue.use(BootstrapVue);
|
||||
// Optionally install the BootstrapVue icon components plugin
|
||||
Vue.use(IconsPlugin);
|
||||
|
||||
export default {
|
||||
name: "App",
|
||||
components: {
|
||||
//HelloWorld
|
||||
Header,
|
||||
Footer
|
||||
}
|
||||
};
|
||||
</script>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 132 KiB |
@@ -0,0 +1,114 @@
|
||||
<template>
|
||||
<div class="hello">
|
||||
<h1>{{ msg }}</h1>
|
||||
<p>
|
||||
For a guide and recipes on how to configure / customize this project,<br />
|
||||
check out the
|
||||
<a href="https://cli.vuejs.org" target="_blank" rel="noopener"
|
||||
>vue-cli documentation</a
|
||||
>.
|
||||
</p>
|
||||
<h3>Installed CLI Plugins</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<a
|
||||
href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>babel</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>eslint</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
<h3>Essential Links</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://forum.vuejs.org" target="_blank" rel="noopener"
|
||||
>Forum</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://chat.vuejs.org" target="_blank" rel="noopener"
|
||||
>Community Chat</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://twitter.com/vuejs" target="_blank" rel="noopener"
|
||||
>Twitter</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a>
|
||||
</li>
|
||||
</ul>
|
||||
<h3>Ecosystem</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://router.vuejs.org" target="_blank" rel="noopener"
|
||||
>vue-router</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://github.com/vuejs/vue-devtools#vue-devtools"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>vue-devtools</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener"
|
||||
>vue-loader</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://github.com/vuejs/awesome-vue"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>awesome-vue</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "HelloWorld",
|
||||
props: {
|
||||
msg: String
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
||||
<style scoped>
|
||||
h3 {
|
||||
margin: 40px 0 0;
|
||||
}
|
||||
ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
}
|
||||
li {
|
||||
display: inline-block;
|
||||
margin: 0 10px;
|
||||
}
|
||||
a {
|
||||
color: #42b983;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,377 @@
|
||||
<template>
|
||||
<div class="registro-general">
|
||||
<form class="pure-form pure-form-stacked">
|
||||
<fieldset>
|
||||
<legend>Datos Generales <br /></legend>
|
||||
<div class="pure-u-1 pure-u-md-2-2">
|
||||
<label for="nombre-equipo">Nombre del equipo</label>
|
||||
<input
|
||||
type="text"
|
||||
id="nombre-equipo"
|
||||
class="pure-u-23-24"
|
||||
required=""
|
||||
v-model="nombreEquipo"
|
||||
onkeypress="return ( (event.charCode >= 48 && event.charCode <= 57) || (event.charCode >= 32 && event.charCode <= 32) ||(event.charCode >= 65 && event.charCode <= 90) ||(event.charCode >= 97))"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="pure-u-1 pure-u-md-1-3 ma">
|
||||
<label for="des">Desafío</label>
|
||||
<select
|
||||
id="des"
|
||||
name="desafio"
|
||||
class="form-control"
|
||||
v-model="desafio"
|
||||
>
|
||||
<option value="Salud">Salud</option>
|
||||
<option value="Educación">Educación</option>
|
||||
<option value="Economía">Economía</option>
|
||||
<option value="Transporte">Transporte</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="pure-u-1 pure-u-md-1-3 ma">
|
||||
<label for="cam">Campus</label>
|
||||
<select id="cam" name="Campus" class="form-control" v-model="campus">
|
||||
<option value="Acatlán">Acatlán</option>
|
||||
<option value="CU">CU</option>
|
||||
<option value="Aragón">Aragón</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="pure-u-1 pure-u-md-1-4 ">
|
||||
<label for="noInt">Numero de integrantes </label>
|
||||
<select
|
||||
id="noInt"
|
||||
name="integrantes"
|
||||
class="form-control"
|
||||
v-model="noIntegrantes"
|
||||
@change="updateInte($event)"
|
||||
>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="6">6</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<legend>Datos del lider del equipo <br /></legend>
|
||||
<div class="pure-g">
|
||||
<div class="pure-u-1 pure-u-md-1-3">
|
||||
<label for="nombre">Nombre</label>
|
||||
<input
|
||||
type="text"
|
||||
id="nombreLider"
|
||||
class="pure-u-23-24"
|
||||
required=""
|
||||
v-model="nombreLider"
|
||||
onkeypress="return ( (event.charCode >= 32 && event.charCode <= 32) ||(event.charCode >= 65 && event.charCode <= 90) ||(event.charCode >= 97))"
|
||||
/>
|
||||
</div>
|
||||
<div class="pure-u-1 pure-u-md-1-3">
|
||||
<label for="apellidoPaLider">Apellido Paterno</label>
|
||||
<input
|
||||
type="text"
|
||||
id="apellidoPaLider"
|
||||
class="pure-u-23-24"
|
||||
required=""
|
||||
v-model="apellidoPaLider"
|
||||
onkeypress="return ( (event.charCode >= 32 && event.charCode <= 32) ||(event.charCode >= 65 && event.charCode <= 90) ||(event.charCode >= 97))"
|
||||
/>
|
||||
</div>
|
||||
<div class="pure-u-1 pure-u-md-1-3">
|
||||
<label for="apellidoMaLider">Apellido Materno</label>
|
||||
<input
|
||||
type="text"
|
||||
id="apellidoMaLider"
|
||||
class="pure-u-23-24"
|
||||
required=""
|
||||
v-model="apellidoMaLider"
|
||||
onkeypress="return ( (event.charCode >= 32 && event.charCode <= 32) ||(event.charCode >= 65 && event.charCode <= 90) ||(event.charCode >= 97))"
|
||||
/>
|
||||
</div>
|
||||
<div class="pure-u-1 pure-u-md-1-2">
|
||||
<label for="correoLider">Correo</label>
|
||||
<input
|
||||
type="email"
|
||||
id="correoLider"
|
||||
class="pure-u-23-24"
|
||||
required=""
|
||||
v-model="correoLider"
|
||||
/>
|
||||
</div>
|
||||
<div class="pure-u-1 pure-u-md-1-2">
|
||||
<label for="carrera">Carrera</label>
|
||||
<input
|
||||
type="text"
|
||||
id="carrera"
|
||||
class="pure-u-23-24"
|
||||
v-model="carrera"
|
||||
onkeypress="return ( (event.charCode >= 32 && event.charCode <= 32) ||(event.charCode >= 65 && event.charCode <= 90) ||(event.charCode >= 97))"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="noIntegrantes > 1">
|
||||
<legend>Datos de los integrantes del equipo<br /></legend>
|
||||
|
||||
<div v-for="item in integrantes" :key="item.id">
|
||||
<h4 class="title">Integrante {{ item.id + 1 }}</h4>
|
||||
|
||||
<div class="pure-g">
|
||||
<div class="pure-u-1 pure-u-md-1-3">
|
||||
<label for="item.nombre">Nombre</label>
|
||||
<input
|
||||
type="text"
|
||||
id="item.nombre"
|
||||
class="pure-u-23-24"
|
||||
required=""
|
||||
v-model="item.nombre"
|
||||
onkeypress="return ( (event.charCode >= 32 && event.charCode <= 32) ||(event.charCode >= 65 && event.charCode <= 90) ||(event.charCode >= 97))"
|
||||
/>
|
||||
</div>
|
||||
<div class="pure-u-1 pure-u-md-1-3">
|
||||
<label for="item.apellidoP">Apellido Paterno</label>
|
||||
<input
|
||||
type="text"
|
||||
id="item.apellidoP"
|
||||
class="pure-u-23-24"
|
||||
required=""
|
||||
v-model="item.apellidoP"
|
||||
onkeypress="return ( (event.charCode >= 32 && event.charCode <= 32) ||(event.charCode >= 65 && event.charCode <= 90) ||(event.charCode >= 97))"
|
||||
/>
|
||||
</div>
|
||||
<div class="pure-u-1 pure-u-md-7-24">
|
||||
<label for="item.apellidoM">Apellido Materno</label>
|
||||
<input
|
||||
type="text"
|
||||
id="item.apellidoM"
|
||||
class="pure-u-23-24"
|
||||
required=""
|
||||
v-model="item.apellidoM"
|
||||
onkeypress="return ( (event.charCode >= 32 && event.charCode <= 32) ||(event.charCode >= 65 && event.charCode <= 90) ||(event.charCode >= 97))"
|
||||
/>
|
||||
</div>
|
||||
<div class="pure-u-1 pure-u-md-1">
|
||||
<label for="item.correo">Correo</label>
|
||||
<input
|
||||
type="text"
|
||||
id="item.correo"
|
||||
class="pure-u-23-24"
|
||||
required=""
|
||||
v-model="item.correo"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pure-g espacio">
|
||||
<div class="pure-u-1 pure-u-md-1-2">
|
||||
<button class="button_salir ">Salir</button>
|
||||
</div>
|
||||
<div class="pure-u-1 pure-u-md-1-2">
|
||||
<button class="button " v-if="checkFull()" @click="registrar()">
|
||||
Siguiente
|
||||
</button>
|
||||
<p class="botton_falso" v-else>Siguiente</p>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import axios from "axios";
|
||||
import config from "../config/config.js";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
nombreEquipo: "",
|
||||
campus: "",
|
||||
desafio: "",
|
||||
nombreLider: "",
|
||||
apellidoPaLider: "",
|
||||
apellidoMaLider: "",
|
||||
correoLider: "",
|
||||
carrera: "",
|
||||
noIntegrantes: 1,
|
||||
integrantes: []
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
updateInte(event) {
|
||||
this.integrantes = [];
|
||||
for (let i = 1; i < event.target.value; i++) {
|
||||
this.integrantes.push({
|
||||
id: i,
|
||||
nombre: "",
|
||||
apellidoPa: "",
|
||||
apellidoMa: "",
|
||||
correo: ""
|
||||
});
|
||||
}
|
||||
},
|
||||
checkFull() {
|
||||
if (this.nombreEquipo.trim() === "") {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (this.campus.trim() === "") {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (this.desafio.trim() === "") {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (this.nombreLider.trim() === "") {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (this.apellidoPaLider.trim() === "") {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (this.apellidoMaLider.trim() === "") {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (this.correoLider.trim() === "") {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (this.carrera.trim() === "") {
|
||||
return false;
|
||||
}
|
||||
|
||||
for (let i = 1; i < this.noIntegrantes; i++) {
|
||||
if (
|
||||
this.integrantes[i - 1].nombre.trim() === "" ||
|
||||
this.integrantes[i - 1].apellidoP.trim() === "" ||
|
||||
this.integrantes[i - 1].apellidoM.trim() === "" ||
|
||||
this.integrantes[i - 1].correo.trim() === ""
|
||||
) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
return true;
|
||||
},
|
||||
async registrar() {
|
||||
const data = {
|
||||
nombreEqui: this.nombreEquipo,
|
||||
desafio: this.desafio,
|
||||
campus: this.campus,
|
||||
numeroIntegrantes: 2,
|
||||
nombreLider: this.noIntegrantes,
|
||||
apellidoPaLider: this.apellidoPaLider,
|
||||
apellidoMaLider: this.apellidoMaLider,
|
||||
correoLider: this.correoLider,
|
||||
carreraLider: this.carrera,
|
||||
integrantes: this.integrantes
|
||||
};
|
||||
axios
|
||||
.post(`${config.api}/registro`, data)
|
||||
.then(async respose => {
|
||||
console.log(respose.data.msj);
|
||||
await alert(respose.data.msj);
|
||||
})
|
||||
.catch(async error => {
|
||||
console.log(error.response.data.msj);
|
||||
await alert(error.response.data.msj);
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
||||
<style scoped>
|
||||
.espacio {
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
.botton_falso {
|
||||
background-color: #ccc; /* Green */
|
||||
border: none;
|
||||
color: white;
|
||||
height: 4.5rem;
|
||||
width: 15rem;
|
||||
padding: 1rem 4rem;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
font-size: 1.5rem;
|
||||
border-radius: 1rem;
|
||||
-webkit-transition-duration: 0.4s; /* Safari */
|
||||
transition-duration: 0.4s;
|
||||
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
||||
margin-left: 2rem;
|
||||
margin-right: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.button_salir {
|
||||
background-color: #1b3d70; /* Green */
|
||||
border: none;
|
||||
color: white;
|
||||
height: 4.5rem;
|
||||
width: 15rem;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
font-size: 1.5rem;
|
||||
border-radius: 1rem;
|
||||
-webkit-transition-duration: 0.4s; /* Safari */
|
||||
transition-duration: 0.4s;
|
||||
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
||||
margin-left: 2rem;
|
||||
margin-right: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.button_salir:hover {
|
||||
background-color: rgb(170, 4, 4);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.button {
|
||||
background-color: #1b3d70; /* Green */
|
||||
border: none;
|
||||
color: white;
|
||||
height: 4.5rem;
|
||||
width: 15rem;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
font-size: 1.5rem;
|
||||
border-radius: 1rem;
|
||||
-webkit-transition-duration: 0.4s; /* Safari */
|
||||
transition-duration: 0.4s;
|
||||
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
||||
margin-left: 2rem;
|
||||
margin-right: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
.button:hover {
|
||||
background-color: #46c200;
|
||||
color: white;
|
||||
}
|
||||
.general {
|
||||
max-width: 1280px;
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.ma {
|
||||
margin-right: 1.5rem;
|
||||
}
|
||||
.title {
|
||||
color: white;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,5 @@
|
||||
const config = {
|
||||
api: "http://localhost:3000"
|
||||
// api: "https://venus.acatlan.unam.mx/redinvestigacion"
|
||||
};
|
||||
module.exports = config;
|
||||
+22
@@ -0,0 +1,22 @@
|
||||
import Vue from "vue";
|
||||
import App from "./App.vue";
|
||||
import BootstrapVue from "bootstrap-vue";
|
||||
import "bootstrap/dist/css/bootstrap.css";
|
||||
import "bootstrap-vue/dist/bootstrap-vue.css";
|
||||
import VueRouter from "vue-router";
|
||||
|
||||
import { routes } from "./routes";
|
||||
|
||||
Vue.use(BootstrapVue);
|
||||
|
||||
Vue.config.productionTip = false;
|
||||
Vue.use(VueRouter);
|
||||
const router = new VueRouter({
|
||||
routes
|
||||
});
|
||||
|
||||
new Vue({
|
||||
el: "#app",
|
||||
render: h => h(App),
|
||||
router
|
||||
});
|
||||
@@ -0,0 +1,19 @@
|
||||
import Form from "./components/form.vue";
|
||||
export const routes = [{ path: "/", component: Form, name: "form" }];
|
||||
|
||||
// const isAuthenticated = function() {
|
||||
// if (window.localStorage.pcpumaT) {
|
||||
// return true
|
||||
// }
|
||||
// return false
|
||||
// }
|
||||
|
||||
// router.beforeEach((to, from, next) => {
|
||||
// if (!isAuthenticated() && to.path !== '/login') {
|
||||
// return next('/login')
|
||||
// }
|
||||
// if (isAuthenticated() && to.path === '/login') {
|
||||
// return next('/')
|
||||
// }
|
||||
// next()
|
||||
// })
|
||||
@@ -0,0 +1,521 @@
|
||||
<template>
|
||||
<footer class="general">
|
||||
<div class="footer pure-g">
|
||||
<img
|
||||
class="pure-u-1-2 pure-u-sm-1-2 pure-u-md-1-4 pure-u-lg-1-4 pure-u-xl-1-4"
|
||||
src="../assets/SDI_B_150px.png"
|
||||
style="width: 120px; height: 90px; margin: 2% auto; height: auto"
|
||||
/>
|
||||
|
||||
<img
|
||||
class="pure-u-1-2 pure-u-sm-1-2 pure-u-md-1-4 pure-u-lg-1-4 pure-u-xl-1-4"
|
||||
src="https://www.acatlan.unam.mx/identidad-acatlan/img/Logotipos/Escudo/escudo-b2.png"
|
||||
style="width: 90px; height: 90px; margin: 2% auto;"
|
||||
/>
|
||||
|
||||
<img
|
||||
class="pure-u-1-2 pure-u-sm-1-2 pure-u-md-1-4 pure-u-lg-1-4 pure-u-xl-1-4"
|
||||
src="http://derecho.posgrado.unam.mx/ppd-14_out/imgs/fesaragonlogowhite.png"
|
||||
style="width: 90px; height: 90px; margin: 2% auto;"
|
||||
/>
|
||||
|
||||
<img
|
||||
class="pure-u-1-2 pure-u-sm-1-2 pure-u-md-1-4 pure-u-lg-1-4 pure-u-xl-1-4"
|
||||
src="https://www.ingenieria.unam.mx/nuestra_facultad/images/institucionales/escudo_fi_color.png"
|
||||
style="width: 90px; height: 90px; margin: 2% auto;"
|
||||
/>
|
||||
|
||||
<img
|
||||
class="pure-u-1-2 pure-u-sm-1-2 pure-u-md-1-4 pure-u-lg-1-4 pure-u-xl-1-4"
|
||||
src="https://www.acatlan.unam.mx/pcpuma/img/logos/unam-nacion-blanco.png"
|
||||
style="width: 90px; height: 90px; margin: 2% auto; height: auto"
|
||||
/>
|
||||
|
||||
<div
|
||||
class="texto_footer pure-u-1 pure-u-sm-1 pure-u-md-1 pure-u-lg-1 pure-u-xl-2"
|
||||
>
|
||||
<!--cajatex-->
|
||||
<br />Hecho en México, 2020.<br />
|
||||
Las marcas mencionadas son propiedad de sus propios dueños, se utilizan
|
||||
con fines de difusión.<br />
|
||||
Sitio web administrado por: Coordinación de Proyectos <br />
|
||||
Tecnológicos e Innovación | Secretaría de Desarrollo Institucional
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.general {
|
||||
max-width: 1280px;
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 100%;
|
||||
max-height: 260px;
|
||||
background-color: #000000;
|
||||
}
|
||||
|
||||
.logo_unam {
|
||||
padding: 2% 3%;
|
||||
}
|
||||
|
||||
.logo_unam img {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: 130px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.logo_unam img {
|
||||
width: 50px;
|
||||
margin-right: auto;
|
||||
margin-left: 0px;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.logo_der {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.logo_aws {
|
||||
max-width: 100px;
|
||||
display: block;
|
||||
margin-top: 4%;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.banner {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.q_aws {
|
||||
height: auto;
|
||||
width: 100%;
|
||||
background-color: #37475a;
|
||||
}
|
||||
|
||||
.aws-desafio {
|
||||
padding-top: 4%;
|
||||
padding-bottom: 2%;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.aws-desafio p {
|
||||
font-family: sans-serif;
|
||||
padding: 0 10%;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
.aws-desafio h3 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.beneficio_cont {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-top-style: groove;
|
||||
border-bottom-style: groove;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
|
||||
.punto-1 {
|
||||
text-align: justify;
|
||||
padding: 3% 4%;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.punto-1 h5 {
|
||||
text-align: center;
|
||||
background-color: #1e3c70;
|
||||
border-radius: 5px;
|
||||
color: #ffffff;
|
||||
padding: 2% 0;
|
||||
}
|
||||
|
||||
.punto-2 {
|
||||
text-align: justify;
|
||||
padding: 3% 4%;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.punto-2 h5 {
|
||||
text-align: center;
|
||||
background-color: #1e3c70;
|
||||
border-radius: 5px;
|
||||
color: #ffffff;
|
||||
padding: 2% 0;
|
||||
}
|
||||
|
||||
.punto-3 {
|
||||
text-align: justify;
|
||||
padding: 3% 4%;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.punto-3 h5 {
|
||||
text-align: center;
|
||||
background-color: #1e3c70;
|
||||
border-radius: 5px;
|
||||
color: #ffffff;
|
||||
padding: 2% 0;
|
||||
}
|
||||
|
||||
.beneficio_prog {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 3% 8%;
|
||||
letter-spacing: 0px;
|
||||
border-top-style: groove;
|
||||
}
|
||||
|
||||
.txt_acord {
|
||||
color: #ffffff;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
font-size: 80%;
|
||||
margin-bottom: 20px;
|
||||
text-align: left;
|
||||
padding-right: 5%;
|
||||
padding-bottom: 2%;
|
||||
}
|
||||
|
||||
.accordion {
|
||||
background-color: #131a22;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
padding: 5px;
|
||||
width: 90%;
|
||||
text-align: center;
|
||||
outline: none;
|
||||
font-size: 15px;
|
||||
transition: 0.4s;
|
||||
margin-left: 5%;
|
||||
margin-right: 5%;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
|
||||
.active,
|
||||
.accordion:hover {
|
||||
background-color: #131a22;
|
||||
}
|
||||
|
||||
.accordion:after {
|
||||
content: "\002B";
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
float: right;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.panel {
|
||||
padding: 0 13px;
|
||||
background-color: #37475a;
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
transition: max-height 0.2s ease-out;
|
||||
border-color: #131a22;
|
||||
border-style: solid;
|
||||
border-width: 0.5px;
|
||||
margin: 0 5%;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.panel p {
|
||||
color: #ffffff;
|
||||
text-align: justify;
|
||||
padding: 1% 6%;
|
||||
}
|
||||
|
||||
.footer {
|
||||
height: auto;
|
||||
/*width: 100%;*/
|
||||
letter-spacing: 0px;
|
||||
background: #37475a;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
.footer img {
|
||||
width: 40px !important;
|
||||
height: 40px !important;
|
||||
}
|
||||
.texto_footer {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.texto_footer {
|
||||
font-family: sans-serif;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
/*width: 100%;*/
|
||||
padding: 1% 5%;
|
||||
font-size: 100%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.inscripcion {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
background-color: #37475a;
|
||||
color: #ffffff;
|
||||
padding: 3% 1%;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
|
||||
.inscripcion-1 {
|
||||
text-align: justify;
|
||||
padding: 3% 4%;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.inscripcion-1 li {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.inscripcion-1 a {
|
||||
font-size: 12px;
|
||||
text-decoration: none;
|
||||
text-decoration-color: #ffffff;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.inscripcion-1 a:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.inscripcion-2 {
|
||||
text-align: justify;
|
||||
padding: 3% 4%;
|
||||
}
|
||||
|
||||
.inscripcion-2 li {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.inscripcion-3 {
|
||||
text-align: justify;
|
||||
padding: 3% 4%;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.inscripcion-3 li {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.inscripcion h3 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.boton {
|
||||
text-align: center;
|
||||
margin: 1%;
|
||||
font-size: 100%;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
|
||||
.eventos {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 2%;
|
||||
}
|
||||
|
||||
.titulo-ev {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
background-color: #232f3e;
|
||||
text-align: center;
|
||||
padding: 0.5% 0;
|
||||
letter-spacing: 0;
|
||||
margin-top: 1%;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.evento-txt {
|
||||
padding: 4%;
|
||||
border: solid #232f3e 1px;
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
.evento-txt p {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
.volver {
|
||||
width: 100px;
|
||||
height: auto;
|
||||
background: #1e3c70;
|
||||
border-radius: 5px;
|
||||
margin-top: 1%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
text-align: center;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
.volver a {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
font-size: 80%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.volver1 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.barra-menu {
|
||||
background: #37475a;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.menu {
|
||||
max-width: 1280px;
|
||||
background: #37475a;
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
padding: 2px 2px !important;
|
||||
}
|
||||
|
||||
.navbar ul {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#hackmenu .nav-item {
|
||||
background-color: #37475a;
|
||||
width: auto;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#hackmenu .nav-link {
|
||||
color: #ffffff !important;
|
||||
font-family: "Arial";
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#hackmenu .nav-link:hover {
|
||||
color: #390051 !important;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
#hackmenu .dropdown-menu {
|
||||
background: #390051 !important;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.boton-arriba {
|
||||
display: none;
|
||||
padding: 10px;
|
||||
color: #ffffff;
|
||||
cursor: pointer;
|
||||
position: fixed;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
.icon img {
|
||||
padding: 5px;
|
||||
background: #024959;
|
||||
color: #ffffff;
|
||||
cursor: pointer;
|
||||
position: fixed;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
opacity: inherit;
|
||||
}
|
||||
|
||||
.icon {
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
stroke-width: 0;
|
||||
stroke: currentColor;
|
||||
fill: currentColor;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.descripcion-event {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btn-ins {
|
||||
color: #ffffff;
|
||||
width: 170px;
|
||||
margin: 2% auto;
|
||||
}
|
||||
|
||||
.btn-ins p {
|
||||
padding: 8px 0;
|
||||
border: solid 1px #cc9713;
|
||||
border-radius: 7px;
|
||||
background-color: #cc9713;
|
||||
}
|
||||
|
||||
.btn-ins a {
|
||||
text-decoration: none;
|
||||
color: #ffffff;
|
||||
text-decoration-line: none;
|
||||
}
|
||||
|
||||
.btn-ins a:hover {
|
||||
text-decoration: none;
|
||||
color: #ffffff;
|
||||
color: #1e3c70;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/******** estilos registro ********/
|
||||
|
||||
.registro-general {
|
||||
max-width: 800px;
|
||||
height: auto;
|
||||
margin: 10% auto;
|
||||
padding: 0 4%;
|
||||
background-color: #445f87;
|
||||
opacity: 1;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.registro-general legend {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.registro-general label {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.registro-general a {
|
||||
background-color: firebrick;
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.registro-general a:hover {
|
||||
text-decoration: none;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.registro-general button {
|
||||
background-color: forestgreen;
|
||||
}
|
||||
|
||||
.registro-general p {
|
||||
font-size: 11px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,493 @@
|
||||
<template>
|
||||
<div class="general">
|
||||
<div class="pure-g header">
|
||||
<div class="pure-u-1 pure-u-sm-1 pure-u-md-1 pure-u-lg-1 pure-u-xl-1">
|
||||
<div class="logo_unam">
|
||||
<a href="https://www.unam.mx/" target="_blank">
|
||||
<img src="https://www.c3.unam.mx/image/logoUnam.png" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- div banner -->
|
||||
<div class="banner">
|
||||
<img class="pure-img" src="../assets/banner_aws2.jpg" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.general {
|
||||
max-width: 1280px;
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 100%;
|
||||
max-height: 260px;
|
||||
background-color: #000000;
|
||||
}
|
||||
|
||||
.logo_unam {
|
||||
padding: 2% 3%;
|
||||
}
|
||||
|
||||
.logo_unam img {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: 130px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.logo_unam img {
|
||||
width: 50px;
|
||||
margin-right: auto;
|
||||
margin-left: 0px;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.logo_der {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.logo_aws {
|
||||
max-width: 100px;
|
||||
display: block;
|
||||
margin-top: 4%;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.banner {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.q_aws {
|
||||
height: auto;
|
||||
width: 100%;
|
||||
background-color: #37475a;
|
||||
}
|
||||
|
||||
.aws-desafio {
|
||||
padding-top: 4%;
|
||||
padding-bottom: 2%;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.aws-desafio p {
|
||||
font-family: sans-serif;
|
||||
padding: 0 10%;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
.aws-desafio h3 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.beneficio_cont {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-top-style: groove;
|
||||
border-bottom-style: groove;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
|
||||
.punto-1 {
|
||||
text-align: justify;
|
||||
padding: 3% 4%;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.punto-1 h5 {
|
||||
text-align: center;
|
||||
background-color: #1e3c70;
|
||||
border-radius: 5px;
|
||||
color: #ffffff;
|
||||
padding: 2% 0;
|
||||
}
|
||||
|
||||
.punto-2 {
|
||||
text-align: justify;
|
||||
padding: 3% 4%;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.punto-2 h5 {
|
||||
text-align: center;
|
||||
background-color: #1e3c70;
|
||||
border-radius: 5px;
|
||||
color: #ffffff;
|
||||
padding: 2% 0;
|
||||
}
|
||||
|
||||
.punto-3 {
|
||||
text-align: justify;
|
||||
padding: 3% 4%;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.punto-3 h5 {
|
||||
text-align: center;
|
||||
background-color: #1e3c70;
|
||||
border-radius: 5px;
|
||||
color: #ffffff;
|
||||
padding: 2% 0;
|
||||
}
|
||||
|
||||
.beneficio_prog {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 3% 8%;
|
||||
letter-spacing: 0px;
|
||||
border-top-style: groove;
|
||||
}
|
||||
|
||||
.txt_acord {
|
||||
color: #ffffff;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
font-size: 80%;
|
||||
margin-bottom: 20px;
|
||||
text-align: left;
|
||||
padding-right: 5%;
|
||||
padding-bottom: 2%;
|
||||
}
|
||||
|
||||
.accordion {
|
||||
background-color: #131a22;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
padding: 5px;
|
||||
width: 90%;
|
||||
text-align: center;
|
||||
outline: none;
|
||||
font-size: 15px;
|
||||
transition: 0.4s;
|
||||
margin-left: 5%;
|
||||
margin-right: 5%;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
|
||||
.active,
|
||||
.accordion:hover {
|
||||
background-color: #131a22;
|
||||
}
|
||||
|
||||
.accordion:after {
|
||||
content: "\002B";
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
float: right;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.panel {
|
||||
padding: 0 13px;
|
||||
background-color: #37475a;
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
transition: max-height 0.2s ease-out;
|
||||
border-color: #131a22;
|
||||
border-style: solid;
|
||||
border-width: 0.5px;
|
||||
margin: 0 5%;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.panel p {
|
||||
color: #ffffff;
|
||||
text-align: justify;
|
||||
padding: 1% 6%;
|
||||
}
|
||||
|
||||
.footer {
|
||||
height: auto;
|
||||
/*width: 100%;*/
|
||||
letter-spacing: 0px;
|
||||
background: #37475a;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
.footer img {
|
||||
width: 40px !important;
|
||||
height: 40px !important;
|
||||
}
|
||||
.texto_footer {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.texto_footer {
|
||||
font-family: sans-serif;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
/*width: 100%;*/
|
||||
padding: 1% 5%;
|
||||
font-size: 100%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.inscripcion {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
background-color: #37475a;
|
||||
color: #ffffff;
|
||||
padding: 3% 1%;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
|
||||
.inscripcion-1 {
|
||||
text-align: justify;
|
||||
padding: 3% 4%;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.inscripcion-1 li {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.inscripcion-1 a {
|
||||
font-size: 12px;
|
||||
text-decoration: none;
|
||||
text-decoration-color: #ffffff;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.inscripcion-1 a:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.inscripcion-2 {
|
||||
text-align: justify;
|
||||
padding: 3% 4%;
|
||||
}
|
||||
|
||||
.inscripcion-2 li {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.inscripcion-3 {
|
||||
text-align: justify;
|
||||
padding: 3% 4%;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.inscripcion-3 li {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.inscripcion h3 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.boton {
|
||||
text-align: center;
|
||||
margin: 1%;
|
||||
font-size: 100%;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
|
||||
.eventos {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 2%;
|
||||
}
|
||||
|
||||
.titulo-ev {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
background-color: #232f3e;
|
||||
text-align: center;
|
||||
padding: 0.5% 0;
|
||||
letter-spacing: 0;
|
||||
margin-top: 1%;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.evento-txt {
|
||||
padding: 4%;
|
||||
border: solid #232f3e 1px;
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
.evento-txt p {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
.volver {
|
||||
width: 100px;
|
||||
height: auto;
|
||||
background: #1e3c70;
|
||||
border-radius: 5px;
|
||||
margin-top: 1%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
text-align: center;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
.volver a {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
font-size: 80%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.volver1 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.barra-menu {
|
||||
background: #37475a;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.menu {
|
||||
max-width: 1280px;
|
||||
background: #37475a;
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
padding: 2px 2px !important;
|
||||
}
|
||||
|
||||
.navbar ul {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#hackmenu .nav-item {
|
||||
background-color: #37475a;
|
||||
width: auto;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#hackmenu .nav-link {
|
||||
color: #ffffff !important;
|
||||
font-family: "Arial";
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#hackmenu .nav-link:hover {
|
||||
color: #390051 !important;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
#hackmenu .dropdown-menu {
|
||||
background: #390051 !important;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.boton-arriba {
|
||||
display: none;
|
||||
padding: 10px;
|
||||
color: #ffffff;
|
||||
cursor: pointer;
|
||||
position: fixed;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
.icon img {
|
||||
padding: 5px;
|
||||
background: #024959;
|
||||
color: #ffffff;
|
||||
cursor: pointer;
|
||||
position: fixed;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
opacity: inherit;
|
||||
}
|
||||
|
||||
.icon {
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
stroke-width: 0;
|
||||
stroke: currentColor;
|
||||
fill: currentColor;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.descripcion-event {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btn-ins {
|
||||
color: #ffffff;
|
||||
width: 170px;
|
||||
margin: 2% auto;
|
||||
}
|
||||
|
||||
.btn-ins p {
|
||||
padding: 8px 0;
|
||||
border: solid 1px #cc9713;
|
||||
border-radius: 7px;
|
||||
background-color: #cc9713;
|
||||
}
|
||||
|
||||
.btn-ins a {
|
||||
text-decoration: none;
|
||||
color: #ffffff;
|
||||
text-decoration-line: none;
|
||||
}
|
||||
|
||||
.btn-ins a:hover {
|
||||
text-decoration: none;
|
||||
color: #ffffff;
|
||||
color: #1e3c70;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/******** estilos registro ********/
|
||||
|
||||
.registro-general {
|
||||
max-width: 800px;
|
||||
height: auto;
|
||||
margin: 10% auto;
|
||||
padding: 0 4%;
|
||||
background-color: #445f87;
|
||||
opacity: 1;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.registro-general legend {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.registro-general label {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.registro-general a {
|
||||
background-color: firebrick;
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.registro-general a:hover {
|
||||
text-decoration: none;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.registro-general button {
|
||||
background-color: forestgreen;
|
||||
}
|
||||
|
||||
.registro-general p {
|
||||
font-size: 11px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user