Added 2 new landing: morena and transformemos

controllers/landings.py

@@ -2,5 +2,13 @@
 # Controller for all the landing pages created on this apple
 
 def l_edda():
+    favicon_name='favicon_edda.png'
+    return dict(favicon_name=favicon_name)
 
-    return dict()
+def l_morena():
+    favicon_name='favicon_morena_h.png'
+    return dict(favicon_name=favicon_name)
+
+def l_transformando():
+    favicon_name='favicon_transformando.png'
+    return dict(favicon_name=favicon_name)

languages/es.py

@@ -142,6 +142,7 @@
 'Manage Cache': 'Gestionar la Caché',
 'Memberships': 'Membresias',
 'Menu Model': 'Modelo "menu"',
+'Morena Hidalgo': 'Morena Hidalgo',
 'My Sites': 'Mis Sitios',
 'Name': 'Nombre',
 'New password': 'Contraseña nueva',
@@ -227,6 +228,7 @@
 'Time in Cache (h:m:s)': 'Tiempo en Caché (h:m:s)',
 'Timestamp': 'Marca de tiempo',
 'Traceback': 'Rastrear',
+'Transformando Hidalgo': 'Transformando Hidalgo',
 'Twitter': 'Twitter',
 'Two-step Login Authentication Code': 'Two-step Login Authentication Code',
 'unable to parse csv file': 'no es posible analizar el archivo CSV',

models/menu.py

