Merge pull request #1799 from G-code7/iconogram

Actualizado Iconogram w. Icons

src/components/Icon/set/stairswflag.js

@@ -0,0 +1,20 @@
+import React from "react";
+export default (props) => (
+    <svg
+      style={props.style}
+      width={props.width || 58}
+      height={props.height || 73}
+      viewBox="0 0 58 73"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        fill="#FFCF18"
+        d="M57.694 43.437V30.126a1.47 1.47 0 00-1.47-1.47H36.97a1.47 1.47 0 00-1.47 1.47v11.84a1.47 1.47 0 01-1.47 1.471h-8.58a1.47 1.47 0 00-1.47 1.47V56.75a1.47 1.47 0 01-1.47 1.47H11.68a1.47 1.47 0 00-1.47 1.47V71.53c0 .812.658 1.47 1.47 1.47h44.562a1.47 1.47 0 001.47-1.47V43.434h-.015l-.003.003z"
+      ></path>
+      <path
+        fill="#000"
+        d="M50.457 35.816V23.843c0-1.55-1.262-2.809-2.81-2.809h-7.975v-5.842a2.09 2.09 0 00.5-.208l6.532-3.77a2.123 2.123 0 000-3.673l-6.532-3.77a2.091 2.091 0 00-.5-.209V1.34C39.672.6 39.074 0 38.332 0c-.74 0-1.339.598-1.339 1.34V21.03h-8.6a2.813 2.813 0 00-2.81 2.81v11.84a.13.13 0 01-.13.132h-8.58a2.813 2.813 0 00-2.81 2.809v11.841c0 .072-.059.131-.13.131H3.097a2.813 2.813 0 00-2.809 2.81v11.84c0 1.551 1.262 2.81 2.81 2.81h44.561c1.55 0 2.81-1.262 2.81-2.81V35.81h-.015l.003.005zM44.529 9.377l-4.857 2.804V6.574l4.857 2.803zm3.264 55.874c0 .071-.06.13-.13.13H3.096a.132.132 0 01-.13-.13V53.409c0-.071.059-.13.13-.13h10.83c1.55 0 2.81-1.262 2.81-2.81V38.628c0-.072.059-.131.13-.131h8.58c1.55 0 2.809-1.262 2.809-2.81v-11.84c0-.072.06-.132.131-.132h19.254c.072 0 .131.06.131.131v13.312l.015 1.339v26.757l.006-.003z"
+      ></path>
+    </svg>
+  );

src/components/Landing/index.js

