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">
+    <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>
  <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