Revision 59709
Added by Konstantinos Triantafyllou about 4 years ago
modules/uoa-monitor-portal/trunk/monitor/src/assets/monitor-assets/about/arrow-1.svg | ||
---|---|---|
1 |
<svg xmlns="http://www.w3.org/2000/svg" width="95.647" height="60.692" viewBox="0 0 95.647 60.692"> |
|
2 |
<g id="Group_905" data-name="Group 905" transform="translate(70.298 97.482) rotate(-161)"> |
|
3 |
<path id="Path_2339" data-name="Path 2339" d="M87.648,29.439C24.781,46.54,24.677-5.5,39.79.481,53.326,5.835,44.623,25.816,0,17.558" transform="translate(-0.02 39.459)" fill="none" stroke="#212121" stroke-width="1" stroke-dasharray="7"/> |
|
4 |
<path id="Path_2366" data-name="Path 2366" d="M0,0,2.814,1.387l-.607,3.29" transform="translate(-3.724 59.204) rotate(-150)" fill="none" stroke="#212121" stroke-width="1"/> |
|
5 |
</g> |
|
6 |
</svg> |
modules/uoa-monitor-portal/trunk/monitor/src/assets/monitor-assets/about/arrow-2.svg | ||
---|---|---|
1 |
<svg xmlns="http://www.w3.org/2000/svg" width="96.457" height="61.415" viewBox="0 0 96.457 61.415"> |
|
2 |
<g id="Group_906" data-name="Group 906" transform="translate(59.107 54.14) rotate(-152)"> |
|
3 |
<path id="Path_2339" data-name="Path 2339" d="M67.968,21.473c-54.526,13.788-31.41-33.246-25.4-10.629C47.607,28.611.938-12.841-23.762,21.873" transform="translate(1.017 0)" fill="none" stroke="#212121" stroke-width="1" stroke-dasharray="6"/> |
|
4 |
<path id="Path_55797" data-name="Path 55797" d="M0,0,3.3,1.628,2.591,5.49" transform="matrix(-0.921, 0.391, -0.391, -0.921, -22.719, 28.548)" fill="none" stroke="#212121" stroke-width="1"/> |
|
5 |
</g> |
|
6 |
</svg> |
modules/uoa-monitor-portal/trunk/monitor/src/assets/monitor-assets/about/arrow-3.svg | ||
---|---|---|
1 |
<svg xmlns="http://www.w3.org/2000/svg" width="103.827" height="153.958" viewBox="0 0 103.827 153.958"> |
|
2 |
<g id="Group_2401" data-name="Group 2401" transform="translate(-1318.198 -779.424) rotate(-20)"> |
|
3 |
<g id="Group_1141" data-name="Group 1141" transform="matrix(-0.174, 0.985, -0.985, -0.174, 1046.902, 1211.049)"> |
|
4 |
<path id="Path_2339" data-name="Path 2339" d="M135.26,80.668C60.034-45.855,6.029,11.188,0,23.336" transform="translate(0 0)" fill="none" stroke="#212121" stroke-width="1" stroke-dasharray="7"/> |
|
5 |
</g> |
|
6 |
<g id="Group_1142" data-name="Group 1142" transform="translate(936.789 1330.947) rotate(-43)"> |
|
7 |
<line id="Line_345" data-name="Line 345" x1="1.778" y1="4.377" transform="translate(0.089 1.532)" fill="none" stroke="#212121" stroke-width="1"/> |
|
8 |
<line id="Line_346" data-name="Line 346" x2="2.189" y2="3.556" transform="translate(0 2.189) rotate(-90)" fill="none" stroke="#212121" stroke-width="1"/> |
|
9 |
</g> |
|
10 |
</g> |
|
11 |
</svg> |
modules/uoa-monitor-portal/trunk/monitor/src/assets/monitor-assets/about/arrow-4.svg | ||
---|---|---|
1 |
<svg xmlns="http://www.w3.org/2000/svg" width="117.496" height="64.012" viewBox="0 0 117.496 64.012"> |
|
2 |
<g id="Group_1143" data-name="Group 1143" transform="translate(55.846 -4.676) rotate(-19)"> |
|
3 |
<path id="Path_2339" data-name="Path 2339" d="M33.748,7.2C7.979,32.136-55.782,25.421-38.011,8.591-20.191-7.271-28.973,53.122-80.2,26.067" transform="translate(13.972 16.105)" fill="none" stroke="#212121" stroke-width="1" stroke-dasharray="7"/> |
|
4 |
<g id="Group_1144" data-name="Group 1144" transform="translate(-69.001 39.672)"> |
|
5 |
<line id="Line_345" data-name="Line 345" x1="2.651" y1="5.302" transform="translate(0.132 1.855)" fill="none" stroke="#212121" stroke-width="1"/> |
|
6 |
<line id="Line_346" data-name="Line 346" x2="2.651" y2="5.302" transform="translate(0 2.651) rotate(-90)" fill="none" stroke="#212121" stroke-width="1"/> |
|
7 |
</g> |
|
8 |
</g> |
|
9 |
</svg> |
modules/uoa-monitor-portal/trunk/monitor/src/assets/monitor-assets/about/arrow-5.svg | ||
---|---|---|
1 |
<svg xmlns="http://www.w3.org/2000/svg" width="107.525" height="69.445" viewBox="0 0 107.525 69.445"> |
|
2 |
<g id="Group_11721" data-name="Group 11721" transform="translate(112.848 -39.172) rotate(56)"> |
|
3 |
<g id="Group_1141" data-name="Group 1141" transform="matrix(-0.174, 0.985, -0.985, -0.174, 53.579, 43.214)"> |
|
4 |
<path id="Path_2339" data-name="Path 2339" d="M96.963,31.663C43.036-18,4.322,4.391,0,9.159" transform="translate(0 0)" fill="none" stroke="#212121" stroke-width="1" stroke-dasharray="7"/> |
|
5 |
</g> |
|
6 |
<g id="Group_1142" data-name="Group 1142" transform="translate(-0.484 133.795) rotate(-43)"> |
|
7 |
<line id="Line_345" data-name="Line 345" x1="1.663" y1="4.095" transform="translate(0.083 1.433)" fill="none" stroke="#212121" stroke-width="1"/> |
|
8 |
<line id="Line_346" data-name="Line 346" x2="2.048" y2="3.327" transform="translate(0 2.048) rotate(-90)" fill="none" stroke="#212121" stroke-width="1"/> |
|
9 |
</g> |
|
10 |
</g> |
|
11 |
</svg> |
modules/uoa-monitor-portal/trunk/monitor/src/app/learn-how/learn-how.component.html | ||
---|---|---|
13 | 13 |
<div class="uk-flex uk-flex-wrap uk-child-width-1-3@s"> |
14 | 14 |
<div class="zero"> |
15 | 15 |
<div class="uk-text-center"> |
16 |
<img width="90" src="../../assets/monitor-assets/about/0.png"> |
|
16 |
<img width="90" src="../../assets/monitor-assets/about/process/0.png">
|
|
17 | 17 |
</div> |
18 | 18 |
<h6>0. Starting from the OpenAIRE RESEARCH GRAPH</h6> |
19 | 19 |
<div class="uk-text-small uk-text-muted"> |
... | ... | |
25 | 25 |
</div> |
26 | 26 |
<div class="first"> |
27 | 27 |
<div class="uk-text-center"> |
28 |
<img width="110" src="assets/monitor-assets/about/1.png">
|
|
28 |
<img width="110" src="../../assets/monitor-assets/about/process/1.png">
|
|
29 | 29 |
</div> |
30 | 30 |
<h6>1. Provide us some information</h6> |
31 | 31 |
<div class="uk-text-small uk-text-muted"> |
... | ... | |
35 | 35 |
</div> |
36 | 36 |
<div class="second"> |
37 | 37 |
<div class="uk-text-center"> |
38 |
<img width="100" src="assets/monitor-assets/about/2.png">
|
|
38 |
<img width="100" src="../../assets/monitor-assets/about/process/2.png">
|
|
39 | 39 |
</div> |
40 | 40 |
<h6>2. We get the ball rolling</h6> |
41 | 41 |
<div class="uk-text-small uk-text-muted"> |
... | ... | |
48 | 48 |
<div class="uk-flex uk-flex-wrap uk-child-width-1-3@s"> |
49 | 49 |
<div class="third uk-flex-last@s"> |
50 | 50 |
<div class="uk-text-center"> |
51 |
<img width="105" src="assets/monitor-assets/about/3.png">
|
|
51 |
<img width="105" src="../../assets/monitor-assets/about/process/3.png">
|
|
52 | 52 |
</div> |
53 | 53 |
<h6>3. You validate</h6> |
54 | 54 |
<div class="uk-text-small uk-text-muted"> |
... | ... | |
59 | 59 |
</div> |
60 | 60 |
<div class="fourth"> |
61 | 61 |
<div class="uk-text-center"> |
62 |
<img width="135" src="assets/monitor-assets/about/4.png">
|
|
62 |
<img width="135" src="../../assets/monitor-assets/about/process/4.png">
|
|
63 | 63 |
</div> |
64 | 64 |
<h6>4. You set up your portal</h6> |
65 | 65 |
<div class="uk-text-small uk-text-muted"> |
... | ... | |
70 | 70 |
</div> |
71 | 71 |
<div class="fifth uk-flex-first@s"> |
72 | 72 |
<div class="uk-text-center"> |
73 |
<img width="105" src="assets/monitor-assets/about/5.png">
|
|
73 |
<img width="105" src="../../assets/monitor-assets/about/process/5.png">
|
|
74 | 74 |
</div> |
75 | 75 |
<h6>5. You track, monitor, report</h6> |
76 | 76 |
<div class="uk-text-small uk-text-muted"> |
... | ... | |
91 | 91 |
Simplify research tracking & monitoring |
92 | 92 |
</h6> |
93 | 93 |
</div> |
94 |
<div class="how uk-margin-large-top"> |
|
95 |
<div class="uk-flex uk-flex-wrap"> |
|
96 |
<div class="uk-width-1-3@s first uk-h5 uk-margin-remove-vertical uk-text-muted"> |
|
97 |
<div> |
|
98 |
<img src="../../assets/monitor-assets/about/how/1.png"> |
|
99 |
</div> |
|
100 |
<div class="uk-text-center"> |
|
101 |
<span class="uk-text-bold uk-text-uppercase">Starting</span> from existing<br>research-related data sources |
|
102 |
</div> |
|
103 |
</div> |
|
104 |
<div class="uk-width-1-3@s second uk-h5 uk-margin-remove-vertical uk-text-muted"> |
|
105 |
<div> |
|
106 |
<img src="../../assets/monitor-assets/about/how/2.png"> |
|
107 |
</div> |
|
108 |
</div> |
|
109 |
<div class="uk-width-1-3@s third uk-h5 uk-margin-remove-vertical uk-text-muted"> |
|
110 |
<div> |
|
111 |
<img src="../../assets/monitor-assets/about/how/3.png"> |
|
112 |
</div> |
|
113 |
<div class="uk-text-center"> |
|
114 |
build an open, global<br>and trusted Research graph |
|
115 |
</div> |
|
116 |
</div> |
|
117 |
</div> |
|
118 |
<div class="uk-flex uk-flex-wrap"> |
|
119 |
<div class="uk-width-1-3@s fourth uk-flex-last@s uk-h5 uk-margin-remove-vertical uk-text-muted"> |
|
120 |
<div> |
|
121 |
<img src="../../assets/monitor-assets/about/how/4.png"> |
|
122 |
</div> |
|
123 |
<div class="uk-text-center"> |
|
124 |
we perform <span class="uk-text-bold uk-text-uppercase">Statistical Analysis</span> and produce |
|
125 |
<span class="portal-color">Open Science Indicators</span> |
|
126 |
</div> |
|
127 |
</div> |
|
128 |
<div class="uk-width-1-3@s fifth uk-h5 uk-margin-remove-vertical uk-text-muted"> |
|
129 |
<div> |
|
130 |
<img src="../../assets/monitor-assets/about/how/5.png"> |
|
131 |
</div> |
|
132 |
<div class="uk-text-center"> |
|
133 |
furthermore <span class="uk-text-bold uk-text-uppercase">Network<br>Analysis</span> producing |
|
134 |
<span class="portal-color">Collaboration Indicators</span> |
|
135 |
</div> |
|
136 |
</div> |
|
137 |
<div class="uk-width-1-3@s sixth uk-flex-first@s uk-h5 uk-margin-remove-vertical uk-text-muted"> |
|
138 |
<div> |
|
139 |
<img src="../../assets/monitor-assets/about/how/6.png"> |
|
140 |
</div> |
|
141 |
<div class="uk-text-center"> |
|
142 |
Often combine with external data |
|
143 |
(patents, social, company) and |
|
144 |
perform <span class="uk-text-bold uk-text-uppercase">Impact Analysis</span> to |
|
145 |
produce <span class="portal-color">Innovation Indicators</span> |
|
146 |
</div> |
|
147 |
</div> |
|
148 |
</div> |
|
149 |
<div class="final uk-text-muted uk-h5 uk-margin-remove-vertical"> |
|
150 |
<div> |
|
151 |
<img src="../../assets/monitor-assets/about/how/7.png"> |
|
152 |
</div> |
|
153 |
</div> |
|
154 |
</div> |
|
94 | 155 |
</div> |
95 | 156 |
</div> |
modules/uoa-monitor-portal/trunk/monitor/src/app/learn-how/learn-how.component.css | ||
---|---|---|
7 | 7 |
.process .zero::after { |
8 | 8 |
content: ""; |
9 | 9 |
position: absolute; |
10 |
background-image: url("/assets/monitor-assets/about/arrow-1.svg");
|
|
10 |
background-image: url("/assets/monitor-assets/about/arrows/1.svg");
|
|
11 | 11 |
top: 57%; |
12 | 12 |
right: -6%; |
13 | 13 |
width: 30%; |
... | ... | |
24 | 24 |
.process .first::after { |
25 | 25 |
content: ""; |
26 | 26 |
position: absolute; |
27 |
background-image: url("/assets/monitor-assets/about/arrow-2.svg");
|
|
27 |
background-image: url("/assets/monitor-assets/about/arrows/2.svg");
|
|
28 | 28 |
top: 78%; |
29 | 29 |
right: -9%; |
30 | 30 |
width: 30%; |
... | ... | |
41 | 41 |
.process .second::after { |
42 | 42 |
content: ""; |
43 | 43 |
position: absolute; |
44 |
background-image: url("/assets/monitor-assets/about/arrow-3.svg");
|
|
44 |
background-image: url("/assets/monitor-assets/about/arrows/3.svg");
|
|
45 | 45 |
top: 100%; |
46 | 46 |
left: 50%; |
47 | 47 |
width: 30%; |
... | ... | |
58 | 58 |
.process .third::after { |
59 | 59 |
content: ""; |
60 | 60 |
position: absolute; |
61 |
background-image: url("/assets/monitor-assets/about/arrow-4.svg");
|
|
61 |
background-image: url("/assets/monitor-assets/about/arrows/4.svg");
|
|
62 | 62 |
top: 68%; |
63 | 63 |
left: -25%; |
64 | 64 |
width: 30%; |
... | ... | |
75 | 75 |
.process .fourth::after { |
76 | 76 |
content: ""; |
77 | 77 |
position: absolute; |
78 |
background-image: url("/assets/monitor-assets/about/arrow-5.svg");
|
|
78 |
background-image: url("/assets/monitor-assets/about/arrows/5.svg");
|
|
79 | 79 |
top: 87%; |
80 | 80 |
left: -25%; |
81 | 81 |
width: 30%; |
... | ... | |
87 | 87 |
.process .fifth { |
88 | 88 |
padding: 16% 10% 0 2%; |
89 | 89 |
} |
90 |
|
|
91 |
.how .first > div:first-child { |
|
92 |
position: relative; |
|
93 |
} |
|
94 |
|
|
95 |
.how .first > div:first-child:after { |
|
96 |
content: "we"; |
|
97 |
text-align: center; |
|
98 |
padding-bottom: 5%; |
|
99 |
position: absolute; |
|
100 |
background-image: url("/assets/monitor-assets/about/green-arrows/1.svg"); |
|
101 |
right: -21%; |
|
102 |
top: 33%; |
|
103 |
width: 20%; |
|
104 |
background-size: contain; |
|
105 |
background-repeat: no-repeat; |
|
106 |
background-position: bottom center; |
|
107 |
} |
|
108 |
|
|
109 |
.how .second > div:first-child { |
|
110 |
position: relative; |
|
111 |
padding: 0 22% 0 22%; |
|
112 |
} |
|
113 |
|
|
114 |
.how .second > div:first-child:after { |
|
115 |
content: "and"; |
|
116 |
text-align: center; |
|
117 |
padding-bottom: 5%; |
|
118 |
position: absolute; |
|
119 |
background-image: url("/assets/monitor-assets/about/green-arrows/2.svg"); |
|
120 |
right: -10%; |
|
121 |
top: 31%; |
|
122 |
width: 30%; |
|
123 |
background-size: contain; |
|
124 |
background-repeat: no-repeat; |
|
125 |
background-position: bottom center; |
|
126 |
} |
|
127 |
|
|
128 |
.how .third { |
|
129 |
position: relative; |
|
130 |
} |
|
131 |
|
|
132 |
.how .third > div:first-child { |
|
133 |
padding: 0 12% 0 12%; |
|
134 |
} |
|
135 |
|
|
136 |
.how .third:after { |
|
137 |
content: "on which"; |
|
138 |
padding-right: 30%; |
|
139 |
padding-top: 5%; |
|
140 |
padding-bottom: 5%; |
|
141 |
position: absolute; |
|
142 |
background-image: url("/assets/monitor-assets/about/green-arrows/3.svg"); |
|
143 |
bottom: 6%; |
|
144 |
left: 6%; |
|
145 |
transform: translateY(100%); |
|
146 |
width: 55%; |
|
147 |
background-size: contain; |
|
148 |
background-repeat: no-repeat; |
|
149 |
background-position: center; |
|
150 |
} |
|
151 |
|
|
152 |
.how .fourth { |
|
153 |
padding: 10% 3% 0 3%; |
|
154 |
} |
|
155 |
|
|
156 |
.how .fourth > div:first-child { |
|
157 |
position: relative; |
|
158 |
padding: 0 15% 0 15%; |
|
159 |
} |
|
160 |
|
|
161 |
.how .fourth> div:first-child:after { |
|
162 |
content: "and"; |
|
163 |
text-align: center; |
|
164 |
padding-bottom: 5%; |
|
165 |
position: absolute; |
|
166 |
background-image: url("/assets/monitor-assets/about/green-arrows/4.svg"); |
|
167 |
left: -18%; |
|
168 |
top: 35%; |
|
169 |
width: 30%; |
|
170 |
background-size: contain; |
|
171 |
background-repeat: no-repeat; |
|
172 |
background-position: bottom center; |
|
173 |
} |
|
174 |
|
|
175 |
.how .fifth { |
|
176 |
padding: 10% 2% 0 2%; |
|
177 |
} |
|
178 |
|
|
179 |
.how .fifth > div:first-child { |
|
180 |
position: relative; |
|
181 |
} |
|
182 |
|
|
183 |
.how .fifth > div:first-child:after { |
|
184 |
content: "We"; |
|
185 |
text-align: center; |
|
186 |
padding-bottom: 5%; |
|
187 |
position: absolute; |
|
188 |
background-image: url("/assets/monitor-assets/about/green-arrows/5.svg"); |
|
189 |
left: -35%; |
|
190 |
top: 36%; |
|
191 |
width: 30%; |
|
192 |
background-size: contain; |
|
193 |
background-repeat: no-repeat; |
|
194 |
background-position: bottom center; |
|
195 |
} |
|
196 |
|
|
197 |
.how .sixth { |
|
198 |
padding: 10% 5% 0 0; |
|
199 |
} |
|
200 |
|
|
201 |
.how .sixth > div:first-child { |
|
202 |
padding: 0 15% 0 15%; |
|
203 |
} |
|
204 |
|
|
205 |
.how .final { |
|
206 |
padding: 10% 20% 0 20%; |
|
207 |
} |
|
208 |
|
|
209 |
.how .final > div:first-child { |
|
210 |
position: relative; |
|
211 |
} |
|
212 |
|
|
213 |
.how .final > div:first-child:before { |
|
214 |
content: ""; |
|
215 |
position: absolute; |
|
216 |
background-image: url("/assets/monitor-assets/about/green-arrows/6.svg"); |
|
217 |
left: -20%; |
|
218 |
top: -20%; |
|
219 |
height: 70%; |
|
220 |
width: 30%; |
|
221 |
background-size: contain; |
|
222 |
background-repeat: no-repeat; |
|
223 |
background-position: bottom center; |
|
224 |
} |
|
225 |
|
|
226 |
.how .final > div:first-child:after { |
|
227 |
content: "We make visualizations, graphs, reports and deliver all in a customisable tool"; |
|
228 |
position: absolute; |
|
229 |
background-image: url("/assets/monitor-assets/about/how/circle.png"); |
|
230 |
right: -220px; |
|
231 |
top: -20%; |
|
232 |
width: 300px; |
|
233 |
padding: 8% 0 5% 220px; |
|
234 |
background-size: contain; |
|
235 |
background-repeat: no-repeat; |
|
236 |
background-position: bottom center; |
|
237 |
} |
|
90 | 238 |
} |
91 | 239 |
|
240 |
@media only screen and (min-width: 960px) { |
|
241 |
.how .third:after { |
|
242 |
bottom: -6%; |
|
243 |
} |
|
244 |
} |
|
245 |
|
|
246 |
@media only screen and (min-width: 1200px) { |
|
247 |
.how .third:after { |
|
248 |
bottom: -10%; |
|
249 |
left: 25%; |
|
250 |
width: 25%; |
|
251 |
} |
|
252 |
} |
|
253 |
|
|
92 | 254 |
@media only screen and (max-width: 639px) { |
93 | 255 |
.process .zero { |
94 | 256 |
position: relative; |
... | ... | |
98 | 260 |
.process .zero::after { |
99 | 261 |
content: ""; |
100 | 262 |
position: absolute; |
101 |
background-image: url("/assets/monitor-assets/about/arrow-1.svg");
|
|
263 |
background-image: url("/assets/monitor-assets/about/arrows/1.svg");
|
|
102 | 264 |
top: 100%; |
103 | 265 |
right: 11%; |
104 | 266 |
width: 30%; |
105 | 267 |
height: 21%; |
268 |
-moz-transform: rotate(90deg); |
|
269 |
-o-transform: rotate(90deg); |
|
270 |
-webkit-transform: rotate(90deg); |
|
106 | 271 |
transform: rotate(90deg); |
107 | 272 |
background-size: contain; |
108 | 273 |
background-repeat: no-repeat; |
... | ... | |
116 | 281 |
.process .first::after { |
117 | 282 |
content: ""; |
118 | 283 |
position: absolute; |
119 |
background-image: url("/assets/monitor-assets/about/arrow-2.svg");
|
|
284 |
background-image: url("/assets/monitor-assets/about/arrows/2.svg");
|
|
120 | 285 |
top: 105%; |
121 | 286 |
left: 2%; |
122 | 287 |
width: 30%; |
123 | 288 |
height: 21%; |
289 |
-moz-transform: rotate(35deg); |
|
290 |
-o-transform: rotate(35deg); |
|
291 |
-webkit-transform: rotate(35deg); |
|
124 | 292 |
transform: rotate(35deg); |
125 | 293 |
background-size: contain; |
126 | 294 |
background-repeat: no-repeat; |
... | ... | |
134 | 302 |
.process .second::after { |
135 | 303 |
content: ""; |
136 | 304 |
position: absolute; |
137 |
background-image: url("/assets/monitor-assets/about/arrow-3.svg");
|
|
305 |
background-image: url("/assets/monitor-assets/about/arrows/3.svg");
|
|
138 | 306 |
top: 100%; |
139 | 307 |
left: 66%; |
140 | 308 |
width: 30%; |
... | ... | |
151 | 319 |
.process .third::after { |
152 | 320 |
content: ""; |
153 | 321 |
position: absolute; |
154 |
background-image: url("/assets/monitor-assets/about/arrow-4.svg");
|
|
322 |
background-image: url("/assets/monitor-assets/about/arrows/4.svg");
|
|
155 | 323 |
top: 106%; |
156 | 324 |
left: 5%; |
157 | 325 |
width: 30%; |
158 | 326 |
height: 15%; |
159 |
transform: rotate3d(0.4, -1.3, 0, 180deg); |
|
327 |
-moz-transform: rotate(215deg) scaleY(-1); |
|
328 |
-o-transform: rotate(215deg) scaleY(-1); |
|
329 |
-webkit-transform: rotate(215deg) scaleY(-1); |
|
330 |
transform: rotate(215deg) scaleY(-1); |
|
160 | 331 |
background-size: contain; |
161 | 332 |
background-repeat: no-repeat; |
162 | 333 |
} |
... | ... | |
169 | 340 |
.process .fourth::after { |
170 | 341 |
content: ""; |
171 | 342 |
position: absolute; |
172 |
background-image: url("/assets/monitor-assets/about/arrow-5.svg");
|
|
343 |
background-image: url("/assets/monitor-assets/about/arrows/5.svg");
|
|
173 | 344 |
top: 100%; |
174 | 345 |
right: 0; |
175 | 346 |
width: 30%; |
176 | 347 |
height: 19%; |
348 |
-moz-transform: rotate(310deg); |
|
349 |
-o-transform: rotate(310deg); |
|
350 |
-webkit-transform: rotate(310deg); |
|
177 | 351 |
transform: rotate(310deg); |
178 | 352 |
background-size: contain; |
179 | 353 |
background-repeat: no-repeat; |
... | ... | |
182 | 356 |
.process .fifth { |
183 | 357 |
padding: 20% 7.6% 0 16%; |
184 | 358 |
} |
359 |
|
|
360 |
.how .first { |
|
361 |
position: relative; |
|
362 |
padding-bottom: 30%; |
|
363 |
} |
|
364 |
|
|
365 |
.how .first:after { |
|
366 |
content: "we"; |
|
367 |
text-align: center; |
|
368 |
padding: 25px 105px 25px 0; |
|
369 |
position: absolute; |
|
370 |
background-image: url("/assets/monitor-assets/about/green-arrows/3.svg"); |
|
371 |
left: 26%; |
|
372 |
top: 72%; |
|
373 |
background-size: contain; |
|
374 |
background-repeat: no-repeat; |
|
375 |
background-position: center; |
|
376 |
} |
|
377 |
|
|
378 |
.how .second { |
|
379 |
position: relative; |
|
380 |
padding: 0 15% 30% 15%; |
|
381 |
} |
|
382 |
|
|
383 |
.how .second:after { |
|
384 |
content: "and"; |
|
385 |
text-align: center; |
|
386 |
padding: 25px 105px 25px 0; |
|
387 |
position: absolute; |
|
388 |
background-image: url("/assets/monitor-assets/about/green-arrows/3.svg"); |
|
389 |
left: 25%; |
|
390 |
top: 70%; |
|
391 |
background-size: contain; |
|
392 |
background-repeat: no-repeat; |
|
393 |
background-position: center; |
|
394 |
} |
|
395 |
|
|
396 |
.how .third { |
|
397 |
position: relative; |
|
398 |
padding: 0 5% 30% 5%; |
|
399 |
} |
|
400 |
|
|
401 |
.how .third:after { |
|
402 |
content: "on which"; |
|
403 |
text-align: center; |
|
404 |
padding: 25px 105px 25px 0; |
|
405 |
position: absolute; |
|
406 |
background-image: url("/assets/monitor-assets/about/green-arrows/3.svg"); |
|
407 |
left: 17%; |
|
408 |
top: 75%; |
|
409 |
background-size: contain; |
|
410 |
background-repeat: no-repeat; |
|
411 |
background-position: center; |
|
412 |
} |
|
413 |
|
|
414 |
.how .fourth { |
|
415 |
position: relative; |
|
416 |
padding: 0 0 30% 0; |
|
417 |
} |
|
418 |
|
|
419 |
.how .fourth > div:first-child { |
|
420 |
padding: 0 10% 0 10%; |
|
421 |
} |
|
422 |
|
|
423 |
.how .fourth:after { |
|
424 |
content: "and"; |
|
425 |
text-align: center; |
|
426 |
padding: 25px 105px 25px 0; |
|
427 |
position: absolute; |
|
428 |
background-image: url("/assets/monitor-assets/about/green-arrows/3.svg"); |
|
429 |
left: 26%; |
|
430 |
top: 79%; |
|
431 |
background-size: contain; |
|
432 |
background-repeat: no-repeat; |
|
433 |
background-position: center; |
|
434 |
} |
|
435 |
|
|
436 |
.how .fifth { |
|
437 |
position: relative; |
|
438 |
padding: 0 2% 30% 2%; |
|
439 |
} |
|
440 |
|
|
441 |
.how .fifth:after { |
|
442 |
content: "We"; |
|
443 |
text-align: center; |
|
444 |
padding: 25px 105px 25px 0; |
|
445 |
position: absolute; |
|
446 |
background-image: url("/assets/monitor-assets/about/green-arrows/3.svg"); |
|
447 |
left: 27%; |
|
448 |
top: 76%; |
|
449 |
background-size: contain; |
|
450 |
background-repeat: no-repeat; |
|
451 |
background-position: center; |
|
452 |
} |
|
453 |
|
|
454 |
.how .sixth { |
|
455 |
padding: 0 5% 30% 0; |
|
456 |
} |
|
457 |
|
|
458 |
.how .sixth > div:first-child { |
|
459 |
padding: 0 15% 0 15%; |
|
460 |
} |
|
461 |
|
|
462 |
.how .final { |
|
463 |
padding: 20% 0 20% 0; |
|
464 |
} |
|
465 |
|
|
466 |
.how .final > div:first-child { |
|
467 |
position: relative; |
|
468 |
} |
|
469 |
|
|
470 |
.how .final > div:first-child:before { |
|
471 |
content: ""; |
|
472 |
position: absolute; |
|
473 |
background-image: url("/assets/monitor-assets/about/green-arrows/6.svg"); |
|
474 |
left: 32%; |
|
475 |
top: -80%; |
|
476 |
height: 70%; |
|
477 |
width: 30%; |
|
478 |
background-size: contain; |
|
479 |
background-repeat: no-repeat; |
|
480 |
background-position: center; |
|
481 |
} |
|
482 |
|
|
483 |
.how .final > div:first-child:after { |
|
484 |
content: "We make visualizations, graphs, reports and deliver all in a customisable tool"; |
|
485 |
position: absolute; |
|
486 |
background-image: url("/assets/monitor-assets/about/how/circle.png"); |
|
487 |
left: -62%; |
|
488 |
top: 85%; |
|
489 |
width: 300px; |
|
490 |
padding: 12% 0 0 70%; |
|
491 |
background-size: contain; |
|
492 |
background-repeat: no-repeat; |
|
493 |
background-position: center; |
|
494 |
} |
|
185 | 495 |
} |
modules/uoa-monitor-portal/trunk/monitor/src/assets/monitor-assets/about/green-arrows/2.svg | ||
---|---|---|
1 |
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="157" height="14" viewBox="0 0 157 14"> |
|
2 |
<defs> |
|
3 |
<pattern id="pattern" preserveAspectRatio="none" width="100%" height="100%" viewBox="0 0 65 464"> |
|
4 |
<image width="65" height="464" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAHQCAYAAAD+ugcXAAAACXBIWXMAAC4jAAAuIwF4pT92AAAFW0lEQVR4nO3aQW4bZRzG4aeskeAISByArr0KuQDhBOQIreQ9dE023KA9AT2BRRdk3d6g3cGOnCAsalWu28QeZzxj0O9deizlP488X753Zh7d3t6aMlfX57/g53u+8mq5WJ1NM837fDHlHzvVhCAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAiYB+HrHce/nGSKjcyB8HjH8W8nmWIjXQ5CQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBAC5kF4u+P431MMsZlTRPhriiE20+UgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBIYBHv/75/QV+n3uQGfPjF8vF6iV+m3uSmfJiuVi9fHR7ewuurs9f47t5Z5o0b5aL1WM+XhPOcDPLONPnxvvzxQbCcrH6Z/PA/zwX6/PF1n+H5WL1Gk8nH2naPF0uVn9sfvBhTdjM1fX5c/w0zUyT5sVysbrc/vCufcITvDnqONPnjffn9Uk++0uAq+vzb/AaXx1trOlyg7P15f5J7twxLhert7g8zkyT5/IuAHZsm9cbqWejjzRtnq3P487ceTls5ur6/CV+GGuqCfNquVid7frSvgXqEu8eMs0MeYeLfb64F8J6Y3Hhv7OjvLG1Ibove1fp9cLy2X8xJ5gn9y2E2xl0P2G5WD13+o3zxXrOvbPXwridE26cH5rhkBx6Z+nM6a0PHzXDITkI4UQb594L4XYOvsd4Yo3zk2Y4JAetCZs5gcb52WY4JGPcbZ6zcd7ZDIfkwb8EZmuc9zbDIRnlucNMjfPeZjgkoz18mbhx7myGQzLK5bCZCRrnXs1wSI7xGO7S8Rrn3s1wSEZHOGLjHNQMh+QoD2SP1DgHNcMhOdpT6ZEb5+BmOCSjL4zbGaFxHtQMh2SK9xPOHL4+HNwMh+ToCA9snEdZCLczyZsqBzbOBzXDITn6mrCZAY3zwc1wSKZ+Z2mfxjlKMxySSX8J7GycozXDIZn87bUdjXO0Zjgks7zCd0fjHLUZDsnkl8NmNhrn6M1wSOZ+mfMSrxyhGQ7JvyrC8qzRQ7nnAAAAAElFTkSuQmCC"/> |
|
5 |
</pattern> |
|
6 |
</defs> |
|
7 |
<rect id="Asset_8_300x" data-name="Asset 8@300x" width="14" height="157" transform="translate(0 14) rotate(-90)" fill="url(#pattern)"/> |
|
8 |
</svg> |
modules/uoa-monitor-portal/trunk/monitor/src/assets/monitor-assets/about/green-arrows/3.svg | ||
---|---|---|
1 |
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="67" viewBox="0 0 14 67"> |
|
2 |
<defs> |
|
3 |
<pattern id="pattern" width="1" height="1" viewBox="0 57.007 14 40.526"> |
|
4 |
<image preserveAspectRatio="none" width="14" height="110.77" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAHQCAYAAAD+ugcXAAAACXBIWXMAAC4jAAAuIwF4pT92AAAFW0lEQVR4nO3aQW4bZRzG4aeskeAISByArr0KuQDhBOQIreQ9dE023KA9AT2BRRdk3d6g3cGOnCAsalWu28QeZzxj0O9deizlP488X753Zh7d3t6aMlfX57/g53u+8mq5WJ1NM837fDHlHzvVhCAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAiYB+HrHce/nGSKjcyB8HjH8W8nmWIjXQ5CQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBAC5kF4u+P431MMsZlTRPhriiE20+UgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBIYBHv/75/QV+n3uQGfPjF8vF6iV+m3uSmfJiuVi9fHR7ewuurs9f47t5Z5o0b5aL1WM+XhPOcDPLONPnxvvzxQbCcrH6Z/PA/zwX6/PF1n+H5WL1Gk8nH2naPF0uVn9sfvBhTdjM1fX5c/w0zUyT5sVysbrc/vCufcITvDnqONPnjffn9Uk++0uAq+vzb/AaXx1trOlyg7P15f5J7twxLhert7g8zkyT5/IuAHZsm9cbqWejjzRtnq3P487ceTls5ur6/CV+GGuqCfNquVid7frSvgXqEu8eMs0MeYeLfb64F8J6Y3Hhv7OjvLG1Ibove1fp9cLy2X8xJ5gn9y2E2xl0P2G5WD13+o3zxXrOvbPXwridE26cH5rhkBx6Z+nM6a0PHzXDITkI4UQb594L4XYOvsd4Yo3zk2Y4JAetCZs5gcb52WY4JGPcbZ6zcd7ZDIfkwb8EZmuc9zbDIRnlucNMjfPeZjgkoz18mbhx7myGQzLK5bCZCRrnXs1wSI7xGO7S8Rrn3s1wSEZHOGLjHNQMh+QoD2SP1DgHNcMhOdpT6ZEb5+BmOCSjL4zbGaFxHtQMh2SK9xPOHL4+HNwMh+ToCA9snEdZCLczyZsqBzbOBzXDITn6mrCZAY3zwc1wSKZ+Z2mfxjlKMxySSX8J7GycozXDIZn87bUdjXO0Zjgks7zCd0fjHLUZDsnkl8NmNhrn6M1wSOZ+mfMSrxyhGQ7JvyrC8qzRQ7nnAAAAAElFTkSuQmCC"/> |
|
5 |
</pattern> |
|
6 |
</defs> |
|
7 |
<rect id="Asset_8_300x" data-name="Asset 8@300x" width="14" height="67" fill="url(#pattern)"/> |
|
8 |
</svg> |
modules/uoa-monitor-portal/trunk/monitor/src/assets/monitor-assets/about/green-arrows/4.svg | ||
---|---|---|
1 |
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="120" height="14" viewBox="0 0 120 14"> |
|
2 |
<defs> |
|
3 |
<pattern id="pattern" width="1" height="1" patternTransform="matrix(1, 0, 0, -1, 0, 240)" viewBox="0 0 14 120"> |
|
4 |
<image preserveAspectRatio="none" width="14" height="120" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAHQCAYAAAD+ugcXAAAACXBIWXMAAC4jAAAuIwF4pT92AAAFW0lEQVR4nO3aQW4bZRzG4aeskeAISByArr0KuQDhBOQIreQ9dE023KA9AT2BRRdk3d6g3cGOnCAsalWu28QeZzxj0O9deizlP488X753Zh7d3t6aMlfX57/g53u+8mq5WJ1NM837fDHlHzvVhCAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAiYB+HrHce/nGSKjcyB8HjH8W8nmWIjXQ5CQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBAC5kF4u+P431MMsZlTRPhriiE20+UgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBIYBHv/75/QV+n3uQGfPjF8vF6iV+m3uSmfJiuVi9fHR7ewuurs9f47t5Z5o0b5aL1WM+XhPOcDPLONPnxvvzxQbCcrH6Z/PA/zwX6/PF1n+H5WL1Gk8nH2naPF0uVn9sfvBhTdjM1fX5c/w0zUyT5sVysbrc/vCufcITvDnqONPnjffn9Uk++0uAq+vzb/AaXx1trOlyg7P15f5J7twxLhert7g8zkyT5/IuAHZsm9cbqWejjzRtnq3P487ceTls5ur6/CV+GGuqCfNquVid7frSvgXqEu8eMs0MeYeLfb64F8J6Y3Hhv7OjvLG1Ibove1fp9cLy2X8xJ5gn9y2E2xl0P2G5WD13+o3zxXrOvbPXwridE26cH5rhkBx6Z+nM6a0PHzXDITkI4UQb594L4XYOvsd4Yo3zk2Y4JAetCZs5gcb52WY4JGPcbZ6zcd7ZDIfkwb8EZmuc9zbDIRnlucNMjfPeZjgkoz18mbhx7myGQzLK5bCZCRrnXs1wSI7xGO7S8Rrn3s1wSEZHOGLjHNQMh+QoD2SP1DgHNcMhOdpT6ZEb5+BmOCSjL4zbGaFxHtQMh2SK9xPOHL4+HNwMh+ToCA9snEdZCLczyZsqBzbOBzXDITn6mrCZAY3zwc1wSKZ+Z2mfxjlKMxySSX8J7GycozXDIZn87bUdjXO0Zjgks7zCd0fjHLUZDsnkl8NmNhrn6M1wSOZ+mfMSrxyhGQ7JvyrC8qzRQ7nnAAAAAElFTkSuQmCC"/> |
|
5 |
</pattern> |
|
6 |
</defs> |
|
7 |
<rect id="Asset_8_300x" data-name="Asset 8@300x" width="14" height="120" transform="translate(0 14) rotate(-90)" fill="url(#pattern)"/> |
|
8 |
</svg> |
modules/uoa-monitor-portal/trunk/monitor/src/assets/monitor-assets/about/green-arrows/5.svg | ||
---|---|---|
1 |
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="14" viewBox="0 0 100 14"> |
|
2 |
<defs> |
|
3 |
<pattern id="pattern" width="1" height="1" patternTransform="matrix(1, 0, 0, -1, 0, 240)" viewBox="0 0 14 120"> |
|
4 |
<image preserveAspectRatio="none" width="14" height="120" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAHQCAYAAAD+ugcXAAAACXBIWXMAAC4jAAAuIwF4pT92AAAFW0lEQVR4nO3aQW4bZRzG4aeskeAISByArr0KuQDhBOQIreQ9dE023KA9AT2BRRdk3d6g3cGOnCAsalWu28QeZzxj0O9deizlP488X753Zh7d3t6aMlfX57/g53u+8mq5WJ1NM837fDHlHzvVhCAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAiYB+HrHce/nGSKjcyB8HjH8W8nmWIjXQ5CQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBAC5kF4u+P431MMsZlTRPhriiE20+UgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBIYBHv/75/QV+n3uQGfPjF8vF6iV+m3uSmfJiuVi9fHR7ewuurs9f47t5Z5o0b5aL1WM+XhPOcDPLONPnxvvzxQbCcrH6Z/PA/zwX6/PF1n+H5WL1Gk8nH2naPF0uVn9sfvBhTdjM1fX5c/w0zUyT5sVysbrc/vCufcITvDnqONPnjffn9Uk++0uAq+vzb/AaXx1trOlyg7P15f5J7twxLhert7g8zkyT5/IuAHZsm9cbqWejjzRtnq3P487ceTls5ur6/CV+GGuqCfNquVid7frSvgXqEu8eMs0MeYeLfb64F8J6Y3Hhv7OjvLG1Ibove1fp9cLy2X8xJ5gn9y2E2xl0P2G5WD13+o3zxXrOvbPXwridE26cH5rhkBx6Z+nM6a0PHzXDITkI4UQb594L4XYOvsd4Yo3zk2Y4JAetCZs5gcb52WY4JGPcbZ6zcd7ZDIfkwb8EZmuc9zbDIRnlucNMjfPeZjgkoz18mbhx7myGQzLK5bCZCRrnXs1wSI7xGO7S8Rrn3s1wSEZHOGLjHNQMh+QoD2SP1DgHNcMhOdpT6ZEb5+BmOCSjL4zbGaFxHtQMh2SK9xPOHL4+HNwMh+ToCA9snEdZCLczyZsqBzbOBzXDITn6mrCZAY3zwc1wSKZ+Z2mfxjlKMxySSX8J7GycozXDIZn87bUdjXO0Zjgks7zCd0fjHLUZDsnkl8NmNhrn6M1wSOZ+mfMSrxyhGQ7JvyrC8qzRQ7nnAAAAAElFTkSuQmCC"/> |
|
5 |
</pattern> |
|
6 |
</defs> |
|
7 |
<rect id="Asset_8_300x" data-name="Asset 8@300x" width="14" height="120" transform="translate(0 14) rotate(-90)" fill="url(#pattern)"/> |
|
8 |
</svg> |
modules/uoa-monitor-portal/trunk/monitor/src/assets/monitor-assets/about/green-arrows/6.svg | ||
---|---|---|
1 |
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="39" height="275" viewBox="0 0 39 275"> |
|
2 |
<defs> |
|
3 |
<pattern id="pattern" preserveAspectRatio="none" width="100%" height="100%" viewBox="0 0 65 464"> |
|
4 |
<image width="65" height="464" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAHQCAYAAAD+ugcXAAAACXBIWXMAAC4jAAAuIwF4pT92AAAFW0lEQVR4nO3aQW4bZRzG4aeskeAISByArr0KuQDhBOQIreQ9dE023KA9AT2BRRdk3d6g3cGOnCAsalWu28QeZzxj0O9deizlP488X753Zh7d3t6aMlfX57/g53u+8mq5WJ1NM837fDHlHzvVhCAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAiYB+HrHce/nGSKjcyB8HjH8W8nmWIjXQ5CQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBAC5kF4u+P431MMsZlTRPhriiE20+UgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBIYBHv/75/QV+n3uQGfPjF8vF6iV+m3uSmfJiuVi9fHR7ewuurs9f47t5Z5o0b5aL1WM+XhPOcDPLONPnxvvzxQbCcrH6Z/PA/zwX6/PF1n+H5WL1Gk8nH2naPF0uVn9sfvBhTdjM1fX5c/w0zUyT5sVysbrc/vCufcITvDnqONPnjffn9Uk++0uAq+vzb/AaXx1trOlyg7P15f5J7twxLhert7g8zkyT5/IuAHZsm9cbqWejjzRtnq3P487ceTls5ur6/CV+GGuqCfNquVid7frSvgXqEu8eMs0MeYeLfb64F8J6Y3Hhv7OjvLG1Ibove1fp9cLy2X8xJ5gn9y2E2xl0P2G5WD13+o3zxXrOvbPXwridE26cH5rhkBx6Z+nM6a0PHzXDITkI4UQb594L4XYOvsd4Yo3zk2Y4JAetCZs5gcb52WY4JGPcbZ6zcd7ZDIfkwb8EZmuc9zbDIRnlucNMjfPeZjgkoz18mbhx7myGQzLK5bCZCRrnXs1wSI7xGO7S8Rrn3s1wSEZHOGLjHNQMh+QoD2SP1DgHNcMhOdpT6ZEb5+BmOCSjL4zbGaFxHtQMh2SK9xPOHL4+HNwMh+ToCA9snEdZCLczyZsqBzbOBzXDITn6mrCZAY3zwc1wSKZ+Z2mfxjlKMxySSX8J7GycozXDIZn87bUdjXO0Zjgks7zCd0fjHLUZDsnkl8NmNhrn6M1wSOZ+mfMSrxyhGQ7JvyrC8qzRQ7nnAAAAAElFTkSuQmCC"/> |
|
5 |
</pattern> |
|
6 |
</defs> |
|
7 |
<rect id="Asset_8_300x" data-name="Asset 8@300x" width="39" height="275" fill="url(#pattern)"/> |
|
8 |
</svg> |
modules/uoa-monitor-portal/trunk/monitor/src/assets/monitor-assets/about/green-arrows/1.svg | ||
---|---|---|
1 |
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="67" height="14" viewBox="0 0 67 14"> |
|
2 |
<defs> |
|
3 |
<pattern id="pattern" width="1" height="1" viewBox="0 57.007 14 40.526"> |
|
4 |
<image preserveAspectRatio="none" width="14" height="110.77" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAHQCAYAAAD+ugcXAAAACXBIWXMAAC4jAAAuIwF4pT92AAAFW0lEQVR4nO3aQW4bZRzG4aeskeAISByArr0KuQDhBOQIreQ9dE023KA9AT2BRRdk3d6g3cGOnCAsalWu28QeZzxj0O9deizlP488X753Zh7d3t6aMlfX57/g53u+8mq5WJ1NM837fDHlHzvVhCAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAiYB+HrHce/nGSKjcyB8HjH8W8nmWIjXQ5CQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBAC5kF4u+P431MMsZlTRPhriiE20+UgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBIYBHv/75/QV+n3uQGfPjF8vF6iV+m3uSmfJiuVi9fHR7ewuurs9f47t5Z5o0b5aL1WM+XhPOcDPLONPnxvvzxQbCcrH6Z/PA/zwX6/PF1n+H5WL1Gk8nH2naPF0uVn9sfvBhTdjM1fX5c/w0zUyT5sVysbrc/vCufcITvDnqONPnjffn9Uk++0uAq+vzb/AaXx1trOlyg7P15f5J7twxLhert7g8zkyT5/IuAHZsm9cbqWejjzRtnq3P487ceTls5ur6/CV+GGuqCfNquVid7frSvgXqEu8eMs0MeYeLfb64F8J6Y3Hhv7OjvLG1Ibove1fp9cLy2X8xJ5gn9y2E2xl0P2G5WD13+o3zxXrOvbPXwridE26cH5rhkBx6Z+nM6a0PHzXDITkI4UQb594L4XYOvsd4Yo3zk2Y4JAetCZs5gcb52WY4JGPcbZ6zcd7ZDIfkwb8EZmuc9zbDIRnlucNMjfPeZjgkoz18mbhx7myGQzLK5bCZCRrnXs1wSI7xGO7S8Rrn3s1wSEZHOGLjHNQMh+QoD2SP1DgHNcMhOdpT6ZEb5+BmOCSjL4zbGaFxHtQMh2SK9xPOHL4+HNwMh+ToCA9snEdZCLczyZsqBzbOBzXDITn6mrCZAY3zwc1wSKZ+Z2mfxjlKMxySSX8J7GycozXDIZn87bUdjXO0Zjgks7zCd0fjHLUZDsnkl8NmNhrn6M1wSOZ+mfMSrxyhGQ7JvyrC8qzRQ7nnAAAAAElFTkSuQmCC"/> |
|
5 |
</pattern> |
|
6 |
</defs> |
|
7 |
<rect id="Asset_8_300x" data-name="Asset 8@300x" width="14" height="67" transform="translate(0 14) rotate(-90)" fill="url(#pattern)"/> |
|
8 |
</svg> |
modules/uoa-monitor-portal/trunk/monitor/src/assets/monitor-assets/about/arrows/2.svg | ||
---|---|---|
1 |
<svg xmlns="http://www.w3.org/2000/svg" width="96.457" height="61.415" viewBox="0 0 96.457 61.415"> |
|
2 |
<g id="Group_906" data-name="Group 906" transform="translate(59.107 54.14) rotate(-152)"> |
|
3 |
<path id="Path_2339" data-name="Path 2339" d="M67.968,21.473c-54.526,13.788-31.41-33.246-25.4-10.629C47.607,28.611.938-12.841-23.762,21.873" transform="translate(1.017 0)" fill="none" stroke="#212121" stroke-width="1" stroke-dasharray="6"/> |
|
4 |
<path id="Path_55797" data-name="Path 55797" d="M0,0,3.3,1.628,2.591,5.49" transform="matrix(-0.921, 0.391, -0.391, -0.921, -22.719, 28.548)" fill="none" stroke="#212121" stroke-width="1"/> |
|
5 |
</g> |
|
6 |
</svg> |
modules/uoa-monitor-portal/trunk/monitor/src/assets/monitor-assets/about/arrows/3.svg | ||
---|---|---|
1 |
<svg xmlns="http://www.w3.org/2000/svg" width="103.827" height="153.958" viewBox="0 0 103.827 153.958"> |
|
2 |
<g id="Group_2401" data-name="Group 2401" transform="translate(-1318.198 -779.424) rotate(-20)"> |
|
3 |
<g id="Group_1141" data-name="Group 1141" transform="matrix(-0.174, 0.985, -0.985, -0.174, 1046.902, 1211.049)"> |
|
4 |
<path id="Path_2339" data-name="Path 2339" d="M135.26,80.668C60.034-45.855,6.029,11.188,0,23.336" transform="translate(0 0)" fill="none" stroke="#212121" stroke-width="1" stroke-dasharray="7"/> |
|
5 |
</g> |
|
6 |
<g id="Group_1142" data-name="Group 1142" transform="translate(936.789 1330.947) rotate(-43)"> |
|
7 |
<line id="Line_345" data-name="Line 345" x1="1.778" y1="4.377" transform="translate(0.089 1.532)" fill="none" stroke="#212121" stroke-width="1"/> |
|
8 |
<line id="Line_346" data-name="Line 346" x2="2.189" y2="3.556" transform="translate(0 2.189) rotate(-90)" fill="none" stroke="#212121" stroke-width="1"/> |
|
9 |
</g> |
|
10 |
</g> |
|
11 |
</svg> |
modules/uoa-monitor-portal/trunk/monitor/src/assets/monitor-assets/about/arrows/4.svg | ||
---|---|---|
1 |
<svg xmlns="http://www.w3.org/2000/svg" width="117.496" height="64.012" viewBox="0 0 117.496 64.012"> |
|
2 |
<g id="Group_1143" data-name="Group 1143" transform="translate(55.846 -4.676) rotate(-19)"> |
|
3 |
<path id="Path_2339" data-name="Path 2339" d="M33.748,7.2C7.979,32.136-55.782,25.421-38.011,8.591-20.191-7.271-28.973,53.122-80.2,26.067" transform="translate(13.972 16.105)" fill="none" stroke="#212121" stroke-width="1" stroke-dasharray="7"/> |
|
4 |
<g id="Group_1144" data-name="Group 1144" transform="translate(-69.001 39.672)"> |
|
5 |
<line id="Line_345" data-name="Line 345" x1="2.651" y1="5.302" transform="translate(0.132 1.855)" fill="none" stroke="#212121" stroke-width="1"/> |
|
6 |
<line id="Line_346" data-name="Line 346" x2="2.651" y2="5.302" transform="translate(0 2.651) rotate(-90)" fill="none" stroke="#212121" stroke-width="1"/> |
|
7 |
</g> |
|
8 |
</g> |
|
9 |
</svg> |
modules/uoa-monitor-portal/trunk/monitor/src/assets/monitor-assets/about/arrows/5.svg | ||
---|---|---|
1 |
<svg xmlns="http://www.w3.org/2000/svg" width="107.525" height="69.445" viewBox="0 0 107.525 69.445"> |
|
2 |
<g id="Group_11721" data-name="Group 11721" transform="translate(112.848 -39.172) rotate(56)"> |
|
3 |
<g id="Group_1141" data-name="Group 1141" transform="matrix(-0.174, 0.985, -0.985, -0.174, 53.579, 43.214)"> |
|
4 |
<path id="Path_2339" data-name="Path 2339" d="M96.963,31.663C43.036-18,4.322,4.391,0,9.159" transform="translate(0 0)" fill="none" stroke="#212121" stroke-width="1" stroke-dasharray="7"/> |
|
5 |
</g> |
|
6 |
<g id="Group_1142" data-name="Group 1142" transform="translate(-0.484 133.795) rotate(-43)"> |
|
7 |
<line id="Line_345" data-name="Line 345" x1="1.663" y1="4.095" transform="translate(0.083 1.433)" fill="none" stroke="#212121" stroke-width="1"/> |
|
8 |
<line id="Line_346" data-name="Line 346" x2="2.048" y2="3.327" transform="translate(0 2.048) rotate(-90)" fill="none" stroke="#212121" stroke-width="1"/> |
|
9 |
</g> |
|
10 |
</g> |
|
11 |
</svg> |
modules/uoa-monitor-portal/trunk/monitor/src/assets/monitor-assets/about/arrows/1.svg | ||
---|---|---|
1 |
<svg xmlns="http://www.w3.org/2000/svg" width="95.647" height="60.692" viewBox="0 0 95.647 60.692"> |
|
2 |
<g id="Group_905" data-name="Group 905" transform="translate(70.298 97.482) rotate(-161)"> |
|
3 |
<path id="Path_2339" data-name="Path 2339" d="M87.648,29.439C24.781,46.54,24.677-5.5,39.79.481,53.326,5.835,44.623,25.816,0,17.558" transform="translate(-0.02 39.459)" fill="none" stroke="#212121" stroke-width="1" stroke-dasharray="7"/> |
|
4 |
<path id="Path_2366" data-name="Path 2366" d="M0,0,2.814,1.387l-.607,3.29" transform="translate(-3.724 59.204) rotate(-150)" fill="none" stroke="#212121" stroke-width="1"/> |
|
5 |
</g> |
|
6 |
</svg> |
Also available in: Unified diff
[Monitor | Trunk]: Finish about