Skip to content

Commit 173fc72

Browse files
moacirmodarenzon
moacirmoda
authored and
renzon
committed
Added some adjusts in LP and TY launch pages
1 parent c15ae11 commit 173fc72

File tree

3 files changed

+179
-70
lines changed

3 files changed

+179
-70
lines changed

‎pythonpro/launch/templates/launch/landing_page.html‎

Lines changed: 139 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{% extends 'core/base_without_nav.html' %}
22
{% load static %}
3-
{% block title %}Semana do Programador Profissional: Inscrições{% endblock %}
4-
{% block description %}Formulário de Inscrição para Semana do Programdor Profissional{% endblock %}
3+
{% block title %}Inscrições abertas! Semana do Programador Profissional{% endblock %}
4+
{% block description %}Página de Inscrição para Semana do Programdor Profissional{% endblock %}
55
{% block head %}
66
<link rel='stylesheet' href='https://unpkg.com/emoji.css/dist/emoji.min.css'>
77

@@ -43,40 +43,101 @@
4343

4444
</style>
4545
<link rel="stylesheet" href="{% static 'css/client.css' %}"/>
46+
47+
<style>
48+
h1 {
49+
font-size: 3.2rem;
50+
}
51+
52+
input.form-control, button.btn {
53+
border-radius: 0px;
54+
margin: 5px 0;
55+
font-family: 'ubuntu';
56+
}
57+
58+
button.btn {
59+
border-width: 1px;
60+
font-family: 'Gilroy-Bold';
61+
}
62+
63+
.mobile h1 {
64+
font-size: 2rem;
65+
margin-bottom: 30px;
66+
}
67+
68+
.mobile h2 {
69+
font-size: 1.5rem;
70+
}
71+
</style>
4672
{% endblock head %}
4773

4874
{% block body %}
75+
<div class=''>
76+
<div class="container">
77+
<div class="row text-center">
78+
<div class="col-md-12 hero">
79+
<!-- desktop -->
80+
<div class='desktop d-none d-sm-block d-md-block'>
81+
<h1 class='font-weight-bold' style='color: #44A5F1'>
82+
SEMANA DO PROGRAMADOR PROFISSIONAL
83+
</h1>
84+
<h2 class='col-md-8 offset-md-2'>
85+
Uma semana de vídeos e aulas que vão te ensinar como se
86+
<b>tornar um programador profissional</b> em pouco tempo!
87+
88+
</h2>
89+
</div>
90+
91+
<!-- mobile -->
92+
<div class='mobile d-block d-lg-none d-xl-none'>
93+
<h1 class='font-weight-bold' style='color: #44A5F1'>
94+
SEMANA DO PROGRAMADOR PROFISSIONAL
95+
</h1>
96+
<h2 class='col-md-8 offset-md-2'>
97+
Uma semana de vídeos e aulas que vão te ensinar como se
98+
<b>tornar um programador profissional</b> em pouco tempo!
99+
100+
</h2>
101+
</div>
102+
</div>
103+
104+
</div>
105+
</div>
106+
</div>
107+
49108
<div class='bg-primary'>
50109
<div class="container">
51110
<div class="row text-center">
52111
<div class="col hero">
53-
<h1 class='text-light font-weight-bold'>Semana do Programador Profissional!</h1>
54-
<p class='text-light mb-5 mt-2'>
55-
Aprenda como entrar para o mercado de tecnologia em pouco tempo
56-
</p>
57-
{% block form %}
58-
<form method="post" action="{% url 'launch:lead_form' %}">
59-
{% csrf_token %}
60-
<div class="form-group form-row justify-content-md-center">
61-
<div class="col-md-4 col-md text-left">
62-
<label class="text-white"
63-
for="{{ form.email.id_for_label }}">{{ form.email.label_tag }}</label>
64-
<input type="email" name="{{ form.email.html_name }}"
65-
{% if user.is_authenticated %} value="{{ form.email.value }}"{% endif %}
66-
class="form-control form-control-lg"
67-
autofocus="" maxlength="{{ form.email.max_length }}"
68-
required="required" id="{{ form.email.id_for_label }}"
69-
placeholder="Digite seu Email">
70-
<br/>
71-
<button type="submit" class="btn btn-lg btn-warning btn-block">Sim, quero programar
72-
&raquo;
73-
</button>
74-
</div>
112+
<form method="post" action="{% url 'launch:lead_form' %}">
113+
{% csrf_token %}
114+
<div class="form-group form-row justify-content-md-center">
115+
<div class="col-md-9 col-md text-left">
116+
<input type="email" name="{{ form.email.html_name }}"
117+
{% if user.is_authenticated %} value="{{ form.email.value }}"{% endif %}
118+
class="form-control form-control-lg"
119+
autofocus="" maxlength="{{ form.email.max_length }}"
120+
required="required" id="{{ form.email.id_for_label }}"
121+
placeholder="Insira o seu MELHOR EMAIL!">
122+
123+
<!-- desktop -->
124+
<button type="submit" class="btn btn-lg btn-warning btn-block d-none d-sm-block d-md-block">
125+
SIM, Eu quero me tornar um PROFISSIONAL!
126+
<span class="ec ec-money-mouth-face"></span>
127+
&raquo;
128+
</button>
129+
130+
<!-- mobile -->
131+
<button type="submit" class="btn btn-warning btn-block d-block d-lg-none d-xl-none">
132+
SIM, quero ser PROFISSIONAL!
133+
<span class="ec ec-money-mouth-face"></span>
134+
&raquo;
135+
</button>
136+
75137
</div>
76-
</form>
77-
{% endblock form %}
138+
</div>
139+
</form>
78140
</div>
79-
80141
</div>
81142
</div>
82143
</div>
@@ -96,18 +157,66 @@ <h2 class='font-weight-bold mb-5'>Olá! Eu me chamo Renzo Nuccitelli,</h2>
96157
alt="Foto de Renzo Nuccitelli"/>
97158

