From 0a7b2dbb341594bdc8c22e0182357a03bd253d56 Mon Sep 17 00:00:00 2001
From: DanielRamirezGe <daniel.adrian.ramirez.george@gmail.com>
Date: Tue, 4 Aug 2020 10:32:35 -0500
Subject: [PATCH] ajuste de imagenes

---
 src/components/form.vue |  27 ++-
 src/config/config.js    |   4 +-
 src/view/footer.vue     | 493 ++--------------------------------------
 3 files changed, 43 insertions(+), 481 deletions(-)

diff --git a/src/components/form.vue b/src/components/form.vue
index 148a13e..2de34e3 100644
--- a/src/components/form.vue
+++ b/src/components/form.vue
@@ -191,7 +191,7 @@
             <p class="botton_falso" v-else>Registrar</p>
           </div>
           <div class="pure-u-1 pure-u-md-1-2">
-            <button class="button_salir " @click="salir()">Salir</button>
+            <button class="button_salir" @click="salir()">Salir</button>
           </div>
         </div>
       </fieldset>
@@ -449,43 +449,48 @@ export default {
 
 @media screen and (max-width: 500px) {
   .botton_falso {
+    text-align: center;
     margin-left: 4rem;
-    margin-right: 0rem;
+    margin-right: 4rem;
     margin-bottom: 2rem;
     margin-top: 3rem;
   }
 
   .button_salir {
     margin-left: 4rem;
-    margin-right: 0rem;
+    margin-right: 4rem;
     margin-bottom: 2rem;
     margin-top: 1rem;
   }
 
   .button {
+    text-align: center;
+
     margin-left: 4rem;
-    margin-right: 0rem;
+    margin-right: 4rem;
     margin-bottom: 2rem;
     margin-top: 3rem;
   }
 }
 @media screen and (max-width: 380px) {
   .botton_falso {
+    text-align: center;
     margin-left: 3rem;
-    margin-right: 0rem;
+    margin-right: 2rem;
     margin-bottom: 2rem;
     margin-top: 3rem;
   }
 
   .button_salir {
     margin-left: 3rem;
-    margin-right: 0rem;
+    margin-right: 2rem;
     margin-bottom: 2rem;
     margin-top: 1rem;
   }
   .button {
+    text-align: center;
     margin-left: 3rem;
-    margin-right: 0rem;
+    margin-right: 2rem;
     margin-bottom: 2rem;
     margin-top: 3rem;
   }
@@ -493,22 +498,24 @@ export default {
 
 @media screen and (max-width: 325px) {
   .botton_falso {
+    text-align: center;
     margin-left: 1.5rem;
-    margin-right: 0rem;
+    margin-right: 1.5rem;
     margin-bottom: 2rem;
     margin-top: 3rem;
   }
 
   .button_salir {
     margin-left: 1.5rem;
-    margin-right: 0rem;
+    margin-right: 1.5rem;
     margin-bottom: 2rem;
     margin-top: 1rem;
   }
 
   .button {
+    text-align: center;
     margin-left: 1.5rem;
-    margin-right: 0rem;
+    margin-right: 1.5 rem;
     margin-bottom: 2rem;
     margin-top: 3rem;
   }
diff --git a/src/config/config.js b/src/config/config.js
index a63cb0b..4c919a0 100644
--- a/src/config/config.js
+++ b/src/config/config.js
@@ -1,5 +1,5 @@
 const config = {
-  //api: "http://localhost:3001"
-  api: "https://venus.acatlan.unam.mx/indiana_hackaton"
+  api: "http://localhost:3001"
+  //api: "https://venus.acatlan.unam.mx/indiana_hackaton"
 };
 module.exports = config;
diff --git a/src/view/footer.vue b/src/view/footer.vue
index 7331952..88acd9b 100644
--- a/src/view/footer.vue
+++ b/src/view/footer.vue
@@ -46,230 +46,40 @@
 export default {};
 </script>
 
-<style>
-.img-footer-1 {
-  width: 120px;
-  height: 90px;
-  margin: 3% auto;
-}
-
-.img-footer-2 {
-  width: 90px;
-  height: 100px;
-  margin: 2% auto;
-}
-
-@media screen and (max-width: 767px) {
-  .footer img {
-    width: 40px;
-    height: 40px;
-  }
-  .texto_footer {
-    font-size: 12px !important;
-  }
-}
-.general {
-  max-width: 1280px;
-  height: auto;
-  margin: 0 auto;
-}
-
-.header {
-  width: 100%;
-  max-height: 260px;
-  background-color: #000000;
-}
-
-.logo_unam {
-  padding: 2% 3%;
-}
-
-.logo_unam img {
-  display: block;
-  margin: 0 auto;
-  width: 130px;
-}
-
-@media screen and (max-width: 768px) {
-  .logo_unam img {
-    width: 50px;
-    margin-right: auto;
-    margin-left: 0px;
-    display: block;
-  }
-}
-
-.logo_der {
-  display: block;
-  margin-left: auto;
-}
-
-.logo_aws {
-  max-width: 100px;
-  display: block;
-  margin-top: 4%;
-  margin-left: auto;
-}
-
-.banner {
-  width: 100%;
-  height: auto;
-}
-
-.q_aws {
-  height: auto;
-  width: 100%;
-  background-color: #37475a;
-}
-
-.aws-desafio {
-  padding-top: 4%;
-  padding-bottom: 2%;
-  background-color: #ffffff;
-}
-
-.aws-desafio p {
-  font-family: sans-serif;
-  padding: 0 10%;
-  text-align: justify;
-}
-
-.aws-desafio h3 {
-  text-align: center;
-}
-
-.beneficio_cont {
-  width: 100%;
-  height: auto;
-  border-top-style: groove;
-  border-bottom-style: groove;
-  letter-spacing: 0px;
-}
-
-.punto-1 {
-  text-align: justify;
-  padding: 3% 4%;
-  color: #ffffff;
-}
-
-.punto-1 h5 {
-  text-align: center;
-  background-color: #1e3c70;
-  border-radius: 5px;
-  color: #ffffff;
-  padding: 2% 0;
-}
-
-.punto-2 {
-  text-align: justify;
-  padding: 3% 4%;
-  color: #ffffff;
-}
-
-.punto-2 h5 {
-  text-align: center;
-  background-color: #1e3c70;
-  border-radius: 5px;
-  color: #ffffff;
-  padding: 2% 0;
-}
-
-.punto-3 {
-  text-align: justify;
-  padding: 3% 4%;
-  color: #ffffff;
-}
-
-.punto-3 h5 {
-  text-align: center;
-  background-color: #1e3c70;
-  border-radius: 5px;
-  color: #ffffff;
-  padding: 2% 0;
-}
-
-.beneficio_prog {
-  width: 100%;
-  height: auto;
-  padding: 3% 8%;
-  letter-spacing: 0px;
-  border-top-style: groove;
-}
-
-.txt_acord {
-  color: #ffffff;
-  width: 100%;
-  height: auto;
-  font-size: 80%;
-  margin-bottom: 20px;
-  text-align: left;
-  padding-right: 5%;
-  padding-bottom: 2%;
-}
-
-.accordion {
-  background-color: #131a22;
-  color: #fff;
-  cursor: pointer;
-  padding: 5px;
-  width: 90%;
-  text-align: center;
-  outline: none;
-  font-size: 15px;
-  transition: 0.4s;
-  margin-left: 5%;
-  margin-right: 5%;
-  letter-spacing: 0px;
-}
-
-.active,
-.accordion:hover {
-  background-color: #131a22;
-}
-
-.accordion:after {
-  content: "\002B";
-  color: #fff;
-  font-weight: bold;
-  float: right;
-  margin-left: 5px;
-}
-
-.panel {
-  padding: 0 13px;
-  background-color: #37475a;
-  max-height: 0;
-  overflow: hidden;
-  transition: max-height 0.2s ease-out;
-  border-color: #131a22;
-  border-style: solid;
-  border-width: 0.5px;
-  margin: 0 5%;
-  width: 90%;
-}
-
-.panel p {
-  color: #ffffff;
-  text-align: justify;
-  padding: 1% 6%;
+<style>.general {
+    max-width: 1280px;
+    height: auto;
+    margin: 0 auto;
 }
 
 .footer {
   height: auto;
   /*width: 100%;*/
   letter-spacing: 0px;
-  background: #37475a;
+  background: #37475A;
   padding: 5px;
 }
 
+.img-footer-1 {
+	width: 120px;
+	height: 90px;
+	margin: 3% auto;
+}
+
+.img-footer-2 {
+	width: 90px;
+	height: 100px;
+	margin: 2% auto;
+}
+
 @media screen and (max-width: 767px) {
-  .footer img {
-    width: 40px !important;
-    height: 40px !important;
-  }
-  .texto_footer {
-    font-size: 12px !important;
-  }
+      .footer img{
+    	width: 40px;
+		height: 40px;
+    }
+	.texto_footer{
+		font-size: 12px !important;
+	}
 }
 
 .texto_footer {
@@ -281,259 +91,4 @@ export default {};
   font-size: 100%;
   margin-bottom: 10px;
 }
-
-.inscripcion {
-  width: 100%;
-  height: auto;
-  background-color: #37475a;
-  color: #ffffff;
-  padding: 3% 1%;
-  letter-spacing: 0px;
-}
-
-.inscripcion-1 {
-  text-align: justify;
-  padding: 3% 4%;
-  overflow-x: auto;
-}
-
-.inscripcion-1 li {
-  text-align: left;
-}
-
-.inscripcion-1 a {
-  font-size: 12px;
-  text-decoration: none;
-  text-decoration-color: #ffffff;
-  color: #ffffff;
-}
-
-.inscripcion-1 a:hover {
-  color: #ffffff;
-}
-
-.inscripcion-2 {
-  text-align: justify;
-  padding: 3% 4%;
-}
-
-.inscripcion-2 li {
-  text-align: left;
-}
-
-.inscripcion-3 {
-  text-align: justify;
-  padding: 3% 4%;
-  overflow-x: auto;
-}
-
-.inscripcion-3 li {
-  text-align: left;
-}
-
-.inscripcion h3 {
-  text-align: center;
-}
-
-.boton {
-  text-align: center;
-  margin: 1%;
-  font-size: 100%;
-  letter-spacing: 0px;
-}
-
-.eventos {
-  width: 100%;
-  height: auto;
-  padding: 2%;
-}
-
-.titulo-ev {
-  width: 100%;
-  height: auto;
-  background-color: #232f3e;
-  text-align: center;
-  padding: 0.5% 0;
-  letter-spacing: 0;
-  margin-top: 1%;
-  color: white;
-}
-
-.evento-txt {
-  padding: 4%;
-  border: solid #232f3e 1px;
-  font-size: 80%;
-}
-
-.evento-txt p {
-  font-family: sans-serif;
-}
-
-.volver {
-  width: 100px;
-  height: auto;
-  background: #1e3c70;
-  border-radius: 5px;
-  margin-top: 1%;
-  margin-left: auto;
-  margin-right: auto;
-  text-align: center;
-  padding: 5px 0;
-}
-
-.volver a {
-  text-decoration: none;
-  color: white;
-  font-size: 80%;
-  text-align: center;
-}
-
-.volver1 {
-  width: 100%;
-  height: auto;
-}
-
-.barra-menu {
-  background: #37475a;
-  width: 100%;
-  height: auto;
-}
-
-.menu {
-  max-width: 1280px;
-  background: #37475a;
-  height: auto;
-  margin: 0 auto;
-}
-
-.navbar {
-  padding: 2px 2px !important;
-}
-
-.navbar ul {
-  margin: 0 auto;
-}
-
-#hackmenu .nav-item {
-  background-color: #37475a;
-  width: auto;
-  margin: 0 auto;
-}
-
-#hackmenu .nav-link {
-  color: #ffffff !important;
-  font-family: "Arial";
-  font-weight: bold;
-  text-align: center;
-}
-
-#hackmenu .nav-link:hover {
-  color: #390051 !important;
-  opacity: 0.5;
-}
-
-#hackmenu .dropdown-menu {
-  background: #390051 !important;
-  opacity: 0.8;
-}
-
-.boton-arriba {
-  display: none;
-  padding: 10px;
-  color: #ffffff;
-  cursor: pointer;
-  position: fixed;
-  bottom: 10px;
-  right: 10px;
-}
-
-.icon img {
-  padding: 5px;
-  background: #024959;
-  color: #ffffff;
-  cursor: pointer;
-  position: fixed;
-  bottom: 10px;
-  right: 10px;
-  opacity: inherit;
-}
-
-.icon {
-  display: inline-block;
-  width: 1em;
-  height: 1em;
-  stroke-width: 0;
-  stroke: currentColor;
-  fill: currentColor;
-  opacity: 0.7;
-}
-
-.descripcion-event {
-  text-align: center;
-}
-
-.btn-ins {
-  color: #ffffff;
-  width: 170px;
-  margin: 2% auto;
-}
-
-.btn-ins p {
-  padding: 8px 0;
-  border: solid 1px #cc9713;
-  border-radius: 7px;
-  background-color: #cc9713;
-}
-
-.btn-ins a {
-  text-decoration: none;
-  color: #ffffff;
-  text-decoration-line: none;
-}
-
-.btn-ins a:hover {
-  text-decoration: none;
-  color: #ffffff;
-  color: #1e3c70;
-  opacity: 0.5;
-}
-
-/******** estilos registro ********/
-
-.registro-general {
-  max-width: 800px;
-  height: auto;
-  margin: 10% auto;
-  padding: 0 4%;
-  background-color: #445f87;
-  opacity: 1;
-  border-radius: 8px;
-}
-
-.registro-general legend {
-  color: #ffffff;
-}
-
-.registro-general label {
-  color: #ffffff;
-}
-
-.registro-general a {
-  background-color: firebrick;
-  color: #ffffff;
-  text-decoration: none;
-}
-
-.registro-general a:hover {
-  text-decoration: none;
-  color: #ffffff;
-}
-
-.registro-general button {
-  background-color: forestgreen;
-}
-
-.registro-general p {
-  font-size: 11px;
-}
 </style>