Formato responsive

documents
Descargar documentos
2022-04-26 13:58:28 -05:00 · 2022-04-26 12:10:41 -05:00 · 2022-04-25 23:01:45 -05:00
13 changed files with 181 additions and 10394 deletions
@@ -7,8 +7,11 @@
    "build": "vue-cli-service build"
  },
  "dependencies": {
+    "bootstrap": "^4.6.1",
    "bootstrap-vue": "^2.22.0",
    "core-js": "^3.8.3",
+    "jquery": "^3.6.0",
+    "popper.js": "^1.16.1",
    "vue": "^3.2.13",
    "vue-router": "^4.0.3",
    "vuex": "^4.0.0"
@@ -3,9 +3,9 @@
  <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><%= htmlWebpackPlugin.options.title %></title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <link rel="icon" href="<%= BASE_URL %>favicon_.ico">
+    <title>Facultad de Estudios Superiores Acatlán</title>
  </head>
  <body>
    <noscript>
@@ -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>
@@ -3,12 +3,12 @@
   <div class="wrapper">
         <div class="wrapperleft"> 
          <a href="https://www.acatlan.unam.mx/" target="_blank">
-            <img src="../assets/logo_acatlan.png" alt="logo acatlan" />
+            <img src="../assets/logo_acatlan.png" class= "img-fluid" alt="logo acatlan" />
          </a> 
          </div>
          <div class="wrapperright2">
          <a href="https://www.unam.mx/" target="_blank">
-            <img src="../assets/logo_unam.png" alt="logo unam" />
+            <img src="../assets/logo_unam.png" class= "img-fluid" alt="logo unam" />
          </a> 
          </div>
    </div> 
@@ -23,25 +23,26 @@ export default {};
    min-width: 50px;
    float: left;
    height: 10px;
-    width: 0%;
+    width: 48%;
    background-size: 280px, 84px;
    background-repeat: no-repeat;
-    padding: 15px
+    padding: 13px
 }

 .wrapperleft {
    min-width: 20px;
    float: right;
    height: 10px;
-    width: 25%;
+    width: 50%;
    background-size: 100px, 69px;
    background-repeat: no-repeat;
    background-position-x: 50%;
+    padding: 4px
 }

 .wrapper {
    min-width: 50px;
-    width: 85%;
+    width: 100%;
    margin: 0px auto;
    position: relative;
 }
@@ -161,7 +161,7 @@ nav {
 } */

 .dropdown {
-  position: relative;
+  position: absolute;
  display: inline-block;
  height: auto;
 }
@@ -171,17 +171,17 @@ nav {
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
-  /* padding: 12px 16px; */
+
  top: 0.8rem;
  left: -10rem;
  display: block;
 }
 .rescont {
-  z-index: 2;
+  z-index: ;
 }

 .list-group-item {
-  padding: 12px 16px;
+  padding: 2px 2px;
 }

 .navbar-toggler {
@@ -1,5 +1,5 @@
 import { createApp } from 'vue'
-import { BootstrapVue, IconsPlugin } from "bootstrap-vue";
+
 import App from './App.vue'
 import router from './router/routes'
 import store from './store'
@@ -16,4 +16,5 @@ import "bootstrap/dist/css/bootstrap.min.css";



+
 createApp(App).use(store).use(router).mount('#app')
@@ -11,7 +11,14 @@

 
     <h6><b> </b></h6>
-<p><a href="" target="_blank"></a></p>
+
+<a
+  :href="item.url"
+  v-text="item.label"
+  @click.prevent="downloadItem(item)"/> 
+
+
+<p><a href="recursos/2021/F1_inscripcion_proyecto.docx" target="_blank">F1. Inscripción de Proyecto</a></p>
 <p><a href="" target="_blank"></a></p>
 <p><a href="" target="_blank"></a></p>
 <p><a href="" target="_blank"></a></p>
@@ -31,6 +38,7 @@

 <script>

+
 import Header from "../components/header.vue";
 import Nav from "../components/nav.vue";
 import Footer from "../components/footer.vue";
@@ -3,17 +3,24 @@
    <Header></Header>
  <Nav></Nav>
    <div  class ="box"> 
+    
+         
     <div class= "container">  
-       <div id="headline">
+       <div class= "content is-normal ">
        <br><br><br>
           <div class="paidi">
-            <img src="../assets/paidi.png">
+            <img src="../assets/paidi.png" class= "img-fluid">

            </div>
            <div class="clear"></div>
            </div>
   </div>
 </div>
+
+
+
+
+
 <Footer></Footer>
  </div>

@@ -46,18 +53,31 @@ export default {
   text-align: center;
 }

+#content {
+  font-size: 14px;
+  line-height: 1.5em;
+}
+
 .box {
    background: #f1f1f1;
    padding: 1.25rem;
-    text-align: center;   
+    text-align: justify;
+    
+   
 }

 .container {
-    width: 1000px;
+    width: 950px;
    max-width: 100%;
    background: rgb(255, 255, 255);
    padding: 1.2em;
-    text-align: center;
+    
+}
+
+p {
+width: 95%;
+text-align: justify;
+    
 }

 </style>
Author	SHA1	Message	Date
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