luis/paidi_front
2
0
Fork 0
Code Issues Pull Requests Actions Releases Wiki Activity

Compare commits

merge into: luis/paidi_front:responsive
Branches Tags
luis/paidi_front:master luis/paidi_front:develop luis/paidi_front:main luis/paidi_front:Leydi luis/paidi_front:paidiB luis/paidi_front:paidiA luis/paidi_front:project3 luis/paidi_front:project2 luis/paidi_front:project luis/paidi_front:glossary luis/paidi_front:projectA luis/paidi_front:modification luis/paidi_front:tagA luis/paidi_front:images luis/paidi_front:prueba luis/paidi_front:formats luis/paidi_front:documents luis/paidi_front:responsive luis/paidi_front:frame
...
pull from: luis/paidi_front:modification
Branches Tags
luis/paidi_front:develop luis/paidi_front:master luis/paidi_front:main luis/paidi_front:Leydi luis/paidi_front:paidiB luis/paidi_front:paidiA luis/paidi_front:project3 luis/paidi_front:project2 luis/paidi_front:project luis/paidi_front:glossary luis/paidi_front:projectA luis/paidi_front:modification luis/paidi_front:tagA luis/paidi_front:images luis/paidi_front:prueba luis/paidi_front:formats luis/paidi_front:documents luis/paidi_front:responsive luis/paidi_front:frame

17 Commits
responsive ... modification

