Installing FoundationPress Issues

[Y0RBA]

I have no idea what's going on

I tried to install following the guide. New to CLI, hell, kinda new to dev stuff as it is, am a student.
I had a few issues on my last attempt. Uninstalled and reinstalled everything - this is the code from start to finish. I read a few other issues on similar problems and tried to follow the solutions but nothing is working for me.

When I view localhost/wordpress the page displays without css and I get this at the top:

Error: file to import not found or unreadable: font-awesome.
   Load paths:
   Compass::SpriteImporter
   c:\wamp64\www\wordpress\wp-content\themes\FoundationPress\assets\scss
   c:\Ruby23\lib\ruby\gems\2.3.0\gems\compass-core-1.0.3\stylesheets
   on line 21 of c:/wamp64/www/wordpress/wp-content/themes/FoundationPress/assets/scss/foundation.scss

16: // WP overrides
17: @import "global/wp-admin"; // FIx issues with wp-admin bar positioning
18: @import "global/wp-overrides"; // Override the default WordPress styling for some elements
19: 
20: // Third party libraries
21: @import 'font-awesome';
22: @import 'motion-ui';
23:
24: // foundation global styles
25: @include foundation-global-styles;
26:

Really not sure what I need to do, but would love to get started using foundation and wordpress together. Any help will be greatly appreciated.

Here is the command line from start of install to where I'm at now:

C:\Users\Liam Lynch>cd c:\wamp64\www\wordpress\wp-content\themes

c:\wamp64\www\wordpress\wp-content\themes>git clone https://github.com/olefredrik/FoundationPress.git
Cloning into 'FoundationPress'...
remote: Counting objects: 5920, done.
remote: Total 5920 (delta 0), reused 0 (delta 0), pack-reused 5920
Receiving objects: 100% (5920/5920), 8.29 MiB | 491.00 KiB/s, done.
Resolving deltas: 100% (3209/3209), done.
Checking connectivity... done.

c:\wamp64\www\wordpress\wp-content\themes>cd foundationpress

c:\wamp64\www\wordpress\wp-content\themes\FoundationPress>npm install
npm WARN deprecated [email protected]: Please use gulp-clean-css
npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated [email protected]: ReDoS vulnerability parsing Set-Cookie https://nodesecurity.io/advisories/130
npm WARN optional dep failed, continuing [email protected]
npm WARN deprecated [email protected]: lodash@<3.0.0 is no longer maintained. Upgrade to lodash@^4.0.0.
npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated [email protected]: graceful-fs v3.0.0 and before will fail on node releases >= v7.0. Please update to graceful-fs@^4.0.0 as soon as possible. Use 'npm ls graceful-fs' to find it in the tree.
|
> [email protected] install c:\wamp64\www\wordpress\wp-content\themes\FoundationPress\node_modules\gulp-uncss\node_modules\uncss\node_modules\phridge\node_modules\phantomjs-prebuilt
> node install.js

PhantomJS not found on PATH
Downloading https://github.com/Medium/phantomjs/releases/download/v2.1.1/phantomjs-2.1.1-windows.zip
Saving to C:\Users\LIAMLY~1\AppData\Local\Temp\phantomjs\phantomjs-2.1.1-windows.zip
Receiving...
  [========================================] 100%
Received 17767K total.
Extracting zip contents
Removing c:\wamp64\www\wordpress\wp-content\themes\FoundationPress\node_modules\gulp-uncss\node_modules\uncss\node_modules\phridge\node_modules\phantomjs-prebuilt\lib\phantom
Copying extracted folder C:\Users\LIAMLY~1\AppData\Local\Temp\phantomjs\phantomjs-2.1.1-windows.zip-extract-1472569184238\phantomjs-2.1.1-windows -> c:\wamp64\www\wordpress\wp-content\themes\FoundationPress\node_modules\gulp-uncss\node_modules\uncss\node_modules\phridge\node_modules\phantomjs-prebuilt\lib\phantom
Writing location.js file
Done. Phantomjs binary available at c:\wamp64\www\wordpress\wp-content\themes\FoundationPress\node_modules\gulp-uncss\node_modules\uncss\node_modules\phridge\node_modules\phantomjs-prebuilt\lib\phantom\bin\phantomjs.exe

