consul/nairobi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Created new quotes

Browse Source 
- Created blue images quotes
- Added quotes images to preview poster
- Added quotes images to download poster
- Removed reference to Decide Madrid and use %{org}
- Removed reference to decide.madrid.es and use %{link}
- FIxed some style (font, padding, maring) in PDF
- Passed scss-lint
This commit is contained in:
Alessandro Cuoghi
2019-01-16 18:28:14 +01:00
committed by taitus
parent 44964c35f9
commit d81d1537d0
7 changed files with 43 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
app/assets/images/quote-after-blue.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
app/assets/images/quote-before-blue.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

46
app/assets/stylesheets/dashboard.scss
View File

@@ -531,8 +531,6 @@
.poster-footer {
border-left: 2px solid $border;
color: $text-medium;
margin: 0 auto;
padding-left: rem-calc(40);
}
}
}
@@ -599,6 +597,11 @@
.poster-content {
img {
max-width: rem-calc(40);
vertical-align: top;
}
h2 {
font-size: rem-calc(28);
margin: $line-height 0;
@@ -617,8 +620,9 @@
.poster-footer {
font-size: rem-calc(19);
width: 50%;
margin-top: rem-calc(50);
padding-left: rem-calc(40);
width: 50%;
}
}
@@ -629,14 +633,14 @@
.dashboard-poster-pdf {
.poster-header {
padding: 5cm;
height: 60cm;
font-weight: normal;
height: 60cm;
padding: 5cm;
h1 {
font-size: 6cm;
line-height: rem-calc(250);
font-weight: bold;
line-height: rem-calc(250);
img {
max-width: rem-calc(150);
@@ -644,10 +648,9 @@
}
p {
color: #fff;
font-size: rem-calc(80);
line-height: rem-calc(100);
color: #fff;
&.intro {
margin: rem-calc(160) auto;
@@ -683,14 +686,10 @@
}
.poster-content {
.quote {
.curly-quotes::before,
.curly-quotes::after {
font-size: rem-calc(200);
height: rem-calc(18);
line-height: rem-calc(150);
}
img {
height: 3cm;
vertical-align: top;
width: 3cm;
}
h2 {
@@ -700,20 +699,17 @@
h3 {
font-size: 4.7cm;
line-height: 5.5cm;
margin-top: $line-height;
max-width: 80%;
line-height: 5cm;
}
img {
width: 5cm;
height: 5cm;
}
}
.poster-footer {
margin-top: 3cm;
max-width: 60%;
width: 100%;
display: block;
margin-left: 15cm;
margin-top: 2cm;
max-width: 55%;
padding-left: 4cm;
}
}

11
app/views/dashboard/poster/index.html.erb
View File

@@ -9,7 +9,8 @@
<%= image_tag("finger.png") %>
<%= t("dashboard.poster.index.poster_subtitle") %>
</h1>
<p class="intro"><%= t("dashboard.poster.index.intro_text").html_safe %></p>
<p class="intro"><%= t("dashboard.poster.index.intro_text", org: Setting["org_name"]).html_safe %></p>
<p class="text-center">
<strong><%= t("dashboard.poster.index.proposal_code", code: proposal.code) %></strong>
</p>
@@ -22,8 +23,12 @@
</div>
<div class="poster-content">
<h2><%= t("dashboard.poster.index.support") %></h2>
<h3>"<%= proposal.title %>"</h3>
<p class="poster-footer"><%= t("dashboard.poster.index.footer").html_safe %></p>
<%= image_tag 'quote-before-blue.png' %>
<h3><%= proposal.title %></h3>
<%= image_tag 'quote-after-blue.png' %>
<p class="poster-footer">
<%= t("dashboard.poster.index.footer", link: Setting["url"]).html_safe %>
</p>
</div>
</div>
</div>

17
app/views/dashboard/poster/index.pdf.erb
View File

@@ -9,13 +9,14 @@
<body class="dashboard-poster-pdf">
<div class="poster-header">
<h1>
<%= t("dashboard.poster.index.poster_title") %>
<strong><%= t("dashboard.poster.index.poster_title") %>
<br>
<%= wicked_pdf_image_tag("finger.png") %>
<%= t("dashboard.poster.index.poster_subtitle") %>
</strong>
</h1>
<p class="intro">
<%= t("dashboard.poster.index.intro_text").html_safe %>
<%= t("dashboard.poster.index.intro_text", org: Setting["org_name"]).html_safe %>
</p>
<p class="text-center proposal-code">
<strong><%= t("dashboard.poster.index.proposal_code", code: proposal.code) %></strong>
@@ -28,11 +29,13 @@
<% end %>
</div>
<div class="poster-content">
<h2 class="text-center"><%= t("dashboard.poster.index.support") %></h2>
<div class="quote">
<h3>"<%= proposal.title %>"</h3>
</div>
<p class="poster-footer"><%= t("dashboard.poster.index.footer").html_safe %></p>
<h2 class="text-center"><strong><%= t("dashboard.poster.index.support") %></strong></h2>
<%= wicked_pdf_image_tag 'quote-before-blue.png' %>
<h3><strong><%= proposal.title %></strong></h3>
<%= wicked_pdf_image_tag 'quote-after-blue.png' %>
<p class="poster-footer">
<%= t("dashboard.poster.index.footer", link: Setting["url"]).html_safe %>
</p>
</div>
</div>
</body>

4
config/locales/en/general.yml
View File

@@ -566,11 +566,11 @@ en:
poster_title: "Do not keep looking,"
poster_subtitle: "back me up! ;)"
intro_text:
<strong>I am participating in Decide Madrid</strong> with my own citizen proposal and only if you also add you can I achieve the
<strong>I am participating in %{org}</strong> with my own citizen proposal and only if you also add you can I achieve the
necessary support to make Madrid the city we all want.
proposal_code: "Code of the proposal: %{code}"
support: Support my proposal
footer: Visit decide.madrid.es and support this proposal. We need to be many. Decide your too. Thank you!
footer: Visit %{link} and support this proposal. We need to be many. Decide your too. Thank you!
new:
title: Poster feature
options:

4
config/locales/es/general.yml
View File

@@ -566,11 +566,11 @@ es:
poster_title: "No te quedes mirando,"
poster_subtitle: "¡apóyame! ;)"
intro_text:
<strong>Estoy participando en Decide Madrid</strong> con mi propia propuesta ciudadana y sólo si tú también te sumas podré lograr el
<strong>Estoy participando en %{org}</strong> con mi propia propuesta ciudadana y sólo si tú también te sumas podré lograr el
apoyo necesario para hacer de madrid la ciudad que todos queremos.
proposal_code: "Código de la propuesta: %{code}"
support: Apoya mi propuesta
footer: <strong>Entra en decide.madrid.es y apoya esta propuesta.</strong> Necesitamos ser muchos. Decide tu también. ¡Gracias!
footer: <strong>Entra en %{link} y apoya esta propuesta.</strong> Necesitamos ser muchos. Decide tu también. ¡Gracias!
new:
title: Funcionalidad de póster
options: