[PADLAB-12] updated some icons and icon-fonts

gui/src/assets/css/brands.css

+/*!
+ * Font Awesome Free 5.1.0 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}
\ No newline at end of file

gui/src/assets/css/regular.css

+/*!
+ * Font Awesome Free 5.1.0 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:"Font Awesome 5 Free";font-weight:400}
\ No newline at end of file

gui/src/assets/css/solid.css

+/*!
+ * Font Awesome Free 5.1.0 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Free";font-weight:900}
\ No newline at end of file

gui/src/assets/css/svg-with-js.css

+/*!
+ * Font Awesome Free 5.1.0 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+.svg-inline--fa,svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;transform:scale(.25);transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;transform:scale(.25);transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;transform:scale(.25);transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;transform:scale(.25);transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;transform:scale(.25);transform-origin:top left}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{animation:a 2s infinite linear}.fa-pulse{animation:a 1s infinite steps(8)}@keyframes a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1em}.svg-inline--fa.fa-stack-2x{height:2em;width:2em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
\ No newline at end of file

gui/src/assets/js/patternlibrary.js

@@ -25,5 +25,3 @@ $(document).ready(function () {
 	Patternlibrary.run();
 	
 });
-
-//export default Patterlibrary;
\ No newline at end of file

gui/src/assets/scss/components/icons.scss

 i.fa {
+    font-family: 'FontAwesome', 'Font Awesome 5 Free';
     font-style: normal;
     font-size: 1.166em;
     color: darkcyan;

gui/src/assets/scss/components/search.scss

@@ -12,7 +12,7 @@
     top: 0.2rem;
     left: 0.9rem;
     z-index: 1;
-    font-family: 'FontAwesome';
+    font-family: 'FontAwesome', 'Font Awesome 5 Free';
     font-size: 1.125rem;
     color: $dark-gray;
 }

gui/src/assets/scss/patternlibrary.scss

@@ -70,6 +70,9 @@
 	@import '_components';
 
     // font-awesome icons
-	@import '../css/font-awesome.min.css';
+  @import '../css/fontawesome-all.css';
+  //@import '../css/regular.css';
+  //@import '../css/solid.css';
+  @import '../css/brands.css';
 }
 // end project namespace
\ No newline at end of file

gui/src/partials/atoms/icon/pattern/icon-pattern.html

@@ -8,25 +8,25 @@ params:
 ---
 {{#unless type}}
 {{#if pattern.type}}
-    {{#ifCond value=pattern.type comp="atom" mode="eq"}}<i class="fa fa-square-o"></i>{{/ifCond}}
+    {{#ifCond value=pattern.type comp="atom" mode="eq"}}<i class="fa fa-dot-circle"></i>{{/ifCond}}
     {{#ifCond value=pattern.type comp="molecule" mode="eq"}}<i class="fa fa-cube"></i>{{/ifCond}}
     {{#ifCond value=pattern.type comp="organism" mode="eq"}}<i class="fa fa-cubes"></i>{{/ifCond}}
-    {{#ifCond value=pattern.type comp="template" mode="eq"}}<i class="fa fa-file-picture-o"></i>{{/ifCond}}
-    {{#ifCond value=pattern.type comp="page" mode="eq"}}<i class="fa fa-file-picture-o"></i>{{/ifCond}}
-    {{#ifCond value=pattern.type comp="component" mode="eq"}}<i class="fa fa-file-picture-o"></i>{{/ifCond}}
+    {{#ifCond value=pattern.type comp="template" mode="eq"}}<i class="fa fa-file-image"></i>{{/ifCond}}
+    {{#ifCond value=pattern.type comp="page" mode="eq"}}<i class="fa fa-images"></i>{{/ifCond}}
+    {{#ifCond value=pattern.type comp="component" mode="eq"}}<i class="fa fa-file-image"></i>{{/ifCond}}
 {{/if}}
 {{/unless}}
 {{#if type}}
-    {{#ifCond value=type comp="atom" mode="eq"}}<i class="fa fa-square-o"></i>{{/ifCond}}
+    {{#ifCond value=type comp="atom" mode="eq"}}<i class="fa fa-dot-circle"></i>{{/ifCond}}
     {{#ifCond value=type comp="molecule" mode="eq"}}<i class="fa fa-cube"></i>{{/ifCond}}
     {{#ifCond value=type comp="organism" mode="eq"}}<i class="fa fa-cubes"></i>{{/ifCond}}
-    {{#ifCond value=type comp="template" mode="eq"}}<i class="fa fa-file-picture-o"></i>{{/ifCond}}
-    {{#ifCond value=type comp="page" mode="eq"}}<i class="fa fa-file-picture-o"></i>{{/ifCond}}
-    {{#ifCond value=type comp="component" mode="eq"}}<i class="fa fa-file-picture-o"></i>{{/ifCond}}
-    {{#ifCond value=type comp="atoms" mode="eq"}}<i class="fa fa-square-o"></i>{{/ifCond}}
+    {{#ifCond value=type comp="template" mode="eq"}}<i class="fa fa-file-image"></i>{{/ifCond}}
+    {{#ifCond value=type comp="page" mode="eq"}}<i class="fa fa-images"></i>{{/ifCond}}
+    {{#ifCond value=type comp="component" mode="eq"}}<i class="fa fa-file-image"></i>{{/ifCond}}
+    {{#ifCond value=type comp="atoms" mode="eq"}}<i class="fa fa-dot-circle"></i>{{/ifCond}}
     {{#ifCond value=type comp="molecules" mode="eq"}}<i class="fa fa-cube"></i>{{/ifCond}}
     {{#ifCond value=type comp="organisms" mode="eq"}}<i class="fa fa-cubes"></i>{{/ifCond}}
-    {{#ifCond value=type comp="templates" mode="eq"}}<i class="fa fa-file-picture-o"></i>{{/ifCond}}
-    {{#ifCond value=type comp="pages" mode="eq"}}<i class="fa fa-file-picture-o"></i>{{/ifCond}}
-    {{#ifCond value=type comp="components" mode="eq"}}<i class="fa fa-file-picture-o"></i>{{/ifCond}}
+    {{#ifCond value=type comp="templates" mode="eq"}}<i class="fa fa-file-image"></i>{{/ifCond}}
+    {{#ifCond value=type comp="pages" mode="eq"}}<i class="fa fa-images"></i>{{/ifCond}}
+    {{#ifCond value=type comp="components" mode="eq"}}<i class="fa fa-file-image"></i>{{/ifCond}}
 {{/if}}
\ No newline at end of file

gui/src/partials/molecules/topbar/navigation/topbar-navigation.html

@@ -2,7 +2,7 @@
     <li class="hide-for-small show-for-medium"><a href="{{baseroot}}">{{> text-project-title}}</a></li>
     <li class="show-for-small-only hide-for-medium"><a href="{{baseroot}}"><i class="fa fa-home"></i> Home</a></li>
     <li><a href="{{baseroot}}patterns"><i class="fa fa-puzzle-piece"></i> Patterns</a></li>
-    <li><a href="{{baseroot}}pages"><i class="fa fa-photo"></i> Pages</a></li>
+    <li><a href="{{baseroot}}pages"><i class="fa fa-images"></i> Pages</a></li>
     <li><a href="{{baseroot}}builder"><i class="fa fa-magic"></i> Builder</a></li>
     <li>
         <a href="{{baseroot}}help"><i class="fa fa-question"></i> Help</a> 

gulpfile.babel.js

@@ -362,7 +362,7 @@ function watch() {
   gulp.watch(PATHS.assets, copy);
   gulp.watch('gui/data/*.json').on('all', gulp.series(copyDevData, browser.reload));
   gulp.watch('gui/src/pages/**/*.{html,md}').on('all', gulp.series(gulp.series(/*pages,*/ 'patternlibrary:re-run'), browser.reload));
