diff --git a/build/browsersync.js b/build/browsersync.js index 441cac5a7..ba7443102 100755 --- a/build/browsersync.js +++ b/build/browsersync.js @@ -8,6 +8,7 @@ bs.init({ '/dist': 'dist', '/libs': 'static/libs', '/img': 'static/img', + '/fonts': 'static/fonts', } }, files: ['tmp/**/*', 'dist/css/*.css', 'dist/js/*.js'], diff --git a/package.json b/package.json index 4f9fb6cb4..e93d9b540 100644 --- a/package.json +++ b/package.json @@ -7,9 +7,6 @@ "build": "npm-run-all lint html-build css-compile js-compile", "bundlesize": "bundlesize", "browsersync": "node build/browsersync.js", - "icons-svgo": "outline-stroke svg/feather/ -o static/fonts/feather", - "icons-svgo2": "svgo svg/feather/ -o static/fonts/feather", - "icons-iconfont": "icon-font-generator svg/feather/*.svg -o static/fonts/feather --normalize --mono --height 20", "html-watch": "JEKYLL_ENV=development bundle exec jekyll build --watch --incremental", "html-build": "JEKYLL_ENV=production bundle exec jekyll build", "lint": "npm-run-all --parallel js-lint css-lint", diff --git a/pages/_includes/layout/css.html b/pages/_includes/layout/css.html index f7b055f8c..4bea2c00b 100644 --- a/pages/_includes/layout/css.html +++ b/pages/_includes/layout/css.html @@ -1,2 +1,4 @@ - + + + diff --git a/pages/_includes/ui/icon.html b/pages/_includes/ui/icon.html index 9b64d91f5..4de588b65 100644 --- a/pages/_includes/ui/icon.html +++ b/pages/_includes/ui/icon.html @@ -1,6 +1,3 @@ {% capture class %}{% if include.class %} {{ include.class }}{% endif %}{% if include.color %} text-{{ include.color }}{% endif %}{% endcapture %} {% assign class = class | strip %} -{% capture i %} -{% include icons/{{ include.icon }}.svg %} -{% endcapture %} -{{ i | svg_icon: class }} + diff --git a/static/fonts/feather.css b/static/fonts/feather.css new file mode 100755 index 000000000..492aed3de --- /dev/null +++ b/static/fonts/feather.css @@ -0,0 +1,1087 @@ +@font-face { + font-family: 'Feather'; + src: url('feather/feather.ttf?tabler') format('truetype'), + url('feather/feather.woff?tabler') format('woff'), + url('feather/feather.svg?tabler#Feather') format('svg'); + font-weight: normal; + font-style: normal; +} + +.fe { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'Feather' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.fe-activity:before { + content: "\e900"; +} + +.fe-airplay:before { + content: "\e901"; +} + +.fe-alert-circle:before { + content: "\e902"; +} + +.fe-alert-octagon:before { + content: "\e903"; +} + +.fe-alert-triangle:before { + content: "\e904"; +} + +.fe-align-center:before { + content: "\e905"; +} + +.fe-align-justify:before { + content: "\e906"; +} + +.fe-align-left:before { + content: "\e907"; +} + +.fe-align-right:before { + content: "\e908"; +} + +.fe-anchor:before { + content: "\e909"; +} + +.fe-aperture:before { + content: "\e90a"; +} + +.fe-archive:before { + content: "\e90b"; +} + +.fe-arrow-down:before { + content: "\e90c"; +} + +.fe-arrow-down-circle:before { + content: "\e90d"; +} + +.fe-arrow-down-left:before { + content: "\e90e"; +} + +.fe-arrow-down-right:before { + content: "\e90f"; +} + +.fe-arrow-left:before { + content: "\e910"; +} + +.fe-arrow-left-circle:before { + content: "\e911"; +} + +.fe-arrow-right:before { + content: "\e912"; +} + +.fe-arrow-right-circle:before { + content: "\e913"; +} + +.fe-arrow-up:before { + content: "\e914"; +} + +.fe-arrow-up-circle:before { + content: "\e915"; +} + +.fe-arrow-up-left:before { + content: "\e916"; +} + +.fe-arrow-up-right:before { + content: "\e917"; +} + +.fe-at-sign:before { + content: "\e918"; +} + +.fe-award:before { + content: "\e919"; +} + +.fe-bar-chart:before { + content: "\e91a"; +} + +.fe-bar-chart-2:before { + content: "\e91b"; +} + +.fe-battery:before { + content: "\e91c"; +} + +.fe-battery-charging:before { + content: "\e91d"; +} + +.fe-bell:before { + content: "\e91e"; +} + +.fe-bell-off:before { + content: "\e91f"; +} + +.fe-bluetooth:before { + content: "\e920"; +} + +.fe-bold:before { + content: "\e921"; +} + +.fe-book:before { + content: "\e922"; +} + +.fe-book-open:before { + content: "\e923"; +} + +.fe-bookmark:before { + content: "\e924"; +} + +.fe-box:before { + content: "\e925"; +} + +.fe-briefcase:before { + content: "\e926"; +} + +.fe-calendar:before { + content: "\e927"; +} + +.fe-camera:before { + content: "\e928"; +} + +.fe-camera-off:before { + content: "\e929"; +} + +.fe-cast:before { + content: "\e92a"; +} + +.fe-check:before { + content: "\e92b"; +} + +.fe-check-circle:before { + content: "\e92c"; +} + +.fe-check-square:before { + content: "\e92d"; +} + +.fe-chevron-down:before { + content: "\e92e"; +} + +.fe-chevron-left:before { + content: "\e92f"; +} + +.fe-chevron-right:before { + content: "\e930"; +} + +.fe-chevron-up:before { + content: "\e931"; +} + +.fe-chevrons-down:before { + content: "\e932"; +} + +.fe-chevrons-left:before { + content: "\e933"; +} + +.fe-chevrons-right:before { + content: "\e934"; +} + +.fe-chevrons-up:before { + content: "\e935"; +} + +.fe-chrome:before { + content: "\e936"; +} + +.fe-circle:before { + content: "\e937"; +} + +.fe-clipboard:before { + content: "\e938"; +} + +.fe-clock:before { + content: "\e939"; +} + +.fe-cloud:before { + content: "\e93a"; +} + +.fe-cloud-drizzle:before { + content: "\e93b"; +} + +.fe-cloud-lightning:before { + content: "\e93c"; +} + +.fe-cloud-off:before { + content: "\e93d"; +} + +.fe-cloud-rain:before { + content: "\e93e"; +} + +.fe-cloud-snow:before { + content: "\e93f"; +} + +.fe-code:before { + content: "\e940"; +} + +.fe-codepen:before { + content: "\e941"; +} + +.fe-command:before { + content: "\e942"; +} + +.fe-compass:before { + content: "\e943"; +} + +.fe-copy:before { + content: "\e944"; +} + +.fe-corner-down-left:before { + content: "\e945"; +} + +.fe-corner-down-right:before { + content: "\e946"; +} + +.fe-corner-left-down:before { + content: "\e947"; +} + +.fe-corner-left-up:before { + content: "\e948"; +} + +.fe-corner-right-down:before { + content: "\e949"; +} + +.fe-corner-right-up:before { + content: "\e94a"; +} + +.fe-corner-up-left:before { + content: "\e94b"; +} + +.fe-corner-up-right:before { + content: "\e94c"; +} + +.fe-cpu:before { + content: "\e94d"; +} + +.fe-credit-card:before { + content: "\e94e"; +} + +.fe-crop:before { + content: "\e94f"; +} + +.fe-crosshair:before { + content: "\e950"; +} + +.fe-database:before { + content: "\e951"; +} + +.fe-delete:before { + content: "\e952"; +} + +.fe-disc:before { + content: "\e953"; +} + +.fe-dollar-sign:before { + content: "\e954"; +} + +.fe-download:before { + content: "\e955"; +} + +.fe-download-cloud:before { + content: "\e956"; +} + +.fe-droplet:before { + content: "\e957"; +} + +.fe-edit:before { + content: "\e958"; +} + +.fe-edit-2:before { + content: "\e959"; +} + +.fe-edit-3:before { + content: "\e95a"; +} + +.fe-external-link:before { + content: "\e95b"; +} + +.fe-eye:before { + content: "\e95c"; +} + +.fe-eye-off:before { + content: "\e95d"; +} + +.fe-facebook:before { + content: "\e95e"; +} + +.fe-fast-forward:before { + content: "\e95f"; +} + +.fe-feather:before { + content: "\e960"; +} + +.fe-file:before { + content: "\e961"; +} + +.fe-file-minus:before { + content: "\e962"; +} + +.fe-file-plus:before { + content: "\e963"; +} + +.fe-file-text:before { + content: "\e964"; +} + +.fe-film:before { + content: "\e965"; +} + +.fe-filter:before { + content: "\e966"; +} + +.fe-flag:before { + content: "\e967"; +} + +.fe-folder:before { + content: "\e968"; +} + +.fe-folder-minus:before { + content: "\e969"; +} + +.fe-folder-plus:before { + content: "\e96a"; +} + +.fe-gift:before { + content: "\e96b"; +} + +.fe-git-branch:before { + content: "\e96c"; +} + +.fe-git-commit:before { + content: "\e96d"; +} + +.fe-git-merge:before { + content: "\e96e"; +} + +.fe-git-pull-request:before { + content: "\e96f"; +} + +.fe-github:before { + content: "\e970"; +} + +.fe-gitlab:before { + content: "\e971"; +} + +.fe-globe:before { + content: "\e972"; +} + +.fe-grid:before { + content: "\e973"; +} + +.fe-hard-drive:before { + content: "\e974"; +} + +.fe-hash:before { + content: "\e975"; +} + +.fe-headphones:before { + content: "\e976"; +} + +.fe-heart:before { + content: "\e977"; +} + +.fe-help-circle:before { + content: "\e978"; +} + +.fe-home:before { + content: "\e979"; +} + +.fe-image:before { + content: "\e97a"; +} + +.fe-inbox:before { + content: "\e97b"; +} + +.fe-info:before { + content: "\e97c"; +} + +.fe-instagram:before { + content: "\e97d"; +} + +.fe-italic:before { + content: "\e97e"; +} + +.fe-layers:before { + content: "\e97f"; +} + +.fe-layout:before { + content: "\e980"; +} + +.fe-life-buoy:before { + content: "\e981"; +} + +.fe-link:before { + content: "\e982"; +} + +.fe-link-2:before { + content: "\e983"; +} + +.fe-linkedin:before { + content: "\e984"; +} + +.fe-list:before { + content: "\e985"; +} + +.fe-loader:before { + content: "\e986"; +} + +.fe-lock:before { + content: "\e987"; +} + +.fe-log-in:before { + content: "\e988"; +} + +.fe-log-out:before { + content: "\e989"; +} + +.fe-mail:before { + content: "\e98a"; +} + +.fe-map:before { + content: "\e98b"; +} + +.fe-map-pin:before { + content: "\e98c"; +} + +.fe-maximize:before { + content: "\e98d"; +} + +.fe-maximize-2:before { + content: "\e98e"; +} + +.fe-menu:before { + content: "\e98f"; +} + +.fe-message-circle:before { + content: "\e990"; +} + +.fe-message-square:before { + content: "\e991"; +} + +.fe-mic:before { + content: "\e992"; +} + +.fe-mic-off:before { + content: "\e993"; +} + +.fe-minimize:before { + content: "\e994"; +} + +.fe-minimize-2:before { + content: "\e995"; +} + +.fe-minus:before { + content: "\e996"; +} + +.fe-minus-circle:before { + content: "\e997"; +} + +.fe-minus-square:before { + content: "\e998"; +} + +.fe-monitor:before { + content: "\e999"; +} + +.fe-moon:before { + content: "\e99a"; +} + +.fe-more-horizontal:before { + content: "\e99b"; +} + +.fe-more-vertical:before { + content: "\e99c"; +} + +.fe-move:before { + content: "\e99d"; +} + +.fe-music:before { + content: "\e99e"; +} + +.fe-navigation:before { + content: "\e99f"; +} + +.fe-navigation-2:before { + content: "\e9a0"; +} + +.fe-octagon:before { + content: "\e9a1"; +} + +.fe-package:before { + content: "\e9a2"; +} + +.fe-paperclip:before { + content: "\e9a3"; +} + +.fe-pause:before { + content: "\e9a4"; +} + +.fe-pause-circle:before { + content: "\e9a5"; +} + +.fe-percent:before { + content: "\e9a6"; +} + +.fe-phone:before { + content: "\e9a7"; +} + +.fe-phone-call:before { + content: "\e9a8"; +} + +.fe-phone-forwarded:before { + content: "\e9a9"; +} + +.fe-phone-incoming:before { + content: "\e9aa"; +} + +.fe-phone-missed:before { + content: "\e9ab"; +} + +.fe-phone-off:before { + content: "\e9ac"; +} + +.fe-phone-outgoing:before { + content: "\e9ad"; +} + +.fe-pie-chart:before { + content: "\e9ae"; +} + +.fe-play:before { + content: "\e9af"; +} + +.fe-play-circle:before { + content: "\e9b0"; +} + +.fe-plus:before { + content: "\e9b1"; +} + +.fe-plus-circle:before { + content: "\e9b2"; +} + +.fe-plus-square:before { + content: "\e9b3"; +} + +.fe-pocket:before { + content: "\e9b4"; +} + +.fe-power:before { + content: "\e9b5"; +} + +.fe-printer:before { + content: "\e9b6"; +} + +.fe-radio:before { + content: "\e9b7"; +} + +.fe-refresh-ccw:before { + content: "\e9b8"; +} + +.fe-refresh-cw:before { + content: "\e9b9"; +} + +.fe-repeat:before { + content: "\e9ba"; +} + +.fe-rewind:before { + content: "\e9bb"; +} + +.fe-rotate-ccw:before { + content: "\e9bc"; +} + +.fe-rotate-cw:before { + content: "\e9bd"; +} + +.fe-rss:before { + content: "\e9be"; +} + +.fe-save:before { + content: "\e9bf"; +} + +.fe-scissors:before { + content: "\e9c0"; +} + +.fe-search:before { + content: "\e9c1"; +} + +.fe-send:before { + content: "\e9c2"; +} + +.fe-server:before { + content: "\e9c3"; +} + +.fe-settings:before { + content: "\e9c4"; +} + +.fe-share:before { + content: "\e9c5"; +} + +.fe-share-2:before { + content: "\e9c6"; +} + +.fe-shield:before { + content: "\e9c7"; +} + +.fe-shield-off:before { + content: "\e9c8"; +} + +.fe-shopping-bag:before { + content: "\e9c9"; +} + +.fe-shopping-cart:before { + content: "\e9ca"; +} + +.fe-shuffle:before { + content: "\e9cb"; +} + +.fe-sidebar:before { + content: "\e9cc"; +} + +.fe-skip-back:before { + content: "\e9cd"; +} + +.fe-skip-forward:before { + content: "\e9ce"; +} + +.fe-slack:before { + content: "\e9cf"; +} + +.fe-slash:before { + content: "\e9d0"; +} + +.fe-sliders:before { + content: "\e9d1"; +} + +.fe-smartphone:before { + content: "\e9d2"; +} + +.fe-speaker:before { + content: "\e9d3"; +} + +.fe-square:before { + content: "\e9d4"; +} + +.fe-star:before { + content: "\e9d5"; +} + +.fe-stop-circle:before { + content: "\e9d6"; +} + +.fe-sun:before { + content: "\e9d7"; +} + +.fe-sunrise:before { + content: "\e9d8"; +} + +.fe-sunset:before { + content: "\e9d9"; +} + +.fe-tablet:before { + content: "\e9da"; +} + +.fe-tag:before { + content: "\e9db"; +} + +.fe-target:before { + content: "\e9dc"; +} + +.fe-terminal:before { + content: "\e9dd"; +} + +.fe-thermometer:before { + content: "\e9de"; +} + +.fe-thumbs-down:before { + content: "\e9df"; +} + +.fe-thumbs-up:before { + content: "\e9e0"; +} + +.fe-toggle-left:before { + content: "\e9e1"; +} + +.fe-toggle-right:before { + content: "\e9e2"; +} + +.fe-trash:before { + content: "\e9e3"; +} + +.fe-trash-2:before { + content: "\e9e4"; +} + +.fe-trending-down:before { + content: "\e9e5"; +} + +.fe-trending-up:before { + content: "\e9e6"; +} + +.fe-triangle:before { + content: "\e9e7"; +} + +.fe-truck:before { + content: "\e9e8"; +} + +.fe-tv:before { + content: "\e9e9"; +} + +.fe-twitter:before { + content: "\e9ea"; +} + +.fe-type:before { + content: "\e9eb"; +} + +.fe-umbrella:before { + content: "\e9ec"; +} + +.fe-underline:before { + content: "\e9ed"; +} + +.fe-unlock:before { + content: "\e9ee"; +} + +.fe-upload:before { + content: "\e9ef"; +} + +.fe-upload-cloud:before { + content: "\e9f0"; +} + +.fe-user:before { + content: "\e9f1"; +} + +.fe-user-check:before { + content: "\e9f2"; +} + +.fe-user-minus:before { + content: "\e9f3"; +} + +.fe-user-plus:before { + content: "\e9f4"; +} + +.fe-user-x:before { + content: "\e9f5"; +} + +.fe-users:before { + content: "\e9f6"; +} + +.fe-video:before { + content: "\e9f7"; +} + +.fe-video-off:before { + content: "\e9f8"; +} + +.fe-voicemail:before { + content: "\e9f9"; +} + +.fe-volume:before { + content: "\e9fa"; +} + +.fe-volume-1:before { + content: "\e9fb"; +} + +.fe-volume-2:before { + content: "\e9fc"; +} + +.fe-volume-x:before { + content: "\e9fd"; +} + +.fe-watch:before { + content: "\e9fe"; +} + +.fe-wifi:before { + content: "\e9ff"; +} + +.fe-wifi-off:before { + content: "\ea00"; +} + +.fe-wind:before { + content: "\ea01"; +} + +.fe-x:before { + content: "\ea02"; +} + +.fe-x-circle:before { + content: "\ea03"; +} + +.fe-x-square:before { + content: "\ea04"; +} + +.fe-youtube:before { + content: "\ea05"; +} + +.fe-zap:before { + content: "\ea06"; +} + +.fe-zap-off:before { + content: "\ea07"; +} + +.fe-zoom-in:before { + content: "\ea08"; +} + +.fe-zoom-out:before { + content: "\ea09"; +} diff --git a/static/fonts/feather/feather.svg b/static/fonts/feather/feather.svg new file mode 100755 index 000000000..3ae186a8b --- /dev/null +++ b/static/fonts/feather/feather.svg @@ -0,0 +1,276 @@ + + + +Generated by IcoMoon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/fonts/feather/feather.ttf b/static/fonts/feather/feather.ttf new file mode 100755 index 000000000..244dcaff9 Binary files /dev/null and b/static/fonts/feather/feather.ttf differ diff --git a/static/fonts/feather/feather.woff b/static/fonts/feather/feather.woff new file mode 100755 index 000000000..762faaaa9 Binary files /dev/null and b/static/fonts/feather/feather.woff differ