Added a new landing: Mujeres Protagonistas and modified Transformando

controllers/landings.py

@@ -12,3 +12,7 @@ def l_morena():
 def l_transformando():
     favicon_name='favicon_transformando.png'
     return dict(favicon_name=favicon_name)
+
+def l_mujeres_protagonistas():
+    favicon_name='favicon_mujeres_protagonistas.png'
+    return dict(favicon_name=favicon_name)

languages/es.py

@@ -143,6 +143,7 @@
 'Memberships': 'Membresias',
 'Menu Model': 'Modelo "menu"',
 'Morena Hidalgo': 'Morena Hidalgo',
+'Mujeres Protagonistas': 'Mujeres Protagonistas',
 'My Sites': 'Mis Sitios',
 'Name': 'Nombre',
 'New password': 'Contraseña nueva',

models/menu.py

@@ -20,7 +20,8 @@ if not configuration.get('app.production'):
         (T('Landing pages'), False, '#', [
             (T('Edda Vitte'), False, URL('landings', 'l_edda')),
             (T('Morena Hidalgo'), False, URL('landings', 'l_morena')),
-            (T('Transformando Hidalgo'), False, URL('landings', 'l_transformando'))
+            (T('Transformando Hidalgo'), False, URL('landings', 'l_transformando')),
+            (T('Mujeres Protagonistas'), False, URL('landings', 'l_mujeres_protagonistas'))
         ]),
         (T('This App'), False, '#', [
             (T('Design'), False, URL('admin', 'default', 'design/%s' % _app)),

static/css/mujeres_protagonistas.css

@@ -0,0 +1,97 @@
+@font-face {
+  font-family: gothamBook;
+  src: url(../fonts/Gotham-Book.otf);
+}
+
+@font-face {
+  font-family: gothamMedium;
+  src: url(../fonts/Gotham-Medium.otf);
+}
+
+@font-face {
+  font-family: gothamBlack;
+  src: url(../fonts/Gotham-Black.otf);
+}
+
+.main-container{
+  margin-top: 0px;
+}
+
+.bg-mujeres-protagonistas-lpurple {
+  background-color: #69425a;
+}
+
+h2{
+  font-family: gothamBlack;
+  color: #fffbf0;
+}
+
+h3{
+  font-family: gothamBlack;
+  font-size: 1.25rem;
+  color: #cf6285;
+}
+
+.mujeres-protagonistas-text{
+  font-family: gothamBook;
+  color: #fffbf0;
+  font-size: 1rem;
+}
+
+.date-label{
+  font-family: gothamMedium;
+  font-size: 1.25rem;
+  color: #fffbf0;
+}
+
+.div-mujeres-protagonistas-form{
+  padding: 2rem 2rem 6rem 2rem;
+}
+
+.form-control{
+  background-color: #fffbf0 !important;
+  border-radius: 0px !important;
+}
+
+.form-outer-border{
+  padding: 0 0.25rem 0.25rem 0;
+  border-radius: 0px;
+  border-style: none solid solid none;
+  border-width:thin;
+  border-color: #fffbf0;
+}
+
+.btn-mujeres-protagonistas{
+  font-family: gothamBlack;
+  font-size: 1.75rem;
+  color: #fffbf0;
+  background-color: #cf6285;
+  border-radius: 0.75rem;
+  letter-spacing: 0.15rem;
+}
+
+.footer{
+  height: 100px;
+  font-family: gothamMedium;
+  font-size: 0.75rem;
+  color: #69425a;
+  background-color:#cf6285 !important;
+}
+
+@media (min-width: 600px) {
+  .banner-text{
+    display: block;
+  }
+  .banner-notext{
+    display: none;
+  }
+}
+
+@media (max-width: 600px) {
+  .banner-text{
+    display: none;
+  }
+  .banner-notext{
+    display: block;
+  }
+}

views/landings/l_mujeres_protagonistas.html

@@ -0,0 +1,98 @@
+{{extend 'layout.html'}}
+<link rel="stylesheet" href="{{=URL('static', 'css/mujeres_protagonistas.css')}}">
+<div class="container-fluid main-container">
+  <div class="row align-items-center">
+    <div class="col-12 px-0">
+      <img class="w-100 banner-text" src="{{=URL('static', 'images/banner_mujeres_protagonistas.png')}}" class="img-fluid" alt="">
+      <img class="w-100 banner-notext" src="{{=URL('static', 'images/banner_mujeres_protagonistas_notext.png')}}" class="img-fluid" alt="">
+    </div>
+  </div>
+  <div class="row div-mujeres-protagonistas-form bg-mujeres-protagonistas-lpurple">
+    <div class="col-12 mx-auto">
+      <form class="" enctype="multipart/form-data" method="post">
+        <div class="row banner-notext">
+          <div class="col-12">
+            <div class="mujeres-protagonistas-text mb-2">
+              ¿Quieres formar parte del <span style="font-family:gothamBlack">mejor movimiento de mujeres del estado de Hidalgo?</span>
+            </div>
+            <div class="mujeres-protagonistas-text mb-4">
+              Regístrate con nosotras.
+            </div>
+          </div>
+        </div>
+        <div class="row mb-4" style="max-width: 640px">
+          <div class="col-12 form-group">
+            <label for="formularioNombre"><h3>NOMBRE(S)</h3></label>
+            <div class="form-outer-border">
+              <input type="text" class="form-control" id="formularioNombre" placeholder="">
+            </div>
+          </div>
+        </div>
+        <div class="row mb-4" style="max-width: 640px">
+          <div class="col-12 col-lg-6 form-group">
+            <label for="formularioApellidoP"><h3>APELLIDO PATERNO</h3></label>
+            <div class="form-outer-border">
+              <input type="text" class="form-control" id="formularioApellidoP" placeholder="">
+            </div>
+          </div>
+          <div class="col-12 col-lg-6 form-group">
+            <label for="formularioApellidoM"><h3>APELLIDO MATERNO</h3></label>
+            <div class="form-outer-border">
+              <input type="text" class="form-control" id="formularioApellidoM" placeholder="">
+            </div>
+          </div>
+        </div>
+        <div class="row mb-4" style="max-width: 640px">
+          <div class="col-12 form-group">
+            <label for="formularioNacimiento"><h3>FECHA DE NACIMIENTO</h3></label>
+            <div class="row" id="formularioNacimiento">
+              <div class="col-3">
+                <span class="date-label">DÍA</span>
+                <input type="numeric" class="form-control" placeholder="">
+              </div>
+              <div class="col-3">
+                <span class="date-label">MES</span>
+                <input type="numeric" class="form-control" placeholder="">
+              </div>
+              <div class="col-6">
+                <span class="date-label">AÑO</span>
+                <input type="numeric" class="form-control" placeholder="">
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="row mb-4">
+          <div class="col-12 col-lg-3 form-group" style="max-width: 640px">
+            <label for="formularioCelular"><h3>TELÉFONO</h3></label>
+            <div class="form-outer-border">
+              <input type="numeric" class="form-control" id="formularioCelular" placeholder="">
+            </div>
+          </div>
+          <div class="col-12 col-lg-3 form-group" style="max-width: 640px">
+            <label for="formularioCorreo"><h3>CORREO ELECTRÓNICO</h3></label>
+            <div class="form-outer-border">
+              <input type="email" class="form-control" id="formularioCorreo" placeholder="">
+            </div>
+          </div>
+          <div class="col-12 col-lg-6 text-center">
+            <input type="image" name="submit" src="{{=URL('static','images/btn_mujeres_protagonistas.png')}}" border="0" alt="Submit" style="width: 100%; max-width:20rem;" />
+            <input type="hidden" name="_formname" value="enviarFormulario">
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>
+{{block footer}} <!-- this is default footer -->
+<footer class="footer container-fluid">
+  <div class="row align-items-center h-100 mt-0">
+    <div class="col-10">
+      <div class="copyright d-inlineb" style="margin-right:0.5rem;">{{=T('Copyright')}} &#169; Julio Menchaca Salazar {{=request.now.year}}. Todos los derechos reservados. </div>
+      <span style="color:#fffbf0;">Aviso de privacidad</span>
+    </div>
+    <div class="col-2">
+      <img class="float-right" src="{{=URL('static', 'images/fb_mujeres_protagonistas.png')}}" class="img-fluid" alt="" style="width: 50px">
+    </div>
+  </div>
+</footer>
+{{end}}

views/landings/l_transformando.html

@@ -17,10 +17,15 @@
       <form class="" enctype="multipart/form-data" method="post">
         <div class="row mb-3">
           <div class="col-12 col-lg-6 form-group">
-            <input type="text" class="form-control" id="formularioNombre" placeholder="Apellidos(s)*">
+            <input type="text" class="form-control" id="formularioNombre" placeholder="Apellidos paterno*">
           </div>
           <div class="col-12 col-lg-6 form-group">
-            <input type="text" class="form-control" id="formularioApellido" placeholder="Nombre(s)*">
+            <input type="text" class="form-control" id="formularioApellido" placeholder="Apellido materno*">
+          </div>
+        </div>
+        <div class="row mb-3">
+          <div class="col-12 form-group">
+            <input type="text" class="form-control" id="formularioNombre" placeholder="Nombre(s)*">
           </div>
         </div>
         <label for="formularioNacimiento">Fecha de nacimiento*</label>