@@ -659,14 +659,15 @@ export const landingSections = {
         margin="auto"
         height="auto"
         width="100%"
+        alignItems="center"
         background={Colors.lightYellow}
       >
         {heading.text && (
           <H2
             type="h2"
             lineHeight="28px"
             lineHeight_tablet="28px"
-            fontSize="30px"
+            fontSize="38px"
             //margin="30px 0 30px 0"
             maxWidth="1366px"
             margin="30px auto"
@@ -737,7 +738,9 @@ export const landingSections = {
             textColor={Colors.black}
             textTransform="none"
             color={Colors[button.color] || button.color}
-            fontSize="15px"
+            fontSize="18px"
+            fontFamily="Lato"
+            fontWeight="500"
             textAlign="left"
             margin="2rem 0"
             padding="32px .85rem 0 .85rem"

src/data/downloadable/guia-de-python-chl.es.yml

@@ -19,7 +19,7 @@ form:
   fields: ["full_name", "phone", "email"]
   heading: "Descargar Guía"
   button_label: Descargar Gratis
-  redirect: null #you can redirect to another url or entirely diffrent website
+  redirect: https://storage.googleapis.com/4geeks-academy-website/PDF%20and%20Docs/Gui%CC%81a%20de%20Python.pdf #you can redirect to another url or entirely diffrent website
 # jumbotron on the top (cannot be commented out)
 
 navbar:
@@ -30,18 +30,18 @@ navbar:
 # jumbotron on the top (cannot be commented out)
 header_data:
   background: "black"
-  color: "white"
-  tagline: "Amazing Python:\nGuía rápida para principiantes"
+  tagline: "Amazing Python: Guía rápida para principiantes"
+  tagline_color: "white"
   sub_heading: ""
   partner_logo_url: "../../../static/images/techs/python-logo.png"
   background_image: "../../../static/images/program-bg.png"
-  image_filter: brightness(0.4)
+  image_filter: brightness(0.17)
 
 features:
   marginTop: 20px #<-- separation between tagline and the bullets
 
   #                                         up   left down  right
-  styles: '{ "fontSize": "15px", "margin": "10px 0px 10px 0px" }'
+  styles: '{ "fontSize": "15px", "margin": "10px 0px 10px 0px", "color": "white" }'
   text: "Introdúcete en el mundo de Python en pocos días, aprende un lenguaje de programación que está revolucionando el mercado y que es utilizado por empresas como: Netflix, Spotify, Amazon y muchas más."
   # bullets: ""
 
@@ -116,17 +116,8 @@ components:
         "Tipos de datos con súperpoderes:"
       font_size: ["15px"]
 
-    bullets:
-      - Cliente-Servidor en Arquitectura
-      - "Listas en Python: Introducción"
-      - ¿Qué es una lista?
-      - Declaración de Listas
-      - "Funciones: Conceptos Básicos"
-      - Alcance de las Funciones
-      - Práctica
-
     content:
-      text: "El Zen del Python, variables, conditionals, loops, functions, decorators, generators, virtual environment, package manager."
+      text:   <ul style="list-style:unset; padding-left:30px"> <li> Cliente-Servidor en Arquitectura <li>Listas en Python Introducción <li>¿Qué es una lista? <li>Aquí va la explicación sobre qué es una lista en Python. <li>Declaración de Listas  <li>Explicación sobre cómo declarar listas en Python. <li>Funciones Conceptos Básicos <li>Conceptos básicos sobre funciones en Python. <li>Alcance de las Funciones <li>Explicación sobre el alcance de las funciones en Python. <li>Práctica <li>Actividades prácticas relacionadas con listas en Python. </ul>
       font_size: ["16px"]
 
   # - name: first_syllabus_form

src/data/landing/colombia-job-guarantee.es.yml

@@ -142,20 +142,20 @@ components:
       font_size: ["16px", "16px", "16px", "16px", "16px"]
       style: '{ "textAlign": "center", "width": "60%" }'
     button:
-      text: "Conditiones Applican"
+      text: "condiciones aplican"
       color: black
       # hover_color: "white"
       # background: "black"
       path: "#"
     icons:
-    - icon: "touch" 
-      title: Incríbete en el Programa
-    - icon: "instructor"
-      title: Obtén tu certificación
-    - icon: "talk"
-      title: Completa Nuestro GeekForce
-    - icon: "terminal"
-      title: Consigue tu Empleo soñado
+    - icon: "yellowhat" 
+      title: Si no encuentras empleo en los primeros 180 días tras graduarte, te devolvemos tu dinero.
+    - icon: "stairswflag"
+      title: Completa las etapas de nuestro proceso de apoyo para la carrera profesional.
+    - icon: "group"
+      title: Optimiza tu perfil profesional y preparate para las entrevistas.
+    - icon: "hands"
+      title: Ambos nos comprometemos con tu futura carrera.
 
   - name: python_y_javascript
     position: 2

src/data/page/job-guarantee.us.yml

@@ -97,7 +97,4 @@ successful_stories:
 
 form:
   title: "Become a 4Geeks Partner"
-  paragraph: "Contact us today to join our network and start benefiting from the opportunities we offer.
-  Let us help you choose the right track to achieve your goals.
-
-  Get in touch!"
+  paragraph: "Contact us today to join our network and start benefiting from the opportunities we offer.  Let us help you choose the right track to achieve your goals. Get in touch!"

src/templates/landing_a.js

@@ -849,6 +849,7 @@ export const query = graphql`
           }
           header_data {
             tagline
+            tagline_color
             background
             color
             sub_heading