박선진 / video-emergency-detection

Go to a project
Toggle navigation Toggle navigation pinning
박선진
d9704510 1 parent 9a9d081f

add photo upload button

Inline Side-by-side
Showing 20 changed files with 527 additions and 1250 deletions
...@@ -4,6 +4,9 @@ This project was bootstrapped with [Create React App](https://github.com/faceboo ...@@ -4,6 +4,9 @@ This project was bootstrapped with [Create React App](https://github.com/faceboo
4 4
5 In the project directory, you can run: 5 In the project directory, you can run:
6 6
7 +### `npm install`
8 +To run this app, first needed 'npm install'
9 +
7 ### `npm start` 10 ### `npm start`
8 11
9 Runs the app in the development mode.<br /> 12 Runs the app in the development mode.<br />
...@@ -11,58 +14,3 @@ Open [http://localhost:3000](http://localhost:3000) to view it in the browser. ...@@ -11,58 +14,3 @@ Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
11 14
12 The page will reload if you make edits.<br /> 15 The page will reload if you make edits.<br />
13 You will also see any lint errors in the console. 16 You will also see any lint errors in the console.
14 -
15 -### `npm test`
16 -
17 -Launches the test runner in the interactive watch mode.<br />
18 -See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
19 -
20 -### `npm run build`
21 -
22 -Builds the app for production to the `build` folder.<br />
23 -It correctly bundles React in production mode and optimizes the build for the best performance.
24 -
25 -The build is minified and the filenames include the hashes.<br />
26 -Your app is ready to be deployed!
27 -
28 -See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
29 -
30 -### `npm run eject`
31 -
32 -**Note: this is a one-way operation. Once you `eject`, you can’t go back!**
33 -
34 -If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
35 -
36 -Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
37 -
38 -You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
39 -
40 -## Learn More
41 -
42 -You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
43 -
44 -To learn React, check out the [React documentation](https://reactjs.org/).
45 -
46 -### Code Splitting
47 -
48 -This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting
49 -
50 -### Analyzing the Bundle Size
51 -
52 -This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size
53 -
54 -### Making a Progressive Web App
55 -
56 -This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app
57 -
58 -### Advanced Configuration
59 -
60 -This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration
61 -
62 -### Deployment
63 -
64 -This section has moved here: https://facebook.github.io/create-react-app/docs/deployment
65 -
66 -### `npm run build` fails to minify
67 -
68 -This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify
......
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
25 work correctly both with client-side routing and a non-root public URL. 25 work correctly both with client-side routing and a non-root public URL.
26 Learn how to configure a non-root public URL by running `npm run build`. 26 Learn how to configure a non-root public URL by running `npm run build`.
27 --> 27 -->
28 - <title>React App</title> 28 + <title>Video Emergency Analysis</title>
29 </head> 29 </head>
30 <body> 30 <body>
31 <noscript>You need to enable JavaScript to run this app.</noscript> 31 <noscript>You need to enable JavaScript to run this app.</noscript>
......
This diff could not be displayed because it is too large.
1 -/*
2 - Flaticon icon font: Flaticon
3 - Creation date: 22/06/2016 15:41
4 -*/
5 -
6 -@font-face {
7 - font-family: 'Flaticon';
8 - src: url('../fonts/flaticon/Flaticon.eot');
9 - src:
10 - url('../fonts/flaticon/Flaticon.eot?#iefix') format('embedded-opentype'),
11 - url('../fonts/flaticon/Flaticon.woff') format('woff'),
12 - url('../fonts/flaticon/Flaticon.ttf') format('truetype'),
13 - url('../fonts/flaticon/Flaticon.svg#Flaticon') format('svg');
14 - font-weight: normal;
15 - font-style: normal;
16 -}
17 -
18 -@media screen and (-webkit-min-device-pixel-ratio: 0) {
19 - @font-face {
20 - font-family: 'Flaticon';
21 - src: url('../fonts/flaticon/Flaticon.eot#Flaticon') format('svg');
22 - }
23 -}
24 -
25 -.fi::before {
26 - display: inline-block;
27 - font-family: 'Flaticon';
28 - font-style: normal;
29 - font-weight: normal;
30 - font-variant: normal;
31 - line-height: 1;
32 - text-decoration: inherit;
33 - text-rendering: optimizeLegibility;
34 - text-transform: none;
35 - -moz-osx-font-smoothing: grayscale;
36 - -webkit-font-smoothing: antialiased;
37 -}
38 -
39 -.flaticon-add::before { content: '\f100'; }
40 -
41 -.flaticon-add-1::before { content: '\f101'; }
42 -
43 -.flaticon-add-2::before { content: '\f102'; }
44 -
45 -.flaticon-add-3::before { content: '\f103'; }
46 -
47 -.flaticon-agenda::before { content: '\f104'; }
48 -
49 -.flaticon-alarm::before { content: '\f105'; }
50 -
51 -.flaticon-alarm-1::before { content: '\f106'; }
52 -
53 -.flaticon-alarm-clock::before { content: '\f107'; }
54 -
55 -.flaticon-alarm-clock-1::before { content: '\f108'; }
56 -
57 -.flaticon-albums::before { content: '\f109'; }
58 -
59 -.flaticon-app::before { content: '\f10a'; }
60 -
61 -.flaticon-archive::before { content: '\f10b'; }
62 -
63 -.flaticon-archive-1::before { content: '\f10c'; }
64 -
65 -.flaticon-archive-2::before { content: '\f10d'; }
66 -
67 -.flaticon-archive-3::before { content: '\f10e'; }
68 -
69 -.flaticon-attachment::before { content: '\f10f'; }
70 -
71 -.flaticon-back::before { content: '\f110'; }
72 -
73 -.flaticon-battery::before { content: '\f111'; }
74 -
75 -.flaticon-battery-1::before { content: '\f112'; }
76 -
77 -.flaticon-battery-2::before { content: '\f113'; }
78 -
79 -.flaticon-battery-3::before { content: '\f114'; }
80 -
81 -.flaticon-battery-4::before { content: '\f115'; }
82 -
83 -.flaticon-battery-5::before { content: '\f116'; }
84 -
85 -.flaticon-battery-6::before { content: '\f117'; }
86 -
87 -.flaticon-battery-7::before { content: '\f118'; }
88 -
89 -.flaticon-battery-8::before { content: '\f119'; }
90 -
91 -.flaticon-battery-9::before { content: '\f11a'; }
92 -
93 -.flaticon-binoculars::before { content: '\f11b'; }
94 -
95 -.flaticon-blueprint::before { content: '\f11c'; }
96 -
97 -.flaticon-bluetooth::before { content: '\f11d'; }
98 -
99 -.flaticon-bluetooth-1::before { content: '\f11e'; }
100 -
101 -.flaticon-bookmark::before { content: '\f11f'; }
102 -
103 -.flaticon-bookmark-1::before { content: '\f120'; }
104 -
105 -.flaticon-briefcase::before { content: '\f121'; }
106 -
107 -.flaticon-broken-link::before { content: '\f122'; }
108 -
109 -.flaticon-calculator::before { content: '\f123'; }
110 -
111 -.flaticon-calculator-1::before { content: '\f124'; }
112 -
113 -.flaticon-calendar::before { content: '\f125'; }
114 -
115 -.flaticon-calendar-1::before { content: '\f126'; }
116 -
117 -.flaticon-calendar-2::before { content: '\f127'; }
118 -
119 -.flaticon-calendar-3::before { content: '\f128'; }
120 -
121 -.flaticon-calendar-4::before { content: '\f129'; }
122 -
123 -.flaticon-calendar-5::before { content: '\f12a'; }
124 -
125 -.flaticon-calendar-6::before { content: '\f12b'; }
126 -
127 -.flaticon-calendar-7::before { content: '\f12c'; }
128 -
129 -.flaticon-checked::before { content: '\f12d'; }
130 -
131 -.flaticon-checked-1::before { content: '\f12e'; }
132 -
133 -.flaticon-clock::before { content: '\f12f'; }
134 -
135 -.flaticon-clock-1::before { content: '\f130'; }
136 -
137 -.flaticon-close::before { content: '\f131'; }
138 -
139 -.flaticon-cloud::before { content: '\f132'; }
140 -
141 -.flaticon-cloud-computing::before { content: '\f133'; }
142 -
143 -.flaticon-cloud-computing-1::before { content: '\f134'; }
144 -
145 -.flaticon-cloud-computing-2::before { content: '\f135'; }
146 -
147 -.flaticon-cloud-computing-3::before { content: '\f136'; }
148 -
149 -.flaticon-cloud-computing-4::before { content: '\f137'; }
150 -
151 -.flaticon-cloud-computing-5::before { content: '\f138'; }
152 -
153 -.flaticon-command::before { content: '\f139'; }
154 -
155 -.flaticon-compact-disc::before { content: '\f13a'; }
156 -
157 -.flaticon-compact-disc-1::before { content: '\f13b'; }
158 -
159 -.flaticon-compact-disc-2::before { content: '\f13c'; }
160 -
161 -.flaticon-compass::before { content: '\f13d'; }
162 -
163 -.flaticon-compose::before { content: '\f13e'; }
164 -
165 -.flaticon-controls::before { content: '\f13f'; }
166 -
167 -.flaticon-controls-1::before { content: '\f140'; }
168 -
169 -.flaticon-controls-2::before { content: '\f141'; }
170 -
171 -.flaticon-controls-3::before { content: '\f142'; }
172 -
173 -.flaticon-controls-4::before { content: '\f143'; }
174 -
175 -.flaticon-controls-5::before { content: '\f144'; }
176 -
177 -.flaticon-controls-6::before { content: '\f145'; }
178 -
179 -.flaticon-controls-7::before { content: '\f146'; }
180 -
181 -.flaticon-controls-8::before { content: '\f147'; }
182 -
183 -.flaticon-controls-9::before { content: '\f148'; }
184 -
185 -.flaticon-database::before { content: '\f149'; }
186 -
187 -.flaticon-database-1::before { content: '\f14a'; }
188 -
189 -.flaticon-database-2::before { content: '\f14b'; }
190 -
191 -.flaticon-database-3::before { content: '\f14c'; }
192 -
193 -.flaticon-diamond::before { content: '\f14d'; }
194 -
195 -.flaticon-diploma::before { content: '\f14e'; }
196 -
197 -.flaticon-dislike::before { content: '\f14f'; }
198 -
199 -.flaticon-dislike-1::before { content: '\f150'; }
200 -
201 -.flaticon-divide::before { content: '\f151'; }
202 -
203 -.flaticon-divide-1::before { content: '\f152'; }
204 -
205 -.flaticon-division::before { content: '\f153'; }
206 -
207 -.flaticon-document::before { content: '\f154'; }
208 -
209 -.flaticon-download::before { content: '\f155'; }
210 -
211 -.flaticon-edit::before { content: '\f156'; }
212 -
213 -.flaticon-edit-1::before { content: '\f157'; }
214 -
215 -.flaticon-eject::before { content: '\f158'; }
216 -
217 -.flaticon-eject-1::before { content: '\f159'; }
218 -
219 -.flaticon-equal::before { content: '\f15a'; }
220 -
221 -.flaticon-equal-1::before { content: '\f15b'; }
222 -
223 -.flaticon-equal-2::before { content: '\f15c'; }
224 -
225 -.flaticon-error::before { content: '\f15d'; }
226 -
227 -.flaticon-exit::before { content: '\f15e'; }
228 -
229 -.flaticon-exit-1::before { content: '\f15f'; }
230 -
231 -.flaticon-exit-2::before { content: '\f160'; }
232 -
233 -.flaticon-eyeglasses::before { content: '\f161'; }
234 -
235 -.flaticon-fast-forward::before { content: '\f162'; }
236 -
237 -.flaticon-fast-forward-1::before { content: '\f163'; }
238 -
239 -.flaticon-fax::before { content: '\f164'; }
240 -
241 -.flaticon-file::before { content: '\f165'; }
242 -
243 -.flaticon-file-1::before { content: '\f166'; }
244 -
245 -.flaticon-file-2::before { content: '\f167'; }
246 -
247 -.flaticon-film::before { content: '\f168'; }
248 -
249 -.flaticon-fingerprint::before { content: '\f169'; }
250 -
251 -.flaticon-flag::before { content: '\f16a'; }
252 -
253 -.flaticon-flag-1::before { content: '\f16b'; }
254 -
255 -.flaticon-flag-2::before { content: '\f16c'; }
256 -
257 -.flaticon-flag-3::before { content: '\f16d'; }
258 -
259 -.flaticon-flag-4::before { content: '\f16e'; }
260 -
261 -.flaticon-focus::before { content: '\f16f'; }
262 -
263 -.flaticon-folder::before { content: '\f170'; }
264 -
265 -.flaticon-folder-1::before { content: '\f171'; }
266 -
267 -.flaticon-folder-10::before { content: '\f172'; }
268 -
269 -.flaticon-folder-11::before { content: '\f173'; }
270 -
271 -.flaticon-folder-12::before { content: '\f174'; }
272 -
273 -.flaticon-folder-13::before { content: '\f175'; }
274 -
275 -.flaticon-folder-14::before { content: '\f176'; }
276 -
277 -.flaticon-folder-15::before { content: '\f177'; }
278 -
279 -.flaticon-folder-16::before { content: '\f178'; }
280 -
281 -.flaticon-folder-17::before { content: '\f179'; }
282 -
283 -.flaticon-folder-18::before { content: '\f17a'; }
284 -
285 -.flaticon-folder-19::before { content: '\f17b'; }
286 -
287 -.flaticon-folder-2::before { content: '\f17c'; }
288 -
289 -.flaticon-folder-3::before { content: '\f17d'; }
290 -
291 -.flaticon-folder-4::before { content: '\f17e'; }
292 -
293 -.flaticon-folder-5::before { content: '\f17f'; }
294 -
295 -.flaticon-folder-6::before { content: '\f180'; }
296 -
297 -.flaticon-folder-7::before { content: '\f181'; }
298 -
299 -.flaticon-folder-8::before { content: '\f182'; }
300 -
301 -.flaticon-folder-9::before { content: '\f183'; }
302 -
303 -.flaticon-forbidden::before { content: '\f184'; }
304 -
305 -.flaticon-funnel::before { content: '\f185'; }
306 -
307 -.flaticon-garbage::before { content: '\f186'; }
308 -
309 -.flaticon-garbage-1::before { content: '\f187'; }
310 -
311 -.flaticon-garbage-2::before { content: '\f188'; }
312 -
313 -.flaticon-gift::before { content: '\f189'; }
314 -
315 -.flaticon-help::before { content: '\f18a'; }
316 -
317 -.flaticon-hide::before { content: '\f18b'; }
318 -
319 -.flaticon-hold::before { content: '\f18c'; }
320 -
321 -.flaticon-home::before { content: '\f18d'; }
322 -
323 -.flaticon-home-1::before { content: '\f18e'; }
324 -
325 -.flaticon-home-2::before { content: '\f18f'; }
326 -
327 -.flaticon-hourglass::before { content: '\f190'; }
328 -
329 -.flaticon-hourglass-1::before { content: '\f191'; }
330 -
331 -.flaticon-hourglass-2::before { content: '\f192'; }
332 -
333 -.flaticon-hourglass-3::before { content: '\f193'; }
334 -
335 -.flaticon-house::before { content: '\f194'; }
336 -
337 -.flaticon-id-card::before { content: '\f195'; }
338 -
339 -.flaticon-id-card-1::before { content: '\f196'; }
340 -
341 -.flaticon-id-card-2::before { content: '\f197'; }
342 -
343 -.flaticon-id-card-3::before { content: '\f198'; }
344 -
345 -.flaticon-id-card-4::before { content: '\f199'; }
346 -
347 -.flaticon-id-card-5::before { content: '\f19a'; }
348 -
349 -.flaticon-idea::before { content: '\f19b'; }
350 -
351 -.flaticon-incoming::before { content: '\f19c'; }
352 -
353 -.flaticon-infinity::before { content: '\f19d'; }
354 -
355 -.flaticon-info::before { content: '\f19e'; }
356 -
357 -.flaticon-internet::before { content: '\f19f'; }
358 -
359 -.flaticon-key::before { content: '\f1a0'; }
360 -
361 -.flaticon-lamp::before { content: '\f1a1'; }
362 -
363 -.flaticon-layers::before { content: '\f1a2'; }
364 -
365 -.flaticon-layers-1::before { content: '\f1a3'; }
366 -
367 -.flaticon-like::before { content: '\f1a4'; }
368 -
369 -.flaticon-like-1::before { content: '\f1a5'; }
370 -
371 -.flaticon-like-2::before { content: '\f1a6'; }
372 -
373 -.flaticon-link::before { content: '\f1a7'; }
374 -
375 -.flaticon-list::before { content: '\f1a8'; }
376 -
377 -.flaticon-list-1::before { content: '\f1a9'; }
378 -
379 -.flaticon-lock::before { content: '\f1aa'; }
380 -
381 -.flaticon-lock-1::before { content: '\f1ab'; }
382 -
383 -.flaticon-locked::before { content: '\f1ac'; }
384 -
385 -.flaticon-locked-1::before { content: '\f1ad'; }
386 -
387 -.flaticon-locked-2::before { content: '\f1ae'; }
388 -
389 -.flaticon-locked-3::before { content: '\f1af'; }
390 -
391 -.flaticon-locked-4::before { content: '\f1b0'; }
392 -
393 -.flaticon-locked-5::before { content: '\f1b1'; }
394 -
395 -.flaticon-locked-6::before { content: '\f1b2'; }
396 -
397 -.flaticon-login::before { content: '\f1b3'; }
398 -
399 -.flaticon-magic-wand::before { content: '\f1b4'; }
400 -
401 -.flaticon-magnet::before { content: '\f1b5'; }
402 -
403 -.flaticon-magnet-1::before { content: '\f1b6'; }
404 -
405 -.flaticon-magnet-2::before { content: '\f1b7'; }
406 -
407 -.flaticon-map::before { content: '\f1b8'; }
408 -
409 -.flaticon-map-1::before { content: '\f1b9'; }
410 -
411 -.flaticon-map-2::before { content: '\f1ba'; }
412 -
413 -.flaticon-map-location::before { content: '\f1bb'; }
414 -
415 -.flaticon-megaphone::before { content: '\f1bc'; }
416 -
417 -.flaticon-megaphone-1::before { content: '\f1bd'; }
418 -
419 -.flaticon-menu::before { content: '\f1be'; }
420 -
421 -.flaticon-menu-1::before { content: '\f1bf'; }
422 -
423 -.flaticon-menu-2::before { content: '\f1c0'; }
424 -
425 -.flaticon-menu-3::before { content: '\f1c1'; }
426 -
427 -.flaticon-menu-4::before { content: '\f1c2'; }
428 -
429 -.flaticon-microphone::before { content: '\f1c3'; }
430 -
431 -.flaticon-microphone-1::before { content: '\f1c4'; }
432 -
433 -.flaticon-minus::before { content: '\f1c5'; }
434 -
435 -.flaticon-minus-1::before { content: '\f1c6'; }
436 -
437 -.flaticon-more::before { content: '\f1c7'; }
438 -
439 -.flaticon-more-1::before { content: '\f1c8'; }
440 -
441 -.flaticon-more-2::before { content: '\f1c9'; }
442 -
443 -.flaticon-multiply::before { content: '\f1ca'; }
444 -
445 -.flaticon-multiply-1::before { content: '\f1cb'; }
446 -
447 -.flaticon-music-player::before { content: '\f1cc'; }
448 -
449 -.flaticon-music-player-1::before { content: '\f1cd'; }
450 -
451 -.flaticon-music-player-2::before { content: '\f1ce'; }
452 -
453 -.flaticon-music-player-3::before { content: '\f1cf'; }
454 -
455 -.flaticon-mute::before { content: '\f1d0'; }
456 -
457 -.flaticon-muted::before { content: '\f1d1'; }
458 -
459 -.flaticon-navigation::before { content: '\f1d2'; }
460 -
461 -.flaticon-navigation-1::before { content: '\f1d3'; }
462 -
463 -.flaticon-network::before { content: '\f1d4'; }
464 -
465 -.flaticon-newspaper::before { content: '\f1d5'; }
466 -
467 -.flaticon-next::before { content: '\f1d6'; }
468 -
469 -.flaticon-note::before { content: '\f1d7'; }
470 -
471 -.flaticon-notebook::before { content: '\f1d8'; }
472 -
473 -.flaticon-notebook-1::before { content: '\f1d9'; }
474 -
475 -.flaticon-notebook-2::before { content: '\f1da'; }
476 -
477 -.flaticon-notebook-3::before { content: '\f1db'; }
478 -
479 -.flaticon-notebook-4::before { content: '\f1dc'; }
480 -
481 -.flaticon-notebook-5::before { content: '\f1dd'; }
482 -
483 -.flaticon-notepad::before { content: '\f1de'; }
484 -
485 -.flaticon-notepad-1::before { content: '\f1df'; }
486 -
487 -.flaticon-notepad-2::before { content: '\f1e0'; }
488 -
489 -.flaticon-notification::before { content: '\f1e1'; }
490 -
491 -.flaticon-paper-plane::before { content: '\f1e2'; }
492 -
493 -.flaticon-paper-plane-1::before { content: '\f1e3'; }
494 -
495 -.flaticon-pause::before { content: '\f1e4'; }
496 -
497 -.flaticon-pause-1::before { content: '\f1e5'; }
498 -
499 -.flaticon-percent::before { content: '\f1e6'; }
500 -
501 -.flaticon-percent-1::before { content: '\f1e7'; }
502 -
503 -.flaticon-perspective::before { content: '\f1e8'; }
504 -
505 -.flaticon-photo-camera::before { content: '\f1e9'; }
506 -
507 -.flaticon-photo-camera-1::before { content: '\f1ea'; }
508 -
509 -.flaticon-photos::before { content: '\f1eb'; }
510 -
511 -.flaticon-picture::before { content: '\f1ec'; }
512 -
513 -.flaticon-picture-1::before { content: '\f1ed'; }
514 -
515 -.flaticon-picture-2::before { content: '\f1ee'; }
516 -
517 -.flaticon-pin::before { content: '\f1ef'; }
518 -
519 -.flaticon-placeholder::before { content: '\f1f0'; }
520 -
521 -.flaticon-placeholder-1::before { content: '\f1f1'; }
522 -
523 -.flaticon-placeholder-2::before { content: '\f1f2'; }
524 -
525 -.flaticon-placeholder-3::before { content: '\f1f3'; }
526 -
527 -.flaticon-placeholders::before { content: '\f1f4'; }
528 -
529 -.flaticon-play-button::before { content: '\f1f5'; }
530 -
531 -.flaticon-play-button-1::before { content: '\f1f6'; }
532 -
533 -.flaticon-plus::before { content: '\f1f7'; }
534 -
535 -.flaticon-power::before { content: '\f1f8'; }
536 -
537 -.flaticon-previous::before { content: '\f1f9'; }
538 -
539 -.flaticon-price-tag::before { content: '\f1fa'; }
540 -
541 -.flaticon-print::before { content: '\f1fb'; }
542 -
543 -.flaticon-push-pin::before { content: '\f1fc'; }
544 -
545 -.flaticon-radar::before { content: '\f1fd'; }
546 -
547 -.flaticon-reading::before { content: '\f1fe'; }
548 -
549 -.flaticon-record::before { content: '\f1ff'; }
550 -
551 -.flaticon-repeat::before { content: '\f200'; }
552 -
553 -.flaticon-repeat-1::before { content: '\f201'; }
554 -
555 -.flaticon-restart::before { content: '\f202'; }
556 -
557 -.flaticon-resume::before { content: '\f203'; }
558 -
559 -.flaticon-rewind::before { content: '\f204'; }
560 -
561 -.flaticon-rewind-1::before { content: '\f205'; }
562 -
563 -.flaticon-route::before { content: '\f206'; }
564 -
565 -.flaticon-save::before { content: '\f207'; }
566 -
567 -.flaticon-search::before { content: '\f208'; }
568 -
569 -.flaticon-search-1::before { content: '\f209'; }
570 -
571 -.flaticon-send::before { content: '\f20a'; }
572 -
573 -.flaticon-server::before { content: '\f20b'; }
574 -
575 -.flaticon-server-1::before { content: '\f20c'; }
576 -
577 -.flaticon-server-2::before { content: '\f20d'; }
578 -
579 -.flaticon-server-3::before { content: '\f20e'; }
580 -
581 -.flaticon-settings::before { content: '\f20f'; }
582 -
583 -.flaticon-settings-1::before { content: '\f210'; }
584 -
585 -.flaticon-settings-2::before { content: '\f211'; }
586 -
587 -.flaticon-settings-3::before { content: '\f212'; }
588 -
589 -.flaticon-settings-4::before { content: '\f213'; }
590 -
591 -.flaticon-settings-5::before { content: '\f214'; }
592 -
593 -.flaticon-settings-6::before { content: '\f215'; }
594 -
595 -.flaticon-settings-7::before { content: '\f216'; }
596 -
597 -.flaticon-settings-8::before { content: '\f217'; }
598 -
599 -.flaticon-settings-9::before { content: '\f218'; }
600 -
601 -.flaticon-share::before { content: '\f219'; }
602 -
603 -.flaticon-share-1::before { content: '\f21a'; }
604 -
605 -.flaticon-share-2::before { content: '\f21b'; }
606 -
607 -.flaticon-shuffle::before { content: '\f21c'; }
608 -
609 -.flaticon-shuffle-1::before { content: '\f21d'; }
610 -
611 -.flaticon-shutdown::before { content: '\f21e'; }
612 -
613 -.flaticon-sign::before { content: '\f21f'; }
614 -
615 -.flaticon-sign-1::before { content: '\f220'; }
616 -
617 -.flaticon-skip::before { content: '\f221'; }
618 -
619 -.flaticon-smartphone::before { content: '\f222'; }
620 -
621 -.flaticon-smartphone-1::before { content: '\f223'; }
622 -
623 -.flaticon-smartphone-10::before { content: '\f224'; }
624 -
625 -.flaticon-smartphone-11::before { content: '\f225'; }
626 -
627 -.flaticon-smartphone-2::before { content: '\f226'; }
628 -
629 -.flaticon-smartphone-3::before { content: '\f227'; }
630 -
631 -.flaticon-smartphone-4::before { content: '\f228'; }
632 -
633 -.flaticon-smartphone-5::before { content: '\f229'; }
634 -
635 -.flaticon-smartphone-6::before { content: '\f22a'; }
636 -
637 -.flaticon-smartphone-7::before { content: '\f22b'; }
638 -
639 -.flaticon-smartphone-8::before { content: '\f22c'; }
640 -
641 -.flaticon-smartphone-9::before { content: '\f22d'; }
642 -
643 -.flaticon-speaker::before { content: '\f22e'; }
644 -
645 -.flaticon-speaker-1::before { content: '\f22f'; }
646 -
647 -.flaticon-speaker-2::before { content: '\f230'; }
648 -
649 -.flaticon-speaker-3::before { content: '\f231'; }
650 -
651 -.flaticon-speaker-4::before { content: '\f232'; }
652 -
653 -.flaticon-speaker-5::before { content: '\f233'; }
654 -
655 -.flaticon-speaker-6::before { content: '\f234'; }
656 -
657 -.flaticon-speaker-7::before { content: '\f235'; }
658 -
659 -.flaticon-speaker-8::before { content: '\f236'; }
660 -
661 -.flaticon-spotlight::before { content: '\f237'; }
662 -
663 -.flaticon-star::before { content: '\f238'; }
664 -
665 -.flaticon-star-1::before { content: '\f239'; }
666 -
667 -.flaticon-stop::before { content: '\f23a'; }
668 -
669 -.flaticon-stop-1::before { content: '\f23b'; }
670 -
671 -.flaticon-stopwatch::before { content: '\f23c'; }
672 -
673 -.flaticon-stopwatch-1::before { content: '\f23d'; }
674 -
675 -.flaticon-stopwatch-2::before { content: '\f23e'; }
676 -
677 -.flaticon-stopwatch-3::before { content: '\f23f'; }
678 -
679 -.flaticon-stopwatch-4::before { content: '\f240'; }
680 -
681 -.flaticon-street::before { content: '\f241'; }
682 -
683 -.flaticon-street-1::before { content: '\f242'; }
684 -
685 -.flaticon-substract::before { content: '\f243'; }
686 -
687 -.flaticon-substract-1::before { content: '\f244'; }
688 -
689 -.flaticon-success::before { content: '\f245'; }
690 -
691 -.flaticon-switch::before { content: '\f246'; }
692 -
693 -.flaticon-switch-1::before { content: '\f247'; }
694 -
695 -.flaticon-switch-2::before { content: '\f248'; }
696 -
697 -.flaticon-switch-3::before { content: '\f249'; }
698 -
699 -.flaticon-switch-4::before { content: '\f24a'; }
700 -
701 -.flaticon-switch-5::before { content: '\f24b'; }
702 -
703 -.flaticon-switch-6::before { content: '\f24c'; }
704 -
705 -.flaticon-switch-7::before { content: '\f24d'; }
706 -
707 -.flaticon-tabs::before { content: '\f24e'; }
708 -
709 -.flaticon-tabs-1::before { content: '\f24f'; }
710 -
711 -.flaticon-target::before { content: '\f250'; }
712 -
713 -.flaticon-television::before { content: '\f251'; }
714 -
715 -.flaticon-television-1::before { content: '\f252'; }
716 -
717 -.flaticon-time::before { content: '\f253'; }
718 -
719 -.flaticon-trash::before { content: '\f254'; }
720 -
721 -.flaticon-umbrella::before { content: '\f255'; }
722 -
723 -.flaticon-unlink::before { content: '\f256'; }
724 -
725 -.flaticon-unlocked::before { content: '\f257'; }
726 -
727 -.flaticon-unlocked-1::before { content: '\f258'; }
728 -
729 -.flaticon-unlocked-2::before { content: '\f259'; }
730 -
731 -.flaticon-upload::before { content: '\f25a'; }
732 -
733 -.flaticon-user::before { content: '\f25b'; }
734 -
735 -.flaticon-user-1::before { content: '\f25c'; }
736 -
737 -.flaticon-user-2::before { content: '\f25d'; }
738 -
739 -.flaticon-user-3::before { content: '\f25e'; }
740 -
741 -.flaticon-user-4::before { content: '\f25f'; }
742 -
743 -.flaticon-user-5::before { content: '\f260'; }
744 -
745 -.flaticon-user-6::before { content: '\f261'; }
746 -
747 -.flaticon-user-7::before { content: '\f262'; }
748 -
749 -.flaticon-users::before { content: '\f263'; }
750 -
751 -.flaticon-users-1::before { content: '\f264'; }
752 -
753 -.flaticon-video-camera::before { content: '\f265'; }
754 -
755 -.flaticon-video-camera-1::before { content: '\f266'; }
756 -
757 -.flaticon-video-player::before { content: '\f267'; }
758 -
759 -.flaticon-video-player-1::before { content: '\f268'; }
760 -
761 -.flaticon-video-player-2::before { content: '\f269'; }
762 -
763 -.flaticon-view::before { content: '\f26a'; }
764 -
765 -.flaticon-view-1::before { content: '\f26b'; }
766 -
767 -.flaticon-view-2::before { content: '\f26c'; }
768 -
769 -.flaticon-volume-control::before { content: '\f26d'; }
770 -
771 -.flaticon-volume-control-1::before { content: '\f26e'; }
772 -
773 -.flaticon-warning::before { content: '\f26f'; }
774 -
775 -.flaticon-wifi::before { content: '\f270'; }
776 -
777 -.flaticon-wifi-1::before { content: '\f271'; }
778 -
779 -.flaticon-windows::before { content: '\f272'; }
780 -
781 -.flaticon-windows-1::before { content: '\f273'; }
782 -
783 -.flaticon-windows-2::before { content: '\f274'; }
784 -
785 -.flaticon-windows-3::before { content: '\f275'; }
786 -
787 -.flaticon-windows-4::before { content: '\f276'; }
788 -
789 -.flaticon-wireless-internet::before { content: '\f277'; }
790 -
791 -.flaticon-worldwide::before { content: '\f278'; }
792 -
793 -.flaticon-worldwide-1::before { content: '\f279'; }
794 -
795 -.flaticon-zoom-in::before { content: '\f27a'; }
796 -
797 -.flaticon-zoom-out::before { content: '\f27b'; }
798 -
799 -$font-Flaticon-add: '\f100';
800 -$font-Flaticon-add-1: '\f101';
801 -$font-Flaticon-add-2: '\f102';
802 -$font-Flaticon-add-3: '\f103';
803 -$font-Flaticon-agenda: '\f104';
804 -$font-Flaticon-alarm: '\f105';
805 -$font-Flaticon-alarm-1: '\f106';
806 -$font-Flaticon-alarm-clock: '\f107';
807 -$font-Flaticon-alarm-clock-1: '\f108';
808 -$font-Flaticon-albums: '\f109';
809 -$font-Flaticon-app: '\f10a';
810 -$font-Flaticon-archive: '\f10b';
811 -$font-Flaticon-archive-1: '\f10c';
812 -$font-Flaticon-archive-2: '\f10d';
813 -$font-Flaticon-archive-3: '\f10e';
814 -$font-Flaticon-attachment: '\f10f';
815 -$font-Flaticon-back: '\f110';
816 -$font-Flaticon-battery: '\f111';
817 -$font-Flaticon-battery-1: '\f112';
818 -$font-Flaticon-battery-2: '\f113';
819 -$font-Flaticon-battery-3: '\f114';
820 -$font-Flaticon-battery-4: '\f115';
821 -$font-Flaticon-battery-5: '\f116';
822 -$font-Flaticon-battery-6: '\f117';
823 -$font-Flaticon-battery-7: '\f118';
824 -$font-Flaticon-battery-8: '\f119';
825 -$font-Flaticon-battery-9: '\f11a';
826 -$font-Flaticon-binoculars: '\f11b';
827 -$font-Flaticon-blueprint: '\f11c';
828 -$font-Flaticon-bluetooth: '\f11d';
829 -$font-Flaticon-bluetooth-1: '\f11e';
830 -$font-Flaticon-bookmark: '\f11f';
831 -$font-Flaticon-bookmark-1: '\f120';
832 -$font-Flaticon-briefcase: '\f121';
833 -$font-Flaticon-broken-link: '\f122';
834 -$font-Flaticon-calculator: '\f123';
835 -$font-Flaticon-calculator-1: '\f124';
836 -$font-Flaticon-calendar: '\f125';
837 -$font-Flaticon-calendar-1: '\f126';
838 -$font-Flaticon-calendar-2: '\f127';
839 -$font-Flaticon-calendar-3: '\f128';
840 -$font-Flaticon-calendar-4: '\f129';
841 -$font-Flaticon-calendar-5: '\f12a';
842 -$font-Flaticon-calendar-6: '\f12b';
843 -$font-Flaticon-calendar-7: '\f12c';
844 -$font-Flaticon-checked: '\f12d';
845 -$font-Flaticon-checked-1: '\f12e';
846 -$font-Flaticon-clock: '\f12f';
847 -$font-Flaticon-clock-1: '\f130';
848 -$font-Flaticon-close: '\f131';
849 -$font-Flaticon-cloud: '\f132';
850 -$font-Flaticon-cloud-computing: '\f133';
851 -$font-Flaticon-cloud-computing-1: '\f134';
852 -$font-Flaticon-cloud-computing-2: '\f135';
853 -$font-Flaticon-cloud-computing-3: '\f136';
854 -$font-Flaticon-cloud-computing-4: '\f137';
855 -$font-Flaticon-cloud-computing-5: '\f138';
856 -$font-Flaticon-command: '\f139';
857 -$font-Flaticon-compact-disc: '\f13a';
858 -$font-Flaticon-compact-disc-1: '\f13b';
859 -$font-Flaticon-compact-disc-2: '\f13c';
860 -$font-Flaticon-compass: '\f13d';
861 -$font-Flaticon-compose: '\f13e';
862 -$font-Flaticon-controls: '\f13f';
863 -$font-Flaticon-controls-1: '\f140';
864 -$font-Flaticon-controls-2: '\f141';
865 -$font-Flaticon-controls-3: '\f142';
866 -$font-Flaticon-controls-4: '\f143';
867 -$font-Flaticon-controls-5: '\f144';
868 -$font-Flaticon-controls-6: '\f145';
869 -$font-Flaticon-controls-7: '\f146';
870 -$font-Flaticon-controls-8: '\f147';
871 -$font-Flaticon-controls-9: '\f148';
872 -$font-Flaticon-database: '\f149';
873 -$font-Flaticon-database-1: '\f14a';
874 -$font-Flaticon-database-2: '\f14b';
875 -$font-Flaticon-database-3: '\f14c';
876 -$font-Flaticon-diamond: '\f14d';
877 -$font-Flaticon-diploma: '\f14e';
878 -$font-Flaticon-dislike: '\f14f';
879 -$font-Flaticon-dislike-1: '\f150';
880 -$font-Flaticon-divide: '\f151';
881 -$font-Flaticon-divide-1: '\f152';
882 -$font-Flaticon-division: '\f153';
883 -$font-Flaticon-document: '\f154';
884 -$font-Flaticon-download: '\f155';
885 -$font-Flaticon-edit: '\f156';
886 -$font-Flaticon-edit-1: '\f157';
887 -$font-Flaticon-eject: '\f158';
888 -$font-Flaticon-eject-1: '\f159';
889 -$font-Flaticon-equal: '\f15a';
890 -$font-Flaticon-equal-1: '\f15b';
891 -$font-Flaticon-equal-2: '\f15c';
892 -$font-Flaticon-error: '\f15d';
893 -$font-Flaticon-exit: '\f15e';
894 -$font-Flaticon-exit-1: '\f15f';
895 -$font-Flaticon-exit-2: '\f160';
896 -$font-Flaticon-eyeglasses: '\f161';
897 -$font-Flaticon-fast-forward: '\f162';
898 -$font-Flaticon-fast-forward-1: '\f163';
899 -$font-Flaticon-fax: '\f164';
900 -$font-Flaticon-file: '\f165';
901 -$font-Flaticon-file-1: '\f166';
902 -$font-Flaticon-file-2: '\f167';
903 -$font-Flaticon-film: '\f168';
904 -$font-Flaticon-fingerprint: '\f169';
905 -$font-Flaticon-flag: '\f16a';
906 -$font-Flaticon-flag-1: '\f16b';
907 -$font-Flaticon-flag-2: '\f16c';
908 -$font-Flaticon-flag-3: '\f16d';
909 -$font-Flaticon-flag-4: '\f16e';
910 -$font-Flaticon-focus: '\f16f';
911 -$font-Flaticon-folder: '\f170';
912 -$font-Flaticon-folder-1: '\f171';
913 -$font-Flaticon-folder-10: '\f172';
914 -$font-Flaticon-folder-11: '\f173';
915 -$font-Flaticon-folder-12: '\f174';
916 -$font-Flaticon-folder-13: '\f175';
917 -$font-Flaticon-folder-14: '\f176';
918 -$font-Flaticon-folder-15: '\f177';
919 -$font-Flaticon-folder-16: '\f178';
920 -$font-Flaticon-folder-17: '\f179';
921 -$font-Flaticon-folder-18: '\f17a';
922 -$font-Flaticon-folder-19: '\f17b';
923 -$font-Flaticon-folder-2: '\f17c';
924 -$font-Flaticon-folder-3: '\f17d';
925 -$font-Flaticon-folder-4: '\f17e';
926 -$font-Flaticon-folder-5: '\f17f';
927 -$font-Flaticon-folder-6: '\f180';
928 -$font-Flaticon-folder-7: '\f181';
929 -$font-Flaticon-folder-8: '\f182';
930 -$font-Flaticon-folder-9: '\f183';
931 -$font-Flaticon-forbidden: '\f184';
932 -$font-Flaticon-funnel: '\f185';
933 -$font-Flaticon-garbage: '\f186';
934 -$font-Flaticon-garbage-1: '\f187';
935 -$font-Flaticon-garbage-2: '\f188';
936 -$font-Flaticon-gift: '\f189';
937 -$font-Flaticon-help: '\f18a';
938 -$font-Flaticon-hide: '\f18b';
939 -$font-Flaticon-hold: '\f18c';
940 -$font-Flaticon-home: '\f18d';
941 -$font-Flaticon-home-1: '\f18e';
942 -$font-Flaticon-home-2: '\f18f';
943 -$font-Flaticon-hourglass: '\f190';
944 -$font-Flaticon-hourglass-1: '\f191';
945 -$font-Flaticon-hourglass-2: '\f192';
946 -$font-Flaticon-hourglass-3: '\f193';
947 -$font-Flaticon-house: '\f194';
948 -$font-Flaticon-id-card: '\f195';
949 -$font-Flaticon-id-card-1: '\f196';
950 -$font-Flaticon-id-card-2: '\f197';
951 -$font-Flaticon-id-card-3: '\f198';
952 -$font-Flaticon-id-card-4: '\f199';
953 -$font-Flaticon-id-card-5: '\f19a';
954 -$font-Flaticon-idea: '\f19b';
955 -$font-Flaticon-incoming: '\f19c';
956 -$font-Flaticon-infinity: '\f19d';
957 -$font-Flaticon-info: '\f19e';
958 -$font-Flaticon-internet: '\f19f';
959 -$font-Flaticon-key: '\f1a0';
960 -$font-Flaticon-lamp: '\f1a1';
961 -$font-Flaticon-layers: '\f1a2';
962 -$font-Flaticon-layers-1: '\f1a3';
963 -$font-Flaticon-like: '\f1a4';
964 -$font-Flaticon-like-1: '\f1a5';
965 -$font-Flaticon-like-2: '\f1a6';
966 -$font-Flaticon-link: '\f1a7';
967 -$font-Flaticon-list: '\f1a8';
968 -$font-Flaticon-list-1: '\f1a9';
969 -$font-Flaticon-lock: '\f1aa';
970 -$font-Flaticon-lock-1: '\f1ab';
971 -$font-Flaticon-locked: '\f1ac';
972 -$font-Flaticon-locked-1: '\f1ad';
973 -$font-Flaticon-locked-2: '\f1ae';
974 -$font-Flaticon-locked-3: '\f1af';
975 -$font-Flaticon-locked-4: '\f1b0';
976 -$font-Flaticon-locked-5: '\f1b1';
977 -$font-Flaticon-locked-6: '\f1b2';
978 -$font-Flaticon-login: '\f1b3';
979 -$font-Flaticon-magic-wand: '\f1b4';
980 -$font-Flaticon-magnet: '\f1b5';
981 -$font-Flaticon-magnet-1: '\f1b6';
982 -$font-Flaticon-magnet-2: '\f1b7';
983 -$font-Flaticon-map: '\f1b8';
984 -$font-Flaticon-map-1: '\f1b9';
985 -$font-Flaticon-map-2: '\f1ba';
986 -$font-Flaticon-map-location: '\f1bb';
987 -$font-Flaticon-megaphone: '\f1bc';
988 -$font-Flaticon-megaphone-1: '\f1bd';
989 -$font-Flaticon-menu: '\f1be';
990 -$font-Flaticon-menu-1: '\f1bf';
991 -$font-Flaticon-menu-2: '\f1c0';
992 -$font-Flaticon-menu-3: '\f1c1';
993 -$font-Flaticon-menu-4: '\f1c2';
994 -$font-Flaticon-microphone: '\f1c3';
995 -$font-Flaticon-microphone-1: '\f1c4';
996 -$font-Flaticon-minus: '\f1c5';
997 -$font-Flaticon-minus-1: '\f1c6';
998 -$font-Flaticon-more: '\f1c7';
999 -$font-Flaticon-more-1: '\f1c8';
1000 -$font-Flaticon-more-2: '\f1c9';
1001 -$font-Flaticon-multiply: '\f1ca';
1002 -$font-Flaticon-multiply-1: '\f1cb';
1003 -$font-Flaticon-music-player: '\f1cc';
1004 -$font-Flaticon-music-player-1: '\f1cd';
1005 -$font-Flaticon-music-player-2: '\f1ce';
1006 -$font-Flaticon-music-player-3: '\f1cf';
1007 -$font-Flaticon-mute: '\f1d0';
1008 -$font-Flaticon-muted: '\f1d1';
1009 -$font-Flaticon-navigation: '\f1d2';
1010 -$font-Flaticon-navigation-1: '\f1d3';
1011 -$font-Flaticon-network: '\f1d4';
1012 -$font-Flaticon-newspaper: '\f1d5';
1013 -$font-Flaticon-next: '\f1d6';
1014 -$font-Flaticon-note: '\f1d7';
1015 -$font-Flaticon-notebook: '\f1d8';
1016 -$font-Flaticon-notebook-1: '\f1d9';
1017 -$font-Flaticon-notebook-2: '\f1da';
1018 -$font-Flaticon-notebook-3: '\f1db';
1019 -$font-Flaticon-notebook-4: '\f1dc';
1020 -$font-Flaticon-notebook-5: '\f1dd';
1021 -$font-Flaticon-notepad: '\f1de';
1022 -$font-Flaticon-notepad-1: '\f1df';
1023 -$font-Flaticon-notepad-2: '\f1e0';
1024 -$font-Flaticon-notification: '\f1e1';
1025 -$font-Flaticon-paper-plane: '\f1e2';
1026 -$font-Flaticon-paper-plane-1: '\f1e3';
1027 -$font-Flaticon-pause: '\f1e4';
1028 -$font-Flaticon-pause-1: '\f1e5';
1029 -$font-Flaticon-percent: '\f1e6';
1030 -$font-Flaticon-percent-1: '\f1e7';
1031 -$font-Flaticon-perspective: '\f1e8';
1032 -$font-Flaticon-photo-camera: '\f1e9';
1033 -$font-Flaticon-photo-camera-1: '\f1ea';
1034 -$font-Flaticon-photos: '\f1eb';
1035 -$font-Flaticon-picture: '\f1ec';
1036 -$font-Flaticon-picture-1: '\f1ed';
1037 -$font-Flaticon-picture-2: '\f1ee';
1038 -$font-Flaticon-pin: '\f1ef';
1039 -$font-Flaticon-placeholder: '\f1f0';
1040 -$font-Flaticon-placeholder-1: '\f1f1';
1041 -$font-Flaticon-placeholder-2: '\f1f2';
1042 -$font-Flaticon-placeholder-3: '\f1f3';
1043 -$font-Flaticon-placeholders: '\f1f4';
1044 -$font-Flaticon-play-button: '\f1f5';
1045 -$font-Flaticon-play-button-1: '\f1f6';
1046 -$font-Flaticon-plus: '\f1f7';
1047 -$font-Flaticon-power: '\f1f8';
1048 -$font-Flaticon-previous: '\f1f9';
1049 -$font-Flaticon-price-tag: '\f1fa';
1050 -$font-Flaticon-print: '\f1fb';
1051 -$font-Flaticon-push-pin: '\f1fc';
1052 -$font-Flaticon-radar: '\f1fd';
1053 -$font-Flaticon-reading: '\f1fe';
1054 -$font-Flaticon-record: '\f1ff';
1055 -$font-Flaticon-repeat: '\f200';
1056 -$font-Flaticon-repeat-1: '\f201';
1057 -$font-Flaticon-restart: '\f202';
1058 -$font-Flaticon-resume: '\f203';
1059 -$font-Flaticon-rewind: '\f204';
1060 -$font-Flaticon-rewind-1: '\f205';
1061 -$font-Flaticon-route: '\f206';
1062 -$font-Flaticon-save: '\f207';
1063 -$font-Flaticon-search: '\f208';
1064 -$font-Flaticon-search-1: '\f209';
1065 -$font-Flaticon-send: '\f20a';
1066 -$font-Flaticon-server: '\f20b';
1067 -$font-Flaticon-server-1: '\f20c';
1068 -$font-Flaticon-server-2: '\f20d';
1069 -$font-Flaticon-server-3: '\f20e';
1070 -$font-Flaticon-settings: '\f20f';
1071 -$font-Flaticon-settings-1: '\f210';
1072 -$font-Flaticon-settings-2: '\f211';
1073 -$font-Flaticon-settings-3: '\f212';
1074 -$font-Flaticon-settings-4: '\f213';
1075 -$font-Flaticon-settings-5: '\f214';
1076 -$font-Flaticon-settings-6: '\f215';
1077 -$font-Flaticon-settings-7: '\f216';
1078 -$font-Flaticon-settings-8: '\f217';
1079 -$font-Flaticon-settings-9: '\f218';
1080 -$font-Flaticon-share: '\f219';
1081 -$font-Flaticon-share-1: '\f21a';
1082 -$font-Flaticon-share-2: '\f21b';
1083 -$font-Flaticon-shuffle: '\f21c';
1084 -$font-Flaticon-shuffle-1: '\f21d';
1085 -$font-Flaticon-shutdown: '\f21e';
1086 -$font-Flaticon-sign: '\f21f';
1087 -$font-Flaticon-sign-1: '\f220';
1088 -$font-Flaticon-skip: '\f221';
1089 -$font-Flaticon-smartphone: '\f222';
1090 -$font-Flaticon-smartphone-1: '\f223';
1091 -$font-Flaticon-smartphone-10: '\f224';
1092 -$font-Flaticon-smartphone-11: '\f225';
1093 -$font-Flaticon-smartphone-2: '\f226';
1094 -$font-Flaticon-smartphone-3: '\f227';
1095 -$font-Flaticon-smartphone-4: '\f228';
1096 -$font-Flaticon-smartphone-5: '\f229';
1097 -$font-Flaticon-smartphone-6: '\f22a';
1098 -$font-Flaticon-smartphone-7: '\f22b';
1099 -$font-Flaticon-smartphone-8: '\f22c';
1100 -$font-Flaticon-smartphone-9: '\f22d';
1101 -$font-Flaticon-speaker: '\f22e';
1102 -$font-Flaticon-speaker-1: '\f22f';
1103 -$font-Flaticon-speaker-2: '\f230';
1104 -$font-Flaticon-speaker-3: '\f231';
1105 -$font-Flaticon-speaker-4: '\f232';
1106 -$font-Flaticon-speaker-5: '\f233';
1107 -$font-Flaticon-speaker-6: '\f234';
1108 -$font-Flaticon-speaker-7: '\f235';
1109 -$font-Flaticon-speaker-8: '\f236';
1110 -$font-Flaticon-spotlight: '\f237';
1111 -$font-Flaticon-star: '\f238';
1112 -$font-Flaticon-star-1: '\f239';
1113 -$font-Flaticon-stop: '\f23a';
1114 -$font-Flaticon-stop-1: '\f23b';
1115 -$font-Flaticon-stopwatch: '\f23c';
1116 -$font-Flaticon-stopwatch-1: '\f23d';
1117 -$font-Flaticon-stopwatch-2: '\f23e';
1118 -$font-Flaticon-stopwatch-3: '\f23f';
1119 -$font-Flaticon-stopwatch-4: '\f240';
1120 -$font-Flaticon-street: '\f241';
1121 -$font-Flaticon-street-1: '\f242';
1122 -$font-Flaticon-substract: '\f243';
1123 -$font-Flaticon-substract-1: '\f244';
1124 -$font-Flaticon-success: '\f245';
1125 -$font-Flaticon-switch: '\f246';
1126 -$font-Flaticon-switch-1: '\f247';
1127 -$font-Flaticon-switch-2: '\f248';
1128 -$font-Flaticon-switch-3: '\f249';
1129 -$font-Flaticon-switch-4: '\f24a';
1130 -$font-Flaticon-switch-5: '\f24b';
1131 -$font-Flaticon-switch-6: '\f24c';
1132 -$font-Flaticon-switch-7: '\f24d';
1133 -$font-Flaticon-tabs: '\f24e';
1134 -$font-Flaticon-tabs-1: '\f24f';
1135 -$font-Flaticon-target: '\f250';
1136 -$font-Flaticon-television: '\f251';
1137 -$font-Flaticon-television-1: '\f252';
1138 -$font-Flaticon-time: '\f253';
1139 -$font-Flaticon-trash: '\f254';
1140 -$font-Flaticon-umbrella: '\f255';
1141 -$font-Flaticon-unlink: '\f256';
1142 -$font-Flaticon-unlocked: '\f257';
1143 -$font-Flaticon-unlocked-1: '\f258';
1144 -$font-Flaticon-unlocked-2: '\f259';
1145 -$font-Flaticon-upload: '\f25a';
1146 -$font-Flaticon-user: '\f25b';
1147 -$font-Flaticon-user-1: '\f25c';
1148 -$font-Flaticon-user-2: '\f25d';
1149 -$font-Flaticon-user-3: '\f25e';
1150 -$font-Flaticon-user-4: '\f25f';
1151 -$font-Flaticon-user-5: '\f260';
1152 -$font-Flaticon-user-6: '\f261';
1153 -$font-Flaticon-user-7: '\f262';
1154 -$font-Flaticon-users: '\f263';
1155 -$font-Flaticon-users-1: '\f264';
1156 -$font-Flaticon-video-camera: '\f265';
1157 -$font-Flaticon-video-camera-1: '\f266';
1158 -$font-Flaticon-video-player: '\f267';
1159 -$font-Flaticon-video-player-1: '\f268';
1160 -$font-Flaticon-video-player-2: '\f269';
1161 -$font-Flaticon-view: '\f26a';
1162 -$font-Flaticon-view-1: '\f26b';
1163 -$font-Flaticon-view-2: '\f26c';
1164 -$font-Flaticon-volume-control: '\f26d';
1165 -$font-Flaticon-volume-control-1: '\f26e';
1166 -$font-Flaticon-warning: '\f26f';
1167 -$font-Flaticon-wifi: '\f270';
1168 -$font-Flaticon-wifi-1: '\f271';
1169 -$font-Flaticon-windows: '\f272';
1170 -$font-Flaticon-windows-1: '\f273';
1171 -$font-Flaticon-windows-2: '\f274';
1172 -$font-Flaticon-windows-3: '\f275';
1173 -$font-Flaticon-windows-4: '\f276';
1174 -$font-Flaticon-wireless-internet: '\f277';
1175 -$font-Flaticon-worldwide: '\f278';
1176 -$font-Flaticon-worldwide-1: '\f279';
1177 -$font-Flaticon-zoom-in: '\f27a';
1178 -$font-Flaticon-zoom-out: '\f27b';
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
1 import React, { PureComponent } from 'react'; 1 import React, { PureComponent } from 'react';
2 import { connect } from 'react-redux'; 2 import { connect } from 'react-redux';
3 import Widget from '../../components/Widget/Widget'; 3 import Widget from '../../components/Widget/Widget';
4 +import {
5 + Row,
6 + Col,
7 + Button,
8 + Form,
9 + FormGroup,
10 + Label,
11 +} from 'reactstrap';
12 +import s from './Subject.module.scss';
4 13
5 class Subject extends PureComponent { 14 class Subject extends PureComponent {
15 + constructor(props) {
16 + super(props);
17 + this.onChangeInputImage = this.onChangeInputImage.bind(this);
18 + this.state = {
19 + defaultSelectVal: 'Andromeda',
20 + imageFiles: [],
21 + };
22 + }
23 +
24 + onChangeInputImage(e) {
25 + const files = [];
26 + const reader = new FileReader();
27 + files.push(e.target.files[0]);
28 + reader.onloadend = () => {
29 + files[0].preview = reader.result;
30 + files[0].toUpload = true;
31 + this.setState({
32 + imageFiles: files,
33 + });
34 + };
35 + reader.readAsDataURL(e.target.files[0]);
36 + }
37 +
6 async componentDidUpdate() { 38 async componentDidUpdate() {
7 const isReceivingData = true; 39 const isReceivingData = true;
8 } 40 }
9 41
10 render() { 42 render() {
11 const isReceivingData = true; 43 const isReceivingData = true;
12 -
13 const display = isReceivingData ? 'none' : 'block'; 44 const display = isReceivingData ? 'none' : 'block';
14 const style = { 45 const style = {
15 height: '1200px', 46 height: '1200px',
16 display: display 47 display: display
17 }; 48 };
18 - 49 + console.log(this.state.imageFiles)
19 return ( 50 return (
20 - <div> 51 + <div className={s.root}>
21 - <h1 className="page-title mb-xlg mt-lg">Photo <small> registration</small></h1> 52 + <h1 className="page-title mb-xlg mt-lg">Photo <small>Upload</small></h1>
22 - <Widget 53 + <Row>
23 - title={<h5><span className="fw-semi-bold">registrate photos</span></h5>} 54 + <Col lg="6" md={12}>
24 - fetchingData={true}> 55 + <Widget
25 - <div> 56 + >
26 - <div className="text-center"style={style} /> 57 + <Form>
27 - <p className="fs-mini text-muted"> 58 + <blockquote className="blockquote blockquote-reverse">
28 - Stacked charts are excellent to track some dynamics within declared categories. An example of this 59 + <p>침입자로 분류하지 않을 방문자의 사진을 업로드 하세요.</p>
29 - can be seen above. To create a Stacked Bar chart use <code>Bar(options)</code> and 60 + </blockquote>
30 - set <code>stacked</code>, option to true. 61 +
31 - </p> 62 + <FormGroup row>
32 - </div> 63 + <Label md="2" className="text-md-right">
33 - </Widget> 64 + Image upload
65 + </Label>
66 + <Col md="8">
67 + <input
68 + accept="image/*" onChange={this.onChangeInputImage}
69 + id="fileupload2"
70 + type="file" name="file" className="display-none"
71 + />
72 + <div className="fileinput fileinput-new fileinput-fix">
73 + <div className="fileinput-new thumbnail">
74 + {this.state.imageFiles.length > 0 ? <div>
75 + {this.state.imageFiles.map((file, idx) => (
76 + <img alt="..." src={file.preview} key={`img-id-${idx.toString()}`} />))}
77 + </div> : <img
78 + alt="..."
79 + src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOTEiIGhlaWdodD0iMTQxIj48cmVjdCB3aWR0aD0iMTkxIiBoZWlnaHQ9IjE0MSIgZmlsbD0iI2VlZSIvPjx0ZXh0IHRleHQtYW5jaG9yPSJtaWRkbGUiIHg9Ijk1LjUiIHk9IjcwLjUiIHN0eWxlPSJmaWxsOiNhYWE7Zm9udC13ZWlnaHQ6Ym9sZDtmb250LXNpemU6MTJweDtmb250LWZhbWlseTpBcmlhbCxIZWx2ZXRpY2Esc2Fucy1zZXJpZjtkb21pbmFudC1iYXNlbGluZTpjZW50cmFsIj4xOTF4MTQxPC90ZXh0Pjwvc3ZnPg=="
80 + />}
81 + </div>
82 + </div>
83 + <div>
84 + <Button type="button" color="default"><Label>Select image</Label></Button>
85 + </div>
86 + {/* <div>
87 + <Button type="button" color="default"><Label for="fileupload2">Select
88 + image</Label></Button>
89 + </div> */}
90 + </Col>
91 + </FormGroup>
92 + </Form>
93 + </Widget>
94 + </Col>
95 + </Row>
34 </div> 96 </div>
35 ); 97 );
36 } 98 }
......
1 +@import '../../styles/app';
2 +
3 +:global {
4 +// @import '../../../../node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg';
5 +// @import '../../../../node_modules/react-select2-wrapper/css/select2';
6 +// @import '../../../../node_modules/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox';
7 +// @import '../../../../node_modules/react-datetime/css/react-datetime';
8 +// @import '../../../../node_modules/rc-color-picker/dist/rc-color-picker';
9 +// @import '../../../../node_modules/bootstrap-slider/dist/css/bootstrap-slider';
10 +// @import '../../../../node_modules/jasny-bootstrap/dist/css/jasny-bootstrap';
11 +// @import '../../../../node_modules/react-mde/lib/styles/scss/react-mde-all';
12 +}
13 +
14 +.autogrow {
15 + overflow: hidden;
16 + resize: none;
17 +}
18 +
19 +.wysiwygWrapper {
20 + border: 1px solid #ccc !important;
21 + overflow: visible;
22 + height: 270px;
23 +}
24 +
25 +.wysiwygToolbar {
26 + color: $gray-800 !important;
27 + background-color: #ddd !important;
28 + border-color: transparent !important;
29 +
30 + :global {
31 + .rdw-option-wrapper {
32 + font-family: 'Open Sans', sans-serif;
33 + font-size: 14px;
34 + height: 30px;
35 + min-width: 30px;
36 + margin: 0;
37 + background: #f8f8f8;
38 + }
39 +
40 + .rdw-dropdown-wrapper {
41 + background: #f8f8f8;
42 + }
43 + }
44 +}
45 +
46 +.wysiwygEditor {
47 + position: relative !important;
48 + overflow: hidden !important;
49 + height: 150px;
50 + line-height: 0.1;
51 +}
52 +
53 +.select2 {
54 + :global {
55 + .select2-container {
56 + width: 100% !important;
57 + }
58 +
59 + .select2-selection--single {
60 + border-color: $input-border-color;
61 +
62 + &,
63 + & :global .select2-selection__arrow {
64 + height: $input-height;
65 + }
66 +
67 + & :global .select2-selection__rendered {
68 + line-height: $input-height;
69 + }
70 + }
71 + }
72 +}
73 +
74 +.root {
75 + :global {
76 + /*
77 + * Switchery.
78 + */
79 +
80 + .abc-checkbox,
81 + .abc-radio {
82 + .form-check-input {
83 + position: relative;
84 + margin: 0;
85 + }
86 + }
87 +
88 + .display-inline-block {
89 + display: inline-block;
90 + }
91 +
92 + .display-none {
93 + display: none;
94 + }
95 +
96 + .switch {
97 + box-sizing: content-box;
98 + }
99 +
100 + .switch input {
101 + display: none;
102 + }
103 +
104 + .switch i {
105 + display: inline-block;
106 + cursor: pointer;
107 + padding-right: 20px;
108 + transition: all ease 0.2s;
109 + -webkit-transition: all ease 0.2s;
110 + border-radius: 20px;
111 + box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
112 + }
113 +
114 + .switch i::before {
115 + display: block;
116 + content: '';
117 + width: 30px;
118 + height: 30px;
119 + padding: 1px;
120 + border-radius: 20px;
121 + background: white;
122 + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
123 + }
124 +
125 + .switch :checked + i {
126 + padding-right: 0;
127 + padding-left: 20px;
128 + background: rgb(100, 189, 99);
129 + }
130 +
131 + /* Datepicker */
132 +
133 + .datepicker {
134 + .input-group-addon {
135 + display: inline-block;
136 + position: relative;
137 + top: -2px;
138 + left: -2px;
139 + }
140 +
141 + i.glyphicon {
142 + vertical-align: top;
143 + }
144 +
145 + .rdt {
146 + display: inline-block;
147 + }
148 + }
149 +
150 + /* slider */
151 +
152 + $slider-line-height: 8px;
153 + $slider-handle-size: 26px;
154 +
155 + .slider {
156 + display: inline-block;
157 + vertical-align: middle;
158 + position: relative;
159 +
160 + .slider-handle {
161 + position: absolute;
162 + width: $slider-handle-size;
163 + height: $slider-handle-size;
164 + background: $white;
165 + border: 0 solid transparent;
166 +
167 + @include box-shadow(inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 3px rgba(0, 0, 0, 5));
168 +
169 + &:focus {
170 + outline: 0;
171 + }
172 +
173 + &.round {
174 + border-radius: 50%;
175 + }
176 +
177 + &.triangle {
178 + background: transparent none;
179 + }
180 + }
181 +
182 + &.slider-horizontal {
183 + width: 210px;
184 + height: $slider-line-height;
185 +
186 + .slider-track {
187 + height: $slider-line-height/2;
188 + width: 100%;
189 + margin-top: -$slider-line-height/4;
190 + top: 50%;
191 + left: 0;
192 + }
193 +
194 + .slider-selection {
195 + height: 100%;
196 + top: 0;
197 + bottom: 0;
198 + }
199 +
200 + .slider-handle {
201 + margin-left: -$slider-handle-size/2;
202 + margin-top: -$slider-handle-size*3/8;
203 +
204 + &.triangle {
205 + border-width: 0 $slider-line-height/2 $slider-line-height/2 $slider-line-height/2;
206 + width: 0;
207 + height: 0;
208 + border-bottom-color: #0480be;
209 + margin-top: 0;
210 + }
211 + }
212 + }
213 +
214 + &.slider-vertical {
215 + height: 210px;
216 + width: $slider-line-height;
217 +
218 + .slider-track {
219 + width: $slider-line-height/2;
220 + height: 100%;
221 + margin-left: -$slider-line-height/4;
222 + left: 50%;
223 + top: 0;
224 + }
225 +
226 + .slider-selection {
227 + width: 100%;
228 + left: 0;
229 + top: 0;
230 + bottom: 0;
231 + }
232 +
233 + .slider-handle {
234 + margin-left: -$slider-handle-size*3/8;
235 + margin-top: -$slider-handle-size/2;
236 +
237 + &.triangle {
238 + border-width: $slider-line-height/2 0 $slider-line-height/2 $slider-line-height/2;
239 + width: 1px;
240 + height: 1px;
241 + border-left-color: #0480be;
242 + margin-left: 0;
243 + }
244 + }
245 + }
246 +
247 + &.slider-disabled {
248 + .slider-handle {
249 + // @include gradient-y(#dfdfdf, #bebebe);
250 + }
251 +
252 + .slider-track {
253 + @include gradient-y(#e5e5e5, #e9e9e9);
254 +
255 + cursor: not-allowed;
256 + }
257 + }
258 +
259 + input {
260 + display: none;
261 + }
262 +
263 + .tooltip-inner {
264 + white-space: nowrap;
265 + }
266 + }
267 +
268 + .slider-selection {
269 + position: absolute;
270 + background: theme-color('primary');
271 +
272 + @include box-shadow(inset 0 -1px 0 rgba(0, 0, 0, 0.15));
273 +
274 + box-sizing: border-box;
275 + border-radius: $border-radius;
276 + }
277 +
278 + .slider-danger .slider .slider-selection {
279 + background: theme-color('danger'); // $brand-danger;
280 + }
281 +
282 + .slider-success .slider .slider-selection {
283 + background: theme-color('success'); // $brand-success;
284 + }
285 +
286 + .slider-warning .slider .slider-selection {
287 + background: theme-color('warning'); // $brand-warning;
288 + }
289 +
290 + .slider-info .slider .slider-selection {
291 + background: theme-color('info'); // $brand-info;
292 + }
293 +
294 + .slider-inverse .slider .slider-selection {
295 + background: $gray-700; // $gray;
296 + }
297 +
298 + .slider-track {
299 + position: absolute;
300 + cursor: pointer;
301 + border-radius: $border-radius;
302 +
303 + @include gradient-y(#eee, #f8f8f8);
304 + @include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.1));
305 + }
306 +
307 + /* file input */
308 +
309 + .fileinput.fileinput-new {
310 + .thumbnail {
311 + padding: $thumbnail-padding;
312 + line-height: $line-height-base;
313 + background-color: $thumbnail-bg;
314 + border: $thumbnail-border-width solid $thumbnail-border-color;
315 + border-radius: $thumbnail-border-radius;
316 + transition: all 0.2s ease-in-out;
317 +
318 + @include box-shadow(0 1px 2px rgba(0, 0, 0, 0.075));
319 + }
320 +
321 + &.fileinput-fix {
322 + width: 200px;
323 + height: 150px;
324 + }
325 + }
326 +
327 + .btn {
328 + label {
329 + margin-bottom: 0;
330 + }
331 + }
332 +
333 + .fileinput-preview.fileinput-exists {
334 + border: 1px solid $input-border-color;
335 + border-radius: $border-radius;
336 + padding: 5px;
337 + }
338 +
339 + .fileinput.input-group {
340 + display: flex;
341 + }
342 +
343 + .fileinput-new.input-group .btn-file,
344 + .fileinput-new .input-group .btn-file {
345 + border-radius: 0 $border-radius $border-radius 0;
346 +
347 + &.btn-xs,
348 + &.btn-sm {
349 + border-radius: 0 $border-radius-sm $border-radius-sm 0;
350 + }
351 +
352 + &.btn-lg {
353 + border-radius: 0 $border-radius-lg $border-radius-lg 0;
354 + }
355 + }
356 +
357 + .form-group.has-warning .fileinput {
358 + .fileinput-preview {
359 + color: #fff;
360 + }
361 +
362 + .thumbnail {
363 + border-color: theme-color('warning');
364 + }
365 + }
366 +
367 + .form-group.has-error .fileinput {
368 + .fileinput-preview {
369 + color: #fff;
370 + }
371 +
372 + .thumbnail {
373 + border-color: theme-color('danger');
374 + }
375 + }
376 +
377 + .form-group.has-success .fileinput {
378 + .fileinput-preview {
379 + color: #fff;
380 + }
381 +
382 + .thumbnail {
383 + border-color: theme-color('success');
384 + }
385 + }
386 +
387 + .btn-label {
388 + background: transparent;
389 + left: 2px;
390 + padding: 1px 6px;
391 + }
392 +
393 + // Opposite alignment of blockquote
394 + .blockquote {
395 + padding: ($spacer / 2) $spacer;
396 + margin-bottom: $spacer;
397 + font-size: $blockquote-font-size;
398 + border-left: 0.25rem solid $gray-300;
399 + }
400 +
401 + .blockquote footer {
402 + display: block;
403 + font-size: 80%; // back to default font-size
404 + color: $blockquote-small-color;
405 +
406 + &::before {
407 + content: '\2014 \00A0'; // em dash, nbsp
408 + }
409 + }
410 +
411 + .blockquote-reverse {
412 + padding-right: $spacer;
413 + padding-left: 0;
414 + text-align: right;
415 + border-right: 0.25rem solid $gray-300;
416 + border-left: 0;
417 + }
418 +
419 + .blockquote-reverse footer {
420 + &::before {
421 + content: '';
422 + }
423 +
424 + &::after {
425 + content: '\00A0 \2014'; // nbsp, em dash
426 + }
427 + }
428 + }
429 +}
430 +
431 +.dropzone {
432 + width: 100%;
433 + text-align: center;
434 + padding: 40px 10px;
435 + height: 200px;
436 + border: 2px dashed #ccc;
437 +
438 + @include border-radius($border-radius);
439 +
440 + img {
441 + max-height: 100px;
442 + max-width: 150px;
443 + border-radius: 5px;
444 + }
445 +}