> [email protected] install c:\wamp64\www\wordpress\wp-content\themes\FoundationPress\node_modules\gulp-sass\node_modules\node-sass
> node scripts/install.js

Binary downloaded and installed at c:\wamp64\www\wordpress\wp-content\themes\FoundationPress\node_modules\gulp-sass\node_modules\node-sass\vendor\win32-x64-46\binding.node

> [email protected] postinstall c:\wamp64\www\wordpress\wp-content\themes\FoundationPress\node_modules\gulp-sass\node_modules\node-sass
> node scripts/build.js

"c:\wamp64\www\wordpress\wp-content\themes\FoundationPress\node_modules\gulp-sass\node_modules\node-sass\vendor\win32-x64-46\binding.node" exists.
 testing binary.
Binary is fine; exiting.

> [email protected] postinstall c:\wamp64\www\wordpress\wp-content\themes\FoundationPress
> bower install && gulp build

bower foundation-sites#~6.2.0   cached https://github.com/zurb/foundation-sites.git#6.2.3
bower foundation-sites#~6.2.0 validate 6.2.3 against https://github.com/zurb/foundation-sites.git#~6.2.0
bower fontawesome#~4.5.0        cached https://github.com/FortAwesome/Font-Awesome.git#4.5.0
bower fontawesome#~4.5.0      validate 4.5.0 against https://github.com/FortAwesome/Font-Awesome.git#~4.5.0
bower motion-ui#~1.2.0          cached https://github.com/zurb/motion-ui.git#1.2.2
bower motion-ui#~1.2.0        validate 1.2.2 against https://github.com/zurb/motion-ui.git#~1.2.0
bower jquery#~2.2.0             cached https://github.com/jquery/jquery-dist.git#2.2.4
bower jquery#~2.2.0           validate 2.2.4 against https://github.com/jquery/jquery-dist.git#~2.2.0
bower what-input#~2.0.0         cached https://github.com/ten1seven/what-input.git#2.0.1
bower what-input#~2.0.0       validate 2.0.1 against https://github.com/ten1seven/what-input.git#~2.0.0
bower fontawesome#~4.5.0       ECMDERR Failed to execute "git ls-remote --tags --heads https://github.com/FortAwesome/Font-Awesome.git", exit code of #128 fatal: unable to access 'https://github.com/FortAwesome/Font-Awesome.git/': Unknown SSL protocol error in connection to github.com:443

Additional error details:
fatal: unable to access 'https://github.com/FortAwesome/Font-Awesome.git/': Unknown SSL protocol error in connection to github.com:443

