From 269090548a6a1556938bc0067176da3b429a3256 Mon Sep 17 00:00:00 2001
From: Josep Jaume Rey Peroy <josepjaume@gmail.com>
Date: Sat, 14 Jan 2017 22:13:34 +0100
Subject: [PATCH] Add barcelona skin

---
 app/assets/images/barcelona/heading-icon.svg |  1 +
 app/assets/images/barcelona/logo.svg         | 70 ++++++++++++++++++++
 app/assets/images/barcelona/pattern-big.svg  |  1 +
 app/assets/images/barcelona/pattern.svg      | 19 ++++++
 app/assets/stylesheets/_barcelona.scss       | 54 +++++++++++++++
 app/assets/stylesheets/application.css       |  1 -
 app/assets/stylesheets/decidim.scss          |  1 +
 app/views/layouts/decidim/_logo.html.erb     |  3 +
 8 files changed, 149 insertions(+), 1 deletion(-)
 create mode 100644 app/assets/images/barcelona/heading-icon.svg
 create mode 100644 app/assets/images/barcelona/logo.svg
 create mode 100644 app/assets/images/barcelona/pattern-big.svg
 create mode 100644 app/assets/images/barcelona/pattern.svg
 create mode 100644 app/assets/stylesheets/_barcelona.scss
 create mode 100644 app/views/layouts/decidim/_logo.html.erb