Author SHA1 Message Date
luis 782ceb0bb8 responsive images 2022-04-28 17:59:18 -05:00
luis b89f33bdd5 grid container 2022-04-28 14:15:17 -05:00
luis 275884300f responsive 2022-04-28 01:31:08 -05:00
luis ae39ad9d1a Se agregaron todos los files 2022-04-27 14:07:00 -05:00
eithan-hernandez 8d218a95fd download files public 2022-04-27 13:14:31 -05:00
eithan-hernandez 711c8070f6 Merge branch 'develop' of https://repositorio.acatlan.unam.mx/luis/paidi_front into develop 2022-04-27 12:57:44 -05:00
eithan 941f4182dc Actualizar 'package.json' 2022-04-27 17:53:48 +00:00
eithan 694a90915e Actualizar 'package.json' 2022-04-27 17:53:46 +00:00
eithan 1790bc850c Actualizar 'package.json' 2022-04-27 17:53:34 +00:00
eithan-hernandez 1b8d538969 Merge branch 'develop' of https://repositorio.acatlan.unam.mx/luis/paidi_front into develop 2022-04-27 12:52:36 -05:00
eithan-hernandez fa3c2fc1b9 commant start 2022-04-27 12:49:10 -05:00
luis 1151bccaaf responsivo 2022-04-27 01:23:08 -05:00
luis f29b163df5 responsive 2022-04-27 01:14:38 -05:00
luis bddc476221 Formato responsive 2022-04-26 13:58:28 -05:00
luis 3fdbe394c4 documents 2022-04-26 12:10:41 -05:00
luis c2c605ea5d Descargar documentos 2022-04-25 23:01:45 -05:00
luis 53ecced8bf l 2022-04-19 02:06:15 -05:00
27 changed files with 359 additions and 10531 deletions
Expand all files Collapse all files
package-lock.json
Generated
+56 -10374
View File
File diff suppressed because it is too large Load Diff
package.json
+4
View File
@@ -3,12 +3,16 @@
"version": "0.1.0", "version": "0.1.0",
"private": true, "private": true,
"scripts": { "scripts": {
"start": "vue-cli-service serve --port 3156",
"serve": "vue-cli-service serve", "serve": "vue-cli-service serve",
"build": "vue-cli-service build" "build": "vue-cli-service build"
}, },
"dependencies": { "dependencies": {
"bootstrap": "^4.6.1",
"bootstrap-vue": "^2.22.0", "bootstrap-vue": "^2.22.0",
"core-js": "^3.8.3", "core-js": "^3.8.3",
"jquery": "^3.6.0",
"popper.js": "^1.16.1",
"vue": "^3.2.13", "vue": "^3.2.13",
"vue-router": "^4.0.3", "vue-router": "^4.0.3",
"vuex": "^4.0.0" "vuex": "^4.0.0"
public/favicon.ico
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.2 KiB

public/favicon_.ico
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.9 KiB

public/files/F1_inscripcion_proyecto.docx
BIN
View File
Binary file not shown.
public/files/F2_inscripcion_participantes.docx
BIN
View File
Binary file not shown.
public/files/F3_carta_cesion.docx
BIN
View File
Binary file not shown.
public/files/F4_declaracion_ingresos.docx
BIN
View File
Binary file not shown.
public/files/F5_solicitud_beca.docx
BIN
View File
Binary file not shown.
public/files/F6_carta_justificacion_transferencia.docx
BIN
View File
Binary file not shown.
public/files/F7_Formato_Solicitud_transferencia.docx
BIN
View File
Binary file not shown.
public/files/F8_Entrega_Proyecto_Concluido.docx
BIN
View File
Binary file not shown.
public/files/book.pdf
View File
public/index.html
+3 -3
View File
@@ -3,9 +3,9 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon_.ico">
<title><%= htmlWebpackPlugin.options.title %></title> <title>Facultad de Estudios Superiores Acatlán</title>
</head> </head>
<body> <body>
<noscript> <noscript>
src/assets/icono.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 278 KiB

src/assets/logo.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.7 KiB

src/assets/logo_fesa.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

src/components/documents.vue
+72
View File
@@ -0,0 +1,72 @@
<template>
</template>
<script>
export default {
methods: {
downloadItem ({ url, label }) {
Axios.get(url, { responseType: 'blob' })
.then(response => {
const blob = new Blob([response.data], { type: 'application/pdf' })
const link = document.createElement('a')
link.href = URL.createObjectURL(blob)
link.download = label
link.click()
URL.revokeObjectURL(link.href)
}).catch(console.error)
}
}
}
</script>
<style scoped>
.boton-footer {
background-color: rgb(187, 136, 0);
color: white;
width: 14rem;
font-size: 0.8rem;
}
.uno,
.dos,
.tres {
margin-right: 1rem;
}
.btn {
margin-bottom: 1rem;
}
.Azul-puma {
background-color: #1e3c70;
}
.footer {
text-align: center;
color: white;
}
@media (max-width: 768px) {
.uno,
.tres {
margin-right: 4rem;
}
.dos {
margin-right: 0rem;
}
.footer {
font-size: 0.7rem;
}
}
@media (max-width: 970px) {
.uno,
.dos,
.tres {
margin-right: 0.5rem;
}
.footer {
font-size: 0.7rem;
}
}
</style>
src/components/footer.vue
+9
View File
@@ -34,6 +34,15 @@ export default {};
margin-bottom: 1rem; margin-bottom: 1rem;
} }
#footer {
width: 100%;
height: 200px;
background: #333;
border-top: 2px solid #000;
position: absolute;
bottom: 0;
}
.Azul-puma { .Azul-puma {
background-color: #1e3c70; background-color: #1e3c70;
} }
src/components/header.vue
+73 -44
View File
@@ -1,62 +1,91 @@
<template> <template>
<div class="row divMaster header cl-12 azulUnam"> <div class="row azulUnam">
<div class="wrapper"> <div class= "pad">
<div class="wrapperleft"> <div
<a href="https://www.acatlan.unam.mx/" target="_blank"> class="logo_unam col-3 d-inline-flex my-3 align-items-left"
<img src="../assets/logo_acatlan.png" alt="logo acatlan" /> >
</a>
</div> <a href="https://www.unam.mx/" target="_blank">
<div class="wrapperright2"> <img class="sizeImg" src="../assets/logo_unam.png" alt="logo unam" />
<a href="https://www.unam.mx/" target="_blank"> </a>
<img src="../assets/logo_unam.png" alt="logo unam" /> </div>
</a>
</div> </div>
</div>
<div class="logo_acatlan col-1 offset-3 my-4 ">
<a href="https://www.acatlan.unam.mx/" target="_blank">
<div id="imagenbanner">
<img
class="sizeImga"
src="../assets/logo_fesa.png"
alt="logo unam"
/>
</div>
</a>
</div>
<div
class="logo_acatlan_resp col-4 offset-2 d-flex justify-content-center my-2 align-items-center"
>
<a href="https://www.acatlan.unam.mx/" target="_blank">
<img
class="sizeImg"
src="../assets/logo_acatlan.png"
alt="logo unam"
/>
</a>
</div>
</div> </div>
</template> </template>
<script scoped>
export default {};
</script>
<style> <style>
.wrapperright2 {
min-width: 50px; #imagenbanner{
float: left; position: absolute;
height: 10px; top: 8px;
width: 0%; left: 160px;
background-size: 280px, 84px; width: 100px;
background-repeat: no-repeat; line-height: 17px;
padding: 15px
} }
.wrapperleft { .pad{
min-width: 20px;
float: right; padding: 0px;
height: 10px;
width: 25%;
background-size: 100px, 69px;
background-repeat: no-repeat;
background-position-x: 50%;
} }
.wrapper {
min-width: 50px;
width: 85%;
margin: 0px auto;
position: relative;
}
.divMaster { .divMaster {
height: 7em; height: 6em;
margin: 0 auto; margin: 0 auto;
} }
.azulUnam { .azulUnam {
background-color: #1e3c70; background-color: #1e3c70;
} }
.sizeImg {
height: 4.5rem;
}
.sizeImga {
height: 3.3rem;
}
.logo_acatlan_resp {
display: none !important;
}
@media (max-width: 450px) {
.logo_acatlan,
.logo_unam {
display: none !important;
}
.logo_acatlan_resp {
display: block !important;
}
.logo_acatlan_resp a img {
height: 5rem;
}
}
</style> </style>
src/components/nav.vue
+26 -16
View File
@@ -1,7 +1,9 @@
<template> <template>
<div class="divMaster doradoUnam row d-flex justify-content-center"> <div class="divMaster doradoUnam row d-flex justify-content-center">
<div class="col-10 offset-1"> <div class="col-10 offset-1">
<nav class="navbar navbar-expand-sm navbar-dark "> <nav class="navbar navbar-expand-sm navbar-dark ">
<button <button
@click="method()" @click="method()"
class="navbar-toggler col-5" class="navbar-toggler col-5"
@@ -14,8 +16,12 @@
> >
<span class="navbar-toggler-icon blanco d-flex"></span> <span class="navbar-toggler-icon blanco d-flex"></span>
<!-- <span class="mx-2">Menu</span> --> <!-- <span class="mx-2">Menu</span> -->
</button> </button>
<div class="collapse navbar-collapse " id="navbarTogglerDemo02"> <div class="collapse navbar-collapse " id="navbarTogglerDemo02">
<ul class="navbar-nav mr-auto w-100 d-flex align-items-center justify-content-between mt-0 mt-lg-0"> <ul class="navbar-nav mr-auto w-100 d-flex align-items-center justify-content-between mt-0 mt-lg-0">
<li class="nav-item"> <li class="nav-item">
@@ -42,8 +48,8 @@
</nav> </nav>
</div> </div>
</div>
</div>
</template> </template>
@@ -90,18 +96,20 @@
</script> </script>
<style scoped> <style scoped>
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.divMaster { .divMaster {
/* max-width: 1280px; */
height: auto; height: auto;
margin: 0 auto; margin: 0 auto;
} }
nav { nav {
padding: 0.5rem 0; padding: 1.2rem 0;
} }
.azulUnam { .azulUnam {
@@ -129,12 +137,12 @@ nav {
.nav-link:hover { .nav-link:hover {
background-color: #1e3c70; background-color: #1e3c70;
color: white; color: white;
border-radius: 0.2rem; border-radius: 3rem;
} }
.nav-link { .nav-link {
transition: 0.3s; transition: 0.4s;
font-size: 20px; font-size: 22px;
} }
.dropdown-item { .dropdown-item {
@@ -161,7 +169,7 @@ nav {
} */ } */
.dropdown { .dropdown {
position: relative; position: absolute;
display: inline-block; display: inline-block;
height: auto; height: auto;
} }
@@ -171,17 +179,15 @@ nav {
background-color: #f9f9f9; background-color: #f9f9f9;
min-width: 160px; min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
/* padding: 12px 16px; */
top: 0.8rem; top: 0.8rem;
left: -10rem; left: -10rem;
display: block; display: block;
} }
.rescont {
z-index: 2;
}
.list-group-item { .list-group-item {
padding: 12px 16px; padding: 2px 2px;
} }
.navbar-toggler { .navbar-toggler {
@@ -192,13 +198,17 @@ nav {
} }
@media (max-width: 450px) { @media (max-width: 450px) {
.menuText, .menuText
.buscador { {
display: block !important; display: block !important;
} }
.dropdown-menu { .dropdown-menu {
width: 80vw !important; width: 80vw !important;
} }
.nav-link {
font-size: 10px;
margin-top: 1rem;
}
} }
</style> </style>
src/main.js
+2 -1
View File
@@ -1,5 +1,5 @@
import { createApp } from 'vue' import { createApp } from 'vue'
import { BootstrapVue, IconsPlugin } from "bootstrap-vue";
import App from './App.vue' import App from './App.vue'
import router from './router/routes' import router from './router/routes'
import store from './store' import store from './store'
@@ -16,4 +16,5 @@ import "bootstrap/dist/css/bootstrap.min.css";
createApp(App).use(store).use(router).mount('#app') createApp(App).use(store).use(router).mount('#app')
src/views/announcement.vue
+3 -7
View File
@@ -3,14 +3,11 @@
<Header></Header> <Header></Header>
<Nav></Nav> <Nav></Nav>
<div class ="box"> <div class ="box">
<nav class="breadcrumb">
</nav>
<div class= "container"> <div class= "container">
<div class= "content is-normal ">
<h6><b>I. </b></h6> <h6><b>I. </b></h6>
@@ -188,7 +185,6 @@
</div> </div>
</div>
</div> </div>
<Footer></Footer> <Footer></Footer>
@@ -252,7 +248,7 @@ table, th, td {
} }
.space { .space {
margin-left: 40px;width: 700px; margin-left: 40px;width: 20px;
} }
src/views/criteria.vue
+8 -10
View File
@@ -2,16 +2,12 @@
<div> <div>
<Header></Header> <Header></Header>
<Nav></Nav> <Nav></Nav>
<div class ="box">
<nav class="breadcrumb">
</nav> <div class ="box">
<div class= "container"> <div class= "container">
<div class= "content is-normal ">
<h6><b>I. </b></h6> <h6><b>I. </b></h6>
@@ -57,7 +53,7 @@
<li>3. </li> <li>3. </li>
<div class="space"> <div class="space">
<ul class="circle"> <ul class="circle">
<li> </li> <li></li>
<li> </li> <li> </li>
<li> </li> <li> </li>
</ul> </ul>
@@ -394,10 +390,9 @@
</tr> </tr>
</tbody></table> </tbody></table>
</div>
</div> </div>
</div>
</div>
<Footer></Footer> <Footer></Footer>
</div> </div>
@@ -459,11 +454,11 @@ table, th, td {
} }
.space { .space {
margin-left: 40px;width: 700px; margin-left: 0px;width: 0px;
} }
.list { .list {
margin-left: 50px;width: 700px; margin-left: 0px;width: 0px;
} }
@@ -513,6 +508,7 @@ h1, h2, h3, h4, h5, h6 {
padding: 1.25rem; padding: 1.25rem;
text-align: justify; text-align: justify;
} }
@@ -531,4 +527,6 @@ text-align: justify;
} }
</style> </style>
src/views/formats.vue
+66 -59
View File
@@ -1,76 +1,82 @@
<template> <template>
<div> <div>
<Header></Header> <Header></Header>
<Nav></Nav> <Nav></Nav>
<div class ="box"> <div class="box">
<nav class="breadcrumb"></nav>
<div class= "container">
<div class= "content is-normal "> <div class="container">
<h6><b> </b></h6>
<p><a href="/files/F1_inscripcion_proyecto.docx" download>F1. Inscripcion de Proyecto</a></p>
<p><a href="/files/F2_inscripcion_participantes.docx" download>F2. Inscripcion de Particiones</a></p>
<p><a href="/files/F3_carta_cesion.docx" download>F3. Carta de Cesión de Derechos</a></p>
<p><a href="/files/F4_declaracion_ingresos.docx" download>F4. Inscripcion de Particiones</a></p>
<p><a href="/files/F5_solicitud_beca.docx" download>F5. Inscripcion de Particiones</a></p>
<p><a href="/files/F6_carta_justificacion_transferencia.docx" download>F6. Carta justificación de transferencia</a></p>
<p><a href="/files/F7_Formato_Solicitud_transferencia.docx" download>F7. Formato Solicitud de transferencia PAIDI</a></p>
<p><a href="/files/F8_Entrega_Proyecto_Concluido.docx" download>F9. Formato de entrega de trabajo concluido</a></p>
<p>
<h6><b> </b></h6> <a href="recursos/2021/F1_inscripcion_proyecto.docx" target="_blank"
<p><a href="" target="_blank"></a></p> >F1. Inscripción de Proyecto</a
<p><a href="" target="_blank"></a></p> >
<p><a href="" target="_blank"></a></p> </p>
<p><a href="" target="_blank"></a></p> <p><a href="" target="_blank"></a></p>
<p><a href="" target="_blank"></a></p> <p><a href="" target="_blank"></a></p>
<p><a href="" target="_blank"></a></p> <p><a href="" target="_blank"></a></p>
<p><a href="" target="_blank"></a></p> <p><a href="" target="_blank"></a></p>
</div> <p><a href="" target="_blank"></a></p>
<p><a href="" target="_blank"></a></p>
</div> </div>
</div> </div>
<Footer></Footer>
</div>
<Footer></Footer>
</div>
</template> </template>
<script> <script>
import Header from "./../components/header.vue";
import Header from "../components/header.vue"; import Nav from "./../components/nav.vue";
import Nav from "../components/nav.vue"; import Footer from "./../components/footer.vue";
import Footer from "../components/footer.vue";
export default { export default {
components: { components: {
Header, Header,
Nav, Nav,
Footer Footer,
}, },
}; };
</script> </script>
<style scoped> <style scoped>
.cent { .cent {
text-align: center; text-align: center;
} }
h6 { h6 {
font-family: Arial, A030, "Nimbus Sans L", FreeSans, "Liberation Sans",
font-family: Arial,A030,"Nimbus Sans L",FreeSans,"Liberation Sans",sans-serif; sans-serif;
width: 95%; width: 95%;
font-size: 130%; font-size: 130%;
line-height: 115%; line-height: 115%;
background-color: #E5EBFD; background-color: #e5ebfd;
background-position: -136px -33px; background-position: -136px -33px;
border-color: #A0B1DE; border-color: #a0b1de;
border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;
padding: 8px 0px 8px 34px; padding: 8px 0px 8px 34px;
} }
h1, h2, h3, h4, h5, h6 { h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.4em; line-height: 1.4em;
font-family: 'Ubuntu', arial, serif; font-family: "Ubuntu", arial, serif;
font-weight: lighter; font-weight: lighter;
} }
@@ -80,33 +86,34 @@ h1, h2, h3, h4, h5, h6 {
} }
.box { .box {
background: #f1f1f1; background: #f1f1f1;
padding: 1.25rem; padding: 1.25rem;
text-align: justify; text-align: justify;
} }
.container { .container {
width: 950px; width: 950px;
max-width: 100%; max-width: 100%;
background: rgb(255, 255, 255); background: rgb(255, 255, 255);
padding: 1.2em; padding: 1.2em;
} }
p { p {
width: 95%; width: 95%;
text-align: justify; text-align: justify;
} }
a { a {
color: #37b2d1; color: #37b2d1;
} }
.panes .plain-text a { .panes .plain-text a {
text-decoration: none; text-decoration: none;
} }
@media (max-width: 700px) {
.container {
width: 100%;
margin: auto;
}
}
</style> </style>
src/views/glossary.vue
+16 -10
View File
@@ -2,15 +2,15 @@
<div> <div>
<Header></Header> <Header></Header>
<Nav></Nav> <Nav></Nav>
<meta name="viewport" content="initial-scale=1">
<div class ="box"> <div class ="box">
<nav class="breadcrumb">
</nav>
<div class= "container"> <div class= "container">
<div class= "content is-normal ">
<p> </p> <p> </p>
<!-- --> <!-- -->
@@ -59,21 +59,25 @@
<p><strong> </strong></p> <p><strong> </strong></p>
<p><strong> </strong></p> <p><strong> </strong></p>
<p><strong> </strong></p> <p><strong> </strong></p>
<p><strong> </strong></p>
</div> </div>
</div> </div>
</div>
<Footer></Footer> <Footer></Footer>
</div> </div>
</template> </template>
<script> <script>
import Header from "../components/header.vue"; import Header from "./../components/header.vue";
import Nav from "../components/nav.vue"; import Nav from "./../components/nav.vue";
import Footer from "../components/footer.vue"; import Footer from "./../components/footer.vue";
export default { export default {
@@ -90,7 +94,9 @@ export default {
.circle{ .circle{
list-style:disc; list-style:disc;
margin-left: 50px;width: 700px; margin-left: 50px;width: 20px;
} }
ul.space { ul.space {
src/views/home.vue
+21 -7
View File
@@ -3,17 +3,18 @@
<Header></Header> <Header></Header>
<Nav></Nav> <Nav></Nav>
<div class ="box"> <div class ="box">
<div class= "container"> <div class= "container">
<div id="headline">
<br><br><br> <br><br><br>
<div class="paidi"> <div class="paidi">
<img src="../assets/paidi.png"> <img src="../assets/paidi.png" class= "img-fluid">
</div> </div>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
</div> </div>
</div>
<Footer></Footer> <Footer></Footer>
</div> </div>
@@ -46,18 +47,31 @@ export default {
text-align: center; text-align: center;
} }
#content {
font-size: 14px;
line-height: 1.5em;
}
.box { .box {
background: #f1f1f1; background: #ffffff;
padding: 1.25rem; padding: 1.25rem;
text-align: center; text-align: justify;
} }
.container { .container {
width: 1000px; width: 950px;
max-width: 100%; max-width: 100%;
background: rgb(255, 255, 255); background: rgb(255, 255, 255);
padding: 1.2em; padding: 1.2em;
text-align: center;
}
p {
width: 95%;
text-align: justify;
} }
</style> </style>