Skip to content

Commit

Permalink
Merge pull request #903 from /issues/893/landing0-votita
Browse files Browse the repository at this point in the history 
Issues/893/landing0 votita
  • Loading branch information
@lissteilor
lissteilor committed Sep 14, 2017
2 parents 4cbd023 + 32b0899 commit 305a54b
Show file tree
Hide file tree
Showing 8 changed files with 105 additions and 32 deletions.
15 changes: 7 additions & 8 deletions votai_general_theme/static/img/lm-met.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
10 changes: 10 additions & 0 deletions votai_general_theme/static/img/lm-redline.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 3 additions & 3 deletions votai_general_theme/static/img/lm-yellowline.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added votai_general_theme/static/lm-favicon.ico
View file
Binary file not shown.
63 changes: 50 additions & 13 deletions votai_general_theme/static/sass/_levantalamano.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,15 @@ html, body {
.img-responsive{
display: inline;
}
h1{
font-family: 'Fredoka One', sans-serif;
letter-spacing: 2px;
}
h2{
@extend h1;
}

/*BUTTONS*/
.btn{
border-radius: 20px;
border: none;
Expand All @@ -44,14 +53,23 @@ html, body {
box-shadow: none;
}
}
h1{
font-family: 'Fredoka One', sans-serif;
letter-spacing: 2px;
}
h2{
@extend h1;
.btn-blue{
border: 3px solid $blue;
background-color: $blue;
color: white;
&:hover{
background-color: transparent;
color: white;
border: 3px solid white;
}
&:focus{
@extend .btn-blue:hover;
}
&:active:hover{
@extend .btn-blue:hover;
box-shadow: none;
}
}

/*MAIN CONTAINERS*/
.color{
color: white;
Expand Down Expand Up @@ -79,15 +97,21 @@ h2{
background-repeat: no-repeat;
min-height: 28px;
}
.yellowline{
background-image: url("../img/lm-yellowline.svg");
.redline{
background-image: url("../img/lm-redline.svg");
background-repeat: no-repeat;
min-height: 46px;
margin-top: -48px;
}
.yellowline{
background-image: url("../img/lm-yellowline.svg");
background-repeat: no-repeat;
min-height: 28px;
margin-top: -30px;
}
.special-position{
position: relative;
top: 100px;
top: 80px;
}

/*HOME 0*/
Expand All @@ -96,13 +120,26 @@ h2{
top: 100px;
}
#banner{
min-height: 400px;
min-height: 380px;
}
#que-es{
padding: 30px 0 60px;
padding: 30px 0 70px;
}
p.bajada{
font-size: 18px;
line-height: 22px;
}
p.aviso{
font-size: 22px;
line-height: 26px;
font-family: 'Nunito', sans-serif;
font-weight: 700;
}
#contact{
padding: 30px 0 240px;
padding: 30px 0 80px;
}
#soon{
padding: 40px 0 210px;
}

/*FOOTER*/
Expand Down
18 changes: 16 additions & 2 deletions votai_general_theme/static/sass/_media-levantalamano.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,10 +3,24 @@
.logo-title{
top: 70px;
}
.special-position{
top: 30px;
}
#que-es{
padding: 100px 0 60px;
padding: 50px 0 60px;
}
#contact{
padding: 80px 0 240px;
padding: 20px 0 90px;
}
#soon{
padding: 40px 0 210px;
}
p.bajada{
font-size: 16px;
line-height: 20px;
}
p.aviso{
font-size: 20px;
line-height: 24px;
}
}
3 changes: 2 additions & 1 deletion votai_general_theme/templates/votita/base.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{% trans "Vota Inteligente" %} {% block title %}- {{ config.WEBSITE_GENERAL_SETTINGS_HOME_TITLE }}{% endblock title %}</title>
<title>{% trans "Levanta la mano" %} {% block title %}- {{ config.WEBSITE_GENERAL_SETTINGS_HOME_TITLE }}{% endblock title %}</title>
<meta name="author" content="{{ config.WEBSITE_METADATA_AUTHOR }}">
<meta name="description" content="{% block description %}{{ config.WEBSITE_METADATA_DESCRIPTION }}{% endblock description %}">
<meta name="keywords" content="{{ config.WEBSITE_METADATA_KEYWORD }}{% block keywords %}{% endblock keywords %}">
Expand All @@ -26,6 +26,7 @@
<meta property="fb:app_id" content="{{ config.WEBSITE_OGP_APP_ID }}">
<!--eoff-->
<link rel="shortcut icon" sizes="196x196" href="{% static 'img/votai-196.png' %}">
<link rel="icon" type="image/x-icon" href="{% static 'lm-favicon.ico' %}" />

