Commit fb0d6da5479f206cc256aab733110d5480f8bc4e

Authored by Leandro Santos
1 parent 944cecb5

refactoring of template

css/style.css
1 1 @font-face {
2   - font-family: ptsans_bold_italic;
3   - src: url(../fonts/PT_Sans-Web-BoldItalic.ttf);
  2 + font-family: asap_bold_italic;
  3 + src: url(../fonts/Asap-BoldItalic.ttf);
4 4 }
5 5  
6 6 @font-face {
7   - font-family: ptsans_bold;
8   - src: url(../fonts/PT_Sans-Web-Bold.ttf);
  7 + font-family: asap_bold;
  8 + src: url(../fonts/Asap-Bold.ttf);
9 9 }
10 10  
11 11 @font-face {
12   - font-family: ptsans_italic;
13   - src: url(../fonts/PT_Sans-Web-Italic.ttf);
  12 + font-family: asap_italic;
  13 + src: url(../fonts/Asap-Italic.ttf);
14 14 }
15 15  
16 16 @font-face {
17   - font-family: ptsans;
18   - src: url(../fonts/PT_Sans-Web-Regular.ttf);
  17 + font-family: asap;
  18 + src: url(../fonts/Asap-Regular.ttf);
19 19 }
20 20  
21 21 html, body {
22 22 margin: 0;
23 23 padding: 0;
24 24 height: 100%;
25   - font-family: ptsans, sans;
26   - font-weight: lighter;
  25 + font-family: asap, sans;
27 26 }
28 27  
29 28 header {
30   - height: 30%;
31   - max-height: 399px;
32   - background: #69aef3 url(../images/header.png) left bottom no-repeat;
33   - background-size: 100%;
  29 + height: 100px;
  30 + background: #fff;
34 31 margin: 0;
35 32 padding: 0;
36   - overflow: hidden;
37 33 position: relative;
38 34 }
39 35  
... ... @@ -41,24 +37,26 @@ h1 {
41 37 position: absolute;
42 38 bottom: 0;
43 39 left: 0;
44   - font-size: 4em;
  40 + color: #03316f;
  41 + font-size: 28px;
45 42 padding: 20px;
46 43 margin: 0;
47   - background: rgba(255, 255, 255, 0.5);
48 44 display: block;
49 45 width: 100%;
50   - text-transform: lowercase;
  46 + text-transform: uppercase;
  47 + border-bottom: 1px solid #d6dcd7;
51 48 }
52 49  
53   -h1 span {
54   - font-weight: lighter;
  50 +#content {
  51 + padding-bottom: 150px;
  52 + background: transparent url(../images/header.png) center bottom no-repeat;
55 53 }
56 54  
57 55 #content p {
58 56 font-weight: lighter;
59 57 text-align: justify;
60 58 margin: 20px;
61   - font-size: 1.2em;
  59 + font-size: 14px;
62 60 line-height: 1.5em;
63 61 }
64 62  
... ... @@ -86,35 +84,25 @@ nav li a {
86 84 float: left;
87 85 text-align: center;
88 86 text-decoration: none;
89   - font-size: 1.2em;
  87 + font-size: 16px;
90 88 font-weight: bold;
91   - color: #9eabb0;
92   - background: #efefef;
  89 + color: #fff;
  90 + background: #03316f;
93 91 margin: 0;
94 92 padding: 20px 1%;
95   - text-transform: lowercase;
  93 + text-transform: uppercase;
  94 + border-bottom: 3px solid #001129;
96 95 }
97 96  
98 97 nav li a.active {
99 98 position: relative;
100   - background: #2997cc;
101   - color: #fff;
102   -}
103   -
104   -nav li a.active:after {
105   - content: "";
106   - position: absolute;
107   - bottom: -15px;
108   - left: 49%;
109   - border-width: 15px 15px 0;
110   - border-style: solid;
111   - border-color: #2997cc transparent;
112   - display: block;
113   - width: 0;
  99 + background: #fff;
  100 + color: #03316f;
  101 + border-bottom: 3px solid #fff;
114 102 }
115 103  
116 104 #proposal-categories, #proposal-group {
117   - background: #f3f5f7;
  105 + background: #fff;
118 106 clear: both;
119 107 margin: 0;
120 108 width: 100%;
... ... @@ -127,33 +115,30 @@ nav li a.active:after {
127 115 display: inline-block;
128 116 }
129 117  
130   -#proposal-categories a, #proposal-group a {
131   - text-transform: lowercase;
  118 +#proposal-categories .proposal-category > a, #proposal-group a {
132 119 text-decoration: none;
133 120 color: #fff;
134 121 margin: 10px;
135   - -webkit-border-radius: 10px;
136   - -moz-border-radius: 10px;
137   - border-radius: 10px;
138   - background-color: #0e232e;
139   - background-position: center 5px;
  122 + -webkit-border-radius: 6px;
  123 + -moz-border-radius: 6px;
  124 + border-radius: 6px;
  125 + background-position: center 30px;
140 126 background-repeat: no-repeat;
141   - width: 125px;
142   - height: 55px;
  127 + width: 140px;
  128 + height: 40px;
143 129 display: inline-block;
144   - font-size: 1em;
145   - font-weight: bold;
  130 + font-size: 14px
  131 + font-family: asap_bold, sans;
  132 + font-weight: bolder;
146 133 text-align: center;
147   - padding-top: 70px;
  134 + padding-top: 100px;
148 135 overflow: hidden;
149 136 border-width: 2px;
150 137 border-style: solid;
151   - border-color: #0e232e;
152 138 }
153 139  
154 140 #proposal-categories a:hover, #proposal-group a:hover {
155   - background-color: #244f68;
156   - border-color: #f3f5f7;
  141 + border-color: #fff !important;
157 142 }
158 143  
159 144 .hide {
... ... @@ -169,15 +154,93 @@ footer {
169 154 display: none;
170 155 }
171 156  
172   -#sau { background-image: url(../images/icons/sau.png); }
173   -#edu { background-image: url(../images/icons/edu.png); }
174   -#seg { background-image: url(../images/icons/seg.png); }
175   -#des { background-image: url(../images/icons/des.png); }
176   -#cid { background-image: url(../images/icons/cid.png); }
177   -#cul { background-image: url(../images/icons/cul.png); }
178   -#esp { background-image: url(../images/icons/esp.png); }
179   -#cin { background-image: url(../images/icons/cin.png); }
180   -#ges { background-image: url(../images/icons/ges.png); }
181   -#inf { background-image: url(../images/icons/inf.png); }
182   -#eco { background-image: url(../images/icons/eco.png); }
183   -#mei { background-image: url(../images/icons/mei.png); }
  157 +#login a {
  158 + margin: 10px;
  159 + font-size: 12px;
  160 + color: #333;
  161 + text-decoration: none;
  162 +}
  163 +
  164 +/*
  165 + * Each button
  166 + * FIXME: This selector doesn't look reliable
  167 + */
  168 +
  169 +#proposal-category-saude a {
  170 + background-image: url(../images/icons/saude.png);
  171 + background-color: #00cbd7;
  172 + border-color: #00cbd7;
  173 +}
  174 +.proposal-category-items-saude {
  175 + background-color: #00cbd7;
  176 +}
  177 +
  178 +#proposal-category-seguranca a {
  179 + background-image: url(../images/icons/seguranca.png);
  180 + background-color: #e34748;
  181 + border-color: #e34748;
  182 +}
  183 +.proposal-category-items-seguranca {
  184 + background-color: #e34748;
  185 +}
  186 +
  187 +#proposal-category-educacao a {
  188 + background-image: url(../images/icons/educacao.png);
  189 + background-color: #ffb400;
  190 + border-color: #ffb400;
  191 +}
  192 +.proposal-category-items-educacao {
  193 + background-color: #ffb400;
  194 +}
  195 +
  196 +#proposal-categories-container {
  197 + display: inline;
  198 + width: auto;
  199 +}
  200 +
  201 +.proposal-category-items {
  202 + margin: 0 auto;
  203 + padding: 0;
  204 + -webkit-border-radius: 6px;
  205 + -moz-border-radius: 6px;
  206 + border-radius: 6px;
  207 +}
  208 +
  209 +ul.category {
  210 + display: block;
  211 + text-align: left;
  212 + padding: 0;
  213 +}
  214 +
  215 +.category > li {
  216 + color: #03316f;
  217 + text-align: left;
  218 + display: block !important;
  219 + font-family: asap_bold;
  220 + font-size: 16px;
  221 + padding: 10px 0 5px 0;
  222 + border-bottom: 1px solid #03316f;
  223 + margin-bottom: 10px;
  224 +}
  225 +
  226 +.proposal-item p {
  227 + font-size: 14px;
  228 + color: #172938;
  229 + margin: 0;
  230 + padding: 10px;
  231 + padding-top: 5px;
  232 + background: #fff;
  233 + margin-bottom: 10px;
  234 +}
  235 +
  236 +.proposal-item > a {
  237 + display: block;
  238 + margin: 0;
  239 + color: #03316f;
  240 + text-align: left;
  241 + font-family: asap_bold;
  242 + font-size: 16px;
  243 + text-decoration: none;
  244 + padding: 10px;
  245 + background: #fff;
  246 +}
... ...
fonts/Asap-Bold.ttf 0 → 100644
No preview for this file type
fonts/Asap-BoldItalic.ttf 0 → 100644
No preview for this file type
fonts/Asap-Italic.ttf 0 → 100644
No preview for this file type
fonts/Asap-Regular.ttf 0 → 100644
No preview for this file type
fonts/PT_Sans-Web-Bold.ttf
No preview for this file type
fonts/PT_Sans-Web-BoldItalic.ttf
No preview for this file type
fonts/PT_Sans-Web-Italic.ttf
No preview for this file type
fonts/PT_Sans-Web-Regular.ttf
No preview for this file type
images/header.png

391 KB | W: | H:

29.8 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
images/header.xcf
No preview for this file type
images/icons/cid.png

1.48 KB

images/icons/cin.png

463 Bytes

images/icons/cul.png

1.5 KB

images/icons/des.png

1.23 KB

images/icons/eco.png

1.49 KB

images/icons/edu.png

1.52 KB

images/icons/educacao.png 0 → 100644

1.84 KB

images/icons/esp.png

1.61 KB

images/icons/ges.png

939 Bytes

images/icons/icons.svg
... ... @@ -1,1298 +0,0 @@
1   -<?xml version="1.0" encoding="UTF-8" standalone="no"?>
2   -<!-- Created with Inkscape (http://www.inkscape.org/) -->
3   -
4   -<svg
5   - xmlns:dc="http://purl.org/dc/elements/1.1/"
6   - xmlns:cc="http://creativecommons.org/ns#"
7   - xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
8   - xmlns:svg="http://www.w3.org/2000/svg"
9   - xmlns="http://www.w3.org/2000/svg"
10   - xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
11   - xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
12   - width="210mm"
13   - height="297mm"
14   - id="svg5922"
15   - version="1.1"
16   - inkscape:version="0.48.3.1 r9886"
17   - sodipodi:docname="icons.svg">
18   - <defs
19   - id="defs5924" />
20   - <sodipodi:namedview
21   - id="base"
22   - pagecolor="#ffffff"
23   - bordercolor="#666666"
24   - borderopacity="1.0"
25   - inkscape:pageopacity="0.0"
26   - inkscape:pageshadow="2"
27   - inkscape:zoom="0.7"
28   - inkscape:cx="266.71872"
29   - inkscape:cy="648.43259"
30   - inkscape:document-units="px"
31   - inkscape:current-layer="layer1"
32   - showgrid="false"
33   - inkscape:window-width="1301"
34   - inkscape:window-height="744"
35   - inkscape:window-x="65"
36   - inkscape:window-y="24"
37   - inkscape:window-maximized="1" />
38   - <metadata
39   - id="metadata5927">
40   - <rdf:RDF>
41   - <cc:Work
42   - rdf:about="">
43   - <dc:format>image/svg+xml</dc:format>
44   - <dc:type
45   - rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
46   - <dc:title></dc:title>
47   - </cc:Work>
48   - </rdf:RDF>
49   - </metadata>
50   - <g
51   - inkscape:label="Camada 1"
52   - inkscape:groupmode="layer"
53   - id="layer1">
54   - <rect
55   - style="fill:#0e232e;fill-opacity:1;stroke:none"
56   - id="rect5930"
57   - width="471.42859"
58   - height="542.85718"
59   - x="11.428572"
60   - y="243.79076"
61   - rx="0"
62   - ry="0" />
63   - <g
64   - id="g4571"
65   - transform="matrix(0.65725672,0,0,0.65725672,57.190343,276.93872)"
66   - style="fill:#ffffff;fill-opacity:1">
67   - <g
68   - id="g4531"
69   - style="fill:#ffffff;fill-opacity:1">
70   - <path
71   - id="path4533"
72   - d="m 66.491,3.877 c -7.04,0 -13.74,2.51 -18.937,6.995 C 42.358,6.387 35.658,3.877 28.617,3.877 12.837,3.877 0,16.419 0,31.835 0,58.16 43.441,88.397 45.291,89.672 l 2.263,1.559 2.263,-1.559 C 51.667,88.399 95.108,58.16 95.108,31.835 95.108,16.419 82.271,3.877 66.491,3.877 z M 47.554,77.923 C 36.859,69.867 25.488,59.511 18.279,49.554 h 17.668 l 4.269,-11.549 9.939,27.049 7.333,-15.5 H 76.83 C 69.62,59.511 58.249,69.868 47.554,77.923 z M 79.508,45.554 H 54.954 L 50.619,54.72 40.227,26.437 33.161,45.554 h -17.56 c -2.981,-4.872 -4.777,-9.557 -4.777,-13.719 0,-9.449 7.982,-17.135 17.794,-17.135 5.334,0 10.342,2.278 13.742,6.252 l 5.194,5.894 5.194,-5.894 c 3.4,-3.974 8.408,-6.252 13.742,-6.252 9.812,0 17.794,7.686 17.794,17.135 0,4.162 -1.795,8.847 -4.776,13.719 z"
73   - inkscape:connector-curvature="0"
74   - style="fill:#ffffff;fill-opacity:1" />
75   - </g>
76   - <g
77   - id="g4535"
78   - style="fill:#ffffff;fill-opacity:1" />
79   - <g
80   - id="g4537"
81   - style="fill:#ffffff;fill-opacity:1" />
82   - <g
83   - id="g4539"
84   - style="fill:#ffffff;fill-opacity:1" />
85   - <g
86   - id="g4541"
87   - style="fill:#ffffff;fill-opacity:1" />
88   - <g
89   - id="g4543"
90   - style="fill:#ffffff;fill-opacity:1" />
91   - <g
92   - id="g4545"
93   - style="fill:#ffffff;fill-opacity:1" />
94   - <g
95   - id="g4547"
96   - style="fill:#ffffff;fill-opacity:1" />
97   - <g
98   - id="g4549"
99   - style="fill:#ffffff;fill-opacity:1" />
100   - <g
101   - id="g4551"
102   - style="fill:#ffffff;fill-opacity:1" />
103   - <g
104   - id="g4553"
105   - style="fill:#ffffff;fill-opacity:1" />
106   - <g
107   - id="g4555"
108   - style="fill:#ffffff;fill-opacity:1" />
109   - <g
110   - id="g4557"
111   - style="fill:#ffffff;fill-opacity:1" />
112   - <g
113   - id="g4559"
114   - style="fill:#ffffff;fill-opacity:1" />
115   - <g
116   - id="g4561"
117   - style="fill:#ffffff;fill-opacity:1" />
118   - <g
119   - id="g4563"
120   - style="fill:#ffffff;fill-opacity:1" />
121   - </g>
122   - <g
123   - id="g4732"
124   - transform="matrix(0.18908304,0,0,0.18908304,211.80823,270.4746)"
125   - style="fill:#ffffff;fill-opacity:1"
126   - inkscape:export-filename="/home/caiosba/Presidência/prototype/v1/images/icons/edu.png"
127   - inkscape:export-xdpi="84.768181"
128   - inkscape:export-ydpi="84.768181">
129   - <g
130   - id="g4685"
131   - style="fill:#ffffff;fill-opacity:1">
132   - <g
133   - id="Layer_5_59_"
134   - style="fill:#ffffff;fill-opacity:1">
135   - <g
136   - id="g4688"
137   - style="fill:#ffffff;fill-opacity:1">
138   - <path
139   - id="path4690"
140   - d="m 225.092,276.586 c -7.101,4.355 -16.195,6.754 -25.607,6.754 -9.412,0 -18.506,-2.398 -25.607,-6.754 L 57.946,205.484 c 0,0 -10.464,-6.414 -10.464,8.116 0,16.5 0,66 0,66 0,0.66 0,3.973 0,5 0,37.402 68.053,77.723 152,77.723 83.947,0 152,-40.32 152,-77.723 0,-1.027 0,-4.34 0,-5 0,0 0,-52.502 0,-70.003 0,-11.663 -7.439,-5.964 -7.439,-5.964 l -118.951,72.953 z"
141   - inkscape:connector-curvature="0"
142   - style="fill:#ffffff;fill-opacity:1" />
143   - <path
144   - id="path4692"
145   - d="m 392.289,148.927 c 8.908,-5.463 8.908,-14.403 0,-19.867 L 215.681,40.745 c -8.908,-5.463 -23.485,-5.463 -32.393,0 L 6.681,129.06 c -8.908,5.463 -8.908,14.403 0,19.867 l 176.607,108.315 c 8.908,5.463 23.485,5.463 32.393,0"
146   - inkscape:connector-curvature="0"
147   - style="fill:#ffffff;fill-opacity:1" />
148   - <path
149   - id="path4694"
150   - d="m 384.985,309.475 c 0,-29.906 0,-119.625 0,-119.625 0,0 0.083,-5.666 -3.279,-3.795 -2.697,1.501 -9.308,5.186 -11.637,7.212 -2.689,2.337 -2.083,7.583 -2.083,7.583 0,0 0,81.469 0,108.625 0,1.542 -1.325,2.278 -1.957,2.65 -6.105,3.589 -10.21,10.214 -10.21,17.809 0,11.414 9.252,20.667 20.667,20.667 11.414,0 20.666,-9.253 20.666,-20.667 0,-7.624 -4.135,-14.27 -10.279,-17.85 -0.611,-0.356 -1.888,-1.068 -1.888,-2.609 z"
151   - inkscape:connector-curvature="0"
152   - style="fill:#ffffff;fill-opacity:1" />
153   - </g>
154   - </g>
155   - </g>
156   - <g
157   - id="g4696"
158   - style="fill:#ffffff;fill-opacity:1" />
159   - <g
160   - id="g4698"
161   - style="fill:#ffffff;fill-opacity:1" />
162   - <g
163   - id="g4700"
164   - style="fill:#ffffff;fill-opacity:1" />
165   - <g
166   - id="g4702"
167   - style="fill:#ffffff;fill-opacity:1" />
168   - <g
169   - id="g4704"
170   - style="fill:#ffffff;fill-opacity:1" />
171   - <g
172   - id="g4706"
173   - style="fill:#ffffff;fill-opacity:1" />
174   - <g
175   - id="g4708"
176   - style="fill:#ffffff;fill-opacity:1" />
177   - <g
178   - id="g4710"
179   - style="fill:#ffffff;fill-opacity:1" />
180   - <g
181   - id="g4712"
182   - style="fill:#ffffff;fill-opacity:1" />
183   - <g
184   - id="g4714"
185   - style="fill:#ffffff;fill-opacity:1" />
186   - <g
187   - id="g4716"
188   - style="fill:#ffffff;fill-opacity:1" />
189   - <g
190   - id="g4718"
191   - style="fill:#ffffff;fill-opacity:1" />
192   - <g
193   - id="g4720"
194   - style="fill:#ffffff;fill-opacity:1" />
195   - <g
196   - id="g4722"
197   - style="fill:#ffffff;fill-opacity:1" />
198   - <g
199   - id="g4724"
200   - style="fill:#ffffff;fill-opacity:1" />
201   - </g>
202   - <g
203   - id="g4996"
204   - transform="matrix(0.66794609,0,0,0.66794609,369.47473,267.05911)"
205   - style="fill:#ffffff;fill-opacity:1"
206   - inkscape:export-filename="/home/caiosba/Presidência/prototype/v1/images/icons/seg.png"
207   - inkscape:export-xdpi="63.449932"
208   - inkscape:export-ydpi="63.449932">
209   - <g
210   - id="g4942"
211   - style="fill:#ffffff;fill-opacity:1">
212   - <g
213   - id="g4944"
214   - style="fill:#ffffff;fill-opacity:1">
215   - <path
216   - id="path4946"
217   - d="M 58.384,6.328 C 49.422,5.984 22,15.498 17.717,18.974 c -1.39,1.128 -0.826,3.253 -0.196,3.967 2.564,3.268 21.2,-2.714 22.596,-3.078 4.378,-1.089 17.617,-3.965 18.122,0.706 -9.781,0.486 -14.084,3.228 -14.153,4.741 -0.094,2.043 2.26,2.431 4.147,2.607 4.086,0.384 9.5,-0.46 14.289,0.217 10.77,1.524 14.72,0.753 22.419,-3.997 1.521,-0.938 5.502,-1.618 9.261,-1.929 V 4.325 C 86.155,5.675 76.746,6.401 72.802,6.383 67.994,6.357 63.182,6.512 58.384,6.328 z"
218   - inkscape:connector-curvature="0"
219   - style="fill:#ffffff;fill-opacity:1" />
220   - <path
221   - id="path4948"
222   - d="m 96.092,0 v 24.709 h 10.22 V 0 h -10.22 z m 5.376,6.353 c -1.246,0 -2.258,-1.01 -2.258,-2.257 0,-1.248 1.012,-2.258 2.258,-2.258 1.247,0 2.259,1.01 2.259,2.258 0,1.247 -1.012,2.257 -2.259,2.257 z"
223   - inkscape:connector-curvature="0"
224   - style="fill:#ffffff;fill-opacity:1" />
225   - <g
226   - id="g4950"
227   - style="fill:#ffffff;fill-opacity:1">
228   - <circle
229   - id="circle4952"
230   - r="9.4130001"
231   - cy="41.577999"
232   - cx="44.161999"
233   - sodipodi:cx="44.161999"
234   - sodipodi:cy="41.577999"
235   - sodipodi:rx="9.4130001"
236   - sodipodi:ry="9.4130001"
237   - d="m 53.574999,41.577999 c 0,5.198657 -4.214344,9.413 -9.413,9.413 -5.198657,0 -9.413,-4.214343 -9.413,-9.413 0,-5.198656 4.214343,-9.413 9.413,-9.413 5.198656,0 9.413,4.214344 9.413,9.413 z"
238   - style="fill:#ffffff;fill-opacity:1" />
239   - <circle
240   - id="circle4954"
241   - r="9.1520004"
242   - cy="43.834"
243   - cx="66.896004"
244   - sodipodi:cx="66.896004"
245   - sodipodi:cy="43.834"
246   - sodipodi:rx="9.1520004"
247   - sodipodi:ry="9.1520004"
248   - d="m 76.048004,43.834 c 0,5.05451 -4.09749,9.152 -9.152,9.152 -5.054511,0 -9.152001,-4.09749 -9.152001,-9.152 0,-5.054511 4.09749,-9.152001 9.152001,-9.152001 5.05451,0 9.152,4.09749 9.152,9.152001 z"
249   - style="fill:#ffffff;fill-opacity:1" />
250   - <path
251   - id="path4956"
252   - d="M 86.295,80.755 C 84.17,66.261 80.953,60.057 73.055,55.215 72.901,55.121 70.416,53.804 69.248,53.517 l -2.281,2.295 -2.21,-2.321 c -0.008,10e-4 -0.016,0.003 -0.022,0.004 -1.691,0.405 -5.777,3.044 -7.917,5.086 -1.711,-2.048 -3.781,-3.743 -6.321,-5.301 -0.157,-0.097 -2.715,-1.45 -3.915,-1.746 l -2.345,2.361 -2.273,-2.387 c -0.008,0.002 -0.015,0.003 -0.023,0.005 -1.616,0.556 -3.051,1.39 -4.752,2.537 -7.256,4.88 -10.348,11.349 -12.423,25.498 -0.292,1.996 1.089,3.853 3.086,4.146 0.18,0.025 0.358,0.039 0.535,0.039 1.783,0 3.345,-1.308 3.611,-3.125 0.747,-5.088 1.61,-8.809 2.606,-11.619 v 11.508 c 0,0.982 0.19,1.9 0.526,2.742 -0.026,0.19 -0.044,0.383 -0.044,0.578 l 3.352,34.994 c 0,2.385 1.933,4.317 4.319,4.317 h 5.828 0.811 l 0.011,-24.805 -0.411,-1.739 v -9.096 c -0.757,1.324 -1.463,5.158 -1.463,8.179 0,1.251 -1.014,2.265 -2.266,2.265 -0.362,0 -0.7,-0.092 -1.003,-0.242 l -0.541,-0.439 c -0.4,-0.409 -0.647,-0.966 -0.647,-1.583 0,-2.286 0.239,-4.271 0.646,-5.993 l 0.232,-0.883 c 2.443,-8.574 9.198,-10.113 10.082,-10.324 0.005,0 0.011,-0.001 0.016,-0.004 l 1.478,1.553 1.477,-1.553 c 0.006,0.003 0.013,0.004 0.017,0.004 1.08,0.258 10.96,2.498 10.96,17.2 0,1.251 -1.014,2.265 -2.267,2.265 -1.251,0 -2.265,-1.014 -2.265,-2.265 0,-3.021 -0.706,-6.854 -1.465,-8.179 v 9.179 l -0.406,1.657 0.002,24.805 h 0.688 6.468 10e-4 c 2.318,0 4.197,-1.879 4.197,-4.199 l 2.525,-18.199 4.64,0.004 -3.77,-25.948 v -5.349 c 1.138,2.836 2.105,6.737 2.93,12.347 0.26,1.767 1.776,3.04 3.511,3.04 0.172,0 0.345,-0.014 0.52,-0.04 1.945,-0.286 3.287,-2.091 3.002,-4.031 z M 55.528,78.107 c -3.491,-0.033 -6.31,-2.873 -6.31,-6.369 0,-3.498 2.819,-6.336 6.31,-6.369 3.491,0.033 6.31,2.871 6.31,6.369 0,3.498 -2.818,6.336 -6.31,6.369 z"
253   - inkscape:connector-curvature="0"
254   - style="fill:#ffffff;fill-opacity:1" />
255   - <path
256   - id="path4958"
257   - d="m 55.396,99.691 -0.124,-0.004 c -0.012,-0.002 -0.023,-0.002 -0.034,-0.002 -0.229,0 -0.447,0.088 -0.614,0.25 -0.173,0.166 -0.271,0.396 -0.271,0.635 l 0.003,22.598 h 2.415 l 10e-4,-22.598 c 0,-0.239 -0.097,-0.469 -0.27,-0.635 -0.166,-0.162 -0.386,-0.25 -0.615,-0.25 -0.011,0 -0.021,0 -0.034,0.002"
258   - inkscape:connector-curvature="0"
259   - style="fill:#ffffff;fill-opacity:1" />
260   - </g>
261   - </g>
262   - </g>
263   - <g
264   - id="g4960"
265   - style="fill:#ffffff;fill-opacity:1" />
266   - <g
267   - id="g4962"
268   - style="fill:#ffffff;fill-opacity:1" />
269   - <g
270   - id="g4964"
271   - style="fill:#ffffff;fill-opacity:1" />
272   - <g
273   - id="g4966"
274   - style="fill:#ffffff;fill-opacity:1" />
275   - <g
276   - id="g4968"
277   - style="fill:#ffffff;fill-opacity:1" />
278   - <g
279   - id="g4970"
280   - style="fill:#ffffff;fill-opacity:1" />
281   - <g
282   - id="g4972"
283   - style="fill:#ffffff;fill-opacity:1" />
284   - <g
285   - id="g4974"
286   - style="fill:#ffffff;fill-opacity:1" />
287   - <g
288   - id="g4976"
289   - style="fill:#ffffff;fill-opacity:1" />
290   - <g
291   - id="g4978"
292   - style="fill:#ffffff;fill-opacity:1" />
293   - <g
294   - id="g4980"
295   - style="fill:#ffffff;fill-opacity:1" />
296   - <g
297   - id="g4982"
298   - style="fill:#ffffff;fill-opacity:1" />
299   - <g
300   - id="g4984"
301   - style="fill:#ffffff;fill-opacity:1" />
302   - <g
303   - id="g4986"
304   - style="fill:#ffffff;fill-opacity:1" />
305   - <g
306   - id="g4988"
307   - style="fill:#ffffff;fill-opacity:1" />
308   - </g>
309   - <g
310   - id="g5450"
311   - transform="matrix(2.8349284,0,0,2.8349284,40.010643,406.27007)"
312   - style="fill:#ffffff;fill-opacity:1"
313   - inkscape:export-filename="/home/caiosba/Presidência/prototype/v1/images/icons/cid.png"
314   - inkscape:export-xdpi="84.355652"
315   - inkscape:export-ydpi="84.355652">
316   - <g
317   - id="g5354"
318   - style="fill:#ffffff;fill-opacity:1">
319   - <g
320   - id="g5356"
321   - style="fill:#ffffff;fill-opacity:1">
322   - <polygon
323   - id="polygon5358"
324   - points="24.517,18.172 26.706,15.983 28.896,18.172 28.896,27.879 33.93,27.879 33.93,26.879 29.896,26.879 29.896,17.758 26.706,14.569 23.517,17.758 23.517,26.879 20.482,26.879 20.482,6.051 16.398,6.051 13.447,9.719 13.447,26.879 10.413,26.879 10.413,13.43 2.69,13.43 2.69,26.879 0,26.879 0,27.879 3.69,27.879 3.69,14.43 9.413,14.43 9.413,27.879 14.447,27.879 14.447,10.072 16.877,7.051 19.482,7.051 19.482,27.879 24.517,27.879 "
325   - style="fill:#ffffff;fill-opacity:1" />
326   - <rect
327   - id="rect5360"
328   - height="1.194"
329   - width="1.49"
330   - y="15.403"
331   - x="4.5700002"
332   - style="fill:#ffffff;fill-opacity:1" />
333   - <rect
334   - id="rect5362"
335   - height="1.194"
336   - width="1.49"
337   - y="15.403"
338   - x="7.0799999"
339   - style="fill:#ffffff;fill-opacity:1" />
340   - <rect
341   - id="rect5364"
342   - height="1.1950001"
343   - width="1.49"
344   - y="17.417999"
345   - x="4.5700002"
346   - style="fill:#ffffff;fill-opacity:1" />
347   - <rect
348   - id="rect5366"
349   - height="1.1950001"
350   - width="1.49"
351   - y="17.417999"
352   - x="7.0799999"
353   - style="fill:#ffffff;fill-opacity:1" />
354   - <rect
355   - id="rect5368"
356   - height="1.1950001"
357   - width="1.49"
358   - y="19.434"
359   - x="4.5700002"
360   - style="fill:#ffffff;fill-opacity:1" />
361   - <rect
362   - id="rect5370"
363   - height="1.1950001"
364   - width="1.49"
365   - y="19.434"
366   - x="7.0799999"
367   - style="fill:#ffffff;fill-opacity:1" />
368   - <rect
369   - id="rect5372"
370   - height="1.1950001"
371   - width="1.49"
372   - y="21.447001"
373   - x="4.5700002"
374   - style="fill:#ffffff;fill-opacity:1" />
375   - <rect
376   - id="rect5374"
377   - height="1.1950001"
378   - width="1.49"
379   - y="21.447001"
380   - x="7.0799999"
381   - style="fill:#ffffff;fill-opacity:1" />
382   - <rect
383   - id="rect5376"
384   - height="1.1950001"
385   - width="1.49"
386   - y="23.462999"
387   - x="4.5700002"
388   - style="fill:#ffffff;fill-opacity:1" />
389   - <rect
390   - id="rect5378"
391   - height="1.1950001"
392   - width="1.49"
393   - y="23.462999"
394   - x="7.0799999"
395   - style="fill:#ffffff;fill-opacity:1" />
396   - <rect
397   - id="rect5380"
398   - height="1.1950001"
399   - width="1.49"
400   - y="25.479"
401   - x="4.5700002"
402   - style="fill:#ffffff;fill-opacity:1" />
403   - <rect
404   - id="rect5382"
405   - height="1.1950001"
406   - width="1.49"
407   - y="25.479"
408   - x="7.0799999"
409   - style="fill:#ffffff;fill-opacity:1" />
410   - <rect
411   - id="rect5384"
412   - height="1.1950001"
413   - width="1.1950001"
414   - y="19.021"
415   - x="25.09"
416   - style="fill:#ffffff;fill-opacity:1" />
417   - <rect
418   - id="rect5386"
419   - height="1.1950001"
420   - width="1.194"
421   - y="19.023001"
422   - x="27.105"
423   - style="fill:#ffffff;fill-opacity:1" />
424   - <rect
425   - id="rect5388"
426   - height="1.1950001"
427   - width="1.1950001"
428   - y="21.037001"
429   - x="25.09"
430   - style="fill:#ffffff;fill-opacity:1" />
431   - <rect
432   - id="rect5390"
433   - height="1.1950001"
434   - width="1.194"
435   - y="21.037001"
436   - x="27.105"
437   - style="fill:#ffffff;fill-opacity:1" />
438   - <rect
439   - id="rect5392"
440   - height="1.1950001"
441   - width="1.1950001"
442   - y="23.052999"
443   - x="25.09"
444   - style="fill:#ffffff;fill-opacity:1" />
445   - <rect
446   - id="rect5394"
447   - height="1.742"
448   - width="1.1950001"
449   - y="8.1619997"
450   - x="17.375"
451   - style="fill:#ffffff;fill-opacity:1" />
452   - <rect
453   - id="rect5396"
454   - height="1.742"
455   - width="1.1950001"
456   - y="11.098"
457   - x="17.375"
458   - style="fill:#ffffff;fill-opacity:1" />
459   - <rect
460   - id="rect5398"
461   - height="1.7410001"
462   - width="1.1950001"
463   - y="14.033"
464   - x="15.36"
465   - style="fill:#ffffff;fill-opacity:1" />
466   - <rect
467   - id="rect5400"
468   - height="1.742"
469   - width="1.1950001"
470   - y="14.033"
471   - x="17.375"
472   - style="fill:#ffffff;fill-opacity:1" />
473   - <rect
474   - id="rect5402"
475   - height="1.743"
476   - width="1.1950001"
477   - y="16.968"
478   - x="15.36"
479   - style="fill:#ffffff;fill-opacity:1" />
480   - <rect
481   - id="rect5404"
482   - height="1.742"
483   - width="1.1950001"
484   - y="16.969"
485   - x="17.375"
486   - style="fill:#ffffff;fill-opacity:1" />
487   - <rect
488   - id="rect5406"
489   - height="1.74"
490   - width="1.1950001"
491   - y="19.903999"
492   - x="15.36"
493   - style="fill:#ffffff;fill-opacity:1" />
494   - <rect
495   - id="rect5408"
496   - height="1.742"
497   - width="1.1950001"
498   - y="19.903999"
499   - x="17.375"
500   - style="fill:#ffffff;fill-opacity:1" />
501   - <rect
502   - id="rect5410"
503   - height="1.74"
504   - width="1.1950001"
505   - y="22.84"
506   - x="15.36"
507   - style="fill:#ffffff;fill-opacity:1" />
508   - <rect
509   - id="rect5412"
510   - height="1.742"
511   - width="1.1950001"
512   - y="22.84"
513   - x="17.375"
514   - style="fill:#ffffff;fill-opacity:1" />
515   - </g>
516   - </g>
517   - <g
518   - id="g5414"
519   - style="fill:#ffffff;fill-opacity:1" />
520   - <g
521   - id="g5416"
522   - style="fill:#ffffff;fill-opacity:1" />
523   - <g
524   - id="g5418"
525   - style="fill:#ffffff;fill-opacity:1" />
526   - <g
527   - id="g5420"
528   - style="fill:#ffffff;fill-opacity:1" />
529   - <g
530   - id="g5422"
531   - style="fill:#ffffff;fill-opacity:1" />
532   - <g
533   - id="g5424"
534   - style="fill:#ffffff;fill-opacity:1" />
535   - <g
536   - id="g5426"
537   - style="fill:#ffffff;fill-opacity:1" />
538   - <g
539   - id="g5428"
540   - style="fill:#ffffff;fill-opacity:1" />
541   - <g
542   - id="g5430"
543   - style="fill:#ffffff;fill-opacity:1" />
544   - <g
545   - id="g5432"
546   - style="fill:#ffffff;fill-opacity:1" />
547   - <g
548   - id="g5434"
549   - style="fill:#ffffff;fill-opacity:1" />
550   - <g
551   - id="g5436"
552   - style="fill:#ffffff;fill-opacity:1" />
553   - <g
554   - id="g5438"
555   - style="fill:#ffffff;fill-opacity:1" />
556   - <g
557   - id="g5440"
558   - style="fill:#ffffff;fill-opacity:1" />
559   - <g
560   - id="g5442"
561   - style="fill:#ffffff;fill-opacity:1" />
562   - </g>
563   - <g
564   - id="g5655"
565   - transform="matrix(0.18033126,0,0,0.18033126,215.63973,410.92225)"
566   - style="fill:#ffffff;fill-opacity:1"
567   - inkscape:export-filename="/home/caiosba/Presidência/prototype/v1/images/icons/mei.png"
568   - inkscape:export-xdpi="86.02523"
569   - inkscape:export-ydpi="86.02523">
570   - <g
571   - id="g5615"
572   - style="fill:#ffffff;fill-opacity:1">
573   - <path
574   - id="path5617"
575   - d="m 285.454,222.313 c -50.998,-20.857 -60.574,-37.622 -84.091,-40.809 -3.377,-0.458 -6.071,0.149 -8.203,1.245 0.231,-13.555 0.527,-27.549 0.659,-29.182 0.338,0.61 0.697,1.213 1.092,1.804 7.285,10.908 21.434,14.246 40.201,1.714 17.839,-11.912 27.765,-47.101 27.765,-47.101 0,0 -36.308,-4.316 -54.146,7.596 -4.446,2.97 -7.959,6.042 -10.652,9.146 0.446,-1.932 0.896,-3.764 1.322,-5.525 1.449,-5.941 2.729,-11.209 3.194,-16.651 11.263,-3.56 18.323,-15.108 14.46,-35.597 -3.979,-21.078 -32.469,-43.988 -32.469,-43.988 0,0 -18.19,31.716 -14.213,52.794 3.48,18.448 12.57,26.92 22.949,27.849 -0.512,4.115 -1.541,8.363 -2.777,13.436 -0.521,2.136 -1.066,4.374 -1.607,6.754 -1.801,-3.783 -4.447,-7.761 -8.066,-11.887 -14.144,-16.127 -50.326,-21.363 -50.326,-21.363 0,0 0.469,36.559 14.611,52.686 14.881,16.967 29.41,17.408 39.272,8.758 0.073,-0.063 0.142,-0.131 0.214,-0.194 -0.124,1.617 -0.44,17.038 -0.671,30.777 -2.762,-3.702 -7.248,-3.186 -7.248,-3.186 -12.914,0.534 -42.248,41.666 -42.248,41.666 -6.853,11.711 -8.011,22.557 -7.797,30.219 0,0 -67.704,-37.819 -88.712,-45.871 -20.878,-8.002 -64.881,-2.459 -15.158,32.135 31.146,21.668 135.559,100.243 154.574,105.002 23.628,5.914 110.845,-7.78 129.404,-6.725 18.558,1.055 58.437,14.349 79.635,23.641 v -74.918 c -17.87,-10.001 -38.894,-38.835 -100.968,-64.225 z m -81.488,56.395 c -48.379,-6.242 -33.596,-40.973 -33.596,-40.973 10.3,-22.187 14.808,-35.484 15.404,-43.635 l 0.718,0.059 c 1.655,8.544 10.857,20.851 28.92,33.6 35.373,24.969 38.185,57.351 -11.446,50.949 z"
576   - inkscape:connector-curvature="0"
577   - style="fill:#ffffff;fill-opacity:1" />
578   - </g>
579   - <g
580   - id="g5619"
581   - style="fill:#ffffff;fill-opacity:1" />
582   - <g
583   - id="g5621"
584   - style="fill:#ffffff;fill-opacity:1" />
585   - <g
586   - id="g5623"
587   - style="fill:#ffffff;fill-opacity:1" />
588   - <g
589   - id="g5625"
590   - style="fill:#ffffff;fill-opacity:1" />
591   - <g
592   - id="g5627"
593   - style="fill:#ffffff;fill-opacity:1" />
594   - <g
595   - id="g5629"
596   - style="fill:#ffffff;fill-opacity:1" />
597   - <g
598   - id="g5631"
599   - style="fill:#ffffff;fill-opacity:1" />
600   - <g
601   - id="g5633"
602   - style="fill:#ffffff;fill-opacity:1" />
603   - <g
604   - id="g5635"
605   - style="fill:#ffffff;fill-opacity:1" />
606   - <g
607   - id="g5637"
608   - style="fill:#ffffff;fill-opacity:1" />
609   - <g
610   - id="g5639"
611   - style="fill:#ffffff;fill-opacity:1" />
612   - <g
613   - id="g5641"
614   - style="fill:#ffffff;fill-opacity:1" />
615   - <g
616   - id="g5643"
617   - style="fill:#ffffff;fill-opacity:1" />
618   - <g
619   - id="g5645"
620   - style="fill:#ffffff;fill-opacity:1" />
621   - <g
622   - id="g5647"
623   - style="fill:#ffffff;fill-opacity:1" />
624   - </g>
625   - <g
626   - id="g5846"
627   - transform="matrix(2.4579238,0,0,2.4579238,374.29883,420.55582)"
628   - style="fill:#ffffff;fill-opacity:1"
629   - inkscape:export-filename="/home/caiosba/Presidência/prototype/v1/images/icons/eco.png"
630   - inkscape:export-xdpi="73.125725"
631   - inkscape:export-ydpi="73.125725">
632   - <g
633   - id="g5798"
634   - style="fill:#ffffff;fill-opacity:1">
635   - <g
636   - id="g5800"
637   - style="fill:#ffffff;fill-opacity:1">
638   - <path
639   - id="path5802"
640   - d="m 31.243,12.977 c -0.249,-0.57 -0.78,-0.948 -1.389,-0.984 -0.395,-0.028 -0.788,0.071 -1.14,0.24 -0.193,-0.158 -0.42,-0.288 -0.676,-0.372 -0.608,-0.202 -1.937,-0.025 -2.521,0.593 -1.221,-1.665 -3.035,-3.005 -5.196,-3.876 -0.401,0.654 -1.007,1.163 -1.733,1.439 0.145,0.116 0.219,0.198 0.229,0.21 0.181,0.208 0.159,0.524 -0.049,0.706 -0.096,0.082 -0.211,0.123 -0.328,0.123 -0.141,0 -0.278,-0.058 -0.377,-0.172 -0.027,-0.03 -0.805,-0.849 -2.837,-0.849 -2.033,0 -2.81,0.819 -2.842,0.854 -0.185,0.201 -0.5,0.219 -0.704,0.037 -0.204,-0.182 -0.226,-0.492 -0.047,-0.698 0.04,-0.045 0.948,-1.031 3.114,-1.166 C 14.367,8.631 14.085,8.112 13.954,7.533 12.532,7.604 11.17,7.855 9.916,8.274 8.7,6.7 5.489,5.247 3.822,4.897 c 0,3.45 1.513,4.218 1.458,6.079 -1.272,1.18 -2.201,2.598 -2.675,4.162 L 0.812,14.874 c -0.544,-0.08 -0.901,0.296 -0.793,0.835 l 0.717,3.585 c 0.108,0.539 0.646,0.98 1.196,0.98 h 0.805 c 0.638,1.77 1.87,3.332 3.512,4.551 v 5.384 c 2.726,0 4.936,0.078 4.936,-2.062 v -1.063 c 1.127,0.267 2.318,0.416 3.554,0.416 1.609,0 3.142,-0.252 4.554,-0.694 v 1.34 c 0,2.141 2.21,2.062 4.937,2.062 v -6.211 c 1.872,-1.749 3.01,-4.016 3.01,-6.498 0,-1.667 -0.517,-3.235 -1.419,-4.618 0.335,-0.518 1.574,-0.709 2.062,-0.546 0.136,0.045 0.26,0.105 0.371,0.179 -0.447,0.336 -0.771,0.787 -0.849,1.208 -0.055,0.294 -0.07,1.015 0.979,1.35 0.133,0.042 0.259,0.063 0.375,0.063 0.38,0 0.671,-0.213 0.798,-0.604 0.166,-0.51 0.005,-1.305 -0.468,-1.915 0.236,-0.091 0.488,-0.139 0.735,-0.125 0.501,0.03 0.825,0.374 0.96,0.685 0.152,0.351 0.115,0.717 -0.102,0.979 -0.088,0.106 -0.073,0.264 0.033,0.352 0.105,0.088 0.265,0.073 0.353,-0.034 0.334,-0.404 0.402,-0.977 0.175,-1.496 z M 7.072,15.373 c -0.529,0 -0.958,-0.429 -0.958,-0.958 0,-0.529 0.429,-0.958 0.958,-0.958 0.529,0 0.958,0.429 0.958,0.958 0,0.529 -0.428,0.958 -0.958,0.958 z m 22.009,-0.998 c -0.05,0.152 -0.16,0.342 -0.544,0.218 -0.492,-0.157 -0.707,-0.419 -0.64,-0.782 0.062,-0.331 0.352,-0.696 0.741,-0.959 0.418,0.494 0.559,1.166 0.443,1.523 z"
641   - inkscape:connector-curvature="0"
642   - style="fill:#ffffff;fill-opacity:1" />
643   - <circle
644   - id="circle5804"
645   - r="2.4920001"
646   - cy="6.7600002"
647   - cx="17.354"
648   - sodipodi:cx="17.354"
649   - sodipodi:cy="6.7600002"
650   - sodipodi:rx="2.4920001"
651   - sodipodi:ry="2.4920001"
652   - d="m 19.846,6.7600002 c 0,1.3762937 -1.115706,2.4920001 -2.492,2.4920001 -1.376294,0 -2.492,-1.1157064 -2.492,-2.4920001 0,-1.3762936 1.115706,-2.4920001 2.492,-2.4920001 1.376294,0 2.492,1.1157065 2.492,2.4920001 z"
653   - style="fill:#ffffff;fill-opacity:1" />
654   - <circle
655   - id="circle5806"
656   - r="1.864"
657   - cy="3.0309999"
658   - cx="13.862"
659   - sodipodi:cx="13.862"
660   - sodipodi:cy="3.0309999"
661   - sodipodi:rx="1.864"
662   - sodipodi:ry="1.864"
663   - d="m 15.726,3.0309999 c 0,1.0294588 -0.834541,1.864 -1.864,1.864 -1.029458,0 -1.863999,-0.8345412 -1.863999,-1.864 0,-1.0294588 0.834541,-1.864 1.863999,-1.864 1.029459,0 1.864,0.8345412 1.864,1.864 z"
664   - style="fill:#ffffff;fill-opacity:1" />
665   - <circle
666   - id="circle5808"
667   - r="1.301"
668   - cy="4.0929999"
669   - cx="20.924999"
670   - sodipodi:cx="20.924999"
671   - sodipodi:cy="4.0929999"
672   - sodipodi:rx="1.301"
673   - sodipodi:ry="1.301"
674   - d="m 22.225999,4.0929999 c 0,0.7185225 -0.582477,1.301 -1.301,1.301 -0.718522,0 -1.301,-0.5824775 -1.301,-1.301 0,-0.7185224 0.582478,-1.301 1.301,-1.301 0.718523,0 1.301,0.5824776 1.301,1.301 z"
675   - style="fill:#ffffff;fill-opacity:1" />
676   - </g>
677   - </g>
678   - <g
679   - id="g5810"
680   - style="fill:#ffffff;fill-opacity:1" />
681   - <g
682   - id="g5812"
683   - style="fill:#ffffff;fill-opacity:1" />
684   - <g
685   - id="g5814"
686   - style="fill:#ffffff;fill-opacity:1" />
687   - <g
688   - id="g5816"
689   - style="fill:#ffffff;fill-opacity:1" />
690   - <g
691   - id="g5818"
692   - style="fill:#ffffff;fill-opacity:1" />
693   - <g
694   - id="g5820"
695   - style="fill:#ffffff;fill-opacity:1" />
696   - <g
697   - id="g5822"
698   - style="fill:#ffffff;fill-opacity:1" />
699   - <g
700   - id="g5824"
701   - style="fill:#ffffff;fill-opacity:1" />
702   - <g
703   - id="g5826"
704   - style="fill:#ffffff;fill-opacity:1" />
705   - <g
706   - id="g5828"
707   - style="fill:#ffffff;fill-opacity:1" />
708   - <g
709   - id="g5830"
710   - style="fill:#ffffff;fill-opacity:1" />
711   - <g
712   - id="g5832"
713   - style="fill:#ffffff;fill-opacity:1" />
714   - <g
715   - id="g5834"
716   - style="fill:#ffffff;fill-opacity:1" />
717   - <g
718   - id="g5836"
719   - style="fill:#ffffff;fill-opacity:1" />
720   - <g
721   - id="g5838"
722   - style="fill:#ffffff;fill-opacity:1" />
723   - </g>
724   - <g
725   - id="g6918"
726   - transform="translate(21.796214,184.1584)"
727   - style="fill:#ffffff;fill-opacity:1"
728   - inkscape:export-filename="/home/caiosba/Presidência/prototype/v1/images/icons/des.png"
729   - inkscape:export-xdpi="116.05415"
730   - inkscape:export-ydpi="116.05415">
731   - <g
732   - id="g6864"
733   - style="fill:#ffffff;fill-opacity:1">
734   - <g
735   - id="g6866"
736   - style="fill:#ffffff;fill-opacity:1">
737   - <path
738   - id="path6868"
739   - d="m 28.502,17.371 c -0.002,0 -11.213,-0.004 -12.011,-0.004 0,0 -0.005,0 -0.006,0 -1.021,0 -1.853,0.846 -1.85,1.867 l 0.04,11.565 c 0.004,1.018 0.83,1.863 1.845,1.863 0.002,0 0.005,0 0.007,0 0.574,0 1.086,-0.287 1.423,-0.701 l 0.729,11.256 c 0.064,1.006 0.9,1.762 1.909,1.762 h 3.804 c 1.008,0 1.842,-0.767 1.908,-1.772 l 0.727,-11.276 c 0.338,0.438 0.849,0.731 1.425,0.731 0.002,0 0.003,0 0.007,0 1.016,0 1.841,-0.86 1.848,-1.871 l 0.037,-11.544 c 0.003,-1.012 -0.822,-1.876 -1.842,-1.876 z"
740   - inkscape:connector-curvature="0"
741   - style="fill:#ffffff;fill-opacity:1" />
742   -
743   - <circle
744   - id="circle6870"
745   - r="5.1149998"
746   - cy="11.022"
747   - cx="22.490999"
748   - sodipodi:cx="22.490999"
749   - sodipodi:cy="11.022"
750   - sodipodi:rx="5.1149998"
751   - sodipodi:ry="5.1149998"
752   - d="m 27.605999,11.022 c 0,2.824937 -2.290063,5.115 -5.115,5.115 -2.824936,0 -5.115,-2.290063 -5.115,-5.115 0,-2.8249361 2.290064,-5.1149995 5.115,-5.1149995 2.824937,0 5.115,2.2900634 5.115,5.1149995 z"
753   - style="fill:#ffffff;fill-opacity:1" />
754   -
755   - <path
756   - id="path6872"
757   - d="m 11.14,9.006 c -0.001,0 -8.809,-0.003 -9.435,-0.003 0,0 -0.004,0 -0.005,0 -0.801,0 -1.455,0.665 -1.453,1.467 l 0.031,9.085 c 0.003,0.8 0.652,1.464 1.45,1.464 0.001,0 0.004,0 0.005,0 0.451,0 0.854,-0.225 1.118,-0.55 l 0.573,8.841 c 0.051,0.789 0.707,1.383 1.5,1.383 h 2.989 c 0.791,0 1.446,-0.602 1.499,-1.391 l 0.57,-8.859 c 0.266,0.343 0.667,0.575 1.12,0.575 10e-4,0 0.002,0 0.005,0 0.798,0 1.446,-0.677 1.451,-1.47 l 0.03,-9.07 C 12.589,9.685 11.941,9.006 11.14,9.006 z"
758   - inkscape:connector-curvature="0"
759   - style="fill:#ffffff;fill-opacity:1" />
760   -
761   - <circle
762   - id="circle6874"
763   - r="4.0180001"
764   - cy="4.0180001"
765   - cx="6.4180002"
766   - sodipodi:cx="6.4180002"
767   - sodipodi:cy="4.0180001"
768   - sodipodi:rx="4.0180001"
769   - sodipodi:ry="4.0180001"
770   - d="m 10.436,4.0180001 c 0,2.2190802 -1.7989196,4.0180002 -4.0179998,4.0180002 -2.2190802,0 -4.0180001,-1.79892 -4.0180001,-4.0180002 C 2.4000001,1.7989199 4.19892,0 6.4180002,0 8.6370804,0 10.436,1.7989199 10.436,4.0180001 z"
771   - style="fill:#ffffff;fill-opacity:1" />
772   -
773   - </g>
774   -
775   - <g
776   - id="g6876"
777   - style="fill:#ffffff;fill-opacity:1">
778   - <path
779   - id="path6878"
780   - d="m 33.839,9.006 c 0.001,0 8.809,-0.003 9.436,-0.003 h 0.004 c 0.802,0 1.455,0.665 1.453,1.467 l -0.03,9.085 c -0.003,0.8 -0.652,1.464 -1.45,1.464 -0.001,0 -0.004,0 -0.005,0 -0.451,0 -0.854,-0.225 -1.118,-0.55 l -0.572,8.841 c -0.052,0.789 -0.707,1.383 -1.5,1.383 h -2.99 c -0.791,0 -1.445,-0.602 -1.498,-1.391 l -0.57,-8.859 c -0.266,0.343 -0.667,0.575 -1.12,0.575 -10e-4,0 -0.002,0 -0.005,0 -0.799,0 -1.447,-0.677 -1.451,-1.47 l -0.029,-9.07 C 32.39,9.685 33.038,9.006 33.839,9.006 z"
781   - inkscape:connector-curvature="0"
782   - style="fill:#ffffff;fill-opacity:1" />
783   -
784   - <circle
785   - id="circle6880"
786   - r="4.0180001"
787   - cy="4.0180001"
788   - cx="38.562"
789   - sodipodi:cx="38.562"
790   - sodipodi:cy="4.0180001"
791   - sodipodi:rx="4.0180001"
792   - sodipodi:ry="4.0180001"
793   - d="m 42.58,4.0180001 c 0,2.2190802 -1.79892,4.0180002 -4.018,4.0180002 -2.21908,0 -4.018,-1.79892 -4.018,-4.0180002 C 34.544,1.7989199 36.34292,0 38.562,0 40.78108,0 42.58,1.7989199 42.58,4.0180001 z"
794   - style="fill:#ffffff;fill-opacity:1" />
795   -
796   - </g>
797   -
798   -</g>
799   - <g
800   - id="g6882"
801   - style="fill:#ffffff;fill-opacity:1">
802   -</g>
803   - <g
804   - id="g6884"
805   - style="fill:#ffffff;fill-opacity:1">
806   -</g>
807   - <g
808   - id="g6886"
809   - style="fill:#ffffff;fill-opacity:1">
810   -</g>
811   - <g
812   - id="g6888"
813   - style="fill:#ffffff;fill-opacity:1">
814   -</g>
815   - <g
816   - id="g6890"
817   - style="fill:#ffffff;fill-opacity:1">
818   -</g>
819   - <g
820   - id="g6892"
821   - style="fill:#ffffff;fill-opacity:1">
822   -</g>
823   - <g
824   - id="g6894"
825   - style="fill:#ffffff;fill-opacity:1">
826   -</g>
827   - <g
828   - id="g6896"
829   - style="fill:#ffffff;fill-opacity:1">
830   -</g>
831   - <g
832   - id="g6898"
833   - style="fill:#ffffff;fill-opacity:1">
834   -</g>
835   - <g
836   - id="g6900"
837   - style="fill:#ffffff;fill-opacity:1">
838   -</g>
839   - <g
840   - id="g6902"
841   - style="fill:#ffffff;fill-opacity:1">
842   -</g>
843   - <g
844   - id="g6904"
845   - style="fill:#ffffff;fill-opacity:1">
846   -</g>
847   - <g
848   - id="g6906"
849   - style="fill:#ffffff;fill-opacity:1">
850   -</g>
851   - <g
852   - id="g6908"
853   - style="fill:#ffffff;fill-opacity:1">
854   -</g>
855   - <g
856   - id="g6910"
857   - style="fill:#ffffff;fill-opacity:1">
858   -</g>
859   - </g>
860   - <g
861   - id="g7045"
862   - transform="matrix(5.6610708,0,0,5.6610708,500.32799,484.69087)"
863   - style="fill:#ffffff;fill-opacity:1"
864   - inkscape:export-filename="/home/caiosba/Presidência/prototype/v1/images/icons/dance.png"
865   - inkscape:export-xdpi="28.382444"
866   - inkscape:export-ydpi="28.382444">
867   - <g
868   - id="g7005"
869   - style="fill:#ffffff;fill-opacity:1">
870   - <path
871   - id="path7007"
872   - d="M 27.843,5.159 C 27.374,5.355 25.65,6.855 25.306,7.151 24.963,7.445 24.915,7.814 24.915,7.814 l -4.37,3.199 c 0,0 -0.227,-2.135 -0.352,-3.317 C 20.068,6.514 18.944,6.292 18.944,6.292 V 5.901 c 0,0 0.624,0 0.547,-0.312 -0.078,-0.312 -0.272,-1.21 -0.272,-1.21 l 0.217,-0.155 0.29,-1.522 c 0,0 0.392,-0.312 0.311,-0.646 -0.078,-0.332 -1.051,-2.203 -3.431,-2.047 -2.378,0.155 -2.645,1.814 -2.811,2.302 -0.168,0.487 0.585,2.028 0.507,2.459 -0.078,0.429 -0.351,0.507 -0.351,0.507 0,0 -1.514,0.628 -3.201,1.327 -1.686,0.698 -5.54,8.428 -4.799,9.21 0.741,0.779 2.224,0.896 2.224,0.896 0,0 -3.403,1.702 -3.824,1.912 -0.421,0.21 -1.014,1.054 -0.819,2.106 0.195,1.055 1.743,3.528 2.225,4.176 0.481,0.647 0.937,2.692 0.937,2.692 l 1.249,-0.312 0.352,0.312 c 0,0 -0.547,1.209 -1.086,1.61 -0.539,0.402 -1.558,0.887 -1.841,1.048 -0.283,0.161 -0.079,0.697 0.635,0.971 0.714,0.274 2.292,0.04 2.54,-0.389 0.249,-0.428 0.889,-0.647 0.889,-0.647 l 0.32,0.024 c 0,0 1.122,-0.236 1.363,-0.287 0.24,-0.052 -0.167,-2.252 -0.167,-2.252 l 2.039,0.668 c -0.108,0.095 -0.181,0.229 -0.181,0.385 0,0.285 0.23,0.517 0.516,0.517 0.286,0 0.516,-0.23 0.516,-0.517 0,-0.179 -0.096,-0.327 -0.233,-0.42 l 3.958,-2.1 -0.604,1.74 c 0,0 -1.053,1.717 -0.507,2.264 0.546,0.546 1.498,0.477 1.498,0.477 0,0 -0.093,0.732 0.292,0.891 0.386,0.157 1.706,0.778 1.962,0.896 0.256,0.118 1.232,-0.624 1.232,-0.624 V 31.85 c 0,0 0.518,-0.468 0.05,-0.584 -0.469,-0.118 -1.951,-1.64 -2.341,-2.653 -0.393,-1.016 0.312,-1.562 0.312,-1.562 0,0 0.78,0.117 0.897,-0.077 0.117,-0.195 1.912,-6.83 1.752,-8.126 -0.161,-1.297 -2.533,-1.787 -2.533,-1.787 0,0 0.703,-0.936 0.432,-1.873 0.507,-0.194 2.185,-0.702 2.77,-1.247 0.586,-0.547 0.508,-3.122 0.508,-3.122 l 2.38,-1.913 c 0,0 0.373,-0.165 0.702,-0.312 0.331,-0.146 2.136,-1.675 2.537,-1.99 0.401,-0.315 -0.591,-1.638 -1.059,-1.445 z m -16.389,8.879 c 0.682,-0.137 1.085,0.067 1.636,-0.157 0.958,-0.389 0.813,-1.659 2.129,-2.243 1.894,-0.839 3.199,0.956 3.199,0.956 l -1.56,1.113 c 0,0 -0.616,-0.255 -1.327,-0.06 -0.575,0.158 -1.093,0.762 -1.093,0.762 0,0 -0.675,0.492 -1.249,0.585 -1.326,0.215 -3.102,-0.488 -3.102,-0.488 0,0 0.683,-0.331 1.367,-0.468 z m 8.182,2.635 c -0.555,0.813 -1.042,1.053 -2.018,1.326 -0.719,0.2 -0.84,0.564 -1.288,1.648 -0.449,1.082 -1.464,2.623 -2.712,2.8 -1.249,0.176 -2.299,-0.202 -2.869,-0.838 C 10.18,20.97 9.268,20.028 8.642,18.916 8.018,17.804 8.272,16.849 8.272,16.849 l 2.536,0.194 2.518,3.122 0.585,-0.518 -2.01,-2.702 h 1.326 l 1.835,0.701 c 0,0 0.409,0.176 0.721,0.233 0.313,0.06 0.614,-0.019 0.775,-0.136 0.162,-0.117 0.104,-0.468 0.104,-0.468 0,0 0.351,-0.194 0.526,-0.294 0.176,-0.098 0.116,-0.351 0.116,-0.351 0,0 0.626,-0.488 0.548,-1.64 0.465,-0.349 1.481,-1.113 1.481,-1.113 0,0 0.978,1.8 0.303,2.796 z m 2.021,-3.865 C 21.425,12.731 21.248,12.34 21.248,12.34 l 0.177,-0.215 0.43,0.409 c -0.002,10e-4 0.036,0.353 -0.198,0.274 z"
873   - inkscape:connector-curvature="0"
874   - style="fill:#ffffff;fill-opacity:1" />
875   -
876   -</g>
877   - <g
878   - id="g7009"
879   - style="fill:#ffffff;fill-opacity:1">
880   -</g>
881   - <g
882   - id="g7011"
883   - style="fill:#ffffff;fill-opacity:1">
884   -</g>
885   - <g
886   - id="g7013"
887   - style="fill:#ffffff;fill-opacity:1">
888   -</g>
889   - <g
890   - id="g7015"
891   - style="fill:#ffffff;fill-opacity:1">
892   -</g>
893   - <g
894   - id="g7017"
895   - style="fill:#ffffff;fill-opacity:1">
896   -</g>
897   - <g
898   - id="g7019"
899   - style="fill:#ffffff;fill-opacity:1">
900   -</g>
901   - <g
902   - id="g7021"
903   - style="fill:#ffffff;fill-opacity:1">
904   -</g>
905   - <g
906   - id="g7023"
907   - style="fill:#ffffff;fill-opacity:1">
908   -</g>
909   - <g
910   - id="g7025"
911   - style="fill:#ffffff;fill-opacity:1">
912   -</g>
913   - <g
914   - id="g7027"
915   - style="fill:#ffffff;fill-opacity:1">
916   -</g>
917   - <g
918   - id="g7029"
919   - style="fill:#ffffff;fill-opacity:1">
920   -</g>
921   - <g
922   - id="g7031"
923   - style="fill:#ffffff;fill-opacity:1">
924   -</g>
925   - <g
926   - id="g7033"
927   - style="fill:#ffffff;fill-opacity:1">
928   -</g>
929   - <g
930   - id="g7035"
931   - style="fill:#ffffff;fill-opacity:1">
932   -</g>
933   - <g
934   - id="g7037"
935   - style="fill:#ffffff;fill-opacity:1">
936   -</g>
937   - </g>
938   - <g
939   - id="g7206"
940   - transform="translate(-47.714286,151.79075)"
941   - style="fill:#ffffff;fill-opacity:1"
942   - inkscape:export-filename="/home/caiosba/Presidência/prototype/v1/images/icons/esp.png"
943   - inkscape:export-xdpi="217.5"
944   - inkscape:export-ydpi="217.5">
945   - <g
946   - id="g7166"
947   - style="fill:#ffffff;fill-opacity:1">
948   - <path
949   - id="path7168"
950   - d="M 12,0 C 5.4,0 0,5.4 0,12 0,18.6 5.4,24 12,24 18.6,24 24,18.6 24,12 24,5.4 18.6,0 12,0 z m 8.113,18.34 -0.213,-1.44 -3.7,0.8 -2,3.3 1.366,0.654 C 14.454,22.064 13.257,22.3 12,22.3 10.744,22.3 9.546,22.067 8.434,21.654 L 9.8,21 7.8,17.7 4.1,16.9 3.887,18.34 C 2.521,16.593 1.7,14.396 1.7,12 1.7,11.887 1.713,11.777 1.717,11.666 L 2.7,12.7 5.3,9.8 4.9,6 3.435,6.271 C 4.78,4.26 6.818,2.761 9.208,2.092 L 8.5,3.4 12,4.9 15.5,3.4 14.791,2.092 c 2.391,0.669 4.43,2.168 5.773,4.18 L 19.1,6 l -0.4,3.8 2.6,2.9 0.983,-1.035 c 0.003,0.112 0.017,0.222 0.017,0.335 0,2.396 -0.821,4.593 -2.187,6.34 z M 12,8 16.2,11.1 14.6,16 H 9.4 L 7.8,11.1 12,8 z"
951   - inkscape:connector-curvature="0"
952   - style="fill:#ffffff;fill-opacity:1" />
953   -
954   -</g>
955   - <g
956   - id="g7170"
957   - style="fill:#ffffff;fill-opacity:1">
958   -</g>
959   - <g
960   - id="g7172"
961   - style="fill:#ffffff;fill-opacity:1">
962   -</g>
963   - <g
964   - id="g7174"
965   - style="fill:#ffffff;fill-opacity:1">
966   -</g>
967   - <g
968   - id="g7176"
969   - style="fill:#ffffff;fill-opacity:1">
970   -</g>
971   - <g
972   - id="g7178"
973   - style="fill:#ffffff;fill-opacity:1">
974   -</g>
975   - <g
976   - id="g7180"
977   - style="fill:#ffffff;fill-opacity:1">
978   -</g>
979   - <g
980   - id="g7182"
981   - style="fill:#ffffff;fill-opacity:1">
982   -</g>
983   - <g
984   - id="g7184"
985   - style="fill:#ffffff;fill-opacity:1">
986   -</g>
987   - <g
988   - id="g7186"
989   - style="fill:#ffffff;fill-opacity:1">
990   -</g>
991   - <g
992   - id="g7188"
993   - style="fill:#ffffff;fill-opacity:1">
994   -</g>
995   - <g
996   - id="g7190"
997   - style="fill:#ffffff;fill-opacity:1">
998   -</g>
999   - <g
1000   - id="g7192"
1001   - style="fill:#ffffff;fill-opacity:1">
1002   -</g>
1003   - <g
1004   - id="g7194"
1005   - style="fill:#ffffff;fill-opacity:1">
1006   -</g>
1007   - <g
1008   - id="g7196"
1009   - style="fill:#ffffff;fill-opacity:1">
1010   -</g>
1011   - <g
1012   - id="g7198"
1013   - style="fill:#ffffff;fill-opacity:1">
1014   -</g>
1015   - </g>
1016   - <g
1017   - id="g7326"
1018   - transform="translate(-502.41329,218.5204)"
1019   - style="fill:#ffffff;fill-opacity:1"
1020   - inkscape:export-filename="/home/caiosba/Presidência/prototype/v1/images/icons/cin.png"
1021   - inkscape:export-xdpi="11.026659"
1022   - inkscape:export-ydpi="11.026659">
1023   - <g
1024   - id="g7286"
1025   - style="fill:#ffffff;fill-opacity:1">
1026   - <path
1027   - id="path7288"
1028   - d="m 196.368,28.67 c -29.356,7.636 -55.145,1.157 -69.179,-4.573 V 15.45 H 79.871 v 457.948 h 47.318 V 252.215 c 52.181,6.249 96.527,-4.729 144.921,-23.681 57.174,-22.391 115.726,-2.906 121.363,1.326 L 393.527,8.128 c -70.793,-23.14 -154.085,9.34 -197.159,20.542 z"
1029   - inkscape:connector-curvature="0"
1030   - style="fill:#ffffff;fill-opacity:1" />
1031   -
1032   -</g>
1033   - <g
1034   - id="g7290"
1035   - style="fill:#ffffff;fill-opacity:1">
1036   -</g>
1037   - <g
1038   - id="g7292"
1039   - style="fill:#ffffff;fill-opacity:1">
1040   -</g>
1041   - <g
1042   - id="g7294"
1043   - style="fill:#ffffff;fill-opacity:1">
1044   -</g>
1045   - <g
1046   - id="g7296"
1047   - style="fill:#ffffff;fill-opacity:1">
1048   -</g>
1049   - <g
1050   - id="g7298"
1051   - style="fill:#ffffff;fill-opacity:1">
1052   -</g>
1053   - <g
1054   - id="g7300"
1055   - style="fill:#ffffff;fill-opacity:1">
1056   -</g>
1057   - <g
1058   - id="g7302"
1059   - style="fill:#ffffff;fill-opacity:1">
1060   -</g>
1061   - <g
1062   - id="g7304"
1063   - style="fill:#ffffff;fill-opacity:1">
1064   -</g>
1065   - <g
1066   - id="g7306"
1067   - style="fill:#ffffff;fill-opacity:1">
1068   -</g>
1069   - <g
1070   - id="g7308"
1071   - style="fill:#ffffff;fill-opacity:1">
1072   -</g>
1073   - <g
1074   - id="g7310"
1075   - style="fill:#ffffff;fill-opacity:1">
1076   -</g>
1077   - <g
1078   - id="g7312"
1079   - style="fill:#ffffff;fill-opacity:1">
1080   -</g>
1081   - <g
1082   - id="g7314"
1083   - style="fill:#ffffff;fill-opacity:1">
1084   -</g>
1085   - <g
1086   - id="g7316"
1087   - style="fill:#ffffff;fill-opacity:1">
1088   -</g>
1089   - <g
1090   - id="g7318"
1091   - style="fill:#ffffff;fill-opacity:1">
1092   -</g>
1093   - </g>
1094   - <g
1095   - id="g7454"
1096   - transform="translate(-61.65211,120.70968)"
1097   - style="fill:#ffffff;fill-opacity:1"
1098   - inkscape:export-filename="/home/caiosba/Presidência/prototype/v1/images/icons/ges.png"
1099   - inkscape:export-xdpi="239.46107"
1100   - inkscape:export-ydpi="239.46107">
1101   - <g
1102   - id="g7410"
1103   - style="fill:#ffffff;fill-opacity:1">
1104   - <g
1105   - id="g7412"
1106   - style="fill:#ffffff;fill-opacity:1">
1107   - <path
1108   - id="path7414"
1109   - d="M 22.572,11.732 H 6.412 c -0.619,0 -1.348,0.453 -1.621,1.008 l -4.345,8.804 c -0.273,0.555 0.009,1.008 0.626,1.008 h 16.161 c 0.619,0 1.348,-0.453 1.621,-1.008 L 23.2,12.74 c 0.273,-0.555 -0.009,-1.008 -0.628,-1.008 z"
1110   - inkscape:connector-curvature="0"
1111   - style="fill:#ffffff;fill-opacity:1" />
1112   -
1113   - <path
1114   - id="path7416"
1115   - d="m 6.412,10.606 h 11.997 v -0.042 h 1.559 V 0.753 H 5.564 V 2.51 H 2.902 V 6.549 H 1.42 C 0.64,6.549 0,7.19 0,7.968 V 19.906 L 3.784,12.242 C 4.242,11.31 5.374,10.606 6.412,10.606 z M 4.155,3.761 c 0.203,0 0.711,0 1.409,0 v 5.55 c -0.698,0 -1.206,0 -1.409,0 0,-0.927 0,-4.62 0,-5.55 z M 18.717,2.005 c 0,0.992 0,6.315 0,7.306 -0.312,0 -1.357,0 -2.699,0 -0.769,0 -5.914,0 -9.2,0 0,-0.991 0,-6.314 0,-7.306 1.078,0 10.819,0 11.899,0 z"
1116   - inkscape:connector-curvature="0"
1117   - style="fill:#ffffff;fill-opacity:1" />
1118   -
1119   - </g>
1120   -
1121   -</g>
1122   - <g
1123   - id="g7418"
1124   - style="fill:#ffffff;fill-opacity:1">
1125   -</g>
1126   - <g
1127   - id="g7420"
1128   - style="fill:#ffffff;fill-opacity:1">
1129   -</g>
1130   - <g
1131   - id="g7422"
1132   - style="fill:#ffffff;fill-opacity:1">
1133   -</g>
1134   - <g
1135   - id="g7424"
1136   - style="fill:#ffffff;fill-opacity:1">
1137   -</g>
1138   - <g
1139   - id="g7426"
1140   - style="fill:#ffffff;fill-opacity:1">
1141   -</g>
1142   - <g
1143   - id="g7428"
1144   - style="fill:#ffffff;fill-opacity:1">
1145   -</g>
1146   - <g
1147   - id="g7430"
1148   - style="fill:#ffffff;fill-opacity:1">
1149   -</g>
1150   - <g
1151   - id="g7432"
1152   - style="fill:#ffffff;fill-opacity:1">
1153   -</g>
1154   - <g
1155   - id="g7434"
1156   - style="fill:#ffffff;fill-opacity:1">
1157   -</g>
1158   - <g
1159   - id="g7436"
1160   - style="fill:#ffffff;fill-opacity:1">
1161   -</g>
1162   - <g
1163   - id="g7438"
1164   - style="fill:#ffffff;fill-opacity:1">
1165   -</g>
1166   - <g
1167   - id="g7440"
1168   - style="fill:#ffffff;fill-opacity:1">
1169   -</g>
1170   - <g
1171   - id="g7442"
1172   - style="fill:#ffffff;fill-opacity:1">
1173   -</g>
1174   - <g
1175   - id="g7444"
1176   - style="fill:#ffffff;fill-opacity:1">
1177   -</g>
1178   - <g
1179   - id="g7446"
1180   - style="fill:#ffffff;fill-opacity:1">
1181   -</g>
1182   - </g>
1183   - <g
1184   - id="g7604"
1185   - transform="translate(-586.22743,434.70618)"
1186   - style="fill:#ffffff;fill-opacity:1"
1187   - inkscape:export-filename="/home/caiosba/Presidência/prototype/v1/images/icons/inf.png"
1188   - inkscape:export-xdpi="18.684898"
1189   - inkscape:export-ydpi="18.684898">
1190   - <g
1191   - id="g7550"
1192   - style="fill:#ffffff;fill-opacity:1">
1193   - <g
1194   - id="g7552"
1195   - style="fill:#ffffff;fill-opacity:1">
1196   - <polygon
1197   - id="polygon7554"
1198   - points="118.071,242.125 97.817,242.125 80.041,263.604 40.868,387.341 82.291,387.341 "
1199   - style="fill:#ffffff;fill-opacity:1" />
1200   -
1201   - <polygon
1202   - id="polygon7556"
1203   - points="151.127,107.971 129.31,107.971 100.801,198.023 128.937,198.023 "
1204   - style="fill:#ffffff;fill-opacity:1" />
1205   -
1206   - <polygon
1207   - id="polygon7558"
1208   - points="415.271,263.604 397.494,242.125 377.242,242.125 413.021,387.341 454.443,387.341 "
1209   - style="fill:#ffffff;fill-opacity:1" />
1210   -
1211   - <polygon
1212   - id="polygon7560"
1213   - points="394.51,198.023 366.002,107.971 344.189,107.971 366.377,198.023 "
1214   - style="fill:#ffffff;fill-opacity:1" />
1215   -
1216   - <path
1217   - id="path7562"
1218   - d="m 232.857,189.525 h 29.6 l 0.623,8.498 h 68.881 l -22.189,-90.052 h -124.23 l -22.188,90.052 h 68.881 l 0.622,-8.498 z m 5.74,-78.351 h 18.117 l 2.87,39.175 h -23.858 l 2.871,-39.175 z"
1219   - inkscape:connector-curvature="0"
1220   - style="fill:#ffffff;fill-opacity:1" />
1221   -
1222   - <path
1223   - id="path7564"
1224   - d="m 152.486,242.125 -35.779,145.216 h 101.859 l 2.805,-41.115 h 52.569 l 2.807,41.115 H 378.606 L 342.827,242.125 H 152.486 z m 71.759,64.926 2.869,-39.174 h 41.083 l 2.875,39.174 h -46.827 z"
1225   - inkscape:connector-curvature="0"
1226   - style="fill:#ffffff;fill-opacity:1" />
1227   -
1228   - <polygon
1229   - id="polygon7566"
1230   - points="30.228,288.288 47.928,288.288 93.583,233.125 401.729,233.125 447.383,288.288 465.082,288.288 448.43,233.125 495.312,233.125 495.312,207.024 0,207.024 0,233.125 46.883,233.125 "
1231   - style="fill:#ffffff;fill-opacity:1" />
1232   -
1233   - </g>
1234   -
1235   -</g>
1236   - <g
1237   - id="g7568"
1238   - style="fill:#ffffff;fill-opacity:1">
1239   -</g>
1240   - <g
1241   - id="g7570"
1242   - style="fill:#ffffff;fill-opacity:1">
1243   -</g>
1244   - <g
1245   - id="g7572"
1246   - style="fill:#ffffff;fill-opacity:1">
1247   -</g>
1248   - <g
1249   - id="g7574"
1250   - style="fill:#ffffff;fill-opacity:1">
1251   -</g>
1252   - <g
1253   - id="g7576"
1254   - style="fill:#ffffff;fill-opacity:1">
1255   -</g>
1256   - <g
1257   - id="g7578"
1258   - style="fill:#ffffff;fill-opacity:1">
1259   -</g>
1260   - <g
1261   - id="g7580"
1262   - style="fill:#ffffff;fill-opacity:1">
1263   -</g>
1264   - <g
1265   - id="g7582"
1266   - style="fill:#ffffff;fill-opacity:1">
1267   -</g>
1268   - <g
1269   - id="g7584"
1270   - style="fill:#ffffff;fill-opacity:1">
1271   -</g>
1272   - <g
1273   - id="g7586"
1274   - style="fill:#ffffff;fill-opacity:1">
1275   -</g>
1276   - <g
1277   - id="g7588"
1278   - style="fill:#ffffff;fill-opacity:1">
1279   -</g>
1280   - <g
1281   - id="g7590"
1282   - style="fill:#ffffff;fill-opacity:1">
1283   -</g>
1284   - <g
1285   - id="g7592"
1286   - style="fill:#ffffff;fill-opacity:1">
1287   -</g>
1288   - <g
1289   - id="g7594"
1290   - style="fill:#ffffff;fill-opacity:1">
1291   -</g>
1292   - <g
1293   - id="g7596"
1294   - style="fill:#ffffff;fill-opacity:1">
1295   -</g>
1296   - </g>
1297   - </g>
1298   -</svg>
images/icons/inf.png

1.87 KB

images/icons/mei.png

1.47 KB

images/icons/sau.png

1.76 KB

images/icons/saude.png 0 → 100644

1 KB

images/icons/seg.png

1.39 KB

images/icons/seguranca.png 0 → 100644

1.34 KB

index.html
... ... @@ -6,6 +6,7 @@
6 6 <script src='js/jquery-2.1.3.min.js'></script>
7 7 <script src='js/handlebars-v3.0.1.js'></script>
8 8 <script src='js/handlebars-helpers.js'></script>
  9 + <script src='js/layout.js'></script>
9 10 </head>
10 11 <body>
11 12  
... ... @@ -21,22 +22,26 @@
21 22 <nav>
22 23 <ul>
23 24 <li id='nav-proposal-categories'><a href="#proposal-categories" class="active">Temas</a></li>
24   - <li id='nav-proposal-group'><a href="#proposal-group">Programas</a></li>
  25 + <li id='nav-proposal-group'><a href="#proposal-group">Todos os Programas</a></li>
25 26 </ul>
26 27 </nav>
27 28  
28 29 <ul id="proposal-categories">
  30 + <div id="proposal-categories-container">
29 31 {{#each article.categories}}
30   - <li class="proposal-category">
  32 + <li id='proposal-category-{{slug}}' class="proposal-category">
  33 + <!-- Better to set the icon on CSS
31 34 <img src="{{../host}}{{image.thumb_url}}"/>
  35 + -->
32 36 {{#link name id}}{{/link}}
33   - <ul id='proposal-item-{{id}}' class='proposal-category-item hide'>
34   - {{#list_proposal ../article.children category=slug}}
35   - {{#link title id}}{{/link}}
36   - {{/list_proposal}}
37   - </ul>
38 37 </li>
  38 + <ul id='proposal-item-{{id}}' class='proposal-category-items proposal-category-items-{{slug}} hide'>
  39 + {{#list_proposal ../article.children category=slug}}
  40 + {{#link title id}}{{/link}}
  41 + {{/list_proposal}}
  42 + </ul>
39 43 {{/each}}
  44 + </div>
40 45 </ul>
41 46  
42 47 <ul id="proposal-group" class='hide'>
... ... @@ -93,10 +98,6 @@
93 98 <input type="text" id="private-token" style="display: none">
94 99 </div>
95 100  
96   - <footer>
97   - <p>Ícones desenhados por <a href="http://flaticon.com">Flaticon.com</a></p>
98   - </footer>
99   -
100 101 <script src='js/main.js'></script>
101 102 <script src='js/login.js'></script>
102 103 </body>
... ...
js/layout.js 0 → 100644
... ... @@ -0,0 +1,81 @@
  1 +/*jslint nomen: true, plusplus: true, todo: true, white: true, browser: true, indent: 2 */
  2 +
  3 +(function($) {
  4 + 'use strict';
  5 +
  6 + $(document).ready(function() {
  7 +
  8 + /* Broken after last updates on HTML - needs to be fixed
  9 + // Tabs behavior
  10 +
  11 + $('nav a').click(function() {
  12 + var $that = $(this);
  13 + $('nav a#active').attr('id', '');
  14 + $that.attr('id', 'active');
  15 +
  16 + $($that.attr('href')).fadeIn();
  17 +
  18 + if (isMobile()) {
  19 + $('#content').fadeOut();
  20 + }
  21 + else {
  22 + $('#content').fadeIn();
  23 + }
  24 + $('body').removeClass('mobile');
  25 + });
  26 +
  27 + // Responsiveness
  28 +
  29 + var isMobile = function() {
  30 + return ($(window).width() < 500);
  31 + };
  32 +
  33 + var responsiveness = function() {
  34 + if (isMobile()) {
  35 + $('#subjects').hide();
  36 + $('nav a#active').attr('id', '');
  37 + $('body').addClass('mobile');
  38 + }
  39 + else {
  40 + $('nav a').first().click();
  41 + $('body').removeClass('mobile');
  42 + }
  43 + };
  44 +
  45 + $(window).load(responsiveness);
  46 + $(window).resize(responsiveness);
  47 + */
  48 +
  49 + var adjust = function() {
  50 +
  51 + // Adjust header image size
  52 +
  53 + var bgsz = '100%';
  54 + if ($(window).width() > 768) {
  55 + bgsz = '768px 147px';
  56 + }
  57 + $('#content').css('background-size', bgsz);
  58 +
  59 + // Calculate inner subject width and position of expanded subject
  60 +
  61 + var $c = $('.proposal-category'),
  62 + $i = $('.proposal-category-items'),
  63 + w = $c.width() * $c.length - 20,
  64 + pos = $c.length;
  65 + if (w > $(window).width()) {
  66 + console.log('More than one line of items');
  67 + w = '100%';
  68 + pos = $(window).width() / $c.width();
  69 + }
  70 + $i.width(w);
  71 + $i.each(function() {
  72 + var $that = $(this);
  73 + $('#proposal-categories-container').append($that);
  74 + });
  75 +
  76 + };
  77 +
  78 + $(window).resize(adjust);
  79 + $(window).load(adjust);
  80 + });
  81 +}(jQuery));
... ...
js/main.js
... ... @@ -38,7 +38,7 @@ $.getJSON(noosferoAPI)
38 38 $('#proposal-categories').show();
39 39 $('#nav-proposal-categories a').addClass('active');
40 40 $('#nav-proposal-group a').removeClass('active');
41   - $('.proposal-category-item').hide();
  41 + $('.proposal-category-items').hide();
42 42 $('.proposal-detail').hide();
43 43 event.preventDefault();
44 44 });
... ... @@ -75,9 +75,9 @@ $.getJSON(noosferoAPI)
75 75 });
76 76 $( '.proposal-category a' ).click(function(event){
77 77 var item = this.href.split('#').pop();
78   - if($('#' + item).hasClass('proposal-category-item')){
  78 + if($('#' + item).hasClass('proposal-category-items')){
79 79 //Display Topics or Discussion by category
80   - $('.proposal-category-item').hide();
  80 + $('.proposal-category-items').hide();
81 81 $('#' + item).show();
82 82 }
83 83 event.preventDefault();
... ...