@@ -18,7 +18,9 @@ if not configuration.get('app.production'):
     response.menu += [
         (T('My Sites'), False, URL('admin', 'default', 'site')),
         (T('Landing pages'), False, '#', [
-            (T('Edda Vitte'), False, URL('landings', 'l_edda'))
+            (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('This App'), False, '#', [
             (T('Design'), False, URL('admin', 'default', 'design/%s' % _app)),

static/css/morena_hidalgo.css

@@ -0,0 +1,63 @@
+@font-face {
+  font-family: aftikaExtraLight;
+  src: url(../fonts/Graphite_Aftika_Extra_Light.otf);
+}
+
+@font-face {
+  font-family: aftikaSemiBold;
+  src: url(../fonts/Graphite_Aftika_SemiBold.otf);
+}
+
+@font-face {
+  font-family: aftikaBold;
+  src: url(../fonts/Graphite_Aftika_Bold.otf);
+}
+
+.main-container{
+  margin-top: 0px;
+}
+
+h3{
+  font-family: aftikaSemiBold;
+  font-size: 1.25rem;
+  font-weight: 200;
+  color: black;
+}
+
+h4{
+  font-family: aftikaBold;
+  font-size: 1rem;
+  font-weight: 600;
+  letter-spacing: 0.15rem;
+  color: black;
+}
+
+.div-morena-form{
+  padding: 5rem 2rem 5rem 2rem;
+}
+
+.form-control{
+  background-color: #cecece !important;
+  border-radius: 10px !important;
+}
+
+.btn-morena{
+  font-family: aftikaBold;
+  font-size: 1.5rem;
+  color: white;
+  padding: 0.25rem 2rem;
+  background-color: #b3272d;
+  border-radius: 0.75rem;
+  letter-spacing: 0.15rem;
+}
+
+.footer{
+  height: auto;
+  bottom: auto;
+  color: white;
+  background-color:#b3272d !important;
+}
+
+.footer-img{
+  background-color: #d15459;
+}

static/css/transformando.css

@@ -0,0 +1,91 @@
+@font-face {
+  font-family: bebasRegular;
+  src: url(../fonts/BebasNeue_Regular.otf);
+}
+
+@font-face {
+  font-family: bebasBold;
+  src: url(../fonts/BebasNeue_Bold.otf);
+}
+
+body{
+  margin-bottom: 120px !important;
+}
+
+.main-container{
+  margin-top: 0px;
+}
+
+.banner-transformando{
+  min-height: 900px;
+  background-position: center;
+  max-width: 1280px;
+  background-image: url(../images/banner_transformando.png);
+}
+
+.logo-transformando{
+  padding: 2.5rem 2rem;
+}
+
+h3{
+  margin-top: 15rem;
+  font-family: bebasBold;
+  font-size: 7rem;
+  color: #f1e8c9;
+  text-shadow: 1px 1px 8px black;
+}
+
+.form-title-transformando{
+  font-family: bebasBold;
+  font-size: 5rem;
+  color: #7e0018;
+}
+
+.div-transformando-form{
+  padding: 0rem 0rem 0rem 0rem;
+}
+
+.form-control{
+  background-color: #f1e8c9 !important;
+  border-radius: 10px !important;
+  border-color: #7e0018;
+  border-width: 3px;
+}
+
+.btn-transformando{
+  font-family: bebasBold;
+  font-size: 1.5rem;
+  color: white;
+  padding: 0.25rem 2rem;
+  background-color: #00a1a0;
+  border-radius: 1.5rem;
+}
+
+.footer{
+  height: 120px !important;
+  color: white;
+  font-family: bebasRegular;
+  font-size: 1rem;
+}
+
+.footer-img{
+  background-image: url(../images/footer_bg_transformando.png);
+  background-size: 100% auto;
+}
+
+@media (max-width: 800px) {
+  .banner-transformando{
+    min-height: 600px;
+  }
+  h3{
+    margin-top: 7.5rem;
+    font-family: bebasBold;
+    font-size: 3.5rem;
+    color: #f1e8c9;
+  }
+  .form-title-transformando{
+    font-family: bebasBold;
+    font-size: 2rem;
+    color: #7e0018;
+  }
+}

views/landings/l_edda.html

@@ -1,74 +1,84 @@
 {{extend 'layout.html'}}
 <link rel="stylesheet" href="{{=URL('static', 'css/edda_vitte.css')}}">
-
-<div class="row align-items-center bg-edda-paper">
-  <div class="col-8">
-    <img src="{{=URL('static', 'images/eddaPsd.png')}}" class="img-fluid" alt="">
-  </div>
-  <div class="col-4">
-    <img src="{{=URL('static', 'images/logo_edda_vitte.png')}}" class="img-fluid" alt="">
-  </div>
-</div>
-<div class="row">
-  <div class="col-12 bg-edda-dpurple pt-2">
-    <h2 class="text-center">QUIERO LEER Y SABER MÁS DE TI, ESCRÍBEME</h2>
-  </div>
-</div>
-<div class="row div-edda-form bg-edda-lpurple">
-  <div class="col-12 mx-auto" style="max-width: 1280px;">
-    <div class="row mb-4">
-      <div class="col-12">
-        <h2 class="text-center" style="color: #47398e; letter-spacing: 0.15rem;">REGÍSTRATE Y CONVERSEMOS</h2>
-      </div>
+<div class="container-fluid main-container">
+  <div class="row align-items-center bg-edda-paper">
+    <div class="col-8">
+      <img src="{{=URL('static', 'images/eddaPsd.png')}}" class="img-fluid" alt="">
     </div>
-    <form class="" enctype="multipart/form-data" method="post">
-      <div class="row mb-4">
-        <div class="col-12 col-lg-6 form-group">
-          <label for="formularioNombre"><h3>NOMBRE(S) *</h3></label>
-          <input type="text" class="form-control" id="formularioNombre" placeholder="">
-        </div>
-        <div class="col-12 col-lg-3 form-group">
-          <label for="formularioApellidoP"><h3>APELLIDO PATERNO *</h3></label>
-          <input type="text" class="form-control" id="formularioApellidoP" placeholder="">
-        </div>
-        <div class="col-12 col-lg-3 form-group">
-          <label for="formularioApellidoM"><h3>APELLIDO MATERNO *</h3></label>
-          <input type="text" class="form-control" id="formularioApellidoM" placeholder="">
-        </div>
-      </div>
-      <div class="row mb-4">
-        <div class="col-12 col-lg-4 form-group">
-          <label for="formularioNacimiento"><h3>FECHA DE CUMPLEAÑOS *</h3></label>
-          <div class="row" id="formularioNacimiento">
-            <div class="col-3">
-              <input type="numeric" class="form-control" placeholder="">
-            </div>
-            <div class="col-3">
-              <input type="numeric" class="form-control" placeholder="">
-            </div>
-            <div class="col-6">
-              <input type="numeric" class="form-control" placeholder="">
-            </div>
-          </div>
-        </div>
-        <div class="col-12 col-lg-3 form-group">
-          <label for="formularioCelular"><h3>CELULAR *</h3></label>
-          <input type="numeric" class="form-control" id="formularioCelular" placeholder="">
-        </div>
-        <div class="col-12 col-lg-5 form-group">
-          <label for="formularioCorreo"><h3>CORREO ELECTRÓNICO *</h3></label>
-          <input type="email" class="form-control" id="formularioCorreo" placeholder="">
-        </div>
-      </div>
+    <div class="col-4">
+      <img src="{{=URL('static', 'images/logo_edda_vitte.png')}}" class="img-fluid" alt="">
+    </div>
+  </div>
+  <div class="row">
+    <div class="col-12 bg-edda-dpurple pt-2">
+      <h2 class="text-center">QUIERO LEER Y SABER MÁS DE TI, ESCRÍBEME</h2>
+    </div>
+  </div>
+  <div class="row div-edda-form bg-edda-lpurple">
+    <div class="col-12 mx-auto" style="max-width: 1280px;">
       <div class="row mb-4">
         <div class="col-12">
-          <h4 class="text-center">Los campos marcados con * son obligatorios.</h4>
+          <h2 class="text-center" style="color: #47398e; letter-spacing: 0.15rem;">REGÍSTRATE Y CONVERSEMOS</h2>
         </div>
       </div>
-      <div class="text-center">
-        <input class="btn btn-edda" type="submit" value="CONVERSEMOS">
-        <input type="hidden" name="_formname" value="enviarFormulario">
-      </div>
-    </form>
+      <form class="" enctype="multipart/form-data" method="post">
+        <div class="row mb-4">
+          <div class="col-12 col-lg-6 form-group">
+            <label for="formularioNombre"><h3>NOMBRE(S) *</h3></label>
+            <input type="text" class="form-control" id="formularioNombre" placeholder="">
+          </div>
+          <div class="col-12 col-lg-3 form-group">
+            <label for="formularioApellidoP"><h3>APELLIDO PATERNO *</h3></label>
+            <input type="text" class="form-control" id="formularioApellidoP" placeholder="">
+          </div>
+          <div class="col-12 col-lg-3 form-group">
+            <label for="formularioApellidoM"><h3>APELLIDO MATERNO *</h3></label>
+            <input type="text" class="form-control" id="formularioApellidoM" placeholder="">
+          </div>
+        </div>
+        <div class="row mb-4">
+          <div class="col-12 col-lg-4 form-group">
+            <label for="formularioNacimiento"><h3>FECHA DE CUMPLEAÑOS *</h3></label>
+            <div class="row" id="formularioNacimiento">
+              <div class="col-3">
+                <input type="numeric" class="form-control" placeholder="">
+              </div>
+              <div class="col-3">
+                <input type="numeric" class="form-control" placeholder="">
+              </div>
+              <div class="col-6">
+                <input type="numeric" class="form-control" placeholder="">
+              </div>
+            </div>
+          </div>
+          <div class="col-12 col-lg-3 form-group">
+            <label for="formularioCelular"><h3>CELULAR *</h3></label>
+            <input type="numeric" class="form-control" id="formularioCelular" placeholder="">
+          </div>
+          <div class="col-12 col-lg-5 form-group">
+            <label for="formularioCorreo"><h3>CORREO ELECTRÓNICO</h3></label>
+            <input type="email" class="form-control" id="formularioCorreo" placeholder="">
+          </div>
+        </div>
+        <div class="row mb-4">
+          <div class="col-12">
+            <h4 class="text-center">Los campos marcados con * son obligatorios.</h4>
+          </div>
+        </div>
+        <div class="text-center">
+          <input class="btn btn-edda" type="submit" value="CONVERSEMOS">
+          <input type="hidden" name="_formname" value="enviarFormulario">
+        </div>
+      </form>
+    </div>
   </div>
 </div>
+{{block footer}} <!-- this is default footer -->
+<footer class="footer container-fluid">
+  <div class="row">
+    <div class="col-12">
+      <div class="copyright text-center" style="width:100%">{{=T('Copyright')}} &#169; Edda Vitte {{=request.now.year}}. Todos los derechos reservados.</div>
+    </div>
+  </div>
+</footer>
+{{end}}

views/landings/l_morena.html

@@ -0,0 +1,68 @@
+{{extend 'layout.html'}}
+<link rel="stylesheet" href="{{=URL('static', 'css/morena_hidalgo.css')}}">
+<div class="container-fluid main-container">
+  <div class="row align-items-center">
+    <div class="col-12 p-0">
+      <img class="mx-auto d-block w-100" src="{{=URL('static', 'images/banner_morena.jpg')}}" class="img-fluid" alt="">
+    </div>
+  </div>
+  <div class="row div-morena-form" style="background-image: url({{=URL('static', 'images/fondo_morena.png')}}); background-repeat: no-repeat; background-size: 100%;">
+    <div class="col-12 mx-auto" style="max-width: 1280px;">
+      <form class="" enctype="multipart/form-data" method="post">
+        <div class="row mb-4">
+          <div class="col-12 form-group">
+            <label for="formularioNombre"><h3>NOMBRE(S)</h3></label>
+            <input type="text" class="form-control" id="formularioNombre" placeholder="">
+          </div>
+          <div class="col-12 col-lg-6 form-group">
+            <label for="formularioApellidoP"><h3>APELLIDO PATERNO</h3></label>
+            <input type="text" class="form-control" id="formularioApellidoP" placeholder="">
+          </div>
+          <div class="col-12 col-lg-6 form-group">
+            <label for="formularioApellidoM"><h3>APELLIDO MATERNO</h3></label>
+            <input type="text" class="form-control" id="formularioApellidoM" placeholder="">
+          </div>
+        </div>
+        <div class="row mb-4">
+          <div class="col-12 col-lg-6 form-group">
+            <label for="formularioNacimiento"><h3>FECHA DE CUMPLEAÑOS</h3></label>
+            <div class="row" id="formularioNacimiento">
+              <div class="col-3">
+                <input type="numeric" class="form-control" placeholder="">
+              </div>
+              <div class="col-3">
+                <input type="numeric" class="form-control" placeholder="">
+              </div>
+              <div class="col-6">
+                <input type="numeric" class="form-control" placeholder="">
+              </div>
+            </div>
+          </div>
+          <div class="col-12 col-lg-6 form-group">
+            <label for="formularioCelular"><h3>CELULAR</h3></label>
+            <input type="numeric" class="form-control" id="formularioCelular" placeholder="">
+          </div>
+        </div>
+        <div class="text-center">
+          <input class="btn btn-morena" type="submit" value="ME UNO A LA 4T">
+          <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 mx-auto mt-0 px-0">
+    <div class="col-sm-10">
+      <div class="">
+        <img class="mt-4 w-100" src="{{=URL('static', 'images/logo_morena.png')}}" class="img-fluid" alt="" style="max-width:462px;">
+      </div>
+      <div class="copyright pull-left">{{=T('Copyright')}} &#169; Morena Hidalgo {{=request.now.year}}. Todos los derechos reservados. Aviso de privacidad</div>
+    </div>
+    <div class="col-sm-2 footer-img">
+      <img class="mt-4 mx-auto d-block" src="{{=URL('static', 'images/morena_hidalgo_estado.png')}}" class="img-fluid" alt="">
+    </div>
+  </div>
+</footer>
+{{end}}

views/landings/l_transformando.html

@@ -0,0 +1,69 @@
+{{extend 'layout.html'}}
+<link rel="stylesheet" href="{{=URL('static', 'css/transformando.css')}}">
+<div class="container-fluid main-container" style="background-color:#7e0018;">
+  <div class="row align-items-center">
+    <div class="col-12 p-0 banner-transformando mx-auto">
+      <img class="d-block logo-transformando" src="{{=URL('static', 'images/logo_transformando.png')}}" class="img-fluid" alt="">
+      <h3 class="text-center">
+        TRANSFORMÉMONOS
+      </h3>
+    </div>
+  </div>
+  <div class="row div-transformando-form">
+    <div class="col-12 mx-auto" style="max-width: 1280px; padding:2rem 1.5rem 2rem 1.5rem; background-color: #f1e8c9; background-image: url({{=URL('static', 'images/fondo_transformando.png')}}); background-repeat: no-repeat; background-size: auto 100%; background-position:left;">
+      <div class="text-center form-title-transformando">
+        <span>REGISTRATE A NUESTRA </span><span style="color:#00a1a0;">COMUNIDAD</span>
+      </div>
+      <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)*">
+          </div>
+          <div class="col-12 col-lg-6 form-group">
+            <input type="text" class="form-control" id="formularioApellido" placeholder="Nombre(s)*">
+          </div>
+        </div>
+        <label for="formularioNacimiento">Fecha de nacimiento*</label>
+        <div class="row mb-3">
+          <div class="col-12 col-lg-6 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 class="col-12 col-lg-6 form-group">
+            <input type="numeric" class="form-control" id="formularioCorreo" placeholder="Correo Electrónico*">
+          </div>
+        </div>
+        <div class="row mb-3">
+          <div class="col-12">
+            <textarea class="form-control" id="formularioComentario" rows="5" placeholder="¿Como quieres Transformar Hidalgo?..."></textarea>
+          </div>
+        </div>
+        <div class="text-center">
+          <input class="btn btn-transformando" type="submit" value="TRANSFORMEMOS">
+          <input type="hidden" name="_formname" value="enviarFormulario">
+        </div>
+      </form>
+    </div>
+  </div>
+</div>
+{{block footer}} <!-- this is default footer -->
+<footer class="footer footer-img container-fluid px-0">
+  <div class="row align-items-center mx-auto" style="margin-top:0px; height:100%; max-width:1280px;">
+    <div class="col-10">
+      <div class="copyright pull-left">{{=T('Copyright')}} &#169; Transformando Hidalgo {{=request.now.year}}. Todos los derechos reservados. Aviso de privacidad</div>
+    </div>
+    <div class="col-2">
+      <img src="{{=URL('static', 'images/fb_transformando.png')}}" class="img-fluid" alt="" style="width:100%; max-width:75px;">
+    </div>
+  </div>
+</footer>
+{{end}}

views/layout.html

@@ -23,8 +23,13 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>
     <link rel="stylesheet" href="{{=URL('static','css/bootstrap.min.css')}}"/>
     <link rel="stylesheet" href="{{=URL('static','css/web2py-bootstrap4.css')}}"/>
+    {{if 'favicon_name' in locals():}}
+    <link rel="shortcut icon" href="{{=URL('static','images/')+favicon_name}}" type="image/x-icon">
+    <link rel="apple-touch-icon" href="{{=URL('static','images/')+favicon_name}}">
+    {{else:}}
     <link rel="shortcut icon" href="{{=URL('static','images/favicon.png')}}" type="image/x-icon">
-    <link rel="apple-touch-icon" href="{{=URL('static','images/favicon.png')}}">
+    <link rel="apple-touch-icon" href="{{=URL('static','images/favicon.ico')}}">
+    {{pass}}
     <!-- All JavaScript at the bottom, except for Modernizr which enables
          HTML5 elements & feature detects -->
     <script src="{{=URL('static','js/modernizr-2.8.3.min.js')}}"></script>
@@ -93,23 +98,9 @@
     {{end}}
     <!-- Main ========================================= -->
     <!-- Begin page content -->
-    <div class="container-fluid main-container">
       {{include}}
       {{=response.toolbar() if response.show_toolbar else ''}}
-    </div>
-    {{block footer}} <!-- this is default footer -->
-    <footer class="footer container-fluid">
-      <div class="row">
-        <div class="col-md-12">
-          <div class="copyright pull-left">{{=T('Copyright')}} &#169; {{=request.now.year}}</div>
-          <div id="poweredBy" class="pull-right">
-            {{=T('Developed by')}}
-            <a href="http://www.latinux.org/">Latinux</a>
-          </div>
-        </div>
-      </div>
-    </footer>
-    {{end}}
+
     <!-- The javascript =============================== -->
     <script src="{{=URL('static','js/bootstrap.bundle.min.js')}}"></script>
     <script src="{{=URL('static','js/web2py-bootstrap4.js')}}"></script>