Skip to content

Commit

Permalink
New jumbotron
Browse files Browse the repository at this point in the history
  • Loading branch information
@lissteilor
lissteilor committed Nov 14, 2017
1 parent 4187bcc commit 6881ca7
Show file tree
Hide file tree
Showing 10 changed files with 246 additions and 56 deletions.
23 changes: 23 additions & 0 deletions votai_general_theme/static/img/h-acusete.svg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
29 changes: 29 additions & 0 deletions votai_general_theme/static/img/h-infografias.svg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
32 changes: 32 additions & 0 deletions votai_general_theme/static/img/h-naranja.svg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
13 changes: 13 additions & 0 deletions votai_general_theme/static/img/h-nna.svg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
25 changes: 25 additions & 0 deletions votai_general_theme/static/img/h-playlist.svg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
23 changes: 23 additions & 0 deletions votai_general_theme/static/img/h-pregunton.svg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
36 changes: 36 additions & 0 deletions votai_general_theme/static/img/h-procom.svg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
17 changes: 14 additions & 3 deletions votai_general_theme/static/sass/_2017sitio1.scss
View file
Expand Up @@ -89,12 +89,23 @@ td.cal-date{
background-size: cover;
padding: 20px 0 20px;
h1{
text-transform: uppercase;
letter-spacing: 6px;
margin: 50px 0 20px;
}
h3{
font-family: 'Nunito Sans', sans-serif;
font-weight: 700;
text-transform: none;
letter-spacing: 0;
margin: 80px 0 -35px;
margin: 10px 0 40px;
font-weight: 400;
}
h2{
font-size: 19px;
.tool-description{
color: $grey-one;
font-weight: 700;
line-height: 1.2;
margin: 10px 0 40px;
}
}

Expand Down
21 changes: 0 additions & 21 deletions votai_general_theme/static/sass/_media-2017sitio1.scss
View file
Expand Up @@ -92,8 +92,6 @@
h1{
font-size: 28px;
font-weight: 700;
text-transform: none;
line-height: 1.2;
}
h2{
line-height: 1.2;
Expand All @@ -104,12 +102,6 @@
}
}

@media screen and (max-width: 520px) {
#welcome h1{
line-height: 1.3;
margin: 70px 0 -39px;
}
}

@media screen and (max-width: 495px) {
#you-org{
Expand All @@ -120,10 +112,6 @@
}

@media screen and (max-width: 425px) {
#welcome h1{
margin-top: 0px;
font-size: 26px;
}
.content_padding {
padding-top: 20px;
}
Expand Down Expand Up @@ -162,20 +150,11 @@
margin: 20px 0px;
}
}
#welcome h1{
margin-top: 0px;
font-size: 26px;
}
.bajada {
margin: 0px;
}
}

@media screen and (max-width: 350px) {
#welcome h1{
font-size: 18px;
}
}