diff --git a/app/assets/images/barcelona/heading-icon.svg b/app/assets/images/barcelona/heading-icon.svg
new file mode 100644
index 0000000000..58ea3cab26
--- /dev/null
+++ b/app/assets/images/barcelona/heading-icon.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#ef604d;}</style></defs><title>heading-icon</title><path class="cls-1" d="M874.25,381.07a8,8,0,0,0-7.92,7.92A8,8,0,0,0,874.25,381.07Z" transform="translate(-866.33 -381.07)"/><path class="cls-1" d="M882.33,389a8,8,0,0,0-7.92-7.92A8,8,0,0,0,882.33,389Z" transform="translate(-866.33 -381.07)"/><path class="cls-1" d="M882.33,389.15a8,8,0,0,0-7.92,7.92A8,8,0,0,0,882.33,389.15Z" transform="translate(-866.33 -381.07)"/><path class="cls-1" d="M866.33,389.15a8,8,0,0,0,7.92,7.92A8,8,0,0,0,866.33,389.15Z" transform="translate(-866.33 -381.07)"/></svg>
\ No newline at end of file
diff --git a/app/assets/images/barcelona/logo.svg b/app/assets/images/barcelona/logo.svg
new file mode 100644
index 0000000000..a3b8a5f7b9
--- /dev/null
+++ b/app/assets/images/barcelona/logo.svg
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Negativo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 455.8 147.6" style="enable-background:new 0 0 455.8 147.6;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#D9E7E5;}
+	.st1{fill:#ED6A5A;}
+	.st2{fill:#31536E;}
+	.st3{fill:#A0C3BF;}
+</style>
+<title>decidim-logo</title>
+<path class="st0" d="M188.6,44.8v5.8c0,14.5-10.3,22.5-22.7,22.5h-19.3V22.2h19.3C178.3,22.2,188.6,30.3,188.6,44.8z M158.1,63.9
+	h7.8c6.1,0,10.7-4,10.7-11.8v-9c0-7.8-4.6-11.8-10.7-11.8h-7.8V63.9L158.1,63.9z"/>
+<path class="st0" d="M213.8,73.8h-1.2c-10.5,0-18.5-6.8-18.5-18.6v-2.1c0-11.8,8.1-18.6,18.5-18.6h1.2c9,0,17.2,5.7,17.2,15.9v5.6
+	h-25.9v1.8c0,4.8,3,8.7,8.1,8.7c4.4,0,7.3-2.4,7.3-7.5h10.4C230.9,69.3,222.6,73.8,213.8,73.8z M205.1,50h15c0-4.7-1.9-8.1-7.3-8.1
+	C208.3,41.9,205.4,45.4,205.1,50z"/>
+<path class="st0" d="M255.2,66.4c4.4,0,7.3-2.7,7.3-8.4h10.2c0,11-7.8,15.8-16.4,15.8h-1.2c-11,0-18.1-6.8-18.1-18.6v-2.1
+	c0-11.8,7.6-18.6,18.1-18.6h1.2c8.6,0,16.4,5.7,16.4,15.9h-10.7c0-4.9-2.2-8.4-6.7-8.4s-7.2,4.1-7.2,9.3v6.6
+	C248.1,62.5,250.7,66.4,255.2,66.4z"/>
+<path class="st0" d="M289.8,19.7v8.5h-11v-8.5L289.8,19.7L289.8,19.7z M279,35.2h10.8v37.9H279V35.2z"/>
+<path class="st0" d="M321.8,68.3c-2.4,3.5-6.4,5.5-10.7,5.5c-8.7,0-15.7-6.1-15.7-19.5v-0.8c0-12.7,6.5-19,14.6-19
+	c4.1-0.1,8.1,1.8,10.6,5.1V19.7h10.8v53.3h-8.5L321.8,68.3z M313.5,66.4c4,0,7.1-3,7.1-9v-6.1c0-6-3.1-9-7.1-9s-7.1,3-7.1,9v6.1
+	C306.4,63.4,309.5,66.4,313.5,66.4L313.5,66.4z"/>
+<path class="st0" d="M351.2,19.7v8.5h-11v-8.5L351.2,19.7L351.2,19.7z M340.3,35.2h10.8v37.9h-10.8V35.2z"/>
+<path class="st0" d="M391.4,40.5c2.3-3.9,6.5-6.2,11-6.1c6.8,0,12.4,4.2,12.4,12.1v26.5H404V48.8c0-4.1-1.9-6.5-5-6.5
+	c-3.4,0-6.2,3-6.2,7.3V73H382V48.7c0-4.1-2-6.5-5.1-6.5c-3.4,0-6.1,3-6.1,7.3V73H360V35.2h8.2c0.4,1.9,0.8,3.7,1.2,5.5
+	c2.3-3.9,6.5-6.3,11.1-6.3C385.2,34.5,389.3,36.5,391.4,40.5z"/>
+<path class="st0" d="M182.5,105.5c0,5.9-2.8,10.1-8.9,11.9v0.4c5.6,0.9,10.1,5.2,10.1,12.3c0,7.6-6.2,13.8-13.8,13.9
+	c-0.1,0-0.2,0-0.3,0h-23V93h22.5C176.5,93,182.5,98.5,182.5,105.5z M153.9,99.6v15h13.8c4.1,0.3,7.7-2.8,8-7c0.3-4.1-2.8-7.7-7-8
+	c-0.4,0-0.7,0-1.1,0H153.9L153.9,99.6z M153.9,121.2v16h14.5c4.4,0,8-3.6,8-8s-3.6-8-8-8H153.9L153.9,121.2z"/>
+<path class="st0" d="M219.7,116.8v19.6c0,1.9,1,2.6,2.1,2.6c1.2,0,2.4-0.4,3.4-1v5.1c-1.7,1-3.7,1.5-5.7,1.5c-4.4,0-6.2-2.9-6.4-6.8
+	c-3,4.5-7.4,6.8-13.3,6.8c-8.1,0-12.4-3.3-12.4-11.3c0-9,6.3-12.2,25.3-12.2v-3.5c0-5.3-3.4-6.8-8.7-6.8s-8.4,2.1-8.4,5.9v0.9h-6.8
+	c-0.1-0.8-0.2-1.6-0.1-2.4c0-5.3,6.7-9.9,15.6-9.9h0.7C215,105.2,219.7,109.4,219.7,116.8z M194.4,133.9c0,3.4,2.6,5.1,7.8,5.1
+	c5.9,0,10.6-4.7,10.6-10.6c0-0.1,0-0.3,0-0.4v-1.5C196.8,126.5,194.4,128.9,194.4,133.9z"/>
+<path class="st0" d="M256.7,117.1l-0.2,2.8h-6.1v-1.6c0-4.1-3.3-7.4-7.3-7.5c-4.7,0-7.6,4.1-7.6,10.5v22.6h-7V106h5l1,5.6
+	c0.9-2.8,5.1-6.4,11-6.4C252.8,105.2,256.7,110.6,256.7,117.1z"/>
+<path class="st0" d="M292,120.9h-6.9c0-5.9-3-10.1-9-10.1s-10,4.3-10,11.5v4c0,8.8,3.9,12.7,10.2,12.7s9-4.1,9-10h6.7
+	c0,9.6-6.2,15.6-15.6,15.6h-0.6c-10.2,0-16.7-7.5-16.7-18.7v-1.8c0-11.3,6.7-18.8,16.6-18.8h0.6C285.4,105.2,292,111.5,292,120.9z"
+	/>
+<path class="st0" d="M329.2,121.2v5.3h-26.5c0.2,7.9,3.6,12.5,10.7,12.5c6.7,0,9.1-4.8,9.1-9.3h6.6c0,9-6.6,14.8-15.8,14.8H313
+	c-10.7,0-17.3-7.5-17.3-18.9v-1.5c0-11.3,6.5-19,17-19h0.5C322.6,105.2,329.2,111.5,329.2,121.2z M302.9,121.1h19.4v-0.9
+	c0-5.6-3.7-9.4-9.3-9.4S303.7,114.2,302.9,121.1L302.9,121.1z"/>
+<path class="st0" d="M339.9,143.8h-7V90.5h7V143.8L339.9,143.8z"/>
+<path class="st0" d="M378.7,123.5v2.7c0,11.3-6.7,18.3-17.4,18.3s-17.4-7-17.4-18.3v-2.7c0-11.5,6.9-18.3,17.4-18.3
+	S378.7,112.1,378.7,123.5z M350.9,124.2v1.4c0,8.5,3.7,13.4,10.5,13.4c6.4,0,10.5-4.5,10.5-13.4v-1.4c0-8.5-3.7-13.4-10.5-13.4
+	C354.8,110.8,350.9,115.3,350.9,124.2L350.9,124.2z"/>
+<path class="st0" d="M414.5,118.3v25.5h-7v-24.2c0-6.5-3.3-8.8-8-8.8c-5.7,0.2-10.1,4.9-10.1,10.5v22.5h-7V106h5l1,5.5
+	c2.9-4.1,7.7-6.4,12.7-6.3C409.3,105.2,414.5,109.6,414.5,118.3z"/>
+<path class="st0" d="M450.3,116.8v19.6c0,1.9,1,2.6,2.1,2.6c1.2,0,2.4-0.4,3.4-1v5.1c-1.7,1-3.7,1.5-5.7,1.5c-4.4,0-6.2-2.9-6.4-6.8
+	c-3,4.5-7.4,6.8-13.3,6.8c-8.2,0-12.4-3.3-12.4-11.3c0-9,6.3-12.2,25.3-12.2v-3.5c0-5.3-3.4-6.8-8.7-6.8s-8.4,2.1-8.4,5.9v0.9h-6.8
+	c-0.1-0.8-0.2-1.6-0.2-2.4c0-5.3,6.7-9.9,15.6-9.9h0.7C445.6,105.2,450.3,109.4,450.3,116.8z M425,133.9c0,3.4,2.6,5.1,7.8,5.1
+	c5.9,0,10.6-4.7,10.6-10.6c0-0.1,0-0.3,0-0.4v-1.5C427.4,126.5,425,128.9,425,133.9L425,133.9z"/>
+<path class="st1" d="M73.8,146.8c19.9-0.2,36-16.3,36.2-36.1V110c-0.2-19.9-16.3-36-36.2-36.2l0,0v-0.7l0,0
+	c19.9-0.2,36-16.3,36.2-36.2v-0.7C109.7,16.3,93.7,0.2,73.8,0H0v73l0,0v0.7l0,0v73L73.8,146.8L73.8,146.8z M73.1,73.8L73.1,73.8
+	v-0.7l0,0V73.8z"/>
+<path class="st2" d="M73,73.8c-19.9,0.2-36,16.3-36.2,36.2C56.8,109.8,72.8,93.7,73,73.8z"/>
+<path class="st2" d="M36.9,110.7c0.2,19.9,16.3,35.9,36.2,36.1C72.8,127,56.8,110.9,36.9,110.7z"/>
+<path class="st2" d="M36.2,109.9C36,90.1,19.9,74,0,73.8C0.2,93.7,16.3,109.7,36.2,109.9z"/>
+<path class="st2" d="M36.2,110.7C16.3,110.9,0.2,127,0,146.8C19.9,146.6,36,130.6,36.2,110.7z"/>
+<path class="st2" d="M36.2,36.2C36,16.3,19.9,0.2,0,0C0.2,19.9,16.3,36,36.2,36.2z"/>
+<path class="st2" d="M36.2,36.9C16.3,37.1,0.2,53.2,0,73.1C19.9,72.9,36,56.8,36.2,36.9z"/>
+<path class="st2" d="M73,0c-19.9,0.2-36,16.3-36.1,36.2C56.8,36,72.9,19.9,73,0z"/>
+<path class="st2" d="M36.9,36.9C37.1,56.8,53.2,72.8,73,73.1C72.9,53.2,56.8,37.1,36.9,36.9z"/>
+<path class="st3" d="M0,146.8c0.2-19.9,16.3-36,36.2-36.1V110C16.3,109.7,0.2,93.7,0,73.8V146.8z"/>
+<path class="st3" d="M109.9,109.9c-19.9-0.2-36-16.3-36.2-36.2H73c-0.2,19.9-16.3,36-36.2,36.2v0.7c19.9,0.2,36,16.3,36.2,36.1h0.8
+	c0.2-19.9,16.3-36,36.2-36.1V109.9z"/>
+<path class="st3" d="M0,73.1c0.2-19.9,16.3-36,36.2-36.2v-0.7C16.3,36,0.2,19.9,0,0V73.1L0,73.1z"/>
+<path class="st3" d="M109.9,36.2C90.1,36,74,19.9,73.8,0H73c-0.2,19.9-16.3,36-36.1,36.2v0.7c19.9,0.2,36,16.3,36.2,36.1h0.7
+	c0.2-19.9,16.3-36,36.2-36.2V36.2z"/>
+</svg>
diff --git a/app/assets/images/barcelona/pattern-big.svg b/app/assets/images/barcelona/pattern-big.svg
new file mode 100644
index 0000000000..aa142f9b22
--- /dev/null
+++ b/app/assets/images/barcelona/pattern-big.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 129 129"><defs><style>.cls-1{fill:#fff;}</style></defs><title>pattern-big</title><path class="cls-1" d="M614.63,65H584V96.22A32,32,0,0,1,614.63,65Z" transform="translate(-584 -65)"/><path class="cls-1" d="M648,97h0.65c0.17-17,13.7-31.29,30.64-32H617.32C634.26,65.71,647.79,80,648,97Z" transform="translate(-584 -65)"/><path class="cls-1" d="M616,129.68V129a31.81,31.81,0,0,1-32-31.26v63.16A31.81,31.81,0,0,1,616,129.68Z" transform="translate(-584 -65)"/><path class="cls-1" d="M615.68,129h0.65A32.28,32.28,0,0,1,648,97.32V96.68A32.28,32.28,0,0,1,616.33,65h-0.65A32,32,0,0,1,584,96.68v0.65A32,32,0,0,1,615.68,129Z" transform="translate(-584 -65)"/><path class="cls-1" d="M615.68,194h0.65A32.17,32.17,0,0,1,648,162v-1h0v0.36c-17-.19-31.5-14.36-31.67-31.36h-0.65A32,32,0,0,1,584,161.36V162A31.9,31.9,0,0,1,615.68,194Z" transform="translate(-584 -65)"/><path class="cls-1" d="M649,96.68v0.65A31.94,31.94,0,0,1,680.28,129h0.65A32,32,0,0,1,713,97.32V96.68A32,32,0,0,1,680.93,65h-0.65C680.1,82.42,666,96.5,649,96.68Z" transform="translate(-584 -65)"/><path class="cls-1" d="M616,129.68c18,0.19,31.8,14.32,32,31.32h0.65A32,32,0,0,1,680,129.68V129a32,32,0,0,1-31.38-32H648a31.81,31.81,0,0,1-32,32v1h0v-0.32Z" transform="translate(-584 -65)"/><path class="cls-1" d="M616.33,129.68h0Z" transform="translate(-584 -65)"/><path class="cls-1" d="M648,161.36h0Z" transform="translate(-584 -65)"/></svg>
\ No newline at end of file
diff --git a/app/assets/images/barcelona/pattern.svg b/app/assets/images/barcelona/pattern.svg
new file mode 100644
index 0000000000..bf560e571a
--- /dev/null
+++ b/app/assets/images/barcelona/pattern.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 96 129" style="enable-background:new 0 0 96 129;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<title>pattern</title>
+<path class="st0" d="M0,97.8V129h30.6C13.8,128.3,0.4,114.6,0,97.8z"/>
+<path class="st0" d="M0,33.1v63.2C0.3,78.8,14.6,64.9,32,65v-0.7C14.6,64.4,0.3,50.5,0,33.1z"/>
+<path class="st0" d="M0,96.7v0.7c17.4,0.2,31.5,14.3,31.7,31.7h0.7c0.3-17.4,14.3-31.3,31.7-31.7v-0.7C46.6,96.4,32.6,82.4,32.3,65
+	h-0.7C31.5,82.4,17.4,96.5,0,96.7z"/>
+<path class="st0" d="M0,32v0.6C17.3,32.8,31.3,46.7,31.7,64h0.7C32.5,47,47,32.8,64,32.6V33l0,0v-1C46.5,31.7,32.4,17.5,32.3,0h-0.7
+	C31.7,17.6,17.6,31.9,0,32z"/>
+<path class="st0" d="M32,64L32,64v1c0.1,0,0.3,0,0.4,0C49.9,65.1,64.1,79.4,64,97h0.6c0-17.4,13.9-31.7,31.4-32v-0.7
+	C78.8,64,65,50.2,64.7,33H64c-0.2,17-14,31.1-32,31.3V64z"/>
+<path class="st0" d="M32.3,64.3L32.3,64.3z"/>
+<path class="st0" d="M64,32.6L64,32.6z"/>
+</svg>
diff --git a/app/assets/stylesheets/_barcelona.scss b/app/assets/stylesheets/_barcelona.scss
new file mode 100644
index 0000000000..6c83914624
--- /dev/null
+++ b/app/assets/stylesheets/_barcelona.scss
@@ -0,0 +1,54 @@
+//Section heading
+.section-heading.section-heading:before{
+  //double selector to increase specificity
+  background: image-url("barcelona/heading-icon.svg") no-repeat center;
+  width: .9rem;
+  height: .9rem;
+  margin-right: .3rem;
+  margin-bottom: -.11rem;
+}
+
+//Process cards - home and processes
+.card--full__image{
+  &:after{
+    content: "";
+    display: block;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    background: image-url("barcelona/pattern-big.svg") no-repeat left top;
+    z-index: 0;
+    background-size: 32px;
+    @include breakpoint(medium){
+      background-size: 90px;
+    }
+    @include breakpoint(mediumlarge){
+      background-size: 160px;
+    }
+    @include breakpoint(large){
+      background-size: 120px;
+    }
+  }
+}
+
+.card--process .card__image-top{
+  position: relative;
+  &:after{
+    content: "";
+    display: block;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    background: image-url("barcelona/pattern.svg") no-repeat left bottom;
+    z-index: 0;
+    background-size: 40px;
+  }
+}
+
+.card--process.card--mini .card__image-top:after{
+  background-size: 32px;
+}
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index 3bfc4feb2a..f16da05bbc 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -11,6 +11,5 @@
  * It is generally better to create a new file per style scope.
  *
  *= require decidim
- *= require_tree .
  *= require_self
  */
diff --git a/app/assets/stylesheets/decidim.scss b/app/assets/stylesheets/decidim.scss
index c258db019a..32dd03b96a 100644
--- a/app/assets/stylesheets/decidim.scss
+++ b/app/assets/stylesheets/decidim.scss
@@ -22,3 +22,4 @@
 // $border: 1px solid $medium-gray;
 
 @import "decidim/application";
+@import "barcelona";
diff --git a/app/views/layouts/decidim/_logo.html.erb b/app/views/layouts/decidim/_logo.html.erb
new file mode 100644
index 0000000000..f8046be563
--- /dev/null
+++ b/app/views/layouts/decidim/_logo.html.erb
@@ -0,0 +1,3 @@
+<%= link_to root_path do %>
+  <%= image_tag "barcelona/logo.svg", width: "140" %>
+<% end %>