98159
<p>
99-
Sou programador há 13 anos. Já fui diretor de tecnologia em duas empresas
160+
Sou programador há 13 anos e hoje atuo também como professor e diretor de tecnologia.
161+
Já fui diretor de tecnologia em outras duas empresas
100162
e também trabalhei na maior empresa de software aberto do mundo, <b>a
101163
Red Hat</b>. Também já fui consultor de diversas outras empresas, como o Hotel Urbano.
102164
</p>
103165
<p>
104-
Já palestrei em diversos enventos de tecnologia, como <b>Python Brasil,
105-
GDG, Agile Vale</b> e muitos outros.
166+
Já palestrei em diversos enventos de tecnologia. Também já fui o organizador do
167+
maior evento sobre a melhor linguagem de programação: a <b>Python Brasil!</b>
106168
</p>
107169
<p><b class='highlight'>
108170
Meu sonho sempre foi que as pessoas pudessem construir as mesmas oportunidades que construí...
109171
</b></p>
172+
<p>
173+
Por isso eu decidi criar o workshop <b>Semana do Programador Profissional</b>,
174+
um workshop onde eu vou te mostrar como uma pessoa completamente leiga em
175+
programação pode se tornar um programador profissional em questão de meses,
176+
desde que faça isso da maneira certa.
177+
</p>
178+
<p>
179+
Deixe seu email e venha aprender como se tornar um programador profissional
180+
em <b>pouco tempo</b>!
181+
</p>
110182
</div>
111183
</div>
112184
</div>
185+
186+
<div class='bg-primary'>
187+
<div class="container">
188+
<div class="row text-center">
189+
<div class="col hero">
190+
<form method="post" action="{% url 'launch:lead_form' %}">
191+
{% csrf_token %}
192+
<div class="form-group form-row justify-content-md-center">
193+
<div class="col-md-9 col-md text-left">
194+
<input type="email" name="{{ form.email.html_name }}"
195+
{% if user.is_authenticated %} value="{{ form.email.value }}"{% endif %}
196+
class="form-control form-control-lg"
197+
autofocus="" maxlength="{{ form.email.max_length }}"
198+
required="required" id="{{ form.email.id_for_label }}"
199+
placeholder="Insira o seu MELHOR EMAIL!">
200+
201+
<!-- desktop -->
202+
<button type="submit" class="btn btn-lg btn-warning btn-block d-none d-sm-block d-md-block">
203+
SIM, Eu quero me tornar um PROFISSIONAL!
204+
<span class="ec ec-money-mouth-face"></span>
205+
&raquo;
206+
</button>
207+
208+
<!-- mobile -->
209+
<button type="submit" class="btn btn-warning btn-block d-block d-lg-none d-xl-none">
210+
SIM, quero ser PROFISSIONAL!
211+
<span class="ec ec-money-mouth-face"></span>
212+
&raquo;
213+
</button>
214+
</div>
215+
</div>
216+
</form>
217+
</div>
218+
</div>
219+
</div>
220+
</div>
221+
113222
{% endblock body %}

