diff --git a/files/assets/icon/feather/css/feather.css b/files/assets/icon/feather/css/feather.css
index c7b7fb35..6eb140b2 100644
--- a/files/assets/icon/feather/css/feather.css
+++ b/files/assets/icon/feather/css/feather.css
@@ -1,16 +1,18 @@
-
@font-face {
font-family: "feather";
- src: url('../fonts/feather.eot?t=1501841394106'); /* IE9*/
- src: url('../fonts/feather.eot?t=1501841394106#iefix') format('embedded-opentype'), /* IE6-IE8 */
- url('../fonts/feather.woff?t=1501841394106') format('woff'), /* chrome, firefox */
- url('../fonts/feather.ttf?t=1501841394106') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
- url('../fonts/feather.svg?t=1501841394106#feather') format('svg'); /* iOS 4.1- */
+ src: url("../fonts/feather.eot?t=1501841394106"); /* IE9*/
+ src: url("../fonts/feather.eot?t=1501841394106#iefix")
+ format("embedded-opentype"),
+ /* IE6-IE8 */ url("../fonts/feather.woff?t=1501841394106") format("woff"),
+ /* chrome, firefox */ url("../fonts/feather.ttf?t=1501841394106")
+ format("truetype"),
+ /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+ url("../fonts/feather.svg?t=1501841394106#feather") format("svg"); /* iOS 4.1- */
}
.feather {
/* use !important to prevent issues with browser extensions that change fonts */
- font-family: 'feather' !important;
+ font-family: "feather" !important;
speak: none;
font-style: normal;
font-weight: normal;
@@ -23,486 +25,971 @@
-moz-osx-font-smoothing: grayscale;
}
-.icon-alert-octagon:before { content: "\e81b"; }
+.icon-alert-octagon:before {
+ content: "\e81b";
+}
-.icon-alert-circle:before { content: "\e81c"; }
+.icon-alert-circle:before {
+ content: "\e81c";
+}
-.icon-activity:before { content: "\e81d"; }
+.icon-activity:before {
+ content: "\e81d";
+}
-.icon-alert-triangle:before { content: "\e81e"; }
+.icon-alert-triangle:before {
+ content: "\e81e";
+}
-.icon-align-center:before { content: "\e81f"; }
+.icon-align-center:before {
+ content: "\e81f";
+}
-.icon-airplay:before { content: "\e820"; }
+.icon-airplay:before {
+ content: "\e820";
+}
-.icon-align-justify:before { content: "\e821"; }
+.icon-align-justify:before {
+ content: "\e821";
+}
-.icon-align-left:before { content: "\e822"; }
+.icon-align-left:before {
+ content: "\e822";
+}
-.icon-align-right:before { content: "\e823"; }
+.icon-align-right:before {
+ content: "\e823";
+}
-.icon-arrow-down-left:before { content: "\e824"; }
+.icon-arrow-down-left:before {
+ content: "\e824";
+}
-.icon-arrow-down-right:before { content: "\e825"; }
+.icon-arrow-down-right:before {
+ content: "\e825";
+}
-.icon-anchor:before { content: "\e826"; }
+.icon-anchor:before {
+ content: "\e826";
+}
-.icon-aperture:before { content: "\e827"; }
+.icon-aperture:before {
+ content: "\e827";
+}
-.icon-arrow-left:before { content: "\e828"; }
+.icon-arrow-left:before {
+ content: "\e828";
+}
-.icon-arrow-right:before { content: "\e829"; }
+.icon-arrow-right:before {
+ content: "\e829";
+}
-.icon-arrow-down:before { content: "\e82a"; }
+.icon-arrow-down:before {
+ content: "\e82a";
+}
-.icon-arrow-up-left:before { content: "\e82b"; }
+.icon-arrow-up-left:before {
+ content: "\e82b";
+}
-.icon-arrow-up-right:before { content: "\e82c"; }
+.icon-arrow-up-right:before {
+ content: "\e82c";
+}
-.icon-arrow-up:before { content: "\e82d"; }
+.icon-arrow-up:before {
+ content: "\e82d";
+}
-.icon-award:before { content: "\e82e"; }
+.icon-award:before {
+ content: "\e82e";
+}
-.icon-bar-chart:before { content: "\e82f"; }
+.icon-bar-chart:before {
+ content: "\e82f";
+}
-.icon-at-sign:before { content: "\e830"; }
+.icon-at-sign:before {
+ content: "\e830";
+}
-.icon-bar-chart-2:before { content: "\e831"; }
+.icon-bar-chart-2:before {
+ content: "\e831";
+}
-.icon-battery-charging:before { content: "\e832"; }
+.icon-battery-charging:before {
+ content: "\e832";
+}
-.icon-bell-off:before { content: "\e833"; }
+.icon-bell-off:before {
+ content: "\e833";
+}
-.icon-battery:before { content: "\e834"; }
+.icon-battery:before {
+ content: "\e834";
+}
-.icon-bluetooth:before { content: "\e835"; }
+.icon-bluetooth:before {
+ content: "\e835";
+}
-.icon-bell:before { content: "\e836"; }
+.icon-bell:before {
+ content: "\e836";
+}
-.icon-book:before { content: "\e837"; }
+.icon-book:before {
+ content: "\e837";
+}
-.icon-briefcase:before { content: "\e838"; }
+.icon-briefcase:before {
+ content: "\e838";
+}
-.icon-camera-off:before { content: "\e839"; }
+.icon-camera-off:before {
+ content: "\e839";
+}
-.icon-calendar:before { content: "\e83a"; }
+.icon-calendar:before {
+ content: "\e83a";
+}
-.icon-bookmark:before { content: "\e83b"; }
+.icon-bookmark:before {
+ content: "\e83b";
+}
-.icon-box:before { content: "\e83c"; }
+.icon-box:before {
+ content: "\e83c";
+}
-.icon-camera:before { content: "\e83d"; }
+.icon-camera:before {
+ content: "\e83d";
+}
-.icon-check-circle:before { content: "\e83e"; }
+.icon-check-circle:before {
+ content: "\e83e";
+}
-.icon-check:before { content: "\e83f"; }
+.icon-check:before {
+ content: "\e83f";
+}
-.icon-check-square:before { content: "\e840"; }
+.icon-check-square:before {
+ content: "\e840";
+}
-.icon-cast:before { content: "\e841"; }
+.icon-cast:before {
+ content: "\e841";
+}
-.icon-chevron-down:before { content: "\e842"; }
+.icon-chevron-down:before {
+ content: "\e842";
+}
-.icon-chevron-left:before { content: "\e843"; }
+.icon-chevron-left:before {
+ content: "\e843";
+}
-.icon-chevron-right:before { content: "\e844"; }
+.icon-chevron-right:before {
+ content: "\e844";
+}
-.icon-chevron-up:before { content: "\e845"; }
+.icon-chevron-up:before {
+ content: "\e845";
+}
-.icon-chevrons-down:before { content: "\e846"; }
+.icon-chevrons-down:before {
+ content: "\e846";
+}
-.icon-chevrons-right:before { content: "\e847"; }
+.icon-chevrons-right:before {
+ content: "\e847";
+}
-.icon-chevrons-up:before { content: "\e848"; }
+.icon-chevrons-up:before {
+ content: "\e848";
+}
-.icon-chevrons-left:before { content: "\e849"; }
+.icon-chevrons-left:before {
+ content: "\e849";
+}
-.icon-circle:before { content: "\e84a"; }
+.icon-circle:before {
+ content: "\e84a";
+}
-.icon-clipboard:before { content: "\e84b"; }
+.icon-clipboard:before {
+ content: "\e84b";
+}
-.icon-chrome:before { content: "\e84c"; }
+.icon-chrome:before {
+ content: "\e84c";
+}
-.icon-clock:before { content: "\e84d"; }
+.icon-clock:before {
+ content: "\e84d";
+}
-.icon-cloud-lightning:before { content: "\e84e"; }
+.icon-cloud-lightning:before {
+ content: "\e84e";
+}
-.icon-cloud-drizzle:before { content: "\e84f"; }
+.icon-cloud-drizzle:before {
+ content: "\e84f";
+}
-.icon-cloud-rain:before { content: "\e850"; }
+.icon-cloud-rain:before {
+ content: "\e850";
+}
-.icon-cloud-off:before { content: "\e851"; }
+.icon-cloud-off:before {
+ content: "\e851";
+}
-.icon-codepen:before { content: "\e852"; }
+.icon-codepen:before {
+ content: "\e852";
+}
-.icon-cloud-snow:before { content: "\e853"; }
+.icon-cloud-snow:before {
+ content: "\e853";
+}
-.icon-compass:before { content: "\e854"; }
+.icon-compass:before {
+ content: "\e854";
+}
-.icon-copy:before { content: "\e855"; }
+.icon-copy:before {
+ content: "\e855";
+}
-.icon-corner-down-right:before { content: "\e856"; }
+.icon-corner-down-right:before {
+ content: "\e856";
+}
-.icon-corner-down-left:before { content: "\e857"; }
+.icon-corner-down-left:before {
+ content: "\e857";
+}
-.icon-corner-left-down:before { content: "\e858"; }
+.icon-corner-left-down:before {
+ content: "\e858";
+}
-.icon-corner-left-up:before { content: "\e859"; }
+.icon-corner-left-up:before {
+ content: "\e859";
+}
-.icon-corner-up-left:before { content: "\e85a"; }
+.icon-corner-up-left:before {
+ content: "\e85a";
+}
-.icon-corner-up-right:before { content: "\e85b"; }
+.icon-corner-up-right:before {
+ content: "\e85b";
+}
-.icon-corner-right-down:before { content: "\e85c"; }
+.icon-corner-right-down:before {
+ content: "\e85c";
+}
-.icon-corner-right-up:before { content: "\e85d"; }
+.icon-corner-right-up:before {
+ content: "\e85d";
+}
-.icon-cpu:before { content: "\e85e"; }
+.icon-cpu:before {
+ content: "\e85e";
+}
-.icon-credit-card:before { content: "\e85f"; }
+.icon-credit-card:before {
+ content: "\e85f";
+}
-.icon-crosshair:before { content: "\e860"; }
+.icon-crosshair:before {
+ content: "\e860";
+}
-.icon-disc:before { content: "\e861"; }
+.icon-disc:before {
+ content: "\e861";
+}
-.icon-delete:before { content: "\e862"; }
+.icon-delete:before {
+ content: "\e862";
+}
-.icon-download-cloud:before { content: "\e863"; }
+.icon-download-cloud:before {
+ content: "\e863";
+}
-.icon-download:before { content: "\e864"; }
+.icon-download:before {
+ content: "\e864";
+}
-.icon-droplet:before { content: "\e865"; }
+.icon-droplet:before {
+ content: "\e865";
+}
-.icon-edit-2:before { content: "\e866"; }
+.icon-edit-2:before {
+ content: "\e866";
+}
-.icon-edit:before { content: "\e867"; }
+.icon-edit:before {
+ content: "\e867";
+}
-.icon-edit-1:before { content: "\e868"; }
+.icon-edit-1:before {
+ content: "\e868";
+}
-.icon-external-link:before { content: "\e869"; }
+.icon-external-link:before {
+ content: "\e869";
+}
-.icon-eye:before { content: "\e86a"; }
+.icon-eye:before {
+ content: "\e86a";
+}
-.icon-feather:before { content: "\e86b"; }
+.icon-feather:before {
+ content: "\e86b";
+}
-.icon-facebook:before { content: "\e86c"; }
+.icon-facebook:before {
+ content: "\e86c";
+}
-.icon-file-minus:before { content: "\e86d"; }
+.icon-file-minus:before {
+ content: "\e86d";
+}
-.icon-eye-off:before { content: "\e86e"; }
+.icon-eye-off:before {
+ content: "\e86e";
+}
-.icon-fast-forward:before { content: "\e86f"; }
+.icon-fast-forward:before {
+ content: "\e86f";
+}
-.icon-file-text:before { content: "\e870"; }
+.icon-file-text:before {
+ content: "\e870";
+}
-.icon-film:before { content: "\e871"; }
+.icon-film:before {
+ content: "\e871";
+}
-.icon-file:before { content: "\e872"; }
+.icon-file:before {
+ content: "\e872";
+}
-.icon-file-plus:before { content: "\e873"; }
+.icon-file-plus:before {
+ content: "\e873";
+}
-.icon-folder:before { content: "\e874"; }
+.icon-folder:before {
+ content: "\e874";
+}
-.icon-filter:before { content: "\e875"; }
+.icon-filter:before {
+ content: "\e875";
+}
-.icon-flag:before { content: "\e876"; }
+.icon-flag:before {
+ content: "\e876";
+}
-.icon-globe:before { content: "\e877"; }
+.icon-globe:before {
+ content: "\e877";
+}
-.icon-grid:before { content: "\e878"; }
+.icon-grid:before {
+ content: "\e878";
+}
-.icon-heart:before { content: "\e879"; }
+.icon-heart:before {
+ content: "\e879";
+}
-.icon-home:before { content: "\e87a"; }
+.icon-home:before {
+ content: "\e87a";
+}
-.icon-github:before { content: "\e87b"; }
+.icon-github:before {
+ content: "\e87b";
+}
-.icon-image:before { content: "\e87c"; }
+.icon-image:before {
+ content: "\e87c";
+}
-.icon-inbox:before { content: "\e87d"; }
+.icon-inbox:before {
+ content: "\e87d";
+}
-.icon-layers:before { content: "\e87e"; }
+.icon-layers:before {
+ content: "\e87e";
+}
-.icon-info:before { content: "\e87f"; }
+.icon-info:before {
+ content: "\e87f";
+}
-.icon-instagram:before { content: "\e880"; }
+.icon-instagram:before {
+ content: "\e880";
+}
-.icon-layout:before { content: "\e881"; }
+.icon-layout:before {
+ content: "\e881";
+}
-.icon-link-2:before { content: "\e882"; }
+.icon-link-2:before {
+ content: "\e882";
+}
-.icon-life-buoy:before { content: "\e883"; }
+.icon-life-buoy:before {
+ content: "\e883";
+}
-.icon-link:before { content: "\e884"; }
+.icon-link:before {
+ content: "\e884";
+}
-.icon-log-in:before { content: "\e885"; }
+.icon-log-in:before {
+ content: "\e885";
+}
-.icon-list:before { content: "\e886"; }
+.icon-list:before {
+ content: "\e886";
+}
-.icon-lock:before { content: "\e887"; }
+.icon-lock:before {
+ content: "\e887";
+}
-.icon-log-out:before { content: "\e888"; }
+.icon-log-out:before {
+ content: "\e888";
+}
-.icon-loader:before { content: "\e889"; }
+.icon-loader:before {
+ content: "\e889";
+}
-.icon-mail:before { content: "\e88a"; }
+.icon-mail:before {
+ content: "\e88a";
+}
-.icon-maximize-2:before { content: "\e88b"; }
+.icon-maximize-2:before {
+ content: "\e88b";
+}
-.icon-map:before { content: "\e88c"; }
+.icon-map:before {
+ content: "\e88c";
+}
-.icon-map-pin:before { content: "\e88e"; }
+.icon-map-pin:before {
+ content: "\e88e";
+}
-.icon-menu:before { content: "\e88f"; }
+.icon-menu:before {
+ content: "\e88f";
+ margin-left: 20px;
+}
-.icon-message-circle:before { content: "\e890"; }
+.icon-message-circle:before {
+ content: "\e890";
+}
-.icon-message-square:before { content: "\e891"; }
+.icon-message-square:before {
+ content: "\e891";
+}
-.icon-minimize-2:before { content: "\e892"; }
+.icon-minimize-2:before {
+ content: "\e892";
+}
-.icon-mic-off:before { content: "\e893"; }
+.icon-mic-off:before {
+ content: "\e893";
+}
-.icon-minus-circle:before { content: "\e894"; }
+.icon-minus-circle:before {
+ content: "\e894";
+}
-.icon-mic:before { content: "\e895"; }
+.icon-mic:before {
+ content: "\e895";
+}
-.icon-minus-square:before { content: "\e896"; }
+.icon-minus-square:before {
+ content: "\e896";
+}
-.icon-minus:before { content: "\e897"; }
+.icon-minus:before {
+ content: "\e897";
+}
-.icon-moon:before { content: "\e898"; }
+.icon-moon:before {
+ content: "\e898";
+}
-.icon-monitor:before { content: "\e899"; }
+.icon-monitor:before {
+ content: "\e899";
+}
-.icon-more-vertical:before { content: "\e89a"; }
+.icon-more-vertical:before {
+ content: "\e89a";
+}
-.icon-more-horizontal:before { content: "\e89b"; }
+.icon-more-horizontal:before {
+ content: "\e89b";
+}
-.icon-move:before { content: "\e89c"; }
+.icon-move:before {
+ content: "\e89c";
+}
-.icon-music:before { content: "\e89d"; }
+.icon-music:before {
+ content: "\e89d";
+}
-.icon-navigation-2:before { content: "\e89e"; }
+.icon-navigation-2:before {
+ content: "\e89e";
+}
-.icon-navigation:before { content: "\e89f"; }
+.icon-navigation:before {
+ content: "\e89f";
+}
-.icon-octagon:before { content: "\e8a0"; }
+.icon-octagon:before {
+ content: "\e8a0";
+}
-.icon-package:before { content: "\e8a1"; }
+.icon-package:before {
+ content: "\e8a1";
+}
-.icon-pause-circle:before { content: "\e8a2"; }
+.icon-pause-circle:before {
+ content: "\e8a2";
+}
-.icon-pause:before { content: "\e8a3"; }
+.icon-pause:before {
+ content: "\e8a3";
+}
-.icon-percent:before { content: "\e8a4"; }
+.icon-percent:before {
+ content: "\e8a4";
+}
-.icon-phone-call:before { content: "\e8a5"; }
+.icon-phone-call:before {
+ content: "\e8a5";
+}
-.icon-phone-forwarded:before { content: "\e8a6"; }
+.icon-phone-forwarded:before {
+ content: "\e8a6";
+}
-.icon-phone-missed:before { content: "\e8a7"; }
+.icon-phone-missed:before {
+ content: "\e8a7";
+}
-.icon-phone-off:before { content: "\e8a8"; }
+.icon-phone-off:before {
+ content: "\e8a8";
+}
-.icon-phone-incoming:before { content: "\e8a9"; }
+.icon-phone-incoming:before {
+ content: "\e8a9";
+}
-.icon-phone:before { content: "\e8aa"; }
+.icon-phone:before {
+ content: "\e8aa";
+}
-.icon-phone-outgoing:before { content: "\e8ab"; }
+.icon-phone-outgoing:before {
+ content: "\e8ab";
+}
-.icon-pie-chart:before { content: "\e8ac"; }
+.icon-pie-chart:before {
+ content: "\e8ac";
+}
-.icon-play-circle:before { content: "\e8ad"; }
+.icon-play-circle:before {
+ content: "\e8ad";
+}
-.icon-play:before { content: "\e8ae"; }
+.icon-play:before {
+ content: "\e8ae";
+}
-.icon-plus-square:before { content: "\e8af"; }
+.icon-plus-square:before {
+ content: "\e8af";
+}
-.icon-plus-circle:before { content: "\e8b0"; }
+.icon-plus-circle:before {
+ content: "\e8b0";
+}
-.icon-plus:before { content: "\e8b1"; }
+.icon-plus:before {
+ content: "\e8b1";
+}
-.icon-pocket:before { content: "\e8b2"; }
+.icon-pocket:before {
+ content: "\e8b2";
+}
-.icon-printer:before { content: "\e8b3"; }
+.icon-printer:before {
+ content: "\e8b3";
+}
-.icon-power:before { content: "\e8b4"; }
+.icon-power:before {
+ content: "\e8b4";
+}
-.icon-radio:before { content: "\e8b5"; }
+.icon-radio:before {
+ content: "\e8b5";
+}
-.icon-repeat:before { content: "\e8b6"; }
+.icon-repeat:before {
+ content: "\e8b6";
+}
-.icon-refresh-ccw:before { content: "\e8b7"; }
+.icon-refresh-ccw:before {
+ content: "\e8b7";
+}
-.icon-rewind:before { content: "\e8b8"; }
+.icon-rewind:before {
+ content: "\e8b8";
+}
-.icon-rotate-ccw:before { content: "\e8b9"; }
+.icon-rotate-ccw:before {
+ content: "\e8b9";
+}
-.icon-refresh-cw:before { content: "\e8ba"; }
+.icon-refresh-cw:before {
+ content: "\e8ba";
+}
-.icon-rotate-cw:before { content: "\e8bb"; }
+.icon-rotate-cw:before {
+ content: "\e8bb";
+}
-.icon-save:before { content: "\e8bc"; }
+.icon-save:before {
+ content: "\e8bc";
+}
-.icon-search:before { content: "\e8bd"; }
+.icon-search:before {
+ content: "\e8bd";
+}
-.icon-server:before { content: "\e8be"; }
+.icon-server:before {
+ content: "\e8be";
+}
-.icon-scissors:before { content: "\e8bf"; }
+.icon-scissors:before {
+ content: "\e8bf";
+}
-.icon-share-2:before { content: "\e8c0"; }
+.icon-share-2:before {
+ content: "\e8c0";
+}
-.icon-share:before { content: "\e8c1"; }
+.icon-share:before {
+ content: "\e8c1";
+}
-.icon-shield:before { content: "\e8c2"; }
+.icon-shield:before {
+ content: "\e8c2";
+}
-.icon-settings:before { content: "\e8c3"; }
+.icon-settings:before {
+ content: "\e8c3";
+}
-.icon-skip-back:before { content: "\e8c4"; }
+.icon-skip-back:before {
+ content: "\e8c4";
+}
-.icon-shuffle:before { content: "\e8c5"; }
+.icon-shuffle:before {
+ content: "\e8c5";
+}
-.icon-sidebar:before { content: "\e8c6"; }
+.icon-sidebar:before {
+ content: "\e8c6";
+}
-.icon-skip-forward:before { content: "\e8c7"; }
+.icon-skip-forward:before {
+ content: "\e8c7";
+}
-.icon-slack:before { content: "\e8c8"; }
+.icon-slack:before {
+ content: "\e8c8";
+}
-.icon-slash:before { content: "\e8c9"; }
+.icon-slash:before {
+ content: "\e8c9";
+}
-.icon-smartphone:before { content: "\e8ca"; }
+.icon-smartphone:before {
+ content: "\e8ca";
+}
-.icon-square:before { content: "\e8cb"; }
+.icon-square:before {
+ content: "\e8cb";
+}
-.icon-speaker:before { content: "\e8cc"; }
+.icon-speaker:before {
+ content: "\e8cc";
+}
-.icon-star:before { content: "\e8cd"; }
+.icon-star:before {
+ content: "\e8cd";
+}
-.icon-stop-circle:before { content: "\e8ce"; }
+.icon-stop-circle:before {
+ content: "\e8ce";
+}
-.icon-sun:before { content: "\e8cf"; }
+.icon-sun:before {
+ content: "\e8cf";
+}
-.icon-sunrise:before { content: "\e8d0"; }
+.icon-sunrise:before {
+ content: "\e8d0";
+}
-.icon-tablet:before { content: "\e8d1"; }
+.icon-tablet:before {
+ content: "\e8d1";
+}
-.icon-tag:before { content: "\e8d2"; }
+.icon-tag:before {
+ content: "\e8d2";
+}
-.icon-sunset:before { content: "\e8d3"; }
+.icon-sunset:before {
+ content: "\e8d3";
+}
-.icon-target:before { content: "\e8d4"; }
+.icon-target:before {
+ content: "\e8d4";
+}
-.icon-thermometer:before { content: "\e8d5"; }
+.icon-thermometer:before {
+ content: "\e8d5";
+}
-.icon-thumbs-up:before { content: "\e8d6"; }
+.icon-thumbs-up:before {
+ content: "\e8d6";
+}
-.icon-thumbs-down:before { content: "\e8d7"; }
+.icon-thumbs-down:before {
+ content: "\e8d7";
+}
-.icon-toggle-left:before { content: "\e8d8"; }
+.icon-toggle-left:before {
+ content: "\e8d8";
+}
-.icon-toggle-right:before { content: "\e8d9"; }
+.icon-toggle-right:before {
+ content: "\e8d9";
+}
-.icon-trash-2:before { content: "\e8da"; }
+.icon-trash-2:before {
+ content: "\e8da";
+}
-.icon-trash:before { content: "\e8db"; }
+.icon-trash:before {
+ content: "\e8db";
+}
-.icon-trending-up:before { content: "\e8dc"; }
+.icon-trending-up:before {
+ content: "\e8dc";
+}
-.icon-trending-down:before { content: "\e8dd"; }
+.icon-trending-down:before {
+ content: "\e8dd";
+}
-.icon-triangle:before { content: "\e8de"; }
+.icon-triangle:before {
+ content: "\e8de";
+}
-.icon-type:before { content: "\e8df"; }
+.icon-type:before {
+ content: "\e8df";
+}
-.icon-twitter:before { content: "\e8e0"; }
+.icon-twitter:before {
+ content: "\e8e0";
+}
-.icon-upload:before { content: "\e8e1"; }
+.icon-upload:before {
+ content: "\e8e1";
+}
-.icon-umbrella:before { content: "\e8e2"; }
+.icon-umbrella:before {
+ content: "\e8e2";
+}
-.icon-upload-cloud:before { content: "\e8e3"; }
+.icon-upload-cloud:before {
+ content: "\e8e3";
+}
-.icon-unlock:before { content: "\e8e4"; }
+.icon-unlock:before {
+ content: "\e8e4";
+}
-.icon-user-check:before { content: "\e8e5"; }
+.icon-user-check:before {
+ content: "\e8e5";
+}
-.icon-user-minus:before { content: "\e8e6"; }
+.icon-user-minus:before {
+ content: "\e8e6";
+}
-.icon-user-plus:before { content: "\e8e7"; }
+.icon-user-plus:before {
+ content: "\e8e7";
+}
-.icon-user-x:before { content: "\e8e8"; }
+.icon-user-x:before {
+ content: "\e8e8";
+}
-.icon-user:before { content: "\e8e9"; }
+.icon-user:before {
+ content: "\e8e9";
+}
-.icon-users:before { content: "\e8ea"; }
+.icon-users:before {
+ content: "\e8ea";
+}
-.icon-video-off:before { content: "\e8eb"; }
+.icon-video-off:before {
+ content: "\e8eb";
+}
-.icon-video:before { content: "\e8ec"; }
+.icon-video:before {
+ content: "\e8ec";
+}
-.icon-voicemail:before { content: "\e8ed"; }
+.icon-voicemail:before {
+ content: "\e8ed";
+}
-.icon-volume-x:before { content: "\e8ee"; }
+.icon-volume-x:before {
+ content: "\e8ee";
+}
-.icon-volume-2:before { content: "\e8ef"; }
+.icon-volume-2:before {
+ content: "\e8ef";
+}
-.icon-volume-1:before { content: "\e8f0"; }
+.icon-volume-1:before {
+ content: "\e8f0";
+}
-.icon-volume:before { content: "\e8f1"; }
+.icon-volume:before {
+ content: "\e8f1";
+}
-.icon-watch:before { content: "\e8f2"; }
+.icon-watch:before {
+ content: "\e8f2";
+}
-.icon-wifi:before { content: "\e8f3"; }
+.icon-wifi:before {
+ content: "\e8f3";
+}
-.icon-x-square:before { content: "\e8f4"; }
+.icon-x-square:before {
+ content: "\e8f4";
+}
-.icon-wind:before { content: "\e8f5"; }
+.icon-wind:before {
+ content: "\e8f5";
+}
-.icon-x:before { content: "\e8f6"; }
+.icon-x:before {
+ content: "\e8f6";
+}
-.icon-x-circle:before { content: "\e8f7"; }
+.icon-x-circle:before {
+ content: "\e8f7";
+}
-.icon-zap:before { content: "\e8f8"; }
+.icon-zap:before {
+ content: "\e8f8";
+}
-.icon-zoom-in:before { content: "\e8f9"; }
+.icon-zoom-in:before {
+ content: "\e8f9";
+}
-.icon-zoom-out:before { content: "\e8fa"; }
+.icon-zoom-out:before {
+ content: "\e8fa";
+}
-.icon-command:before { content: "\e8fb"; }
+.icon-command:before {
+ content: "\e8fb";
+}
-.icon-cloud:before { content: "\e8fc"; }
+.icon-cloud:before {
+ content: "\e8fc";
+}
-.icon-hash:before { content: "\e8fd"; }
+.icon-hash:before {
+ content: "\e8fd";
+}
-.icon-headphones:before { content: "\e8fe"; }
+.icon-headphones:before {
+ content: "\e8fe";
+}
-.icon-underline:before { content: "\e8ff"; }
+.icon-underline:before {
+ content: "\e8ff";
+}
-.icon-italic:before { content: "\e900"; }
+.icon-italic:before {
+ content: "\e900";
+}
-.icon-bold:before { content: "\e901"; }
+.icon-bold:before {
+ content: "\e901";
+}
-.icon-crop:before { content: "\e902"; }
+.icon-crop:before {
+ content: "\e902";
+}
-.icon-help-circle:before { content: "\e903"; }
+.icon-help-circle:before {
+ content: "\e903";
+}
-.icon-paperclip:before { content: "\e904"; }
+.icon-paperclip:before {
+ content: "\e904";
+}
-.icon-shopping-cart:before { content: "\e905"; }
+.icon-shopping-cart:before {
+ content: "\e905";
+}
-.icon-tv:before { content: "\e906"; }
+.icon-tv:before {
+ content: "\e906";
+}
-.icon-wifi-off:before { content: "\e907"; }
+.icon-wifi-off:before {
+ content: "\e907";
+}
-.icon-minimize:before { content: "\e88d"; }
+.icon-minimize:before {
+ content: "\e88d";
+}
-.icon-maximize:before { content: "\e908"; }
+.icon-maximize:before {
+ content: "\e908";
+}
-.icon-gitlab:before { content: "\e909"; }
+.icon-gitlab:before {
+ content: "\e909";
+}
-.icon-sliders:before { content: "\e90a"; }
+.icon-sliders:before {
+ content: "\e90a";
+}
-.icon-star-on:before { content: "\e90b"; }
+.icon-star-on:before {
+ content: "\e90b";
+}
-.icon-heart-on:before { content: "\e90c"; }
\ No newline at end of file
+.icon-heart-on:before {
+ content: "\e90c";
+}
diff --git a/index.html b/index.html
index 3633edef..1311c564 100644
--- a/index.html
+++ b/index.html
@@ -37,6 +37,27 @@
+
-
+
Portfolio Value
@@ -1773,7 +1799,7 @@ Sara Soudein
+ style="background-color: white; padding: 25px; margin-top: 30px; box-shadow: 1px 1.5px 3px #2f455c36; border-radius: 4px;">
MOIC
@@ -1783,12 +1809,12 @@ Sara Soudein
+ style="background-color: white; padding: 25px; margin-top: 30px; box-shadow: 1px 1.5px 3px #2f455c36; border-radius: 4px;">
Each Portfolio Company Level Performance
+ style="color: #59d79e; font-weight: 900; font-size: 15px; font-family: Poppins; margin-bottom: 30px;">
: [Total Invested Capital vs. NAV end of December for 2021]
@@ -1804,7 +1830,7 @@ Sara Soudein
+ style="background-color: white; padding: 25px; margin-top: 30px; box-shadow: 1px 1.5px 3px #2f455c36; border-radius: 4px;">
Investment Geographies
@@ -1813,36 +1839,28 @@ Sara Soudein
: Investment Geographies for 2022
-
+
+
+ style="background-color: white; padding: 25px; margin-top: 30px; box-shadow: 1px 1.5px 3px #2f455c36; border-radius: 4px;">
Fund SPC Transactions - 2022
-
-
-
Name |
- Age |
- City |
+ Email |
+ Phone |
-
- John Doe |
- 25 |
- New York |
-
-
+
-
diff --git a/main.js b/main.js
index 50be9098..90b60640 100644
--- a/main.js
+++ b/main.js
@@ -330,114 +330,98 @@ function drawChart() {
//Code for Pie Chart - 1 ENDED
//Code for Table - 1 STARTED
-google.charts.load("current", { packages: ["table"] });
-google.charts.setOnLoadCallback(drawTable);
+// google.charts.load("current", { packages: ["table"] });
+// google.charts.setOnLoadCallback(drawTable);
-function drawTable() {
- var data = new google.visualization.DataTable();
- data.addColumn("string", "Date");
- data.addColumn("string", "Company Name");
- data.addColumn("number", "Amount Invested");
- data.addColumn("number", "Cost per share");
- data.addColumn("number", "Entry Valuation as on 31 Dec 22");
- data.addRows([
- [
- "29-Sep-21",
- "Alcazar Alpha Fund I (CEIC Ltd)",
- { v: 1000000, f: " 10,00,000" },
- 0.01,
- { v: 1372250, f: " 13,72,250" },
- ],
- [
- "29-Sep-21",
- "Tribe Capital V, LLC- Series 2-A",
- { v: 714000, f: " 7,14,000" },
- 0.01,
- { v: 1757588, f: "17,57,588" },
- ],
- [
- "13-Dec-21",
- "Summer Pipe LLC",
- { v: 12500, f: "15,00,000" },
- 0.01,
- { v: 1500000, f: " 15,00,000" },
- ],
- [
- "02-Feb-22",
- "HOF Capital Growth Opportunity XXI, LLC",
- { v: 1000000, f: " 10,00,000" },
- 0.01,
- { v: 684877, f: " 6,84,877" },
- ],
- [
- "16-Mar-22",
- "Project SAM Productions LLC- Equity investment (initial purchase USD 250K+ second purchase USD 250k)",
- { v: 500000, f: " 5,00,000" },
- 0.01,
- { v: 500000, f: "5,00,000" },
- ],
- [
- "14-Apr-22",
- "Koinz Holding B.V. - Inv. Cost",
- { v: 250000, f: "2,50,000" },
- 0.01,
- { v: 250000, f: "2,50,000" },
- ],
- ]);
+// function drawTable() {
+// var data = new google.visualization.DataTable();
+// data.addColumn("string", "Date");
+// data.addColumn("string", "Company Name");
+// data.addColumn("number", "Amount Invested");
+// data.addColumn("number", "Cost per share");
+// data.addColumn("number", "Entry Valuation as on 31 Dec 22");
+// data.addRows([
+// [
+// "29-Sep-21",
+// "Alcazar Alpha Fund I (CEIC Ltd)",
+// { v: 1000000, f: " 10,00,000" },
+// 0.01,
+// { v: 1372250, f: " 13,72,250" },
+// ],
+// [
+// "29-Sep-21",
+// "Tribe Capital V, LLC- Series 2-A",
+// { v: 714000, f: " 7,14,000" },
+// 0.01,
+// { v: 1757588, f: "17,57,588" },
+// ],
+// [
+// "13-Dec-21",
+// "Summer Pipe LLC",
+// { v: 12500, f: "15,00,000" },
+// 0.01,
+// { v: 1500000, f: " 15,00,000" },
+// ],
+// [
+// "02-Feb-22",
+// "HOF Capital Growth Opportunity XXI, LLC",
+// { v: 1000000, f: " 10,00,000" },
+// 0.01,
+// { v: 684877, f: " 6,84,877" },
+// ],
+// [
+// "16-Mar-22",
+// "Project SAM Productions LLC- Equity investment (initial purchase USD 250K+ second purchase USD 250k)",
+// { v: 500000, f: " 5,00,000" },
+// 0.01,
+// { v: 500000, f: "5,00,000" },
+// ],
+// [
+// "14-Apr-22",
+// "Koinz Holding B.V. - Inv. Cost",
+// { v: 250000, f: "2,50,000" },
+// 0.01,
+// { v: 250000, f: "2,50,000" },
+// ],
+// ]);
- var table = new google.visualization.Table(
- document.getElementById("table_div")
- );
+// var table = new google.visualization.Table(
+// document.getElementById("table_div")
+// );
- table.draw(data, { showRowNumber: true, width: "100%", height: "100%" });
-}
+// table.draw(data, { showRowNumber: true, width: "100%", height: "100%" });
+// }
//Code for Table - 1 ENDED
// TABLE Alternate - 1 START
-$(document).ready(function () {
- $("#myTable").DataTable();
-});
-var tableData = [];
-$("#myTable tbody tr").each(function () {
- var rowData = [];
- $(this)
- .find("td")
- .each(function () {
- rowData.push($(this).text());
- });
- tableData.push(rowData);
-});
+document.addEventListener("DOMContentLoaded", function () {
+ // Your data array
+ var data = [
+ { name: "John Doe", email: "john@example.com", phone: "555-1234" },
+ { name: "Jane Smith", email: "jane@example.com", phone: "555-5678" },
+ // Add more data objects as needed
+ ];
-// Extract labels and values
-var labels = tableData.map(function (row) {
- return row[0];
-});
-var values = tableData.map(function (row) {
- return parseInt(row[1], 10);
-});
+ // Reference to the table body
+ var tbody = document.querySelector("#myTable tbody");
-// Create a bar chart using Chart.js
-var ctx = document.getElementById("myChart").getContext("2d");
-var myChart = new Chart(ctx, {
- type: "bar",
- data: {
- labels: labels,
- datasets: [
- {
- label: "Age",
- data: values,
- backgroundColor: "rgba(75, 192, 192, 0.2)",
- borderColor: "rgba(75, 192, 192, 1)",
- borderWidth: 1,
- },
- ],
- },
- options: {
- scales: {
- y: {
- beginAtZero: true,
- },
- },
- },
+ // Populate the table with data
+ data.forEach(function (item) {
+ var row = document.createElement("tr");
+ var nameCell = document.createElement("td");
+ var emailCell = document.createElement("td");
+ var phoneCell = document.createElement("td");
+
+ nameCell.textContent = item.name;
+ emailCell.textContent = item.email;
+ phoneCell.textContent = item.phone;
+
+ row.appendChild(nameCell);
+ row.appendChild(emailCell);
+ row.appendChild(phoneCell);
+
+ tbody.appendChild(row);
+ });
});
+
// TABLE Alternate - 1 ENDED