Iniciacion del proyecto
This commit is contained in:
DanielRamirezGe
@@ -0,0 +1,24 @@
|
||||
# coloquio_internacion_educacion
|
||||
|
||||
## 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,5 @@
|
||||
module.exports = {
|
||||
presets: [
|
||||
'@vue/cli-plugin-babel/preset'
|
||||
]
|
||||
}
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
.sin_pad{margin-left:0;margin-right:0;text-align:left;padding-left:7rem}.Azul-puma{background-color:#1a1b1d}.footer{color:#fff}#app,.footer{text-align:center}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a1b1d;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.menu{background-color:#b80}.menu nav ul{margin:0 1rem}.menu nav ul,.menu nav ul div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.menu nav ul li{list-style:none}.menu nav ul li a{display:block}.menu nav ul li a,.menu nav ul li button,.menu nav ul li p{padding:1rem;font-size:1rem;color:#fff;-webkit-transition:.5s;transition:.5s}.active,.menu nav ul li a:hover,.menu nav ul li button:hover{background-color:#936900}@media screen and (min-width:480px){.menu nav ul{margin:0 1.5rem}.menu nav ul li a,.menu nav ul li button,.menu nav ul li p{padding:1.25rem;font-size:1.25rem}}@media screen and (min-width:1024px){.menu nav ul{margin:0 2rem}.menu nav ul li a,.menu nav ul li button,.menu nav ul li p{padding:1rem;font-size:1rem}}.titulo[data-v-2caefbae]{margin-top:3rem;margin-bottom:3rem}h1[data-v-2caefbae]{padding-left:2rem;padding-right:2rem;font-weight:700;font-size:1.6rem;text-align:center}main img[data-v-2caefbae]{width:20rem;margin-bottom:6rem}@media screen and (min-width:768px){main img[data-v-2caefbae]{width:40rem}h1[data-v-2caefbae]{display:inline;border-bottom:.1rem solid #000;font-size:2rem}}@media screen and (min-width:1024px){main img[data-v-2caefbae]{width:60rem}h1[data-v-2caefbae]{font-size:2.5rem}}
|
||||
Vendored
+9
File diff suppressed because one or more lines are too long
Vendored
BIN
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
Vendored
BIN
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Vendored
BIN
Binary file not shown.
|
After Width: | Height: | Size: 121 KiB |
Vendored
BIN
Binary file not shown.
|
After Width: | Height: | Size: 119 KiB |
Vendored
+1
@@ -0,0 +1 @@
|
||||
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/favicon.ico><title>coloquio_internacion_educacion</title><link href=/css/app.c1eec48e.css rel=preload as=style><link href=/css/chunk-vendors.fbe9bade.css rel=preload as=style><link href=/js/app.2b78a04e.js rel=preload as=script><link href=/js/chunk-vendors.71c474f2.js rel=preload as=script><link href=/css/chunk-vendors.fbe9bade.css rel=stylesheet><link href=/css/app.c1eec48e.css rel=stylesheet></head><body><noscript><strong>We're sorry but coloquio_internacion_educacion doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/js/chunk-vendors.71c474f2.js></script><script src=/js/app.2b78a04e.js></script></body></html>
|
||||
Vendored
+2
File diff suppressed because one or more lines are too long
Vendored
+1
File diff suppressed because one or more lines are too long
Vendored
+48
File diff suppressed because one or more lines are too long
+1
File diff suppressed because one or more lines are too long
Generated
+11494
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,44 @@
|
||||
{
|
||||
"name": "coloquio_internacion_educacion",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"serve": "vue-cli-service serve",
|
||||
"build": "vue-cli-service build",
|
||||
"lint": "vue-cli-service lint"
|
||||
},
|
||||
"dependencies": {
|
||||
"bootstrap": "^4.4.1",
|
||||
"bootstrap-vue": "^2.3.0",
|
||||
"core-js": "^3.4.4",
|
||||
"vue": "^2.6.11",
|
||||
"vue-router": "^3.1.5"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vue/cli-plugin-babel": "^4.1.0",
|
||||
"@vue/cli-plugin-eslint": "^4.1.0",
|
||||
"@vue/cli-service": "^4.1.0",
|
||||
"babel-eslint": "^10.0.3",
|
||||
"eslint": "^5.16.0",
|
||||
"eslint-plugin-vue": "^5.0.0",
|
||||
"vue-template-compiler": "^2.6.10"
|
||||
},
|
||||
"eslintConfig": {
|
||||
"root": true,
|
||||
"env": {
|
||||
"node": true
|
||||
},
|
||||
"extends": [
|
||||
"plugin:vue/essential",
|
||||
"eslint:recommended"
|
||||
],
|
||||
"rules": {},
|
||||
"parserOptions": {
|
||||
"parser": "babel-eslint"
|
||||
}
|
||||
},
|
||||
"browserslist": [
|
||||
"> 1%",
|
||||
"last 2 versions"
|
||||
]
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
@@ -0,0 +1,17 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
||||
<title>coloquio_internacion_educacion</title>
|
||||
</head>
|
||||
<body>
|
||||
<noscript>
|
||||
<strong>We're sorry but coloquio_internacion_educacion 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>
|
||||
+41
@@ -0,0 +1,41 @@
|
||||
<template>
|
||||
<div id="app">
|
||||
|
||||
<Header />
|
||||
<router-view></router-view>
|
||||
<Footer />
|
||||
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
import Header from './estetica/header.vue';
|
||||
//import login from './login.vue';
|
||||
import Footer from './estetica/footer.vue';
|
||||
|
||||
|
||||
export default {
|
||||
name: 'app',
|
||||
components: {
|
||||
Header,
|
||||
Footer
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
#app {
|
||||
font-family: 'Avenir', Helvetica, Arial, sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
text-align: center;
|
||||
color: rgb(26, 27, 29);
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
</style>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 121 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 119 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 119 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
@@ -0,0 +1,72 @@
|
||||
<template>
|
||||
|
||||
<div>
|
||||
<app-menu ></app-menu>
|
||||
<main class="centrar">
|
||||
<div class="titulo">
|
||||
<h1>Coloquio Internacional de Educacion 2020</h1>
|
||||
</div>
|
||||
<img src="../assets/ejemplo.jpeg" alt="imagen_jornada_laboral">
|
||||
</main>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</template>
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
import webMenu from '../estetica/menu.vue';
|
||||
|
||||
|
||||
export default {
|
||||
|
||||
|
||||
components: {
|
||||
|
||||
appMenu: webMenu,
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
||||
<style scoped>
|
||||
.titulo{
|
||||
margin-top: 3rem;
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
h1 {
|
||||
padding-left: 2rem;
|
||||
padding-right: 2rem;
|
||||
font-weight: bold;
|
||||
font-size: 1.6rem;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
main img {
|
||||
width: 20rem;
|
||||
margin-bottom: 6rem;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
main img {
|
||||
width: 40rem;
|
||||
}
|
||||
h1{
|
||||
display: inline;
|
||||
border-bottom: solid .1rem black;
|
||||
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1024px) {
|
||||
main img {
|
||||
width: 60rem;
|
||||
}
|
||||
h1{
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,23 @@
|
||||
<template>
|
||||
<footer class="container-fluid Azul-puma footer py-3 ">
|
||||
<p class="mb-0 ">Hecho en México, todos los derechos reservados 2020</p>
|
||||
<p class="my-0 ">Esta página puede ser reproducida con fines no lucrativos, siempre y cuando no se mutile, se cite la fuente </p>
|
||||
<p>completa y su dirección electrónica. De otra forma, requiere permiso previo por escrito de la institución.</p>
|
||||
</footer>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style >
|
||||
.Azul-puma {
|
||||
background-color: rgb(26, 27, 29); }
|
||||
|
||||
.footer {
|
||||
text-align: center;
|
||||
color: white; }
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,34 @@
|
||||
<template>
|
||||
<header class="Azul-puma py-3">
|
||||
<header class="container">
|
||||
<div class="row py-3">
|
||||
<div href="https://www.unam.mx/" class="col d-none d-md-block sin_pad"> <img src="../assets/UNAM.png" alt="logo Unam"> </div>
|
||||
<div href="https://www.acatlan.unam.mx/" class="col d-flex justify-content-sm-center justify-content-lg-end"> <img src="../assets/aniversario.png" height="80" alt="Ediciones Acatlán"> </div>
|
||||
</div>
|
||||
|
||||
</header>
|
||||
|
||||
</header>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.sin_pad{
|
||||
margin-left: 0rem;
|
||||
margin-right: 0rem;
|
||||
text-align: left;
|
||||
padding-left: 7rem;
|
||||
|
||||
}
|
||||
|
||||
.Azul-puma {
|
||||
background-color: rgb(26, 27, 29);
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,79 @@
|
||||
<template>
|
||||
<section class="menu">
|
||||
<nav class="container">
|
||||
<ul >
|
||||
<div>
|
||||
<router-link to="/" tag="li"><a> Inicio</a></router-link>
|
||||
<router-link to="/actividades" tag="li"><a>Convocatoria</a></router-link>
|
||||
</div>
|
||||
</ul>
|
||||
</nav>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
.menu {
|
||||
background-color: #BB8800;
|
||||
}
|
||||
|
||||
.menu nav ul {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 1rem;
|
||||
}
|
||||
|
||||
.menu nav ul div {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.menu nav ul li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.menu nav ul li a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.menu nav ul li a, .menu nav ul li button, .menu nav ul li p {
|
||||
padding: 1rem;
|
||||
font-size: 1rem;
|
||||
color: white;
|
||||
transition: .5s;
|
||||
}
|
||||
|
||||
.menu nav ul li a:hover, .menu nav ul li button:hover {
|
||||
background-color: #936900;
|
||||
}
|
||||
|
||||
.active {
|
||||
background-color: #936900;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 480px) {
|
||||
.menu nav ul {
|
||||
margin: 0 1.5rem;
|
||||
}
|
||||
|
||||
.menu nav ul li a, .menu nav ul li button, .menu nav ul li p {
|
||||
padding: 1.25rem;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1024px) {
|
||||
.menu nav ul {
|
||||
margin: 0 2rem;
|
||||
}
|
||||
|
||||
.menu nav ul li a, .menu nav ul li button, .menu nav ul li p {
|
||||
padding: 1rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
+26
@@ -0,0 +1,26 @@
|
||||
import Vue from '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 App from './App.vue'
|
||||
|
||||
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,7 @@
|
||||
import Inicio from './components/inicio.vue'
|
||||
|
||||
|
||||
export const routes = [
|
||||
{ path: '/', component: Inicio, name: 'inicio' }
|
||||
|
||||
];
|
||||
Reference in New Issue
Block a user