‎pythonpro/launch/templates/launch/ty.html‎

Lines changed: 40 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
11
{% extends 'core/base_without_nav.html' %}
22
{% load static %}
3-
{% block title %}Semana do Programador Profissional: Inscrição feita!{% endblock %}
3+
{% block title %}Inscrição realizada! Semana do Programador Profissional{% endblock %}
44
{% block description %}Inscrição na Semana do Programador Feita com Sucesso{% endblock %}
55
{% block head %}
6+
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css'>
67
<link rel='stylesheet' href='https://unpkg.com/emoji.css/dist/emoji.min.css'>
78

89
<style>
@@ -50,13 +51,10 @@
5051
<div class="container">
5152
<div class="row text-center">
5253
<div class="col hero">
53-
<h1 class='text-light font-weight-bold'>Semana do Programador Profissional!</h1>
54-
<p class='text-light mb-4 mt-2'>
55-
Corre lá no seu email e dá uma olhada que eu te enviei as instruções detalhadas de como o
56-
workshop vai funcionar.
57-
</p>
58-
<iframe width="560" height="315" src="https://www.youtube.com/embed/ZCuxX4vyFTo" frameborder="0"
59-
allowfullscreen></iframe>
54+
<h1 class='font-weight-bold text-light'>
55+
MUITO OBRIGADO POR SE INSCREVER!
56+
</h1>
57+
6058
</div>
6159

6260
</div>
@@ -65,46 +63,53 @@ <h1 class='text-light font-weight-bold'>Semana do Programador Profissional!</h1>
6563

6664
<div class="container">
6765
<div class="row">
68-
<div class="col mb-5 mt-5">
69-
<h2 class='font-weight-bold mb-5'>Muito obrigado por se inscrever!
70-
</h2>
66+
<div class="col-md-10 offset-md-1 col-md mb-5 mt-5">
67+
<h2 class='mb-5 mt-2 font-weight-bold'>
68+
Corre lá no seu email! Eu te enviei todas as instruções
69+
detalhadas de como o workshop vai funcionar.
70+
</h2>
7171

72+
<p>Aproveitando que você está aqui, eu quero te fazer <b>dois convites.</b></p>
7273

