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

Add recursos.vue component with header, navigation, and footer #28

Merged
jalvarado merged 1 commits from develop into main 2025-06-30 16:01:19 +00:00
Conversation 0 Commits 1 Files Changed 9
+287 -85
9 changed files with 287 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/files/2018_Reglamento_ConsejoUniversitario_01.pdf
BIN
View File
Binary file not shown.
public/files/241209-suplemento-Programa-de-Racionalidad-Presupuestaria-2025.pdf
BIN
View File
Binary file not shown.
public/files/CatalogoBase-2025.pdf
BIN
View File
Binary file not shown.
public/files/LineamientosDeUsoAceptableDeLosRecursosDeCómputoConectividadFESAcatlán.pdf
BIN
View File
Binary file not shown.
src/components/nav.vue
+33 -27
View File
@@ -1,7 +1,7 @@
<template>
<div class="divMaster doradoUnam row d-flex justify-content-center">
<div class="divMaster doradoUnam row d-flex justify-content-center">
<div class="col-9 offset-3">
<nav class="navbar navbar-expand-sm navbar-dark ">
<nav class="navbar navbar-expand-sm navbar-dark">
<button
@click="method()"
class="navbar-toggler col-5"
@@ -12,43 +12,51 @@
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon blanco d-flex"></span>
</button>
<span class="navbar-toggler-icon blanco d-flex"></span>
</button>
<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">
<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"
>
<li class="nav-item">
<a class="nav-link text-white" @click="home()">Inicio</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" @click="announcement()">Convocatoria</a>
<a class="nav-link text-white" @click="announcement()"
>Convocatoria</a
>
</li>
<li class="nav-item">
<li class="nav-item">
<a class="nav-link text-white" @click="glossary()">Glosario</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" @click="criteria()">Criterios de operación</a>
<li class="nav-item">
<a class="nav-link text-white" @click="criteria()"
>Criterios de operación</a
>
</li>
<li class="nav-item">
<li class="nav-item">
<a class="nav-link text-white" @click="formats()">Formatos</a>
</li>
</li>
<li class="nav-item">
<a class="nav-link text-white" @click="recursos()">Recursos</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
</template>
<script>
export default {
export default {
methods: {
home() {
this.$router.push("/").catch(() => {
location.reload();
});
},
announcement() {
this.$router.push("/announcement").catch(() => {
location.reload();
@@ -64,27 +72,27 @@
location.reload();
});
},
formats() {
formats() {
this.$router.push("/formats").catch(() => {
location.reload();
});
},
},
recursos() {
this.$router.push("/recursos").catch(() => {
location.reload();
});
},
},
};
</script>
<style scoped>
* {
margin: 0;
padding: 0;
}
.divMaster {
height: auto;
margin: 0 auto;
}
@@ -115,7 +123,7 @@ nav {
}
.nav-link:hover {
background: linear-gradient(to right, #1e3c70, #30589e);
background: linear-gradient(to right, #1e3c70, #30589e);
color: white;
border-radius: 3rem;
}
@@ -165,7 +173,6 @@ nav {
display: block;
}
.list-group-item {
padding: 2px 2px;
}
@@ -178,8 +185,7 @@ nav {
}
@media (max-width: 450px) {
.menuText
{
.menuText {
display: block !important;
}
src/router/routes.js
+35 -33
View File
@@ -1,43 +1,45 @@
import { createRouter, createWebHashHistory } from 'vue-router'
import { createRouter, createWebHashHistory } from "vue-router";
const routes = [
{
path: '/',
name: 'home',
component: () => import( '../views/home.vue')
},
{
path: '/announcement',
name: 'announcement',
component: () => import( '../views/announcement.vue')
},
{
path: '/criteria',
name: 'criteria',
component: () => import( '../views/criteria.vue')
path: "/",
name: "home",
component: () => import("../views/home.vue"),
},
{
path: '/glossary',
name: 'glossary',
component: () => import( '../views/glossary.vue')
},
{
path: '/formats',
name: 'formats',
component: () => import( '../views/formats.vue')
}
path: "/announcement",
name: "announcement",
]
component: () => import("../views/announcement.vue"),
},
{
path: "/criteria",
name: "criteria",
component: () => import("../views/criteria.vue"),
},
{
path: "/glossary",
name: "glossary",
component: () => import("../views/glossary.vue"),
},
{
path: "/formats",
name: "formats",
component: () => import("../views/formats.vue"),
},
{
path: "/recursos",
name: "recursos",
component: () => import("../views/recursos.vue"),
},
];
const router = createRouter({
history: createWebHashHistory(),
routes
})
routes,
});
export default router
export default router;
src/views/criteria.vue
+2
View File
@@ -1116,6 +1116,8 @@
</li>
</ul>
<p>Una vez concluido el proyecto, los equipos adquiridos deberán asignarse a funciones académicas, preferentemente a la continuidad de los productos generados y/o al área de conocimiento en la que se desarrolló el mismo dentro de la entidad académica en la que se llevó a cabo el proyecto ó transferirse al CeDeTeC para su reasignación.</p>
<div class="listasAlpha">
<ul class="circle">
<br />
src/views/formats.vue
+65 -25
View File
@@ -3,24 +3,60 @@
<Header></Header>
<Nav></Nav>
<div class="box">
<div class="container">
<div classs="plain-text">
<h6><b>I. Formatos </b></h6>
<p><a href="/files/F1_Inscripcion_del_proyecto_2025.docx" download>F1. Inscripción del Proyecto</a></p>
<p><a href="/files/F2_Inscripcion_de_participantes_2025.docx" download>F2. Inscripción de Participantes</a></p>
<p><a href="/files/F3_Carta_Cesion_de_Derechos_2025.docx" download>F3. Carta Cesión de derechos de propiedad intelectual (firmado por el responsable del proyecto)</a></p>
<p><a href="/files/F4_Declaracion_de_ingresos_2025.docx" download>F4. Declaración de Ingresos</a></p>
<p><a href="/files/F5_Solicitud_de_beca_2025.docx" download>F5. Solicitud de beca</a></p>
<p><a href="/files/F6_Carta_justificacion_de_transferencia_2025.docx" download>F6. Carta justificación de transferencia</a></p>
<p><a href="/files/F7_Formato_Solicitud_de_transferencia_2025.docx" download>F7. Formato solicitud de transferencia</a></p>
<p><a href="/files/F8_Entrega_Proyecto_Concluido_2025.docx" download>F8. Formato de entrega de trabajo concluido</a></p>
</div>
</div>
</div>
<div class="container">
<div classs="plain-text">
<h6><b>I. Formatos </b></h6>
<p>
<a href="/files/F1_Inscripcion_del_proyecto_2025.docx" download
>F1. Inscripción del Proyecto</a
>
</p>
<p>
<a href="/files/F2_Inscripcion_de_participantes_2025.docx" download
>F2. Inscripción de Participantes</a
>
</p>
<p>
<a href="/files/F3_Carta_Cesion_de_Derechos_2025.docx" download
>F3. Carta Cesión de derechos de propiedad intelectual (firmado
por el responsable del proyecto)</a
>
</p>
<p>
<a href="/files/F4_Declaracion_de_ingresos_2025.docx" download
>F4. Declaración de Ingresos</a
>
</p>
<p>
<a href="/files/F5_Solicitud_de_beca_2025.docx" download
>F5. Solicitud de beca</a
>
</p>
<p>
<a
href="/files/F6_Carta_justificacion_de_transferencia_2025.docx"
download
>F6. Carta justificación de transferencia</a
>
</p>
<p>
<a
href="/files/F7_Formato_Solicitud_de_transferencia_2025.docx"
download
>F7. Formato solicitud de transferencia</a
>
</p>
<p>
<a href="/files/F8_Entrega_Proyecto_Concluido_2025.docx" download
>F8. Formato de entrega de trabajo concluido</a
>
</p>
</div>
</div>
</div>
<Footer></Footer>
</div>
</template>
<script>
@@ -38,25 +74,29 @@ export default {
</script>
<style scoped>
.panes .plain-text {
/* text-indent: 1.5em; */
padding: 30px 0px 0px 0px;
line-height: 1.5em;
/* text-indent: 1.5em; */
padding: 30px 0px 0px 0px;
line-height: 1.5em;
}
b {
font-weight: bold;
font-weight: bold;
}
#content p {
margin-bottom: 20px;
margin-bottom: 20px;
}
.panes .plain-text h1, .panes .plain-text h2, .panes .plain-text h3, .panes .plain-text h4, .panes .plain-text h5, .panes .plain-text h6 {
margin-bottom: 20px;
.panes .plain-text h1,
.panes .plain-text h2,
.panes .plain-text h3,
.panes .plain-text h4,
.panes .plain-text h5,
.panes .plain-text h6 {
margin-bottom: 20px;
}
strong {
font-weight: bold;
font-weight: bold;
}
.cent {
text-align: center;
src/views/recursos.vue
+152
View File
@@ -0,0 +1,152 @@
<template>
<div>
<Header></Header>
<Nav></Nav>
<div class="box">
<div class="container">
<div classs="plain-text">
<h6><b>I. Formatos </b></h6>
<p>
<!-- <a href="/files/recursos/CatalogoBase-2025.pdf" download
-->
<a href="/files/CatalogoBase-2025.pdf" download
>Catálogo base de equipo de cómputo y periféricos 2025</a
>
</p>
<p>
<a
href="/files/LineamientosDeUsoAceptableDeLosRecursosDeCómputoConectividadFESAcatlán.pdf"
download
>Lineamientos de uso aceptable de los recursos de cómputo y
conectividad de la Facultad de Estudios Superiores Acatlán</a
>
</p>
<p>
<a
href="/files/241209-suplemento-Programa-de-Racionalidad-Presupuestaria-2025.pdf"
download
>Programa de racionalidad presupuestaria 2025</a
>
</p>
<p>
<a
href="/files/2018_Reglamento_ConsejoUniversitario_01.pdf"
download
>Reglamento de responsabilidades administrativas de las y los
funcionarios y empleados de la</a
>
</p>
</div>
</div>
</div>
<Footer></Footer>
</div>
</template>
<script>
import Header from "./../components/header.vue";
import Nav from "./../components/nav.vue";
import Footer from "./../components/footer.vue";
export default {
components: {
Header,
Nav,
Footer,
},
};
</script>
<style scoped>
.panes .plain-text {
/* text-indent: 1.5em; */
padding: 30px 0px 0px 0px;
line-height: 1.5em;
}
b {
font-weight: bold;
}
#content p {
margin-bottom: 20px;
}
.panes .plain-text h1,
.panes .plain-text h2,
.panes .plain-text h3,
.panes .plain-text h4,
.panes .plain-text h5,
.panes .plain-text h6 {
margin-bottom: 20px;
}
strong {
font-weight: bold;
}
.cent {
text-align: center;
}
h6 {
font-family: Arial, A030, "Nimbus Sans L", FreeSans, "Liberation Sans",
sans-serif;
width: 95%;
font-size: 130%;
line-height: 115%;
background-color: #e5ebfd;
background-position: -136px -33px;
border-color: #a0b1de;
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1px;
padding: 8px 0px 8px 34px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.4em;
font-family: "Ubuntu", arial, serif;
font-weight: lighter;
}
#content {
font-size: 14px;
line-height: 1.5em;
}
.box {
background: #f1f1f1;
padding: 1.25rem;
text-align: justify;
}
.container {
width: 950px;
max-width: 100%;
background: rgb(255, 255, 255);
padding: 1.2em;
}
p {
width: 95%;
text-align: justify;
margin-top: 5px;
}
a {
color: #37b2d1;
}
.panes .plain-text a {
text-decoration: none;
}
@media (max-width: 700px) {
.container {
width: 100%;
margin: auto;
}
}
</style>