npm ERR! Windows_NT 10.0.14393
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "install"
npm ERR! node v4.5.0
npm ERR! npm  v2.15.9
npm ERR! code ELIFECYCLE
npm ERR! [email protected] postinstall: `bower install && gulp build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] postinstall script 'bower install && gulp build'.
npm ERR! This is most likely a problem with the foundationpress package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     bower install && gulp build
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs foundationpress
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!
npm ERR!     npm owner ls foundationpress
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     c:\wamp64\www\wordpress\wp-content\themes\FoundationPress\npm-debug.log

c:\wamp64\www\wordpress\wp-content\themes\FoundationPress>\
'\' is not recognized as an internal or external command,
operable program or batch file.

c:\wamp64\www\wordpress\wp-content\themes\FoundationPress>
c:\wamp64\www\wordpress\wp-content\themes\FoundationPress>npm install -g bower
C:\Users\Liam Lynch\AppData\Roaming\npm\bower -> C:\Users\Liam Lynch\AppData\Roaming\npm\node_modules\bower\bin\bower
[email protected] C:\Users\Liam Lynch\AppData\Roaming\npm\node_modules\bower

c:\wamp64\www\wordpress\wp-content\themes\FoundationPress>bower install font-awesome
bower foundation-sites#~6.2.0   cached https://github.com/zurb/foundation-sites.git#6.2.3
bower foundation-sites#~6.2.0 validate 6.2.3 against https://github.com/zurb/foundation-sites.git#~6.2.0
bower fontawesome#~4.5.0        cached https://github.com/FortAwesome/Font-Awesome.git#4.5.0
bower fontawesome#~4.5.0      validate 4.5.0 against https://github.com/FortAwesome/Font-Awesome.git#~4.5.0
bower motion-ui#~1.2.0          cached https://github.com/zurb/motion-ui.git#1.2.2
bower motion-ui#~1.2.0        validate 1.2.2 against https://github.com/zurb/motion-ui.git#~1.2.0
bower font-awesome#*            cached https://github.com/FortAwesome/Font-Awesome.git#4.6.3
bower font-awesome#*          validate 4.6.3 against https://github.com/FortAwesome/Font-Awesome.git#*
bower jquery#~2.2.0             cached https://github.com/jquery/jquery-dist.git#2.2.4
bower jquery#~2.2.0           validate 2.2.4 against https://github.com/jquery/jquery-dist.git#~2.2.0
bower what-input#~2.0.0         cached https://github.com/ten1seven/what-input.git#2.0.1
bower what-input#~2.0.0       validate 2.0.1 against https://github.com/ten1seven/what-input.git#~2.0.0
bower jquery#~2.2.0            ECMDERR Failed to execute "git ls-remote --tags --heads https://github.com/jquery/jquery-dist.git", exit code of #128 fatal: unable to access 'https://github.com/jquery/jquery-dist.git/': Unknown SSL protocol error in connection to github.com:443

Additional error details:
fatal: unable to access 'https://github.com/jquery/jquery-dist.git/': Unknown SSL protocol error in connection to github.com:443

c:\wamp64\www\wordpress\wp-content\themes\FoundationPress>gulp build
[23:17:15] Using gulpfile c:\wamp64\www\wordpress\wp-content\themes\FoundationPress\gulpfile.js
[23:17:15] Starting 'clean'...
[23:17:15] Starting 'clean:javascript'...
[23:17:15] Starting 'clean:css'...
[23:17:15] Finished 'clean:javascript' after 8.65 ms
[23:17:15] Finished 'clean:css' after 5.06 ms
[23:17:15] Finished 'clean' after 15 ms
[23:17:15] Starting 'build'...
[23:17:15] Starting 'copy'...
[23:17:15] Finished 'copy' after 100 ms
[23:17:15] Starting 'sass'...
[23:17:18] Starting 'javascript'...
[23:17:21] Starting 'lint'...
[23:17:30] gulp-notify: [Sass Error] assets\scss\global\_settings.scss
Error: File to import not found or unreadable: ../../components/foundation-sites/scss/util/util
       Parent style sheet: c:/wamp64/www/wordpress/wp-content/themes/FoundationPress/assets/scss/global/_settings.scss
        on line 43 of assets/scss/global/_settings.scss
>> @import '../../components/foundation-sites/scss/util/util';
   ^

[23:17:30] Finished 'lint' after 8.67 s
[23:17:30] Finished 'javascript' after 12 s
[23:17:30] Finished 'sass' after 15 s
[23:17:30] Finished 'build' after 15 s

Please List the Following:

• OS & version:
• Node version (node -v) [Node v4+ is required] :
• Foundation version (bower list) :

[olefredrik]

Is seems like there's a connection error to github during your npm install :

bower fontawesome#~4.5.0 ECMDERR Failed to execute "git ls-remote --tags --heads https://github.com/FortAwesome/Font-Awesome.git", exit code of #128 fatal: unable to access 'https://github.com/FortAwesome/Font-Awesome.git/': Unknown SSL protocol error in connection to github.com:443

[Y0RBA]

@olefredrik Thanks for identifying it - sorry for another question, what's my next step to resolve this and get it working properly?

[derweili]

@Y0RBA update npm, bower and git to the latest version and try it again.

[olefredrik]

@Y0RBA : did you figure out how to solve this?

[Y0RBA]

@olefredrik No I did not, I used JointsWP for the project I was working on as I couldn't get FP to work.

[olefredrik]

@Y0RBA : Okay. I'm sorry you couldn't get FP to work, but I'm glad you found your way with JointsWP. Closing this issue then.