Projet

Général

Profil

0001-rouen-use-marsicons-in-forms-responsive-footer-24263.patch

Emmanuel Cazenave, 04 juin 2018 14:55

Télécharger (115 ko)

Voir les différences:

Subject: [PATCH] rouen: use marsicons in forms, responsive footer (#24263)

 static/rouen/_custom.scss            | 283 ++++++++++++++++-----------
 static/rouen/_vars.scss              |  13 +-
 static/rouen/fonts/marsicons12.ttf   | Bin 0 -> 43220 bytes
 static/rouen/fonts/marsicons12.woff  | Bin 0 -> 26648 bytes
 static/rouen/fonts/marsicons12.woff2 | Bin 0 -> 22252 bytes
 static/rouen/img/logo-h.svg          |   2 +
 static/rouen/img/rs-facebook.svg     |   2 +
 static/rouen/img/rs-flickr.svg       |   2 +
 static/rouen/img/rs-googleplus.svg   |   2 +
 static/rouen/img/rs-twitter.svg      |   2 +
 static/rouen/img/rs-youtube.svg      |   2 +
 11 files changed, 191 insertions(+), 117 deletions(-)
 create mode 100644 static/rouen/fonts/marsicons12.ttf
 create mode 100644 static/rouen/fonts/marsicons12.woff
 create mode 100644 static/rouen/fonts/marsicons12.woff2
 create mode 100644 static/rouen/img/logo-h.svg
 create mode 100644 static/rouen/img/rs-facebook.svg
 create mode 100644 static/rouen/img/rs-flickr.svg
 create mode 100644 static/rouen/img/rs-googleplus.svg
 create mode 100644 static/rouen/img/rs-twitter.svg
 create mode 100644 static/rouen/img/rs-youtube.svg
static/rouen/_custom.scss
1 1
@import '../includes/font-roboto';
2 2

  
3

  
4
@font-face {
5
	font-family: 'MarsIcons';
6
	src: url('fonts/marsicons12.ttf') format('truetype'),
7
	url('fonts/marsicons12.woff') format('woff'),
8
	url('fonts/marsicons12.woff2') format('woff2');
9
	font-weight: normal;
10
	font-style: normal;
11
}
12

  
13

  
3 14
h1#logo a {
4 15
	background: url(img/logo.png) no-repeat left bottom;
16
	background-size: contain;
5 17
	display: block;
6 18
	height: 83px;
7
	background-size: contain;
8 19
	text-indent: -9999px;
9 20
}
10 21

  
11 22
div#nav li {
12
	border-right: 0.1em solid #fff;
23
	border-right: 0.1em solid #FFF;
13 24
}
14 25

  
15
div#footer {
26
div#footer > div > div > div {
16 27
	display: flex;
28
	flex-wrap: wrap;
17 29
}
18 30

  
19
div#footer > div {
31
div#footer div#footer-logos {
20 32
	background: $primary-color;
21
}
22

  
23
div#footer > div.logos {
24
	margin-right: 0.5em;
25
	padding: 2.5em 2.5em;
26
}
27

  
28
div#footer div.logos img {
29
	display: block;
30
}
31

  
32
div#footer > div.logos > div > div {
33
	display: flex;
34
	justify-content: space-between;
35
}
36

  
37
div#footer > div.logos > div > div:first-child {
38
	margin-bottom: 0.6em;
39
}
40

  
41
div#footer > div.footer-mentions {
42
	padding-top: 1em;
43
}
44

  
45
div#footer > div.footer-mentions ul {
46
	padding-left: 0.8em;
47
}
48

  
49
div#footer a {
50
	color: #000;
51
}
52

  
53
.footer-mentions li {
54
	display: inline;
55
	font-weight: 700;
56
	line-height: 1.5em;
57
}
33
	flex: 1;
34
	margin: 0 0.4em 0 0;
35
	padding: 2em 0 2em 0;
