Added new landing: Liga Morenista

controllers/landings.py

@@ -20,3 +20,7 @@ def l_mujeres_protagonistas():
 def l_defensores_4t():
     favicon_name='favicon_defensores4t.png'
     return dict(favicon_name=favicon_name)
+
+def l_liga_morenista():
+    favicon_name='favicon_liga_morenista.png'
+    return dict(favicon_name=favicon_name)

languages/es.py

@@ -129,6 +129,7 @@
 'Landing pages': 'Landing pages',
 'Last name': 'Apellido',
 'Layout': 'Diseño de página',
+'Liga Morenista': 'Liga Morenista',
 'Live Chat': 'Chat en vivo',
 'Log In': 'Iniciar sesion',
 'Logged in': 'Sesión iniciada',

models/menu.py

@@ -22,7 +22,8 @@ if not configuration.get('app.production'):
             (T('Morena Hidalgo'), False, URL('landings', 'l_morena')),
             (T('Transformando Hidalgo'), False, URL('landings', 'l_transformando')),
             (T('Mujeres Protagonistas'), False, URL('landings', 'l_mujeres_protagonistas')),
-            (T('Defensores de la 4T'), False, URL('landings', 'l_defensores_4t'))
+            (T('Defensores de la 4T'), False, URL('landings', 'l_defensores_4t')),
+            (T('Liga Morenista'), False, URL('landings', 'l_liga_morenista'))
         ]),
         (T('This App'), False, '#', [
             (T('Design'), False, URL('admin', 'default', 'design/%s' % _app)),

static/css/liga_morenista.css

@@ -0,0 +1,86 @@
+@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");
+
+@font-face {
+  font-family: gothamUltra;
+  src: url(../fonts/Gotham-Ultra.otf);
+}
+
+@font-face {
+  font-family: poppinsMedium;
+  src: url(../fonts/Poppins-Medium.otf);
+}
+
+body{
+  font-family: poppinsMedium;
+  margin-bottom: 100px !important;
+}
+
+.main-container{
+  margin-top: 0px;
+}
+
+.banner-gradient-bg{
+  background: radial-gradient(circle, rgba(174,0,2,1) 0%, rgba(80,0,6,1) 100%), rgb(174,0,2);
+  background-size: auto, auto;
+}
+
+.banner-composite-bg{
+  background: url(../images/banner_liga_morenista_2.png) no-repeat, url(../images/banner_liga_morenista_1.png) no-repeat;
+  background-size: auto 100%;
+  background-position: -200px 100px, center;
+}
+
+.banner-ligam{
+  font-family: gothamUltra;
+  font-size: 2.25rem;
+  color: white;
+  line-height: 1.75rem;
+  min-height:600px;;
+  padding: 6rem 1.5rem 1.5rem 1.5rem;;
+  white-space: nowrap;
+}
+
+.title-ligam{
+  font-family: gothamUltra;
+  font-size: 3rem;
+  color: #ae0002;
+  background-color: white;
+  text-align: center;
+  padding: 0.75rem 1rem;
+  border-bottom: solid #ae0002 1.5rem;
+}
+
+.div-ligam-form{
+  padding: 1.5rem;;
+}
+
+.form-title{
+  margin: 2.25rem 0.75rem;
+  font-family: gothamUltra;
+  font-size: 5rem;
+  color: #e97c00;
+  line-height: 4rem;
+}
+
+.form-control{
+  background-color: #ececec !important;
+  border: none !important;
+  border-radius: 0px !important;
+}
+
+.btn-ligam{
+  font-family: poppinsMedium;
+  font-size: 1.25rem;
+  color: white;
+  padding: 0.25rem 2.25rem;
+  background-color: #500006;
+  border-radius: 0px;
+}
+
+.footer{
+  height: 100px !important;
+  color: black;
+  font-family: poppinsMedium;
+  font-size: 1rem;
+  background-color: #ececec;
+}

views/landings/l_defensores_4t.html

@@ -7,7 +7,7 @@
     </div>
   </div>
   <div class="row div-defensores4t-form">
-    <div class="col-12 mx-auto" style="max-width: 1280px; min-height: 65vh;">
+    <div class="col-12 mx-auto" style="max-width: 1280px; min-height: 70vh;">
       <div class="" style="max-width:720px;">
         <form class="" enctype="multipart/form-data" method="post">
           <div class="row mb-3">

views/landings/l_liga_morenista.html

@@ -0,0 +1,96 @@
+{{extend 'layout.html'}}
+<link rel="stylesheet" href="{{=URL('static', 'css/liga_morenista.css')}}">
+<div class="container-fluid main-container">
+  <div class="row align-items-center">
+    <div class="col-12 px-0 title-ligam">
+      ÚNETE A LA LIGA
+    </div>
+  </div>
+  <div class="row banner-gradient-bg" style="border-bottom: solid #e97c00 1.5rem;">
+    <div class="col-12">
+      <div class="row justify-content-end mx-auto banner-composite-bg" style="max-width: 1024px;">
+        <div class="col-12 col-lg-6 banner-ligam text-center">
+          ESTE PARTIDO <br>
+          <span style="font-size:1.25rem; line-height: 2.25rem;">LO JUGAMOS NOSOTROS</span><br>
+          Y LO VAMOS A <br>
+          <span style="font-size:4.5rem; line-height: 4.5rem;   border-bottom: solid #e97c00 1.5rem;">GANAR</span>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="row">
+    <div class="col-12">
+      <div class="form-title text-center">
+        ÚNETE<br><span class="align-top" style="font-size:2rem;">A LA</span><span class="align-text-bottom"> LIGA</span>
+      </div>
+    </div>
+  </div>
+  <div class="row div-ligam-form">
+    <div class="col-12 mx-auto" style="max-width: 1024px;">
+      <form class="" enctype="multipart/form-data" method="post">
+          <div class="row mb-3">
+            <div class="col-12 col-lg-12 form-group">
+              <label for="formularioNombre">NOMBRE(S)</label>
+              <input type="text" class="form-control" id="formularioNombre">
+            </div>
+          </div>
+          <div class="row mb-3">
+            <div class="col-12 col-lg-6 form-group">
+              <label for="formularioApellidoP">APELLIDO PATERNO</label>
+              <input type="text" class="form-control" id="formularioApellidoP">
+            </div>
+            <div class="col-12 col-lg-6 form-group">
+              <label for="formularioApellidoM">APELLIDO MATERNO</label>
+              <input type="text" class="form-control" id="formularioApellidoM">
+            </div>
+          </div>
+          <label for="formularioNacimiento">FECHA DE CUMPLEAÑOS</label>
+          <div class="row mb-3">
+            <div class="col-12 form-group">
+              <div class="row" id="formularioNacimiento">
+                <div class="col-3">
+                  <input type="numeric" class="form-control" placeholder="Día">
+                </div>
+                <div class="col-3">
+                  <input type="numeric" class="form-control" placeholder="Mes">
+                </div>
+                <div class="col-6">
+                  <input type="numeric" class="form-control" placeholder="Año">
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="row mb-5">
+            <div class="col-12">
+              <label for="formularioTelefono">CELULAR</label>
+              <input class="form-control" type="number" id="formularioTelefono"></input>
+            </div>
+          </div>
+          <div class="row mb-5">
+            <div class="col-12">
+              <label for="formularioTelefono">CORREO ELECTRÓNICO</label>
+              <input class="form-control" type="email" id="formularioCorreo"></input>
+            </div>
+          </div>
+          <div class="text-left">
+            <input class="btn btn-ligam" type="submit" value="UNIRME">
+            <input type="hidden" name="_formname" value="enviarFormulario">
+          </div>
+      </form>
+    </div>
+  </div>
+</div>
+{{block footer}} <!-- this is default footer -->
+<footer class="footer container-fluid px-0">
+  <div class="row align-items-center mx-auto" style="margin-top:0px; height:100%; max-width:1280px;">
+    <div class="col-2 text-left">
+      <a href="https://www.facebook.com/LaLigaMorenistaOficial">
+        <i class="bi bi-facebook" style="font-size: 2.25rem; color: #4267B2"></i>
+      </a>
+    </div>
+    <div class="col-10 text-right">
+      <div class="pull-right">{{=T('Copyright')}} &#169; LIGA MORENISTA {{=request.now.year}}. Todos los derechos reservados. Aviso de privacidad</div>
+    </div>
+  </div>
+</footer>
+{{end}}