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

Merge pull request #467 from AyuntamientoMadrid/improve_design

Browse Source 
Improve design
This commit is contained in:
Raimond Garcia
2015-09-10 20:49:00 +02:00
parent 728dd28acf a62cbf4f39
commit 67d5b6fcc8
23 changed files with 322 additions and 248 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
app/assets/fonts/icons.eot
View File

Binary file not shown.

3
app/assets/fonts/icons.svg
View File

@@ -36,5 +36,6 @@
<glyph unicode="&#65;" d="M292 353l74 0-9-81-65 0 0-235-97 0 0 235-49 0 0 81 49 0 0 49c0 35 8 61 24 79 17 18 44 26 81 26l65 0 0-81-40 0c-8 0-14 0-18-2-5-1-8-3-10-6-2-4-3-7-4-10 0-3-1-8-1-14z"/>
<glyph unicode="&#66;" d="M269 93c0 4-1 8-2 12-1 4-1 7-2 10-1 3-3 7-5 10-3 4-5 6-6 9-2 2-5 5-8 8-3 4-6 6-8 8-2 1-5 4-9 7-4 3-7 5-9 6-1 2-5 4-9 7-5 3-8 5-9 6-3 0-8 1-14 1-11 0-21-1-31-2-9-2-20-4-30-8-11-3-20-7-28-13-8-5-15-12-20-21-5-9-8-19-8-31 0-13 4-24 10-34 7-11 16-19 27-24 11-6 22-11 34-13 12-3 24-5 37-5 11 0 22 1 32 4 10 2 19 6 28 11 9 5 16 12 22 21 5 9 8 19 8 31z m-35 247c0 11-1 23-4 36-4 13-8 25-14 37-6 12-14 22-24 30-10 8-21 12-34 12-18 0-31-7-41-20-10-13-15-29-15-47 0-9 1-18 4-28 2-10 5-20 10-30 4-10 10-19 16-27 6-8 13-14 22-19 9-5 18-7 28-7 18 0 32 5 40 17 8 11 12 27 12 46z m-37 135l125 0-39-22-38 0c13-9 24-21 31-36 7-16 11-32 11-48 0-15-2-27-6-38-5-11-10-20-16-26-7-7-13-13-19-19-7-5-12-11-16-17-5-6-7-13-7-20 0-5 2-9 5-14 3-5 7-9 12-14 5-4 11-9 17-14 6-4 12-10 18-15 6-6 12-13 17-19 5-7 9-15 12-25 3-9 5-19 5-30 0-30-13-57-40-81-29-25-69-37-120-37-11 0-23 1-34 3-12 2-23 5-35 9-12 5-22 10-31 17-9 7-16 15-22 25-6 11-9 22-9 35 0 12 4 25 11 39 6 12 15 22 27 31 12 9 26 16 42 21 15 4 30 8 44 10 14 2 28 3 43 4-12 16-18 30-18 42 0 3 0 5 0 7 1 2 1 4 2 6 0 1 1 3 2 6 1 2 1 4 2 6-8-1-14-2-20-2-29 0-53 10-73 28-20 19-31 43-31 71 0 26 9 50 28 71 18 21 40 35 66 41 18 4 36 5 54 5z m297-73l0-36-73 0 0-73-37 0 0 73-73 0 0 36 73 0 0 73 37 0 0-73z"/>
<glyph unicode="&#67;" d="M256 475c40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110 0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29z m78-148c0-1-1-2-2-3-2-2-3-3-4-3 0 0 1 1 1 2 0 1 1 2 1 3 1 1 1 2 1 2 2 1 4 2 7 4 2 1 7 2 15 3 6 2 11 1 14-3 0 1 1 2 3 4 2 2 3 3 4 3 1 1 2 1 4 2 3 0 4 1 5 2l0 6c-2 0-4 1-5 2-1 2-2 4-2 6 0 0 0-1-1-2 0 1-1 2-2 2-1 0-2 0-3 0-1-1-2-1-3 0-1 0-3 1-4 2-1 1-2 2-2 4-1 3-1 4-1 5-1 1-2 2-3 3-1 1-2 2-3 3 0 0 0 1 0 1-1 1-1 2-1 2-1 1-1 1-1 2-1 0-1 0-2 0-1 0-1 0-2-1-1-1-1-2-2-3-1-1-1-1-1-1-1 0-2 0-2 0-1 0-1 0-1 0-1 0-1-1-2-1 0 0-1-1-1-1-1 0-2-1-3-1-1 0-1 0-2 0 3 1 3 2 0 3-2 0-4 1-5 1 2 0 3 1 2 3 0 2-1 3-2 4l1 0c0 1-1 2-2 2-2 1-3 2-5 3-2 1-3 1-4 2-1 1-5 1-10 2-5 1-8 1-9 0-1-1-1-2-1-3 0 0 0-2 1-4 1-1 1-3 1-3 0-1 0-3-2-4-1-1-2-2-2-3 0-2 2-3 4-5 3-1 4-3 3-6 0-1-2-3-4-4-3-2-4-3-5-4-1-1-1-3 0-5 0-2 1-4 3-5 0 0 0-1 0-1 0 0 0-1-1-1 0-1-1-1-1-1-1-1-2-1-2-1l-1-1c-2-1-4 0-6 2-2 2-3 4-4 7-1 5-3 8-4 9-5 1-8 1-9-1-1 3-5 5-11 8-5 2-11 2-17 1 1 0 1 2 0 4-1 3-3 4-5 4 0 1 1 3 1 5 0 2 0 3 0 4 1 2 2 4 3 6 1 0 1 1 2 3 2 1 2 2 3 3 1 2 1 2 0 2 7-1 12 0 15 3 1 1 2 3 3 5 1 2 2 4 3 5 2 1 3 2 4 2 1-1 2-1 4-2 2-1 3-1 4-1 3-1 4 0 5 3 0 2-1 4-3 5 3 0 3 2 1 5-1 2-1 2-2 3-2 1-5 0-8-2-1 0-1-1 1-2 0 0-1-1-3-3-1-2-3-4-5-5-1-1-3-1-4 2 0 0-1 1-2 3-1 3-1 4-2 4-2 0-3-1-5-4 1 2 0 3-3 4-3 2-5 2-7 3 4 2 3 4-2 7-2 1-4 2-6 2-3 0-5 0-6-1-1-2-1-3-1-4 0-1 0-1 1-2 1-1 2-1 3-2 1 0 2 0 3-1 2 0 2 0 3-1 3-1 3-3 2-4 0 0-1 0-2-1-2 0-3 0-4-1-1 0-1-1-1-1-1-1-1-2 0-4 0-2 0-3-1-4-1 1-2 3-2 5-1 2-2 4-2 5 1-2-1-3-8-2l-2 0c-1 0-3 0-5 0-2-1-4-1-6-1-1 1-3 1-4 3 0 1 0 3 0 5 0 1 1 1 1 1 0 1-1 1-3 3-1 1-2 2-3 2-8-3-17-7-26-12 1 0 2 0 3 1 1 0 2 1 4 2 1 0 2 1 3 1 6 3 10 3 12 2l1 2c3-3 5-6 6-8-2 1-4 1-9 1-4-1-6-3-6-4 1-2 2-4 1-5 0 1-2 2-3 3-1 1-3 2-4 3-1 1-3 1-4 2-3 0-6-1-7-1-28-15-50-36-67-63 1-1 3-2 4-2 0-1 1-1 1-3 0-2 0-3 1-3 0-1 1 0 3 1 2-2 2-4 1-6 0 0 4-2 12-7 4-4 6-6 6-6 1-3 0-4-2-6-1 1-1 2-3 3-2 1-2 2-3 1 0-1 0-3 1-5 0-3 1-4 3-4-2 0-3-1-3-4-1-3-1-7-1-10 0-4 0-6 0-7l0 0c0-3 0-6 2-10 2-5 4-6 6-6-2 0 0-5 6-12 1-2 2-3 2-3 1 0 2-1 4-2 1-1 3-2 4-3 1-1 2-2 3-3 0-1 1-3 3-6 1-3 2-6 4-7-1-1 0-3 2-6 2-2 3-4 3-6 0 0 0 0 0 0-1-1-1-1-1-1 0-1 2-2 4-4 3-1 4-2 5-3 0-1 0-2 0-3 0-2 1-3 1-3 1-1 1-1 2-1 1 4-1 10-6 18-3 4-5 7-5 8-1 1-1 2-2 4 0 2-1 4-1 5 0 0 1-1 2-1 0 0 1 0 2-1 1 0 2-1 2-1 1 0 1-1 1-1-1-1-1-3 0-5 1-2 2-4 4-5 1-2 3-3 5-6 1-2 3-3 3-3 1-1 2-3 4-6 2-2 2-4 0-4 2 0 4-1 6-3 2-1 3-3 5-5 1-2 1-4 2-8 0-3 1-5 1-7 1-1 1-2 3-3 1-2 2-3 3-3l5-2c0 0 1-1 4-2 1-1 2-2 5-3 2-2 4-3 6-4 2 0 3-1 5-1 1 0 2 0 4 1 1 0 3 1 4 1 2 0 5-1 8-4 3-4 5-6 6-6 7-4 12-5 16-4-1 0-1 0 0-2 0-1 1-2 2-4 1-2 2-3 3-4 0-1 1-2 1-3 1-1 3-2 5-4 3-2 4-3 5-4 2 0 2 1 2 2 0-1 1-3 2-5 2-3 4-4 6-3 2 0 4 3 4 9-6-3-11-1-14 5 0 0-1 1-1 2-1 0-1 1-1 2-1 1-1 2-1 2 0 1 0 2 0 3 0 0 1 0 1 0 2 0 3 1 3 1 0 1 0 2 0 4-1 2-1 3-1 4-1 1-2 3-4 5-1 3-3 4-3 5-1-2-2-3-5-3-2 1-3 1-4 3 0 0 0-1-1-2 0 0 0-1 0-1-2 0-4 0-4 0 0 0 0 2 0 5 1 3 1 5 1 6 1 1 1 2 2 4 1 1 2 3 2 4 1 1 1 2 1 3 0 2 0 2-1 3-1 1-3 1-5 1-4 0-6-2-7-6-1 0-1-1-1-3-1-1-1-2-2-3 0-1-1-2-2-2-2-1-4-1-7-1-3 0-6 1-7 2-2 1-5 4-6 8-2 4-3 8-3 11 0 1 0 4 1 7 0 3 0 6 0 7 1 2 0 4-1 7 0 1 1 2 2 3 2 1 3 2 3 3 1 0 1 0 2 0 0 1 0 1 1 0 0 0 1 0 1 1 0 0 1 1 1 2 0 0-1 0-1 0-1 1-1 1-1 1 1 0 4 0 8 1 4 1 6 0 8-1 2-2 5-2 6 1 0 0 0 1-1 3 0 1 0 2 0 3 1-5 4-6 8-2 1-1 2-1 5-2 2 0 4 0 5-1 0 0 1-1 2-2 0 0 1-1 1-1 1 0 1 0 2 0 0 1 1 1 2 2 2-3 3-5 4-7 2-7 3-12 5-12 1-1 2-1 3-1 1 0 1 1 1 3 1 1 1 3 0 4 0 1 0 2 0 3l0 3 0 5-1 2c-2 1-4 2-5 4-1 1 0 3 1 5 1 2 2 3 4 5 0 0 1 1 2 1 1 1 3 1 5 2 1 1 2 2 3 2 4 4 6 7 4 10 2 0 3 1 4 3-1 0-1 0-2 1-1 0-1 1-2 1-1 1-1 1-1 1 1 1 2 2 0 4 1 1 2 2 2 3 1 2 2 3 3 3 1-2 3-2 6 0 1 1 1 3 0 4 1 2 3 3 6 3 3 1 4 2 5 3 1 0 2 0 2 1 0 0 1 1 1 3 0 2 0 3 0 3 1 1 3 2 5 3 2 1 3 1 3 1l5 4c1 0 1 1 0 1 4-1 7 0 9 3 2 2 1 4-2 6 1 1 1 2 0 2-2 1-3 1-5 2 1 0 2 0 4 0 1 0 2 0 3 0 2 2 2 4-2 5-4 1-8 0-13-3z m-46-251c39 7 72 25 100 54-1 1-2 1-4 1-1 1-3 1-3 1-4 2-6 2-7 3 0 1 0 2-1 3 0 1-1 2-2 3-1 0-2 1-4 2-1 1-2 2-3 2 0 1-1 1-2 2-1 1-1 1-2 1 0 1-1 1-2 2-1 0-2 0-2 0-1 0-2 0-3 0l-1 0c-1 0-1-1-2-1 0 0-1-1-1-1-1 0-1 0-1-1 0 0 0 0 0 0-4 3-8 5-11 6-1 0-2 1-3 1-1 1-2 2-3 2-1 1-2 1-3 1-1 0-2-1-3-2-1-1-1-3-2-4 0-2 0-4 0-4-1 1-1 2 0 5 1 2 1 4 0 5 0 1-1 2-3 1-1 0-2 0-3-1-1 0-2-1-3-2-2-1-2-2-3-2 0 0-1-1-2-2-2-1-2-1-3-2 0-1-1-2-1-3-1-2-1-3-2-3 0 0-1 1-3 1-2 1-3 1-3 2 1-2 1-5 1-10 1-5 1-8 2-11 1-6 0-10-4-14-5-4-8-8-8-11-1-4 0-7 3-7 0-2 0-4-2-6-1-3-2-5-2-6 0-2 0-3 1-5z"/>
<glyph unicode="&#68;" d="M487 375c7-10 9-23 5-36l-79-259c-3-12-11-23-22-31-11-8-22-12-35-12l-263 0c-15 0-29 5-43 15-13 10-23 23-28 37-5 13-5 25-1 37 0 0 0 3 1 7 1 5 1 8 1 11 0 2 0 4-1 6 0 3-1 5-1 6 1 2 2 4 3 6 1 2 2 4 4 6 2 3 4 5 5 7 5 7 9 16 13 26 4 10 7 19 9 26 0 2 0 5 0 9-1 4-1 6 0 8 0 2 2 5 4 8 3 3 5 5 5 7 4 6 8 15 12 26 4 11 7 19 7 26 1 1 0 4 0 9-1 4-1 7 0 8 1 2 3 5 6 8 4 4 6 6 6 7 4 5 8 13 13 24 4 11 7 20 7 28 1 1 0 4 0 7-1 3-1 6-1 7 0 2 1 4 3 6 1 1 3 4 5 6 2 3 3 5 5 6 1 2 3 5 4 9 2 3 3 7 5 10 1 3 2 6 4 10 2 4 4 7 6 9 2 3 4 5 7 7 3 2 7 3 11 3 3 0 8 0 13-1l0-1c7 2 12 2 14 2l218 0c14 0 25-5 32-16 8-10 10-23 6-37l-79-259c-7-22-13-37-20-43-7-7-19-10-37-10l-248 0c-5 0-9-2-11-5-2-3-2-7 0-12 4-13 18-20 41-20l264 0c5 0 10 2 16 5 5 3 8 6 10 11l85 282c2 5 2 10 2 17 7-3 13-7 17-13z m-304 0c-1-3-1-5 0-7 1-1 3-2 6-2l174 0c2 0 4 1 7 2 2 2 4 4 5 7l6 18c0 3 0 5-1 7-1 1-3 2-6 2l-173 0c-3 0-5-1-8-2-2-2-4-4-4-7z m-24-73c-1-3-1-5 0-7 2-2 3-2 6-2l174 0c2 0 5 0 7 2 3 2 4 4 5 7l6 18c1 2 0 5-1 6-1 2-3 3-5 3l-174 0c-3 0-5-1-7-3-3-1-4-4-5-6z"/>
<glyph unicode="&#69;" d="M347 274c0 36-12 66-37 91-25 25-55 37-91 37-35 0-65-12-90-37-25-25-38-55-38-91 0-35 13-65 38-90 25-25 55-38 90-38 36 0 66 13 91 38 25 25 37 55 37 90z m147-237c0-10-4-19-11-26-7-7-16-11-26-11-10 0-19 4-26 11l-98 98c-34-24-72-36-114-36-27 0-53 5-78 16-25 11-46 25-64 43-18 18-32 39-43 64-10 25-16 51-16 78 0 28 6 54 16 78 11 25 25 47 43 65 18 18 39 32 64 43 25 10 51 15 78 15 28 0 54-5 79-15 24-11 46-25 64-43 18-18 32-40 43-65 10-24 16-50 16-78 0-42-12-80-36-114l98-98c7-7 11-15 11-25z"/>
<glyph unicode="&#70;" d="M402 247l0-92c0-22-8-42-24-58-16-16-35-24-58-24l-238 0c-22 0-42 8-58 24-16 16-24 36-24 58l0 238c0 23 8 42 24 58 16 16 36 24 58 24l201 0c3 0 5 0 7-2 2-2 3-4 3-7l0-18c0-3-1-5-3-7-2-1-4-2-7-2l-201 0c-12 0-23-5-32-14-9-9-13-19-13-32l0-238c0-12 4-23 13-32 9-9 20-13 32-13l238 0c13 0 23 4 32 13 9 9 14 20 14 32l0 92c0 3 1 5 2 6 2 2 4 3 7 3l18 0c3 0 5-1 7-3 1-1 2-3 2-6z m110 247l0-147c0-5-2-9-5-12-4-4-8-6-13-6-5 0-10 2-13 6l-50 50-187-186c-2-2-4-3-6-3-3 0-5 1-7 3l-32 32c-2 2-3 4-3 7 0 2 1 4 3 6l186 187-50 50c-4 3-6 8-6 13 0 5 2 9 6 13 3 3 7 5 12 5l147 0c5 0 9-2 13-5 3-4 5-8 5-13z"/>
</font></defs></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 21 KiB