36
	ul.menu{
37
		list-style: none;
38
		margin-left: 0;
39
		margin-top: 0;
40
		li {
41
			font-weight: bold;
42
			float: left;
43
			line-height: 1.3em;
44
			margin-bottom: 0.5em;
45
		}
46
		li.rs-link a, li.logorouen span {
47
			display: block;
48
			height: 2.5em;
49
			margin-right: 0.8em;
50
			overflow: hidden;
51
			position: relative;
52
		}
53
		li.rs-link a {
54
			width: 2.5em;
55
		}
56
		li.logorouen span {
57
			width: 9.110em;
58
			&:after {
59
				background-image: url(img/logo-h.svg);
60
			}
61
		}
62
		li.rs-link a::after, li.logorouen span::after {
63
			background-size: 100% 100%;
64
			background-repeat: no-repeat;
65
			content: ' ';
66
			height: 100%;
67
			left: 0;
68
			position: absolute;
69
			top: 0;
70
			width: 100%;
71
		}
58 72

  
59
.footer-mentions li a {
60
	display: inline-block;
61
	margin-right: 0.5em;
62
	margin-left: 0.5em;
73
		li.rs-facebook a::after {
74
			background-image: url(img/rs-facebook.svg);
75
		}
76
		li.rs-twitter a::after {
77
			background-image: url(img/rs-twitter.svg);
78
		}
79
		li.rs-googleplus a::after {
80
			background-image: url(img/rs-googleplus.svg);
81
		}
82
		li.rs-youtube a::after {
83
			background-image: url(img/rs-youtube.svg);
84
		}
85
		li.rs-flickr a::after {
86
			background-image: url(img/rs-flickr.svg);
87
		}
88
	}
63 89
}
64 90

  
65
.footer-mentions li:not(:last-child)::after {
66
	content: "\f111"; // circle
67
	font-family: FontAwesome;
68
	color: black;
69
	font-size: 35%;
70
	vertical-align: middle;
91
div#footer div#footer-content {
92
	background: $primary-color;
93
	padding: 2em 2em 2em 2em;
94
	border: 0;
95
	flex: 3;
96
	font-size: 100%;
97
	font: inherit;
98
	vertical-align: baseline;
99
	ul.menu {
100
		border: 0;
101
		font-size: 100%;
102
		margin-top: 0;
103
		margin-left: 0;
104
		list-style: none;
105
		padding: 0;
106
		li {
107
			display: inline;
108
			font-weight: bold;
109
			line-height: 1.6em;
110
			margin-bottom: 0;
111
			a {
112
				border-bottom: none;
113
				color: $black;
114
			}
115
		}
116
		li::after {
117
			color: $black;
118
			content: $icon-mars-bullet;
119
			font-family: MarsIcons;
120
		}
121
		li:last-child::after {
122
			display: none;
123
		}
124
	}
71 125
}
72 126

  
73 127
div#rub_service h2 {
......
81 135
	font-weight: bold;