@media screen and (max-width: 320px) {
#you-org{
Expand Down
83 changes: 51 additions & 32 deletions votai_general_theme/templates/index_first_launch.html
View file
Expand Up @@ -4,46 +4,65 @@
{% load thumbnail %}
{% load cache %}
{% cache 600 landing_candidatos %}
<section id="candidatos" class="yellow">

<section id="welcome">
<div class="container text-center">

<a href="{% url 'medianaranja2:index' %}" onclick="ga('send','event','media-naranja-banner','click')">
<img src="{% static 'img/logo-media-naranja.svg' %}" alt="Media Naranja Política" class="img-responsive">
</a>
<a href="{% url 'medianaranja2:index' %}" onclick="ga('send','event','media-naranja-h1','click')">
<h1>¿Con quién será tu cita el próximo 19 de noviembre?</h1>
</a>
</div>
<div class="container">
<ul class="list-inline text-center">
{% for c in candidates %}
<li>
<a href="{{c.get_absolute_url}}" onclick="ga('send','event','candidate-home-{{c|slugify}}','click')">
{% if c.image %}
{% thumbnail c.image "100x100" crop="center" as im %}
<img src="{{ im.url }}" alt="{{c.name}}" height="96" width="96" border="0" class="img-circle">
{% endthumbnail %}
{% else %}
<img src="{% static 'img/candidate-default.jpg' %}" alt="{{c.name}}" height="96" width="96" border="0" class="img-circle">
{% endif %}
</a>
<p><a href="{{c.get_absolute_url}}">{{c}}</a></p>
</li>
{% endfor %}
</ul>
<h1>¿Dudas sobre las elecciones 2017?</h1>
<h3>¡En Ciudadano Inteligente te ayudamos con nuestras herramientas para esta primera vuelta!</h3>
</div>
</section>

<section id="proposals-counter" class="grey-one">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<p>Encuentra tu media naranja política <a href="{% url 'medianaranja2:index' %}" onclick="ga('send', 'event', 'home-banner-propuestas-ciudadanas', 'click')"><span class="">aquí</span></a></p>
<div class="col-md-8 col-md-offset-2">
<div class="col-md-4">
<a href="{% url 'medianaranja2:index' %}" onclick="ga('send','event','media-naranja-banner','click')">
<img src="{% static 'img/h-naranja.svg' %}" alt="Media Naranja Política" class="img-responsive">
</a>
<p class="text-center tool-description">Encuentra candidaturas afines a tus ideas</p>
</div>
<div class="col-md-4">
<a href="{% url 'medianaranja2:index' %}" onclick="ga('send','event','media-naranja-banner','click')">
<img src="{% static 'img/h-pregunton.svg' %}" alt="Media Naranja Política" class="img-responsive">
</a>
<p class="text-center tool-description">Pregunta aquí tus dudas sobre las votaciones</p>
</div>
<div class="col-md-4">
<a href="{% url 'medianaranja2:index' %}" onclick="ga('send','event','media-naranja-banner','click')">
<img src="{% static 'img/h-acusete.svg' %}" alt="Media Naranja Política" class="img-responsive">
</a>
<p class="text-center tool-description">Denuncia aquí propaganda ilegal</p>
</div>
</div>
<div class="col-md-10 col-md-offset-1">
<div class="col-md-3">
<a href="{% url 'medianaranja2:index' %}" onclick="ga('send','event','media-naranja-banner','click')">
<img src="{% static 'img/h-infografias.svg' %}" alt="Media Naranja Política" class="img-responsive">
</a>
<p class="text-center tool-description">Revisa datos clave para el día de votación</p>
</div>
<div class="col-md-3">
<a href="{% url 'medianaranja2:index' %}" onclick="ga('send','event','media-naranja-banner','click')">
<img src="{% static 'img/h-procom.svg' %}" alt="Media Naranja Política" class="img-responsive">
</a>
<p class="text-center tool-description">Mira los compromisos de candidat@s con propuestas ciudadanas</p>
</div>
<div class="col-md-3">
<a href="{% url 'medianaranja2:index' %}" onclick="ga('send','event','media-naranja-banner','click')">
<img src="{% static 'img/h-nna.svg' %}" alt="Media Naranja Política" class="img-responsive">
</a>
<p class="text-center tool-description">Apoya las propuestas de niños, niñas y adolescentes hacia las candidaturas</p>
</div>
<div class="col-md-3">
<a href="{% url 'medianaranja2:index' %}" onclick="ga('send','event','media-naranja-banner','click')">
<img src="{% static 'img/h-playlist.svg' %}" alt="Media Naranja Política" class="img-responsive">
</a>
<p class="text-center tool-description">Relaja tu ansiedad ante los resultados con estos hits</p>
</div>
</div>
</div>
</div>
</section>



<section id="home-search-candidate" class="blue">
<div class="container">
<h2 class="text-center">¿Por quién votar?</h2>
Expand Down

0 comments on commit 6881ca7

Please sign in to comment.