BIN
app/assets/fonts/icons.ttf
View File

Binary file not shown.

BIN
app/assets/fonts/icons.woff
View File

Binary file not shown.

BIN
app/assets/images/header_bg.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 113 KiB

After

Width:  |  Height:  |  Size: 65 KiB

BIN
app/assets/images/header_logo_madrid.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.5 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

4
app/assets/stylesheets/admin.scss
View File

@@ -53,8 +53,8 @@ body.admin {
// - - - - - - - - - - - - - - - - - - - - - - - - -
.admin-sidebar {
margin-left: rem-calc(-15);
margin-top: rem-calc(-48);
margin-left: rem-calc(-20);
margin-top: rem-calc(24);
ul {
list-style-type: none;

66
app/assets/stylesheets/debates.scss
View File

@@ -2,6 +2,8 @@
//
// 01. Debates
// 02. Index
// 02.1. Featured
// 02.2. List
// 03. Show
// 04. New
// 05. Comments
@@ -165,6 +167,9 @@
// 02. Index
// - - - - - - - - - - - - - - - - - - - - - - - - -
// 02.1. Featured
// - - - - - - - - - - - - -
.debate-featured {
.panel {
@@ -267,9 +272,13 @@
p {
color: $text;
font-size: rem-calc(13);
font-size: rem-calc(14);
line-height: $line-height;
margin-bottom: rem-calc(12);
&.debate-info {
font-size: rem-calc(13);
}
}
}
@@ -278,8 +287,14 @@
}
}
// 02.2. List
// - - - - - - - - - - - - -
.debates-list {
margin-bottom: rem-calc(48);
@media (min-width: $small-breakpoint) {
margin-bottom: rem-calc(48);
}
}
.debate {
@@ -288,12 +303,15 @@
margin-top: 0;
.panel {
border: 0;
border-radius: 0;
border-bottom: 1px solid rgba(0,0,0,.1);
box-shadow: 0px 1px 3px 0 $border;
margin-bottom: rem-calc(12);
min-height: rem-calc(192);
padding: rem-calc(12);
padding-top: rem-calc(12);
@media (min-width: $small-breakpoint) {
padding-bottom: rem-calc(12);
}
.label {
line-height: $line-height;
@@ -305,10 +323,6 @@
min-height: rem-calc(48);
}
p {
text-align: justify;
}
.debate-content {
margin: 0;
min-height: rem-calc(180);
@@ -332,11 +346,11 @@
.votes {
border: 1px solid $votes-border;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
margin: 0 rem-calc(-12);
@media (min-width: $small-breakpoint) {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
margin: 0 rem-calc(-24) 0 rem-calc(12);
}
@@ -373,12 +387,13 @@
}
}
.like {
@media (min-width: $small-breakpoint) {
.like {
span {
color: white;
display: block;
line-height: $line-height/2;
span {
display: block;
line-height: $line-height/2;
}
}
}
@@ -407,8 +422,7 @@
// - - - - - - - - - - - - - - - - - - - - - - - - -
.debate-show {
background: white;
padding: rem-calc(24) rem-calc(12) 0;
padding-top: rem-calc(12);
.back {
@include back;
@@ -420,7 +434,7 @@
h1 {
clear: both;
font-size: rem-calc(24);
font-size: rem-calc(30);
font-weight: bold;
margin: 0;
text-transform: lowercase;
@@ -446,7 +460,7 @@
}
p {
font-size: rem-calc(14);
font-size: rem-calc(15);
line-height: $line-height;
margin-bottom: 0;
}
@@ -473,7 +487,7 @@
}
h3 {
border-top: 1px solid $votes-border;
border-top: 2px solid $brand;
display: inline-block;
font-size: rem-calc(16);
margin: -1px 0 rem-calc(12);
@@ -483,8 +497,8 @@
.votes {
@include votes;
border: 1px solid $votes-border;
border-radius: rem-calc(3);
border: 0;
border-radius: 0;
margin: 0;
.total-votes {
@@ -523,7 +537,7 @@
.tags {
display: block;
margin-top: rem-calc(24);
margin: rem-calc(24) 0;
a {
margin-right: rem-calc(6);
@@ -642,6 +656,10 @@
.comment-body {
margin-left: rem-calc(42);
p {
font-size: rem-calc(14);
}
.reply {
background: white;
border: 1px solid $border;

7
app/assets/stylesheets/icons.scss
View File

@@ -124,6 +124,9 @@
.icon-language:before {
content: "C";
}
.icon-book:before {
content: "D";
.icon-search:before {
content: "E";
}
.icon-external:before {
content: "F";
}

243
app/assets/stylesheets/participacion.scss
View File

@@ -77,7 +77,7 @@ html, body {
}
body {
background: $body;
background: white;
font-family: $font-family-sans-serif;
font-size: rem-calc(13);
font-weight: normal;
@@ -87,15 +87,11 @@ body {
background: $brand !important;
color: white !important;
}
&.bg-white {
background: white;
}
}
p {
font-size: rem-calc(13);
line-height: $line-height;
font-size: rem-calc(15);
line-height: $line-height*1.25;
margin-bottom: rem-calc(12);
}
@@ -138,7 +134,7 @@ h6 {
.button {
background: $brand;
font-size: rem-calc(13);
font-size: rem-calc(14);
font-family: $font-family-sans-serif !important;
padding: rem-calc(15) rem-calc(32);
}
@@ -262,7 +258,8 @@ h6 {
}
.footer {
background: $brand;
background: #DEE0E2;
border-top: rem-calc(10) solid $brand;
}
// 04. Header
@@ -270,24 +267,21 @@ h6 {
header {
background: image-url('header_bg.jpg');
background-position: 50% 50%;
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
color: $text;
min-height: rem-calc(696);
min-height: rem-calc(552);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/header_bg.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/header_bg.jpg',sizingMethod='scale')";
&.results {
border-bottom: rem-calc(1) solid $border;
min-height: rem-calc(48);
@media (min-width: $small-breakpoint) {
min-height: 189px;
}
}
h1 {
color: white;
font-size: rem-calc(36);
font-weight: bolder;
line-height: $line-height*2;
@@ -296,30 +290,48 @@ header {
}
p {
font-size: rem-calc(14);
line-height: $line-height;
color: white;
font-size: rem-calc(16);
line-height: rem-calc(30);
}
.button {
color: white;
background: white;
color: $brand;
font-family: inherit;
font-size: rem-calc(16);
margin-top: 0;
}
.home-page {
background-color: rgba(255,255,255,.85);
clear: both;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ffffff'); /* IE */
.more-info {
color: white;
font-size: rem-calc(14);
margin-left: rem-calc(24);
text-decoration: underline;
@media (min-width: $small-breakpoint) {
margin-top: rem-calc(66);
&:hover {
opacity: .75;
}
}
.button {
color: white;
font-family: inherit;
margin-top: 0;
}
.icon-home-big {
color: white;
font-size: rem-calc(300);
line-height: rem-calc(300);
opacity: .75;
}
.icon-home-small {
color: white;
font-size: rem-calc(100);
opacity: .75;
position: absolute;
right: rem-calc(24);
}
.icon-external {
color: #D01A6C;
font-size: rem-calc(12);
}
.selected {
@@ -365,14 +377,24 @@ header {
float: right;
}
}
.search-form {
padding-top: rem-calc(14);
.postfix {
background: $brand;
border: 0;
color: white;
}
}
}
.contain-to-grid {
background: none;
background: rgba(0,0,0,.5);
}
.top-bar {
background: rgba(0,0,0,.5);
background: none;
color: white;
height: rem-calc(48);
max-width: 1170px !important;
@@ -390,7 +412,11 @@ header {
font-size: rem-calc(16);
font-weight: lighter;
line-height: $line-height*2;
padding-left: 0;
padding-left: rem-calc(12);
@media (min-width: $small-breakpoint) {
padding-left: 0;
}
span {
*display: inline; /* IE */
@@ -423,12 +449,13 @@ header {
img {
height: 48px;
margin-right: rem-calc(6);
margin-top: rem-calc(24);
width: 48px;
@media (min-width: $small-breakpoint) {
@media (min-width: $medium-breakpoint) {
height: 96px;
margin-right: rem-calc(12);
margin-top: 0;
width: 96px;
}
}
@@ -481,7 +508,7 @@ header {
@media (min-width: $small-breakpoint) {
&.button {
border-radius: rem-calc(3);
line-height: normal;
line-height: rem-calc(15);
margin-top: rem-calc(24);
text-align: center;
}
@@ -511,10 +538,6 @@ header {
@media (min-width: $small-breakpoint) {
margin-left: 0;
&.right:first-child {
margin-right: rem-calc(12);
}
}
li:not(.has-form) a:not(.button) {
@@ -542,14 +565,10 @@ header {
}
.top-links {
background: #0B0C0C;
color: white;
font-size: rem-calc(14);
.row {
background-color: rgba(0,0,0,.5);
padding: 0 rem-calc(10);
}
a {
color: white;
@@ -559,13 +578,19 @@ header {
}
}
.subnavigation-container {
background: white;
}
.subnavigation {
background: white;
clear: both;
height: rem-calc(47);
min-height: rem-calc(72);
@media (min-width: $small-breakpoint) {
text-align: center;
& > .column {
padding-left: 0;
}
}
a {
@@ -573,33 +598,27 @@ header {
display: block;
font-size: rem-calc(14);
font-weight: bold;
min-width: rem-calc(192);
line-height: $line-height*2;
position: relative;
text-align: left;
margin-left: rem-calc(12);
@media (min-width: $small-breakpoint) {
display: inline-block;
line-height: $line-height*2;
margin-left: 0;
min-width: rem-calc(192);
text-align: center;
line-height: $line-height*3;
margin-left: rem-calc(12);
margin-right: rem-calc(72);
}
&:hover {
color: $link;
@media (min-width: $small-breakpoint) {
background: rgba(0,119,185,.25);
}
}
&.active {
color: $link;
color: $brand;
@media (min-width: $small-breakpoint) {
background: $brand;
color: white;
border-bottom: 2px solid $brand;
line-height: rem-calc(24);
}
}
}
@@ -609,61 +628,55 @@ header {
// - - - - - - - - - - - - - - - - - - - - - - - - -
footer {
color: white;
padding: rem-calc(24) 0 rem-calc(48) 0;
color: #171819;
padding: rem-calc(48) 0;
.logo {
@include logo;
a {
color: #454A4C;
line-height: rem-calc(36);
padding-left: 0;
text-decoration: none;
}
}
h4 {
color: white;
font-weight: normal;
p {
font-size: rem-calc(14);
}
a {
color: white;
a, a:active, a:focus {
color: #454A4C;
text-decoration: underline;
&:hover {
color: white;
opacity: .5;
transition: opacity 275ms;
}
&:active, &:focus {
color: white;
}
}
.footer-description {
a {
text-decoration: underline;
&:hover {
color: white;
opacity: .5;
transition: opacity 275ms;
}
&:active, &:focus {
color: white;
opacity: 1;
}
color: #171819;
}
}
.footer-sections {
padding-left: 0;
}
h4 {
a {
border-bottom: 1px solid #BFC1C3;
display: block;
margin-bottom: rem-calc(6);
padding-bottom: rem-calc(6);
text-decoration: none;
}
}
}
.subfooter {
padding-top: $line-height;
border-top: 1px solid #BFC1C3;
opacity: .75;
margin-top: rem-calc(24);
padding-top: rem-calc(12);
}
// 06. Tags
@@ -704,10 +717,16 @@ footer {
}
a {
background: white;
border: 2px solid $border;
padding: rem-calc(6) rem-calc(8);
.label {
color: white;
&.info {
background: $brand;
}
}
&:hover {
@@ -820,10 +839,7 @@ form {
&.search-form {
height: rem-calc(37);
@media (min-width: $small-breakpoint) {
border-right: 0;
}
padding: 0 rem-calc(6);
}
&.error {
@@ -1029,17 +1045,26 @@ img.initialjs-avatar {
h2 {
display: inline-block;
font-size: rem-calc(24);
margin: rem-calc(24) 0;
margin: rem-calc(24) 0 rem-calc(12);
@media (min-width: $small-breakpoint) {
margin: rem-calc(24) 0;
}
}
select {
background-color: #DEE0E2;
height: auto;
margin: rem-calc(24) rem-calc(6);
margin-bottom: rem-calc(24);
min-width: rem-calc(180);
outline: 0;
padding: rem-calc(12);
width: auto;
@media (min-width: $small-breakpoint) {
margin: 0 rem-calc(6) rem-calc(24);
}
optgroup {
font-size: rem-calc(14);
}
@@ -1270,8 +1295,6 @@ table {
// - - - - - - - - - - - - - - - - - - - - - - - - -
.page {
background: white;
min-height: rem-calc(480);
padding-bottom: rem-calc(48);
.menu {
@@ -1295,7 +1318,6 @@ table {
.text {
margin-top: rem-calc(24);
text-align: justify;
h1, h2, h3, h4, h5, h6 {
text-align: left;
@@ -1305,10 +1327,15 @@ table {
margin-left: rem-calc(12);
li {
font-size: rem-calc(13);
font-size: rem-calc(15);
margin-bottom: rem-calc(12);
}
}
p {
font-size: rem-calc(15);
line-height: rem-calc(30);
}
}
.more-information {
@@ -1327,24 +1354,16 @@ table {
li {
border-bottom: 1px solid $border;
font-size: rem-calc(16);
font-weight: bold;
padding-bottom: rem-calc(12);
padding-left: rem-calc(36);
position: relative;
text-align: left;
span {
color: $text-medium;
display: block;
font-size: rem-calc(13);
}
&:before {
content: 'D';
color: $link;
font-family: "icons" !important;
left: 0;
margin-right: rem-calc(12);
position: absolute;
font-size: rem-calc(14);
font-weight: normal;
}
&:after {

4
app/views/debates/index.html.erb
View File

@@ -38,13 +38,15 @@
</form>
</div>
</div>
<div class="show-for-small-only">
<%= link_to t("debates.index.start_debate"), new_debate_path, class: 'button radius expand' %>
</div>
<%= render @debates %>
<%= paginate @debates %>
</div>
<div class="small-12 medium-3 column">
<aside class="sidebar" role="complementary">
<%= link_to t("debates.index.start_debate"), new_debate_path, class: 'button radius expand' %>
<%= render "shared/search_form" %>
<%= render "shared/tag_cloud" %>
</aside>
</div>

10
app/views/layouts/_footer.html.erb
View File

@@ -2,23 +2,22 @@
<div class="row-full">
<div class="row">
<div class="small-12 medium-4 column">
<div class="small-12 large-4 column">
<div class="logo">
<%= link_to t("layouts.header.open_gov", open: "#{t('layouts.header.open')}").html_safe %>
</div>
<p class="footer-description">
<p>
<%= t("layouts.footer.description",
more_info: link_to(t("layouts.footer.more_info"), t("layouts.footer.more_info_url")),
open_source: link_to(t("layouts.footer.open_source"), t("layouts.footer.open_source_url"), target: "blank"),
github: link_to(t("layouts.footer.github"), t("layouts.footer.github_url"), target: "blank")).html_safe
consul: link_to(t("layouts.footer.consul"), t("layouts.footer.consul_url"), target: "blank")).html_safe
%>
<%= t("layouts.footer.contact_us") %>
<%= mail_to "web.gobiernoabierto@madrid.es" %>
</p>
</div>
<div class="footer-sections small-12 medium-8 column">
<div class="footer-sections small-12 large-8 column">
<div class="small-12 medium-4 column">
<h4>
<%= link_to t("layouts.footer.participation_title"), root_path %>
@@ -45,6 +44,7 @@
<div class="subfooter row">
<div class="small-12 column">
<%= t("layouts.footer.copyright", year: Time.now.year) %>&nbsp;|&nbsp;
<%= link_to t("layouts.footer.more_info"), "/more_information" %>&nbsp;|&nbsp;
<%= link_to t("layouts.footer.privacy"), "/privacy" %>&nbsp;|&nbsp;
<%= link_to t("layouts.footer.conditions"), "/conditions" %>
</div>

68
app/views/layouts/_header.html.erb
View File

@@ -16,7 +16,7 @@
<li class="toggle-topbar menu-icon"><a href="#"><span></span></a></li>
<li class="name">
<%= link_to root_path do %>
<%= image_tag('header_logo_madrid.png', class: 'left', size: '96x96') %>
<%= image_tag('header_logo_madrid.png', class: 'show-for-medium-up left', size: '96x96') %>
<%= t("layouts.header.open_gov", open: "#{t('layouts.header.open')}").html_safe %> <span>|</span> <span class="logo-site"><%= t("layouts.header.participation") %></span>
<% end %>
</li>
@@ -26,60 +26,68 @@
<%= render "devise/menu/login_items" %>
<%= render "shared/admin_login_items" %>
</section>
<section class="subnavigation row text-center">
<%#= link_to t("layouts.header.welcome"), root_path %>
<%#= link_to t("layouts.header.initiatives"), "#" %>
<%= link_to t("layouts.header.debates"), debates_path, class: ("active" if current_page?(controller: "/debates")) %><%= link_to t("layouts.header.more_information"), "/more_information", class: ("active" if current_page?("/more_information")) %><%= link_to t("layouts.header.external_link_blog"), t("layouts.header.external_link_blog_url"), target: "_blank" %>
</section>
</nav>
</div>
<div class="row-full subnavigation-container">
<section class="subnavigation row">
<%#= link_to t("layouts.header.welcome"), root_path %>
<%#= link_to t("layouts.header.initiatives"), "#" %>
<div class="small-8 column">
<%= link_to t("layouts.header.debates"), debates_path, class: ("active" if current_page?(controller: "/debates")) %>
<%= link_to t("layouts.header.more_information"), "/more_information", class: ("active" if current_page?("/more_information")) %>
<%= link_to t("layouts.header.external_link_blog_url"), target: "_blank" do %>
<%= t("layouts.header.external_link_blog") %>
<i class="icon-external"></i>
<% end %>
</div>
<div class="small-12 medium-4 column right">
<%= render "shared/search_form_header" %>
</div>
</section>
</div>
<% if home_page? %>
<div class="row home-page">
<div class="small-12 column text-center">
<div class="row">
<div class="small-12 medium-7 column">
<h1><%= t("layouts.header.open_city_title") %></h1>
<div class="small-12 medium-10 column small-centered">
<p><%= t("layouts.header.open_city_slogan") %></p>
</div>
<div class="small-12 medium-10 column small-centered">
<p><%= t("layouts.header.open_city_text") %></p>
</div>
<p><%= t("layouts.header.open_city_soon") %></p>
<p><%= t("layouts.header.open_city_slogan") %></p>
<%= link_to t("layouts.header.see_all_debates"), debates_path, class: "button radius" %>
<%= link_to t("layouts.header.more_information"), "/more_information", class: "more-info" %>
</div>
<div class="show-for-medium-up small-12 medium-5 column text-center">
<i class="icon-debates icon-home-big"></i>
<i class="icon-debates icon-home-small"></i>
</div>
</div>
<% end %>
<% if transparency_page? %>
<div class="row home-page">
<div class="small-12 column text-center">
<div class="small-12 medium-7 column">
<h1><%= t("pages.transparency") %></h1>
<div class="small-12 medium-10 column small-centered">
<p>Estamos trabajando en el nuevo Portal de Transparencia del Ayuntamiento de Madrid, para que no quede ni una esquina del Ayuntamiento que no puedas ver.</p>
<p>Por ahora puedes visitar el portal que existía hasta ahora:</p>
<%= link_to "Ir al Portal de Transparencia", t("layouts.header.external_link_transparency_url"), target: "_blank", class: "button radius" %>
<p>Mientras acabamos el nuevo portal, te invitamos a visitar el <a href="/blog" target="_blank">blog del Área de Participación Ciudadana, Transparencia y Gobierno Abierto</a> para conocer nuestros avances y novedades; o la <a href="/">sección de Participación Ciudadana</a> donde poder decidir qué ciudad es la que quieres.</p>
</div>
<div class="show-for-medium-up small-12 medium-5 column text-center">
<i class="icon-debates icon-home-big"></i>
<i class="icon-debates icon-home-small"></i>
</div>
</div>
<% end %>
<% if opendata_page? %>
<div class="row home-page">
<div class="small-12 column text-center">
<div class="small-12 medium-7 column">
<h1><%= t("pages.opendata") %></h1>
<div class="small-12 medium-10 column small-centered">
<p>Estamos trabajando en el nuevo Portal de Datos Abiertos del Ayuntamiento de Madrid, por ahora puedes visitar el portal que existía hasta ahora:</p>
<p>Estamos trabajando en el nuevo Portal de Datos Abiertos del Ayuntamiento de Madrid, por ahora puedes visitar el portal que existía hasta ahora:</p>
<%= link_to "Ir al Portal de Datos Abiertos", t("layouts.header.external_link_opendata_url"), target: "_blank", class: "button radius" %>
<p>Mientras acabamos el nuevo portal, te invitamos a visitar el <a href="/blog" target="_blank">blog del Área de Participación Ciudadana, Transparencia y Gobierno Abierto</a> para conocer nuestros avances y novedades; o la <a href="/">sección de Participación Ciudadana</a> donde poder decidir qué ciudad es la que quieres.</p>
</div>
<div class="show-for-medium-up small-12 medium-5 column text-center">
<i class="icon-debates icon-home-big"></i>
<i class="icon-debates icon-home-small"></i>
</div>
</div>
<% end %>

2
app/views/layouts/application.html.erb
View File

@@ -18,7 +18,7 @@
<%= javascript_include_tag "respond" %>
<![endif]-->
</head>
<body class="<%= "bg-white" if current_page?(root_path) %>">
<body>
<div class="wrapper">
<%= render 'layouts/header' %>

10
app/views/pages/how_it_works.html.erb
View File

@@ -4,16 +4,16 @@
<p><strong>¿Cómo funciona este Portal de Gobierno Abierto?</strong></p>
<ul>
<li>
<a href="#">I. Participación</a>
<a href="#i">I. Participación</a>
<ul>
<li><a href="#">I.1. Espacio de debate</a></li>
<li><a href="#i1">I.1. Espacio de debate</a></li>
</ul>
</li>
</ul>
</div>
<div class="text small-12 medium-9 column">
<h1>¿Cómo funciona este Portal de Gobierno Abierto?</h1>
<h1>¿Cómo funciona este Portal de Gobierno Abierto?</h1>
<p>El nuevo Portal de Gobierno Abierto está dividido en tres partes: Participación, Transparencia y Datos Abiertos (verás los enlaces en la parte superior derecha).</p>
@@ -28,11 +28,11 @@
<p>Inauguramos el nuevo portal con la nueva sección de Participación, y en breve añadiremos las nuevas secciones de Transparencia y Datos Abiertos (así que mantenemos por el momento los enlaces a las páginas al respecto que ya existían).</p>
<h2>I. Participación</h2>
<h2 id="i">I. Participación</h2>
<p>El apartado de participación comprenderá diferentes mecanismos de participación: propuestas ciudadanas, espacios de debate, presupuestos participativos, legislación colaborativa, entre muchos otros. Por el momento presentamos el espacio de debate, y muy pronto las propuestas ciudadanas.</p>
<h3>I.I. Espacio de debate</h3>
<h3 id="i1">I.I. Espacio de debate</h3>
<p>En este espacio, cualquier persona puede abrir un hilo de discusión sobre cualquier tema, creando un espacio independiente donde la gente podrá debatir sobre el tema propuesto. De esta manera, en este espacio digital convivirán cada día cientos de espacios de debate distintos entre los que la ciudadanía podrá pasearse, sumándose a los que más les interese.</p>

2
app/views/pages/how_to_use.html.erb
View File

@@ -4,7 +4,7 @@
<h1>Utilízalo en tu municipio</h1>
<p>Utilízalo en tu municipio libremente o ayúdanos a mejorarlo, es software libre.</p>
<p>Este Portal de Gobierno Abierto usa la aplicación <strong>Consul v.0.9</strong> que es software libre, con <a href="http://www.gnu.org/licenses/agpl-3.0.html" target="_blank">licencia AGPLv3</a>, esto significa en palabras sencillas, que cualquiera puede libremente usar el código, copiarlo, verlo en detalle, modificarlo, y redistribuirlo al mundo con las modificaciones que quiera (manteniendo el que otros puedan a su vez hacer lo mismo). Porque creemos que la cultura es mejor y más rica cuando se libera.</p>
<p>Este Portal de Gobierno Abierto usa la <a href="https://github.com/ayuntamientomadrid" target="_blank">aplicación Consul</a> que es software libre, con <a href="http://www.gnu.org/licenses/agpl-3.0.html" target="_blank">licencia AGPLv3</a>, esto significa en palabras sencillas, que cualquiera puede libremente usar el código, copiarlo, verlo en detalle, modificarlo, y redistribuirlo al mundo con las modificaciones que quiera (manteniendo el que otros puedan a su vez hacer lo mismo). Porque creemos que la cultura es mejor y más rica cuando se libera.</p>
<p>No sólo puedes utilizar libremente este portal en tu municipio, sino que desde el Ayuntamiento de Madrid vamos a ayudarte todo lo posible a que lo hagas, así que si estás interesado, escríbenos a <a href="mailto:ag.gobiernoabierto@madrid.es">ag.gobiernoabierto@madrid.es</a></p>

7
app/views/pages/opendata.html.erb
View File

@@ -0,0 +1,7 @@
<div class="page row-full">
<div class="row">
<div class="alert-box info radius text small-12 column">
<p>Mientras acabamos el nuevo portal, te invitamos a visitar el <a href="/blog" target="_blank">blog del Área de Participación Ciudadana, Transparencia y Gobierno Abierto</a> para conocer nuestros avances y novedades; o la <a href="/">sección de Participación Ciudadana</a> donde poder decidir qué ciudad es la que quieres.</p>
</div>
</div>
</div>

57
app/views/pages/participation.html.erb
View File

@@ -1,28 +1,27 @@
<div class="page row-full">
<div class="row">
<div class="menu small-12 medium-3 column">
<p><strong>Participación y Transparencia en Madrid - Próximas novedades</strong></p>
<ul>
<li>
<a href="#">I. Participación</a>
<a href="#i">I. Participación</a>
<ul>
<li><a href="#">I.1. Propuestas ciudadanas</a></li>
<li><a href="#">I.2. Presupuestos participativos</a></li>
<li><a href="#">I.3. Legislacion colaborativa</a></li>
<li><a href="#">I.4. Co-gobierno ciudadano</a></li>
<li><a href="#">I.5. Participación sectorial</a></li>
<li><a href="#">I.6. Inclusión, neutralidad y privacidad</a></li>
<li><a href="#">I.7. Innovación social</a></li>
<li><a href="#i1">I.1. Propuestas ciudadanas</a></li>
<li><a href="#i2">I.2. Presupuestos participativos</a></li>
<li><a href="#i3">I.3. Legislacion colaborativa</a></li>
<li><a href="#i4">I.4. Co-gobierno ciudadano</a></li>
<li><a href="#i5">I.5. Participación sectorial</a></li>
<li><a href="#i6">I.6. Inclusión, neutralidad y privacidad</a></li>
<li><a href="#i7">I.7. Innovación social</a></li>
</ul>
</li>
<li>
<a href="#">II. Transparencia</a>
<a href="#ii">II. Transparencia</a>
<ul>
<li><a href="#">II.1. Ordenanza de transparencia</a></li>
<li><a href="#">II.2. Portal de transparencia</a></li>
<li><a href="#">II.3. Datos abiertos</a></li>
<li><a href="#">II.4. Agendas públicas</a></li>
<li><a href="#">II.5. Transparencia del Lobby</a></li>
<li><a href="#ii1">II.1. Ordenanza de transparencia</a></li>
<li><a href="#ii2">II.2. Portal de transparencia</a></li>
<li><a href="#ii3">II.3. Datos abiertos</a></li>
<li><a href="#ii4">II.4. Agendas públicas</a></li>
<li><a href="#ii5">II.5. Transparencia del Lobby</a></li>
</ul>
</li>
</ul>
@@ -40,42 +39,42 @@
<p>A continuación os presentamos algunas de las principales novedades que tenemos planeadas poner en marcha en relación con el proyecto de participación y transparencia, aparte de las que vayamos diseñando o se nos vayan proponiendo durante la legislatura:</p>
<h3>I. Participación.</h3>
<h3 id="i">I. Participación.</h3>
<ul>
<li><strong>I.1. Propuestas ciudadanas.</strong> Dentro de muy poco inauguraremos esta sección. Un espacio que permitirá que entre todos decidamos qué debe ser Madrid. Cualquiera podrá presentar propuestas, que en caso de que sean aceptadas mayoritariamente se llevarán a cabo por parte del Ayuntamiento. Debate, propón, decide.</li>
<li id="i1"><strong>I.1. Propuestas ciudadanas.</strong> Dentro de muy poco inauguraremos esta sección. Un espacio que permitirá que entre todos decidamos qué debe ser Madrid. Cualquiera podrá presentar propuestas, que en caso de que sean aceptadas mayoritariamente se llevarán a cabo por parte del Ayuntamiento. Debate, propón, decide.</li>
<li><strong>I.2. Presupuestos participativos.</strong> Parte del presupuesto de inversión del Ayuntamiento (el que no está comprometido ya con necesidades básicas como pueden ser los servicios sociales o las emergencias), será reservado para ser decidido su uso por la ciudadanía. La gente hará propuestas, se tasarán las más apoyadas, y luego los ciudadanos decidirán en cuáles de esos proyectos priorizar el presupuesto reservado.</li>
<li id="i2"><strong>I.2. Presupuestos participativos.</strong> Parte del presupuesto de inversión del Ayuntamiento (el que no está comprometido ya con necesidades básicas como pueden ser los servicios sociales o las emergencias), será reservado para ser decidido su uso por la ciudadanía. La gente hará propuestas, se tasarán las más apoyadas, y luego los ciudadanos decidirán en cuáles de esos proyectos priorizar el presupuesto reservado.</li>
<li><strong>I.3. Legislacion colaborativa.</strong> A través de diferentes fases de participación, la ciudadanía tendrá un papel fundamental colaborando directamente en la elaboración de las propuestas, reglamentos, decretos o cualquier otro tipo de trabajo político desarrollado por el gobierno municipal. Una participación real desde el principio al fin del proceso legislativo, desde decidir los expertos en la materia hasta revisar el texto final.</li>
<li id="i3"><strong>I.3. Legislacion colaborativa.</strong> A través de diferentes fases de participación, la ciudadanía tendrá un papel fundamental colaborando directamente en la elaboración de las propuestas, reglamentos, decretos o cualquier otro tipo de trabajo político desarrollado por el gobierno municipal. Una participación real desde el principio al fin del proceso legislativo, desde decidir los expertos en la materia hasta revisar el texto final.</li>
<li><strong>I.4. Co-gobierno ciudadano.</strong> Mediante este sistema la ciudadanía podrá decidir las líneas prioritarias de actuación del Ayuntamiento a medio plazo.</li>
<li id="i4"><strong>I.4. Co-gobierno ciudadano.</strong> Mediante este sistema la ciudadanía podrá decidir las líneas prioritarias de actuación del Ayuntamiento a medio plazo.</li>
<li><strong>I.5. Participación sectorial.</strong> La participación ciudadana se va a tratar de manera transversal en todas las áreas de gobierno del Ayuntamiento, afectando a todos los procesos que se lleven a cabo. Un ejemplo de esto es el proceso de auditoría ciudadana de la deuda, que llevaremos a cabo con el Área de Gobierno de Economía y Hacienda.</li>
<li id="i5"><strong>I.5. Participación sectorial.</strong> La participación ciudadana se va a tratar de manera transversal en todas las áreas de gobierno del Ayuntamiento, afectando a todos los procesos que se lleven a cabo. Un ejemplo de esto es el proceso de auditoría ciudadana de la deuda, que llevaremos a cabo con el Área de Gobierno de Economía y Hacienda.</li>
<li><strong>I.6. Inclusión, neutralidad y privacidad.</strong> Una de las misiones principales del área será velar por la inclusión de todo el mundo en los procesos participativos, para que todas las voces y voluntades formen parte de ellos y no se quede nadie fuera. Para ello, desarrollaremos una mesa de inclusión a la que invitaremos a todos los expertos, colectivos y asociaciones que trabajen con colectivos excluidos, para diseñar las maneras adecuadas de superar estas brechas. La protección de la participación se complementará con la protección de la neutralidad y privacidad en todos los procesos, para asegurar su legitimidad y confianza.</li>
<li id="i6"><strong>I.6. Inclusión, neutralidad y privacidad.</strong> Una de las misiones principales del área será velar por la inclusión de todo el mundo en los procesos participativos, para que todas las voces y voluntades formen parte de ellos y no se quede nadie fuera. Para ello, desarrollaremos una mesa de inclusión a la que invitaremos a todos los expertos, colectivos y asociaciones que trabajen con colectivos excluidos, para diseñar las maneras adecuadas de superar estas brechas. La protección de la participación se complementará con la protección de la neutralidad y privacidad en todos los procesos, para asegurar su legitimidad y confianza.</li>
<li><strong>I.7. Innovación social.</strong> Pretendemos crear un entorno que movilice la inteligencia colectiva existente en favor de una ciudad más hospitalaria e inclusiva. Espacios donde la sociedad se hable y piense con la administración, con la convicción de que son los ciudadanos quienes mejor conocen sus problemas, y es en lo colectivo donde están los expertos que pueden hallar las soluciones.</li>
<li id="i7"><strong>I.7. Innovación social.</strong> Pretendemos crear un entorno que movilice la inteligencia colectiva existente en favor de una ciudad más hospitalaria e inclusiva. Espacios donde la sociedad se hable y piense con la administración, con la convicción de que son los ciudadanos quienes mejor conocen sus problemas, y es en lo colectivo donde están los expertos que pueden hallar las soluciones.</li>
</ul>
<h3>II. Transparencia</h3>
<h3 id="ii">II. Transparencia</h3>
<ul>
<li><strong>II.1. Ordenanza de transparencia</strong>
<li id="ii1"><strong>II.1. Ordenanza de transparencia</strong>
Este ayuntamiento cree en la transparencia como medio para conseguir objetivos claves para el desarrollo de la democracia. En la práctica, el derecho de acceso a la información tiene un efecto disuasorio y preventivo sobre la corrupción. Además tiene un impacto directo sobre los derechos democráticos más esenciales como es el derecho a la participación, desde su concepción más básica como es votar en las elecciones, el derecho a una prensa libre e independiente o sobre todo nuestro derecho a obtener o a exigir una rendición de cuentas completa de lo público.<br>
El Ayuntamiento de Madrid se propone aprobar una norma de transparencia que incluya los principios más avanzados en esta materia y que incluya la obligación de las instituciones públicas hacer pública, reactiva o proactivamente, toda la información, registrada, archivada, elaborada, recibida o en posesión de las autoridades públicas sea cual sea el formato. Se trata de explicar todo lo que afecte a una decisión sobre lo público: qué se hace, quién lo hace, por qué se hace, cómo se hace y cuánto cuesta. Además esta información debe ser publicada en formatos abiertos que la hagan más accesible y reutilizable por cualquiera.</li>
<li><strong>II.2. Portal de transparencia</strong>
<li id="ii2"><strong>II.2. Portal de transparencia</strong>
En cumplimiento de la Ley 19/2013 de Transparencia, Acceso a la Información y Buen Gobierno, y de su futura implementación en una Ordenanza Municipal en Madrid, el Ayuntamiento de Madrid plantea el desarrollo y mejora del Portal de la Transparencia. El Ayuntamiento no se limitará a cumplir con las obligaciones que se adquieran cuando entre en vigor la ley 19/2013 sino que aprobará mediante su Ordenanza las obligaciones y derechos que posibiliten la publicación de una lista de la información más ambiciosa que debe encontrarse en el Portal de transparencia del Ayuntamiento siguiendo los mandatos legales.<br>
El objetivo de esta mejora es no solo la publicación de un mayor volumen de información sino también la publicación de esta información en formatos que la hagan más accesible y fácil de entender para los ciudadanos.</li>
<li><strong>II.3. Datos abiertos</strong>
<li id="ii3"><strong>II.3. Datos abiertos</strong>
El Ayuntamiento tiene como objetivo compartir todos los datos que tienen en su poder en formatos abiertos y fomentar su reutilización por parte de la sociedad. El objetivo por tanto es doble, por un lado se trabajará en la mejora del portal de datos, en aumentar la cantidad, la calidad y la frecuencia en la publicación de datos, y por otro lado se abrirán canales de colaboración para promover las aplicaciones y los usos que resulten de la reutilización de los datos.</li>
<li><strong>II.4. Agendas públicas</strong>
<li id="ii4"><strong>II.4. Agendas públicas</strong>
En el moderno proceso de toma de decisiones por los responsables políticos, la publicación de las agendas de los cargos públicos es una medida fundamental para garantizar la transparencia de las instituciones. De esta forma, la ciudadanía puede tener una idea clara de quiénes participan en el proceso de toma de decisiones.<br>
Esta necesidad de publicidad viene refrendada por destacados organismos internacionales, como el Grupo de Estados Contra la Corrupción del Consejo de Europa (GRECO), que la señala como uno de los estándares internacionales a tener en cuenta para incorporar al sistema parlamentario español; o la Organización para la Cooperación y el Desarrollo Económico (OCDE) que, en junio de 2013, destacaba que "en el despertar de una crisis global donde la protección del interés público ha sido cuestionada de forma mundial, hay una creciente necesidad de valorar el progreso alcanzado para garantizar un proceso de toma de decisiones abierto, balanceado y con un público informado".<br>
En línea con este espíritu de apertura, y con la decidida voluntad de que exista fluidez en la información, se considera necesario hacer públicas las agendas de los Concejales como inicio de una política de transparencia y rendición de cuentas en el Ayuntamiento de Madrid, de forma que sea posible saber qué trabajo realizan los miembros del gobierno municipal y qué colectivos o circunstancias pueden tener repercusión en las decisiones que se toman.<br>
Ya se pueden consultar <a href="http://www.madrid.es/portales/munimadrid/es/Inicio/El-Ayuntamiento/Transparencia/Informacion-institucional-y-organizativa/Agendas-publicas-de-los-concejales/Agendas-publicas-de-los-concejales?vgnextfmt=default&vgnextchannel=481f003fec17e410VgnVCM1000000b205a0aRCRD" target="_blank">las agendas de los concejales</a> pero el Ayuntamiento está trabajando en una aplicación mejor que permita encontrar las reuniones más fácilmente.</li>
<li><strong>II.5. Transparencia del Lobby</strong>
<li id="ii5"><strong>II.5. Transparencia del Lobby</strong>
Con el objetivo de hacer el proceso de toma de decisiones del Ayuntamiento de Madrid un proceso lo más transparente posible, se propone la creación de un registro de lobbies que obligue a todas las personas que quieran reunirse con el Gobierno para ejercer influencia sobre los asuntos públicos a estar registrada en el mismo. El objetivo de este registro es conocer a qué intereses representan las personas que se reúnen con los representantes públicos.</li>
</ul>
</div>

7
app/views/pages/transparency.html.erb
View File

@@ -0,0 +1,7 @@
<div class="page row-full">
<div class="row">
<div class="alert-box info radius text small-12 column">
<p>Mientras acabamos el nuevo portal, te invitamos a visitar el <a href="/blog" target="_blank">blog del Área de Participación Ciudadana, Transparencia y Gobierno Abierto</a> para conocer nuestros avances y novedades; o la <a href="/">sección de Participación Ciudadana</a> donde poder decidir qué ciudad es la que quieres.</p>
</div>
</div>
</div>

20
app/views/shared/_search_form_header.html.erb Normal file
View File

@@ -0,0 +1,20 @@
<div class="search-form">
<div class="row">
<%= form_tag debates_path, method: :get do %>
<div class="small-12 columns">
<div class="row collapse">
<div class="small-10 column">
<input type="text" name="search" placeholder="<%= t("shared.search_form.search_placeholder") %>" class="search-form">
</div>
<div class="small-2 column">
<button type="submit" class="button postfix" title="<%= t('shared.search_form.search_button') %>">
<i class="icon-search"></i>
</button>
</div>
</div>
</div>
<% end %>
</div>
</div>

29
config/locales/en.yml
View File

@@ -15,13 +15,12 @@ en:
open_city_title: "The city you want, it will be the city you want."
open_city_slogan:
"Start listening to Madrid.
For that we open this digital Puerta del Sol, where all the locals can meet to discuss and share everything we want.
Also a place where you can talk directly with all the employees of the City of Madrid, from the Mayor to any public employee of the City hall."
open_city_text:
"Here every voice has its place and are citizens, and no one in their name, they decide to vote debates what issues are
most important of every time. Government officials have individual users with whom you may participate in the debates, and evaluated,
the same level as everyone else. Because the Madrid City Council works for its citizens, and must respond to them."
open_city_soon: "And soon... we'll open the section for citizen proposals."
For that we open this digital Puerta del Sol, where all the locals can meet to discuss and share everything we want."
# open_city_text:
# "Here every voice has its place and are citizens, and no one in their name, they decide to vote debates what issues are
# most important of every time. Government officials have individual users with whom you may participate in the debates, and evaluated,
# the same level as everyone else. Because the Madrid City Council works for its citizens, and must respond to them."
# open_city_soon: "And soon... we'll open the section for citizen proposals."
see_all_debates: See all debates
my_account_link: My account
locale: "Language:"
@@ -32,16 +31,11 @@ en:
debates: Debates
# initiatives: Initiatives
footer:
description:
"The city you want, it will be the city you want. %{more_info} here on this page.
This Open Government Portal use Consul v.0.9 application, is %{open_source}, and code is in %{github}.
Madrid, for the whole world."
more_info: Get more information
more_info_url: "/more_information"
open_source: "software libre AGPLv3"
description: "This portal use %{consul}, is %{open_source}. Madrid, for the whole world."
open_source: "software libre"
open_source_url: "http://www.gnu.org/licenses/agpl-3.0.html"
github: "github"
github_url: "https://github.com/ayuntamientomadrid"
consul: "Consul application"
consul_url: "https://github.com/ayuntamientomadrid"
copyright: "Ayuntamiento de Madrid, %{year}"
participation_title: "Participation"
participation_text: Decide what should be the city of Madrid you want.
@@ -52,6 +46,7 @@ en:
contact_us: "Contact us"
privacy: "Privacy Policy"
conditions: "Terms of use"
more_info: "More information"
form:
error: error
errors: errors
@@ -201,7 +196,7 @@ en:
search_form:
search_title: Search
search_button: Search
search_placeholder: "Search..."
search_placeholder: "Search on debates..."
mailer:
comment:
subject: Someone has commented on your debate

29
config/locales/es.yml
View File

@@ -15,13 +15,12 @@ es:
open_city_title: "La ciudad que quieres será la ciudad que quieras."
open_city_slogan:
"Empecemos escuchando qué tiene que decir Madrid.
Para ello abrimos esta Puerta del Sol digital, donde toda la gente de Madrid podemos encontrarnos para debatir y compartir todo lo que queramos.
Es también un espacio donde poder hablar directamente con las personas que trabajamos en el Ayuntamiento de Madrid, incluyendo a los concejales y a la Alcaldesa."
open_city_text:
"Aquí cualquier voz tiene su espacio y son los ciudadanos y ciudadanas, y nadie en su nombre, quienes deciden votando los debates cuáles son los temas
más importantes de cada momento. Los responsables del gobierno tienen cuentas de usuario propias con las que podrán participar en los debates, y ser evaluados
al mismo nivel que todos los demás."
open_city_soon: "Muy pronto abriremos la sección de propuestas ciudadanas, donde cualquiera podrá presentar propuestas y, si reciben apoyo, serán puestas en marcha por el Ayuntamiento."
Para ello abrimos esta Puerta del Sol digital, donde toda la gente de Madrid podemos encontrarnos para debatir y compartir todo lo que queramos."
# open_city_text:
# "Aquí cualquier voz tiene su espacio y son los ciudadanos y ciudadanas, y nadie en su nombre, quienes deciden votando los debates cuáles son los temas
# más importantes de cada momento. Los responsables del gobierno tienen cuentas de usuario propias con las que podrán participar en los debates, y ser evaluados
# al mismo nivel que todos los demás."
# open_city_soon: "Muy pronto abriremos la sección de propuestas ciudadanas, donde cualquiera podrá presentar propuestas y, si reciben apoyo, serán puestas en marcha por el Ayuntamiento."
see_all_debates: Ver todos los debates
my_account_link: Mi cuenta
locale: "Idioma:"
@@ -32,16 +31,11 @@ es:
debates: Debates
# initiatives: Iniciativas
footer:
description:
"La ciudad que quieres, será la ciudad que quieras. %{more_info} sobre esta página.
Este Portal de Gobierno Abierto usa la aplicación Consul v.0.9 que es %{open_source}, y su código se encuentra en %{github}.
De Madrid, para el mundo entero."
more_info: Obtén más información
more_info_url: "/more_information"
open_source: "software libre AGPLv3"
description: "Este portal usa la %{consul} que es %{open_source}. De Madrid, para el mundo entero."
open_source: "software libre"
open_source_url: "http://www.gnu.org/licenses/agpl-3.0.html"
github: "github"
github_url: "https://github.com/ayuntamientomadrid"
consul: "aplicación Consul"
consul_url: "https://github.com/ayuntamientomadrid"
copyright: "Ayuntamiento de Madrid, %{year}"
participation_title: "Participación"
participation_text: "Decide cómo debe ser la ciudad de Madrid que quieres."
@@ -52,6 +46,7 @@ es:
contact_us: "Contacta con nosotros en"
privacy: "Política de privacidad"
conditions: "Condiciones de uso"
more_info: "Más información"
form:
error: error
errors: errores
@@ -201,7 +196,7 @@ es:
search_form:
search_title: Buscar
search_button: Buscar
search_placeholder: "Buscar..."
search_placeholder: "Buscar en debates..."
mailer:
comment:
subject: Alguien ha comentado en tu debate

2
spec/features/localization_spec.rb
View File

@@ -6,7 +6,7 @@ feature 'Localization' do
visit root_path(locale: :es)
visit root_path(locale: :klingon)
expect(page).to have_text('La ciudad que quieres, será la ciudad que quieras.')
expect(page).to have_text('La ciudad que quieres será la ciudad que quieras.')
end
scenario 'Available locales appear in the locale switcher' do