82 136
}
83 137

  
84
div.RadiobuttonsWidget input[type="radio"] {
85
	position: absolute;
86
	left: -99999999px;
87
	& + span {
88
		display: block;
89
		font-size: inherit;
90
		margin-bottom: 0;
91
		font-weight: normal;
92
		padding-left: 2em;
93
		padding-top: 5px;
94
		position: relative;
95
		&:before {
96
			display: block;
97
			content: '';
98
			height: 23px;
99
			width: 23px;
100
			background-color: transparent;
101
			border-radius: 50%;
102
			border: solid 2px $black;
103
			vertical-align: -20%;
104
			margin-right: 1em;
105
			position: absolute;
106
			left: 0;
107
			top: 0;
108
		}
109
		&:after {
110
			display: block;
111
			content: '';
112
			height: 12px;
113
			width: 12px;
114
			background-color: $black;
115
			border-radius: 50%;
116
			border: solid 1px $black;
117
			margin-right: 1em;
118
			position: absolute;
119
			left: 7px;
120
			top: 7px;
121
			opacity: 0;
138
%icon-common {
139
	font-family: MarsIcons;
140
	font-size: 200%;
141
	margin-right: 0.2em;
142
	vertical-align: middle;
143
}
144

  
145
div.RadiobuttonsWidget div.content label {
146
	display: block;
147
	& input[type="radio"] {
148
		display: none;
149
		& + span:before {
150
			@extend %icon-common;
151
			content: $icon-mars-circle;
122 152
		}
123
	}
124
	&:checked {
125
		& + span, & + label {
126
			&:after {
127
				opacity: 1;
128
			}
153
		&:checked + span:before {
154
			content: $icon-mars-circle-dotted;
129 155
		}
130 156
	}
131 157
}
132 158

  
133
div.CheckboxesWidget label{
159
div.CheckboxesWidget div.content label{
134 160
	display: block;
135
	margin-bottom: 0.5em;
136 161
	& input[type="checkbox"] {
137
		position: absolute;
138 162
		left: -99999999px;
139
		& + span {
140
			display: block;
141
			font-size: inherit;
142
			margin-bottom: 0;
143
			font-weight: normal;
144
			position: relative;
145
			&:before {
146
				font-family: FontAwesome;
147
				font-size: 200%;
148
				vertical-align: middle;
149
				margin-right: 0.2em;
150
				content: "\f096"; // square
151
			}
163
		position: absolute;
164
		& + span:before {
165
			@extend %icon-common;
166
			content: $icon-mars-square;
152 167
		}
153 168
		&:checked + span:before {
154
			content: "\f046"; // checked square
169
			content: $icon-mars-square-checked;
170
		}
171
	}
172
}
173

  
174
div.CheckboxWidget div.content input[type="checkbox"]{
175
	height: 1.5em;
176
	visibility: hidden;
177
	&:before {
178
		@extend %icon-common;
179
		content: $icon-mars-square;
180
		visibility: visible;
181
	}
182
	&:checked {
183
		&:before {
184
			@extend %icon-common;
185
			content: $icon-mars-square-checked;
155 186
		}
156 187
	}
157 188
}
158 189

  
159
input[type=text], input[type=password], input[type=email], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=number], input[type=range], input[type=search], input[type=tel], input[type=time], input[type=url], input[type=week] {
190
%border-style {
191
	border: 0.05em solid #2D2D2D;
192
}
193

  
194
select {
195
	@extend %border-style;
196
}
197

  
198
input[type=text], input[type=password], input[type=email], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=number], input[type=range], input[type=search], input[type=tel], input[type=time], input[type=url], input[type=week], textarea {
199
	@extend %border-style;
200
	background-color: #FFF;
160 201
	display: inline-block;
161
	border: 0.05em solid #2d2d2d;
162
	padding: 0.7em 1em;
163
	background-color: #fff;
164 202
	font-size: 100%;
203
	padding: 0.7em 1em;
165 204
	-webkit-appearance: none;
166 205
}
167 206

  
168 207
form.quixote div.title label{
208
	display: block;
169 209
	font-weight: bold;
170 210
	font-size: 122%;
171 211
	margin-bottom: 0.5em;
......
191 231
		}
192 232
	}
193 233
}
234

  
235
div#nav #nav-button.toggled + ul li {
236
	border-bottom: 0.1em solid $white;
237
	text-align: center;
238
	a {
239
		padding-left: 0;
240
		span {
241
			font-weight: 400;
242
		}
243
	}
244
}
static/rouen/_vars.scss
1
$primary-color: #EE787C;
2 1
$black: #000;
2
$pale-primary-color: #F4A7AA;
3
$primary-color: #EE787C;
4
$white: #FFF;
3 5

  
4 6
$button-background: $primary-color;
5 7
$button-border-radius: unset;
......
7 9
$font-family: Roboto, sans-serif;
8 10
$font-size: 18px;
9 11
$footer-background: #FFFFFF;
12
$icon-fa-circle: "\f111";
13
$icon-mars-bullet: "\e05c";
14
$icon-mars-circle: "\e02f";
15
$icon-mars-circle-dotted: "\e030";
16
$icon-mars-square: "\e02d";
17
$icon-mars-square-checked: "\e02e";
10 18
$link-color: #198468;
11 19
$mobile-limit: 800px;
12 20
$nav-background: $primary-color;
21
$nav-border-color: $white;
22
$nav-button-background: $black;
13 23
$nav-item-selected-background: #2D2D2D;
24
$nav-mobile-menu-background: $pale-primary-color;
14 25
$sidebar-width: 240px;
15 26
$title-weight: bold;
16 27
$width: 1243.97px;
static/rouen/img/logo-h.svg
1
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
<svg xmlns="http://www.w3.org/2000/svg" height="236" width="860" version="1.1" viewBox="0 0 860.00002 235.89843"><g transform="matrix(1.25 0 0 -1.25 0 -.183)"><path d="m0 0v-189h114v189h-114z" fill="#bf2329"/></g><path d="m142 236h718v-236h-718v236z" fill="#2350a9"/><g transform="matrix(1.25 0 0 -1.25 255 172)"><path fill="#fff" d="m0 0c-10.1 0-14.9 9.84-14.9 31 0 21.1 4.73 31 14.9 31s14.9-9.8 14.9-31-4.7-31-14.9-31m0 68.4c-21.6 0-32.1-12.2-32.1-37.4s10.5-37.4 32.1-37.4 32.1 12.2 32.1 37.4-10.5 37.4-32.1 37.4"/></g><g transform="matrix(1.25 0 0 -1.25 386 87.3)"><path fill="#fff" d="m0 0-26.4-3.75v-4.51h0.59c5.05 0 10.4-0.901 10.4-11.6v-19.5c0-9.58-8.51-24.8-15.6-24.8-7.48 0-10.6 3.18-10.6 22.9v41.5l-27.1-3.85v-4.51h0.582c5.06 0 10.5-0.901 10.5-11.6v-33.9c0-10.9 2.45-21 20.2-21 12.5 0 18.9 10.8 22.1 16.8v-15.2h27.1v4.5h-0.582c-5.06 0-10.5 0.9-10.5 11.6v57.1l-0.7-0.1z"/></g><g transform="matrix(1.25 0 0 -1.25 524 87.3)"><path fill="#fff" d="m0 0-26.4-3.75v-4.51h0.588c5.05 0 10.5-0.901 10.5-11.6v-36c0-10.1-2.15-12.7-10.5-12.7h-0.588v-4.6h38.1v4.6h-0.584c-8.31 0-10.5 2.61-10.5 12.7v20.5c0 9.59 9.48 24.8 17.4 24.8 6.22 0 8.83-3.18 8.83-22.9v-22.5c0-10.1-2.15-12.7-10.5-12.7h-0.581v-4.6h38.1v4.6h-0.573c-8.31 0-10.5 2.61-10.5 12.7v35c0 10.9-2.22 21-18.4 21-13.6 0-20.5-10.9-23.9-17v17h-0.4z"/></g><g transform="matrix(1.25 0 0 -1.25 428 121)"><path fill="#fff" d="m0 0c0 7.75 0.9 20.8 13.5 20.8 11.6 0 11.9-9.64 12-20.8h-25.5zm41.6-6.89c0.983 23.5-7.74 34.2-27.5 34.2-20.5 0-31.3-12.1-31.3-34.9 0-25.3 13.4-39.9 36.6-39.9 10 0 17.9 3.01 20.5 4.01l0.386 0.156v6.82l-0.8-0.3c-4.5-1.8-8.9-2.6-13.3-2.6-19.1 0-26.2 19.6-26.2 31.9h41.6v0.609z"/></g><g transform="matrix(1.25 0 0 -1.25 154 109)"><path fill="#fff" d="m0 0h-8.76v28.8c0 8.6 0.784 10.5 9.06 10.5 14.5 0 21.2-6.4 21.2-20.1 0-12.9-7-19.2-21.5-19.2m68.8-72.6c-21.5 0-36.5 35-36.5 35s-13 29.5-15.3 31.6c14.8 2.74 23.2 7.22 23.2 27.2 0 23.8-27.9 26.4-39.9 26.4h-39.6-0.62v-5.04h0.62c10.6 0 12.4-2.05 12.4-13.7v-66c0-11.6-1.87-13.7-12.4-13.7h-0.62v-5.07h44.2v5.07h-0.609c-10.6 0-12.4 2.04-12.4 13.7v28.9c1.02 0 7.41-0.043 7.39 0 3.44-2.38 12.4-27.6 23.4-47 11.1-19.7 26.5-24.6 33.8-24.6 10.2 0 14.5 4.02 14.5 4.02l-0.952 3.29h-0.606z"/></g><g transform="matrix(1.25 0 0 -1.25 815 121)"><path fill="#f9a70d" d="m0 0c-0.063 0.178-16.7-24.9-25.7-35.6-13.3-19.2-27.8-38-42-56.8h8.62c8.6 12.1 21.4 27.3 24.9 32.1 5.99 8.43 13.1 14.1 24 19.3 5.37 2.57 25.2 4.91 46 6.72v7.47c-4-0.141-6.95-0.235-8.17-0.264-9.11-0.225-27.5-2.67-39.9-2.67l-2.87-0.092c11 14.3 21.4 28.7 23.4 31.4 9.8 2.91 18.8 2.96 27.5 1.75v7.22c-9.76 1.29-20.1 1.2-32.4-2.16 0.028 0.01 6.8 7.34 6.86 7.34 2.8 2.22 16.3 1.81 16.3 1.81s5.56 9.63 5.72 9.63c-1.59 4.61-10.8 2.48-10.8 2.48s4.67 9.34 9.82 10.1c1.18 0.07 2.87 0.084 4.54 0.074v23.2c-19-26.2-49.3-66.3-49.3-66.3s9.08 3.41 13.5 3.16"/></g><g transform="matrix(1.25 0 0 -1.25 670 91.3)"><path fill="#f9a70d" d="m0 0v1.16c-9.93-0.578-14.4 8.22-16.5 13 2.71 2.42 14.7 8.2 23 0.294 11.9 31.3 43.8 20.3 48.3 16.6 9.87-6.67 12-19 11.1-30.9 0-8.32 8.48-15.3 6.06-24.1-1.82-5.37-8.67-16.7-25.7-14.1-14.6 4.06-24.6 15.1-33.6 28.2 0 0-0.486 0.584-1.17 0.191-0.683-0.393-0.552-1.56-0.38-2.32 11.5-33.1 47.7-48.4 69.7-46.9 1.79 2.38 3.64 4.93 4.42 6.15-1.28 0.103-22.5-2.65-29.4 8.04-2.13 3.39 4.21 0.393 10.7 3.49 12.7 6.36 14.1 20.8 11.9 26.5-1.68 4.27-6.86 14.3-5.61 22.9 9.25 4.36 12.5 13.7 9.29 16.5-5.51 1.94-12 1.46-16.7 5.33-9.57 14.6-50.4 18-64.5-5.8-4.55 1.55-19 2.42-25.7-8.13 0.855-10.3 8.11-17.5 13.2-20.9-8.96-22.2-13.8-73.4 6.66-111h12.8c-23.9 30.4-28.5 82.3-7.86 116"/></g><g transform="matrix(1.25 0 0 -1.25 716 96.1)"><path fill="#f9a70d" d="m0 0c1.64 0.486 4.65-0.098 4.45 2.32-4.06 8.08-12.8 12.7-21.6 11.9-0.7-0.1-1.9-1-1.6-1.8 2.4-8.34 11.3-11.2 18.8-12.4"/></g></svg>
static/rouen/img/rs-facebook.svg
1
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
<svg xmlns="http://www.w3.org/2000/svg" height="37" viewBox="0 0 37 37" width="37" version="1.1" y="0px" x="0px"><rect height="37" width="37" y="0" x="0" fill="#3466a3"/><path fill="#fff" d="m19.8 37s-0.021-10.1 0.013-13.5c0.007-0.684-0.121-0.96-0.876-0.912-1.13 0.072-2.27-0.009-3.4 0.031-0.518 0.018-0.605-0.185-0.597-0.639 0.024-1.43 0.026-2.86 0-4.29-0.009-0.471 0.114-0.647 0.613-0.633 1.21 0.033 2.42-0.009 3.63 0.02 0.489 0.012 0.627-0.155 0.633-0.636 0.02-1.75-0.174-3.51 0.138-5.25 0.609-3.38 2.87-5.39 6.28-5.61 1.53-0.101 3.06 0.036 4.59 0.124 0.347 0.02 0.465 0.157 0.462 0.5-0.013 1.36-0.02 2.72 0.003 4.07 0.007 0.416-0.165 0.488-0.525 0.481-0.913-0.017-1.83-0.022-2.74 0.004-1.63 0.046-2.36 0.731-2.43 2.35-0.052 1.13-0.002 2.27-0.033 3.4-0.014 0.489 0.217 0.566 0.629 0.561 1.41-0.016 2.81 0.015 4.22-0.017 0.519-0.012 0.681 0.105 0.595 0.656-0.228 1.46-0.412 2.93-0.573 4.4-0.046 0.423-0.213 0.512-0.601 0.506-1.23-0.022-2.47 0.006-3.7-0.015-0.404-0.007-0.569 0.1-0.567 0.534 0.013 4.52 0.013 13.9 0.013 13.9h-5.77z"/></svg>
static/rouen/img/rs-flickr.svg
1
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
<svg xmlns="http://www.w3.org/2000/svg" height="37" viewBox="0 0 37 37" width="37" version="1.1" y="0px" x="0px"><rect height="37" width="37" y="0" x="0" fill="#fff"/><path fill="#df408e" d="m30.4 18.5c0 2.89-2.34 5.23-5.22 5.23-2.89 0-5.23-2.34-5.23-5.23s2.34-5.23 5.23-5.23c2.89-0.001 5.22 2.34 5.22 5.23z"/><path fill="#396db3" d="m17.1 18.5c0 2.89-2.34 5.23-5.23 5.23s-5.22-2.34-5.22-5.23 2.34-5.23 5.22-5.23c2.89-0.001 5.23 2.34 5.23 5.23z"/></svg>
static/rouen/img/rs-googleplus.svg
1
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
<svg xmlns="http://www.w3.org/2000/svg" height="37" viewBox="0 0 37 37" width="37" version="1.1" y="0px" x="0px"><rect height="37" width="37" y="0" x="0" fill="#fff"/><polygon points="140 36.8 140 38.6 142 38.6 142 40.5 144 40.5 144 38.6 146 38.6 146 36.8 144 36.8 144 34.9 142 34.9 142 36.8" fill="#dc4e40" transform="translate(-117 -19.2)"/><path d="m21.2 19.5c0.044-0.301 0.074-0.606 0.074-0.918 0-0.317-0.024-0.634-0.07-0.943l-0.013 0.002h-6.25v1.98h4.03c-0.464 1.8-2.09 3.13-4.03 3.13-2.3 0-4.17-1.87-4.17-4.17s1.87-4.17 4.17-4.17c0.973 0 1.88 0.324 2.64 0.938l1.37-1.68c-1.13-0.919-2.55-1.43-4-1.43-3.49 0-6.33 2.84-6.33 6.33s2.84 6.33 6.33 6.33c3.14 0 5.74-2.3 6.24-5.29h0.019v-0.125z" fill="#dc4e40"/></svg>
static/rouen/img/rs-twitter.svg
1
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
<svg xmlns="http://www.w3.org/2000/svg" height="37" viewBox="0 0 37 37" width="37" version="1.1" y="0px" x="0px"><rect height="37" width="37" y="0" x="0" fill="#5fa6db"/><path d="m30.4 8.6c-0.396 1.2-1.07 1.98-2.02 2.69 0.984 0.016 1.74-0.374 2.65-0.603-0.546 0.864-1.15 1.53-1.87 2.07-0.46 0.35-0.6 0.729-0.622 1.3-0.207 5.55-2.57 9.93-7.44 12.7-4.87 2.72-9.83 2.42-14.7-0.354 2.6 0.049 4.99-0.557 7.21-2.23-1.03-0.128-1.86-0.361-2.61-0.848-0.85-0.554-1.48-1.29-1.91-2.21-0.161-0.345-0.212-0.564 0.31-0.477 0.489 0.082 0.98 0.043 1.55-0.147-0.397-0.173-0.735-0.291-1.05-0.46-1.64-0.885-2.59-2.24-2.79-4.1-0.041-0.384 0.043-0.509 0.436-0.327 0.467 0.217 0.968 0.337 1.52 0.41 0.011-0.346-0.281-0.453-0.447-0.631-1.49-1.6-1.85-3.44-1.14-5.48 0.252-0.733 0.323-0.734 0.817-0.19 2.36 2.6 5.29 4.16 8.76 4.7 0.219 0.034 0.445 0.029 0.662 0.068 0.505 0.091 0.61-0.107 0.589-0.602-0.123-2.94 1.44-4.99 4.3-5.6 1.53-0.327 2.88 0.19 4.06 1.14 0.424 0.342 0.788 0.405 1.28 0.251 0.78-0.247 1.53-0.549 2.44-1.02z" fill="#fff"/></svg>
static/rouen/img/rs-youtube.svg
1
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
<svg xmlns="http://www.w3.org/2000/svg" height="37" viewBox="0 0 37 37" width="37" version="1.1" y="0px" x="0px"><rect height="37" width="37" y="0" x="0" fill="#ca221f"/><path fill="#eeeded" d="m30 12.6c-0.668-1.69-2.04-2.15-3.71-2.22-2.68-0.123-5.36-0.186-8.04-0.184-2.68-0.002-5.36 0.061-8.04 0.184-1.66 0.077-3.04 0.535-3.71 2.22-0.555 1.94-0.517 3.94-0.586 5.93v0.002c0.069 1.99 0.031 3.99 0.586 5.93 0.667 1.69 2.04 2.15 3.71 2.22 2.68 0.123 5.36 0.186 8.04 0.184 2.68 0.002 5.36-0.061 8.04-0.184 1.66-0.077 3.04-0.535 3.71-2.22 0.555-1.94 0.517-3.94 0.586-5.93v-0.002c-0.069-1.99-0.031-3.99-0.586-5.93zm-11.7 7.61-2.5 1.42v-6.87l2.5 1.28 3.87 1.98-3.87 2.2z"/><polygon points="16 14.8 22 18.4 22 18" fill="#911b1c"/></svg>
0
-