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