73-
<img src='{% static 'img/instructors/renzo-nuccitelli-300.jpeg' %}'
74-
class="img-fluid float-right ml-3 mb-3 d-none d-sm-none d-md-block" width="300px"
75-
alt="Foto de Renzo Nuccitelli"/>
76-
77-
78-
<p>Aproveitando que você está aqui, eu quero te fazer dois convites.</p>
79-
80-
<p>Primeiro de tudo, quero te convidar para conhecer o meu curso grátis de introdução à programação em
81-
Python.</p>
82-
83-
<p>Esse curso vai te ajudar a desmistificar o Mundo da Programação. Você vai instalar os programas
84-
necessários e começar a programar em menos de 30 minutos. Além disso, você vai entender os
85-
princípios básicos da programação em Python de forma objetiva.</p>
86-
87-
<p>Com o Python Birds você vai poder avaliar sua aptidão construindo um projeto prático. Eu vou te
88-
ensinar a programar construindo uma versão do jogo Angry Birds!</p>
89-
90-
<p>Para se inscrever, basta clicar no botão aqui embaixo:</p>
74+
<p>
75+
<span class='highlight font-weight-bold'>Primeiro de tudo, quero te convidar para entrar no
76+
nosso canal lá no Telegram.</span>
77+
</p>
78+
<p>
79+
Vai ser por lá que eu vou te informar sobre tudo o que você precisa
80+
saber sobre a semana do programador profissional.
81+
</p>
82+
83+
<p>
84+
Além disso, quem estiver por lá vai ter uma <b>vantagem super especial.</b>
85+
</p>
86+
87+
<p>
88+
Para se inscrever, basta clicar no botão aqui embaixo.
89+
</p>
9190

92-
<p><a href="{{python_birds_path}}">Quero me inscrever gratuitamente no Python Birds</a></p>
91+
<a class='btn btn-lg btn-primary font-weight-bold text-light mb-5' href='https://t.me/ProgramadorProfissional' target='_blank'>
92+
<i class="fa fa-telegram" aria-hidden="true"></i> Entrar para o canal no Telegram!
93+
</a>
9394

94-
<p>E quero aproveitar também pra te convidar a me seguir nas redes sociais. Por elas eu falo quase que
95+
<p class='mt-4'>
96+
E quero aproveitar também pra te convidar a me seguir nas redes sociais. Por elas eu falo quase que
9597
diariamente sobre tecnologia e sobre o mercado de programação.</p>
9698

9799
<p class="mb-0">Os links também estão aqui embaixo: </p>
98100
<ul class="mt-0 ml-5">
99-
<li><a href="https://twitter.com/renzoprobr"> Seguir o @renzoprobr no twitter</a></li>
100-
<li><a href="https://www.youtube.com/user/renzonuccitelli"> Inscrever-se no canal Dev Profissional no Youtube</a></li>
101-
<li><a href="https://instagram.com/renzoprobr"> Seguir o @renzoprobr no instagram</a></li>
101+
<li><a class='btn btn-success' target='_blank' href="https://twitter.com/renzoprobr">
102+
Seguir o <b>@renzoprobr</b> no Twitter</a></li>
103+
<li><a class='btn btn-success' target='_blank' href="https://www.youtube.com/user/renzonuccitelli">
104+
Inscrever-se no canal <b>Dev Profissional</b> no Youtube</a></li>
105+
<li><a class='btn btn-success' target='_blank' href="https://instagram.com/renzoprobr">
106+
Seguir o <b>@renzoprobr</b> no Instagram</a></li>
102107
</ul>
103108
<p>Muito obrigado pela sua atenção e nos vemos na semana do programador profissional!</p>
104109

105110
<p>
106111
Abraços, <br/>
107-
Renzo Nuccitelli
112+
Renzo
108113
</p>
109114

110115
<div class='text-center d-block d-lg-none d-xl-none d'>

‎pythonpro/launch/tests/test_ty.py‎

Lines changed: 0 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -20,18 +20,13 @@ def test_status_code(resp):
2020
'https://twitter.com/renzoprobr',
2121
'https://www.youtube.com/user/renzonuccitelli',
2222
'https://instagram.com/renzoprobr',
23-
'src="https://www.youtube.com/embed/',
2423
]
2524
2625
)
2726
def test_email_field_is_present(resp, media_link):
2827
dj_assert_contains(resp, media_link)
2928

3029

31-
def test_python_birds_path(resp, cohort):
32-
dj_assert_contains(resp, reverse('core:lead_landing') + f'?utm_source=lancamento-{cohort.slug}')
33-
34-
3530
@pytest.fixture
3631
def resp_with_user(client_with_user, cohort):
3732
return client_with_user.get(reverse('launch:ty'), secure=True)

0 commit comments

Comments
 (0)