menu

public/global/nav/cssNav.css

@@ -3,8 +3,15 @@ section#spacer{
     visibility: hidden;
 }
 
-@media(min-width:501px){ section.nav{ position:fixed; } }
-@media(max-width:500px){ section.nav{ position:absolute; } }
+@media(min-width:560px){ 
+  section.nav{ position:fixed; }
+  div.mshow {display:none}
+}
+@media(max-width:559px){ 
+  section.nav{ position:absolute; } 
+  a.mhide {display:none}
+}
+
 section.nav{
  z-index:100;
  width:100%;
@@ -15,7 +22,7 @@ section.nav{
 
 article.lhome{
   height:50px;
-  width:150px;
+  width:85px;
   margin:auto;
 }
 a#hhome{ 
@@ -31,7 +38,7 @@ a#hhome{
 
 /* tel article ------------------*/
 article.tel{
-  flex:5 1 300px;
+  flex:1 1 300px;
   display: -webkit-inline-flex;
   -webkit-justify-content:baseline;
   display: inline-flex;
@@ -43,7 +50,7 @@ div.tnum{
   flex:1 1 100px;
   color: white; 
   margin:auto 10px;
-  max-width:150px;
+  max-width:110px;
 }
 div.icon{
  background-size: contain;
@@ -54,15 +61,15 @@ div.icon{
 div#watts{ width:30px;height:30px; }
 div#tel{ width:20px;height:30px; }
 
-/* nav  --------------------------*/
+/* nav  -------------------------*/
 
 article.nav{
-  flex:6 1 300px;
+  flex:2 1 400px;
   display: inline-flex;
   justify-content:flex-end;
   display: -webkit-inline-flex;
   -webkit-justify-content:flex-end;
-  max-width:400px;
+  /* max-width:400px;*/
 }
 
 a.nav,
@@ -77,6 +84,9 @@ a.nav:hover
  flex:2 1 50px;
 }
 a.nav > p {
+  min-width: 60px;
+  margin-right: 7px;
+  margin-left: 7px;
 }
 
 div#tel{ background-image: url("icon/cel.svg "); }

public/home/home/cssTrans.css

@@ -1,16 +1,24 @@
 section.adown{
 position:absolute;
-top: calc(100vh - 45px);
+top: calc(100vh - 80px);
 width:100%;}
 article.adown{
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image:url("img/adown.svg");
- width: 35px;
- height: 40px;
+ width: 80px;
+ height: 45px;
  margin: auto;
 }
+p.adown{
+  text-align:center;
+  width:90px;
+  margin:auto;
+  font-weight: bolder;
+  font-size: 0.8em;
+  padding-bottom:5px;
+}
 section.trans{
 /*  background-color: gray;*/
   width: 100%;

templates/home/home.html.ep

@@ -18,7 +18,7 @@
   </article>
 </section>
 
-<section id="sadown" class="adown"> <article class="adown"></article></section>
+<section id="sadown" class="adown"> <p class="adown">Desplázate hacia abajo</p><article class="adown"></article></section>
 <section id="trs" class="trans flex">
   <article class="vdg"></article>
   <article id=tcurt" class="trans">

templates/home/htmlNav.html.ep

@@ -9,13 +9,18 @@
    <div class="tnum"><p>(55) 5412 9940</p></div>
  </article> 
  <article class="nav"> 
-   <a class="nav" href="/pang"><p>Nuestra escuela</p></a>
    <a class="nav" href="/cal"><p>Calendario</p></a>
-   <a class="nav" href="/contact"><p>Contacto</p></a>
-   <div id="menu" class="hamb"></div>
+   <a class="nav" href="/radio"><p>Radio</p></a>
+   <a class="nav" href="/tv"><p>Vuelo de Grulla TV</p></a>
+   <a class="nav mhide" href="/pod"><p>Programas Grabados</p></a>
+   <a class="nav mhide" href="/contact"><p>Contacto</p></a>
+   <a class="nav mhide" href="/store"><p>Tienda Virtual</p></a>
+   <a class="nav mhide" href="/pang"><p>Nuestra Escuela</p></a>
+   <div id="menu" class="hamb mshow"></div> 
  </article>
 </section>
 
+<!-- una copia por que no se como resolver el espacio --!>
 <section id="spacer" class="flex nav">
 <article class="lhome">
    <a id="hhome" href="home"></a>
@@ -27,9 +32,13 @@
    <div class="tnum"><p>(55)5412 9940</p></div>
  </article> 
  <article class="nav"> 
-   <a class="nav" href="/pang"><p>Nuestra escuela</p></a>
    <a class="nav" href="/cal"><p>Calendario</p></a>
-   <a class="nav" href="/contact"><p>Contacto</p></a>
-   <div id="menu" class="hamb"></div>
+   <a class="nav" href="/radio"><p>Radio</p></a>
+   <a class="nav" href="/tv"><p>Vuelo de Grulla TV</p></a>
+   <a class="nav mhide" href="/pod"><p>Programas Grabados</p></a>
+   <a class="nav mhide" href="/contact"><p>Contacto</p></a>
+   <a class="nav mhide" href="/store"><p>Tienda Virtual</p></a>
+   <a class="nav mhide" href="/pang"><p>Nuestra Escuela</p></a>
+   <div id="menu" class="hamb mshow"></div> 
  </article>
 </section>