Merge pull request #1003 from /issues/1000/estilo-medianaranja

Adjustments media naranja

votai_general_theme/static/sass/_2017sitio1.scss

@@ -969,6 +969,24 @@ label{
 .media-naranja{
   background-color: #E2F4FF;
   padding-top: 60px;
+  h2{
+    font-family: 'Montserrat', sans-serif;
+    font-size: 20px;
+    margin: 0 0 10px;
+    font-weight: 700;
+    line-height: 1;
+  }
+}
+.media-naranja-info{
+  margin-top: 30px;
+  h4{
+    font-family: 'Montserrat', sans-serif;
+    font-size: 14px;
+    line-height: 28px;
+    font-weight: 700;
+    letter-spacing: 2px;
+    margin: 22px 0 0;
+  }
 }
 
 .naranja-form{
@@ -1034,6 +1052,15 @@ label{
     font-size: 30px;
     font-weight: 700;
     margin: 10px 0 10px;
+    color: $yellow;
+  }
+  h3{
+    letter-spacing: 0;
+    text-transform: none;
+  }
+  .bajada{
+    font-family: 'Arvo', serif;
+    font-size: 16px;
   }
 }
 

votai_general_theme/templates/medianaranja2/base.html

@@ -14,8 +14,10 @@
 <section class="media-naranja">
 <div class="container">
   <div class="row">
-    <div class="col-md-4 col-md-offset-2">
+    <div class="col-md-6 col-md-offset-1">
       <img src="{% static 'img/logo-media-naranja.svg' %}" alt="Media Naranja Política">
+      <h2>¿Con quién será tu cita el próximo 19 de noviembre?</h2>
+      <p>La Media Naranja es un juego de preguntas para ver tu afinidad con las candidaturas a la presidencia y al parlamento. El contenido se basa en la información de los programas de gobierno de la candidaturas presidenciales y en los compromisos ciudadanos hechos en Vota Inteligente por quienes quieren tu voto.</p>
     </div>
     <div class="col-md-4 mano">
     </div>

votai_general_theme/templates/medianaranja2/paso_1_preguntas_y_respuestas.html

@@ -7,15 +7,13 @@
 {% load bootstrap3 %}
 
 {% block questions %}
-  <p>Responde a conciencia las siguientes preguntas para que podamos entregarte un mejor resultado para tu 1/2 naranja.</p>
 
   <form method="post" enctype="multipart/form-data">
   {% csrf_token %}
   {{ wizard.form.media }}
   {{ wizard.management_form }}
   {% for field in wizard.form %}
   <div class="pregunta">
-    <span class="label-default">Economía y desarrollo</span>
     {% bootstrap_field field %}
   </div>
   {% endfor %}

votai_general_theme/templates/medianaranja2/resultado.html

@@ -50,7 +50,7 @@ <h3>Organizaciones</h3>
 
 {% for election_result in results %}
 <div class="col-md-12">
-  <h3>{{election_result.election}}</h3>
+  <h3>Tu media naranja política para {{election_result.election}} es</h3>
   {% for candidate_result in election_result.candidates %}
   <div class="col-md-4 text-center">
       <div class="text-center candidate-result-value">{{ candidate_result.value }}%</div>
@@ -66,15 +66,26 @@ <h3>{{election_result.election}}</h3>
       <p class="candidate-result-name"><a href="{{candidate_result.candidate.get_absolute_url}}">{{candidate_result.candidate}}</a></p>
       {% get_personal_data candidate=candidate_result.candidate personal_data='Partido' as partido %}
         {% if partido.value %}
-        <span class="label-default">{{partido.value}}</span>
+        <div><span class="label-default">{{partido.value}}</span></div>
         {% endif %}
+
         {% get_personal_data candidate=candidate_result.candidate personal_data='Pacto' as pacto %}
         {% if pacto.value %}
-        <span class="label-warning">{{pacto.value}}</span>
+        <div><span class="label-warning">{{pacto.value}}</span></div>
         {% endif %}
     </div>
   {% endfor %}
 </div>
 <hr>
 {% endfor %}
+
+<div class="col-md-12 media-naranja-info">
+<h4>¿CÓMO CALCULAMOS TU MEDIA NARANJA PRESIDENCIAL?</h4>
+<p>En la primera pregunta, te mostramos todos aquellos temas en los que las candidaturas presidenciales muestran posiciones concretas en sus programas. Una vez que elegiste tus prioridades, en la segunda pregunta te mostramos como opciones las posturas de las candidaturas en esas áreas. En el paso tres, te pedimos que definas tus cinco primeras medidas de gobierno, si fueras presidente o presidenta, que corresponden a las propuestas ciudadanas que hay en Vota Inteligente con las que las candidaturas se han comprometido. ¡Usando todos estos resultados calculamos cuál es tu grado de compatibilidad!</p>
+
+<h4>¿CÓMO CALCULAMOS TU MEDIA NARANJA PARLAMENTARIA?</h4>
+<p>Para calcular con qué candidaturas a la Cámara de Diputados y al Senado eres más compatible, sólo consideramos la información sobre compromisos de las candidaturas en Vota Inteligente. Dado que el Servel no exige que estas candidaturas entreguen un programa formal, no podemos comparar sus posturas con las tuyas.</p>
+</div>
+
+<a href="{% url 'medianaranja2:index' %}" class="btn btn-success pull-right" role="button">Juega de nuevo</a>
 {% endblock questions %}