Project

General

Profile

« Previous | Next » 

Revision 59709

[Monitor | Trunk]: Finish about

View differences:

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