<link href='//fonts.googleapis.com/css?family=Nunito+Sans:400,700' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Arvo:400,700' rel='stylesheet' type='text/css'>
Expand Down
22 changes: 17 additions & 5 deletions votai_general_theme/templates/votita/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,8 +23,8 @@
<div class="row">
<div class="col-md-6">
<h2>¿Qué es?</h2>
<p>La formación ciudadana debe iniciarse desde la infancia y consolidarse durante la adolescencia. Por ello, desde Fundación Ciudadano Inteligente y el Fondo de las Naciones Unidas para la Infancia, UNICEF Chile, proponemos la iniciativa “Levanta la mano” como una alternativa para abrir el debate con niños, niñas y adolescentes, de manera que analicen y discutan, desde su perspectiva y vivencias, los problemas y desafíos que enfrenta actualmente Chile, y las posibles soluciones que pueden llevarse a cabo.</p>
<p><b>Te invitamos a descargar la metodología y generar un encuentro con tu curso o grupo</b></p>
<p class="bajada">Formarse como ciudadanos y ciudadanas tiene que partir desde la infancia y seguir avanzando en la adolescencia y la adultez. Por eso, desde la Fundación Ciudadano Inteligente y el Fondo de las Naciones Unidas para la Infancia, UNICEF Chile, creamos “Levanta la mano” una herramienta para abrir la conversación entre niños, niñas y adolescentes para reflexionar, participar, discutir y proponer desde las vivencias propias, los problemas y desafíos que tenemos como país, y las posibles soluciones que se nos puedan ocurrir.</p>
<p class="aviso"><b>Si eres profesor o guía de un grupo de niños, niñas y adolescentes, te invitamos a descargar la metodología y generar un encuentro con tu curso o grupo.</b></p>
</div>
<div class="col-md-6 text-center special-position">
<img src="{% static 'img/lm-met.svg' %}" class="img-responsive">
Expand All @@ -33,14 +33,26 @@ <h2>¿Qué es?</h2>
</div>
</div>
</section>
<section class="redline">
</section>
<section id="contact" class="color red">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center">
<h2>Inscribe a tu grupo</h2>
<p class="aviso">Si quieres que tu profesor o guía de algún taller,<br>grupo scout o actividad lleve esta iniciativa a tu grupo,<br><a class="btn btn-blue" href="https://docs.google.com/forms/d/e/1FAIpQLScIl3rwIJkQpihyAON-p38h7EakmsbP0I_FWuce_xkvJ7ArGg/viewform" target="_blank" onclick="ga('send', 'event', 'home-formulario-inscripcion', 'click')">déjanos su contacto</a></p>
</div>
</div>
</div>
</section>
<section class="yellowline">
</section>
<section id="contact" class="color yellow">
<section id="soon" class="color yellow">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="col-md-8 col-md-offset-2 text-center">
<h2>Próximamente</h2>
<p>Próximamente podrás subir las propuestas de tu encuentro y ver todas las propuestas que otros niños, niñas y adolescentes han generado</p>
<p class="aviso">¡Después de las vacaciones de fiestas patrias tendremos el paso a paso para comenzar subir las propuestas!</p>
</div>
</div>
</div>
Expand Down

0 comments on commit 305a54b

Please sign in to comment.