-  gulp.watch('gui/src/{layouts,partials}/**/*.{html,md}').on('all', gulp.series(resetPages, gulp.series(/*pages,*/ 'patternlibrary:re-run'), browser.reload));
+  gulp.watch('gui/src/{layouts,partials}/**/*.{html,md}').on('all', gulp.series(/*resetPages,*/ gulp.series(/*pages,*/ 'patternlibrary:re-run'), browser.reload));
   gulp.watch('gui/src/assets/scss/**/*.scss').on('all', sass);
   gulp.watch('gui/src/assets/*/**/*.js').on('all', gulp.series(javascript, browser.reload));
   gulp.watch('gui/src/assets/img/**/*').on('all', gulp.series(images, browser.reload));

package.json

@@ -16,7 +16,7 @@
   ],
   "main": "index.js",
   "scripts": {
-    "test": "nyc mocha --require babel-register",
+    "test": "nyc mocha --require babel-register;",
     "dev": "gulp",
     "build": "gulp",
     "demo": "gulp --demo",
@@ -26,6 +26,7 @@
   "license": "Apache-2.0",
   "bin": {},
   "dependencies": {
+    "@fortawesome/fontawesome-free": "^5.1.0",
     "assert-dir-equal": "^1",
     "chalk": "^2",
     "cheerio": "^0.22",
@@ -91,7 +92,7 @@
     "corejs-typeahead": "^1",
     "eslint-html-reporter": "^0",
     "foundation-sites": "^6",
-    "gulp": "github:gulpjs/gulp#4.0",
+    "gulp": "^4.0",
     "gulp-autoprefixer": "^3",
     "gulp-babel": "^6",
     "gulp-clean-css": "^3",

test.txt

+the end...
\ No newline at end of file