ryanfitzgerald / devportfolio Goto Github PK

View Code? Open in Web Editor NEW

4.3K 64.0 3.6K 1018 KB

A lightweight, customizable single-page personal portfolio website template built with JavaScript and Sass

Home Page: https://ryanfitzgerald.github.io/devportfolio

License: MIT License

JavaScript 12.64% HTML 35.00% SCSS 52.36%

sass skills javascript timeline template portfolio portfolio-template portfolio-website

devportfolio's Issues

Where's your copyright? :(

Hello there,
This template looks neat!

The MIT license requires users (us) to give you credit.

Conditions: License and copyright notice

I haven't seen your name anywhere in your demo's source-code.
How would you like to be thanked? :-) imo it's possible to have minified files with a copyright header, would this be enough?

Cheers!

Removing Project Image Bug

Nice job,

The issue is that when I remove the project image, the whole project div is removed. somehow the height of that div is related to the image height.

Expcted behavior,

when removing the image div, content should be left aligned and div expand to fill the content

Add "See More" to the projects Section

Adding a "See-More" to the projects section would be a great idea.
You could then prioritize your projects keeping the best ones on the top while the projects little lower in importance can be loaded when clicking see-more.

Contact section BUG. Page gets broken when click send with empty email field

Scroll down to Get in Touch section > leave email field empty > type anything in the message field and click send

Actual: page gets broken. Try to scroll down and you see lots of empty space. It gets fixed after you refresh the page

npm install fails

i cloned this project and ran 'npm install' but gulp-sass gives this error.

3477 timing build:run:postinstall:node_modules/es5-ext Completed in 396ms
3478 info run [email protected] postinstall { code: 1, signal: null }
3479 timing reify:rollback:createSparse Completed in 2270ms
3480 timing reify:rollback:retireShallow Completed in 0ms
3481 timing command:i Completed in 131897ms
3482 verbose stack Error: command failed
3482 verbose stack     at ChildProcess.<anonymous> (C:\Users\Name\AppData\Roaming\npm\node_modules\npm\node_modules\@npmcli\promise-spawn\lib\index.js:63:27)
3482 verbose stack     at ChildProcess.emit (node:events:390:28)
3482 verbose stack     at maybeClose (node:internal/child_process:1064:16)
3482 verbose stack     at Process.ChildProcess._handle.onexit (node:internal/child_process:301:5)
3483 verbose pkgid [email protected]
3484 verbose cwd D:\projects\devportfolio
3485 verbose Windows_NT 10.0.19044
3486 verbose node v16.13.1
3487 verbose npm  v8.12.1
3488 error code 1
3489 error path D:\projects\devportfolio\node_modules\node-sass
3490 error command failed
3491 error command C:\Windows\system32\cmd.exe /d /s /c node scripts/build.js
3492 error Building: C:\Program Files\nodejs\node.exe D:\projects\devportfolio\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
3493 error gyp info it worked if it ends with ok
3493 error gyp verb cli [
3493 error gyp verb cli   'C:\\Program Files\\nodejs\\node.exe',
3493 error gyp verb cli   'D:\\projects\\devportfolio\\node_modules\\node-gyp\\bin\\node-gyp.js',
3493 error gyp verb cli   'rebuild',
3493 error gyp verb cli   '--verbose',
3493 error gyp verb cli   '--libsass_ext=',
3493 error gyp verb cli   '--libsass_cflags=',
3493 error gyp verb cli   '--libsass_ldflags=',
3493 error gyp verb cli   '--libsass_library='
3493 error gyp verb cli ]
3493 error gyp info using [email protected]
3493 error gyp info using [email protected] | win32 | x64
3493 error gyp verb command rebuild []
3493 error gyp verb command clean []
3493 error gyp verb clean removing "build" directory
3493 error gyp verb command configure []
3493 error gyp verb check python checking for Python executable "python2" in the PATH
3493 error gyp verb `which` failed Error: not found: python2
3493 error gyp verb `which` failed     at getNotFoundError (D:\projects\devportfolio\node_modules\which\which.js:13:12)
3493 error gyp verb `which` failed     at F (D:\projects\devportfolio\node_modules\which\which.js:68:19)
3493 error gyp verb `which` failed     at E (D:\projects\devportfolio\node_modules\which\which.js:80:29)
3493 error gyp verb `which` failed     at D:\projects\devportfolio\node_modules\which\which.js:89:16
3493 error gyp verb `which` failed     at D:\projects\devportfolio\node_modules\isexe\index.js:42:5
3493 error gyp verb `which` failed     at D:\projects\devportfolio\node_modules\isexe\windows.js:36:5
3493 error gyp verb `which` failed     at FSReqCallback.oncomplete (node:fs:198:21)
3493 error gyp verb `which` failed  python2 Error: not found: python2
3493 error gyp verb `which` failed     at getNotFoundError (D:\projects\devportfolio\node_modules\which\which.js:13:12)
3493 error gyp verb `which` failed     at F (D:\projects\devportfolio\node_modules\which\which.js:68:19)
3493 error gyp verb `which` failed     at E (D:\projects\devportfolio\node_modules\which\which.js:80:29)
3493 error gyp verb `which` failed     at D:\projects\devportfolio\node_modules\which\which.js:89:16
3493 error gyp verb `which` failed     at D:\projects\devportfolio\node_modules\isexe\index.js:42:5
3493 error gyp verb `which` failed     at D:\projects\devportfolio\node_modules\isexe\windows.js:36:5
3493 error gyp verb `which` failed     at FSReqCallback.oncomplete (node:fs:198:21) {
3493 error gyp verb `which` failed   code: 'ENOENT'
3493 error gyp verb `which` failed }
3493 error gyp verb check python checking for Python executable "python" in the PATH
3493 error gyp verb `which` succeeded python C:\Python39\python.EXE
3493 error gyp ERR! configure error 
3493 error gyp ERR! stack Error: Command failed: C:\Python39\python.EXE -c import sys; print "%s.%s.%s" % sys.version_info[:3];
3493 error gyp ERR! stack   File "<string>", line 1
3493 error gyp ERR! stack     import sys; print "%s.%s.%s" % sys.version_info[:3];
3493 error gyp ERR! stack                       ^
3493 error gyp ERR! stack SyntaxError: invalid syntax
3493 error gyp ERR! stack 
3493 error gyp ERR! stack     at ChildProcess.exithandler (node:child_process:397:12)
3493 error gyp ERR! stack     at ChildProcess.emit (node:events:390:28)
3493 error gyp ERR! stack     at maybeClose (node:internal/child_process:1064:16)
3493 error gyp ERR! stack     at Process.ChildProcess._handle.onexit (node:internal/child_process:301:5)
3493 error gyp ERR! System Windows_NT 10.0.19044
3493 error gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "D:\\projects\\devportfolio\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
3493 error gyp ERR! cwd D:\projects\devportfolio\node_modules\node-sass
3493 error gyp ERR! node -v v16.13.1
3493 error gyp ERR! node-gyp -v v3.8.0
3493 error gyp ERR! not ok 
3493 error Build failed with error code: 1
3494 verbose exit 1
3495 timing npm Completed in 134349ms
3496 verbose unfinished npm timer reify 1655718519663
3497 verbose unfinished npm timer reify:build 1655718644390
3498 verbose unfinished npm timer build 1655718644393
3499 verbose unfinished npm timer build:deps 1655718644395
3500 verbose unfinished npm timer build:run:postinstall 1655718645611
3501 verbose unfinished npm timer build:run:postinstall:node_modules/node-sass 1655718645863
3502 verbose code 1```

`npm install` error?

I'm still new in npm thingy so a help is appreciated

AFFAN@AFFAN-PC MINGW32 /d/PROGRAMMING/git/devportfolio-template (master)
$ npm install
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]: 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 o                                                             n 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] D:\PROGRAMMING\git\devportfolio-template
+-- [email protected]
| +-- [email protected]
| +-- [email protected]
| | +-- [email protected]
| | +-- [email protected]
| | +-- [email protected]
| | | `-- [email protected]
| | +-- [email protected]
| | `-- [email protected]
| +-- [email protected]
| +-- [email protected]
| | +-- [email protected]
| | +-- [email protected]
| | +-- [email protected]
| | +-- [email protected]
| | +-- [email protected]
| | | `-- [email protected]
| | +-- [email protected]
| | +-- [email protected]
| | +-- [email protected]
| | +-- [email protected]
| | | +-- [email protected]
| | | +-- [email protected]
| | | +-- [email protected]
| | | +-- [email protected]
| | | +-- [email protected]
| | | | `-- [email protected]
| | | +-- [email protected]
| | | | +-- [email protected]
| | | | +-- [email protected]
| | | | `-- [email protected]
| | | +-- [email protected]
| | | `-- [email protected]
| | +-- [email protected]
| | | `-- [email protected]
| | |   `-- [email protected]
| | +-- [email protected]
| | +-- [email protected]
| | `-- [email protected]
| |   +-- [email protected]
| |   `-- [email protected]
| +-- [email protected]
| +-- [email protected]
| | +-- [email protected]
| | +-- [email protected]
| | | +-- [email protected]
| | | | `-- [email protected]
| | | +-- [email protected]
| | | | `-- [email protected]
| | | +-- [email protected]
| | | | +-- [email protected]
| | | | | `-- [email protected]
| | | | +-- [email protected]
| | | | +-- [email protected]
| | | | | +-- [email protected]
| | | | | | `-- [email protected]
| | | | | |   +-- [email protected]
| | | | | |   +-- [email protected]
| | | | | |   | `-- [email protected]
| | | | | |   `-- [email protected]
| | | | | +-- [email protected]
| | | | | `-- [email protected]
| | | | +-- [email protected]
| | | | | `-- [email protected]
| | | | +-- [email protected]
| | | | +-- [email protected]
| | | | +-- [email protected]
| | | | | `-- [email protected]
| | | | +-- [email protected]
| | | | | `-- [email protected]
| | | | +-- [email protected]
| | | | | +-- [email protected]
| | | | | | `-- [email protected]
| | | | | `-- [email protected]
| | | | +-- [email protected]
| | | | | +-- [email protected]
| | | | | | `-- [email protected]
| | | | | `-- [email protected]
| | | | `-- [email protected]
| | | |   +-- [email protected]
| | | |   `-- [email protected]
| | | `-- [email protected]
| | |   `-- [email protected]
| | |     +-- [email protected]
| | |     | +-- [email protected]
| | |     | | `-- [email protected]
| | |     | +-- [email protected]
| | |     | `-- [email protected]
| | |     |   `-- [email protected]
| | |     `-- [email protected]
| | +-- [email protected]
| | | +-- [email protected]
| | | +-- [email protected]
| | | +-- [email protected]
| | | +-- [email protected]
| | | `-- [email protected]
| | |   +-- [email protected]
| | |   | `-- [email protected]
| | |   |   `-- [email protected]
| | |   |     `-- [email protected]
| | |   +-- [email protected]
| | |   `-- [email protected]
| | |     `-- [email protected]
| | +-- [email protected]
| | +-- [email protected]
| | +-- [email protected]
| | +-- [email protected]
| | +-- [email protected]
| | `-- [email protected]
| |   `-- [email protected]
| +-- [email protected]
| +-- [email protected]
| | +-- [email protected]
| | | `-- [email protected]
| | |   `-- [email protected]
| | +-- [email protected]
| | `-- [email protected]
| +-- [email protected]
| +-- [email protected]
| +-- [email protected]
| | `-- [email protected]
| +-- [email protected]
| | `-- [email protected]
| `-- [email protected]
|   +-- [email protected]
|   +-- [email protected]
|   | +-- [email protected]
|   | | `-- [email protected]
|   | +-- [email protected]
|   | | `-- [email protected]
|   | +-- [email protected]
|   | | `-- [email protected]
|   | |   +-- [email protected]
|   | |   `-- [email protected]
|   | +-- [email protected]
|   | +-- [email protected]
|   | | `-- [email protected]
|   | `-- [email protected]
|   +-- [email protected]
|   | `-- [email protected]
|   |   `-- [email protected]
|   |     +-- [email protected]
|   |     | +-- [email protected]
|   |     | `-- [email protected]
|   |     +-- [email protected]
|   |     `-- [email protected]
|   |       +-- [email protected]
|   |       `-- [email protected]
|   +-- [email protected]
|   | `-- [email protected]
|   +-- [email protected]
|   | `-- [email protected]
|   +-- [email protected]
|   | +-- [email protected]
|   | `-- [email protected]
|   +-- [email protected]
|   | `-- [email protected]
|   |   `-- [email protected]
|   `-- [email protected]
|     `-- [email protected]
+-- [email protected]
| +-- [email protected]
| | +-- [email protected]
| | | `-- [email protected]
| | +-- [email protected]
| | +-- [email protected]
| | +-- [email protected]
| | `-- [email protected]
| +-- [email protected]
| | +-- [email protected]
| | +-- [email protected]
| | `-- [email protected]
| |   `-- [email protected]
| +-- [email protected]
| | +-- [email protected]
| | | +-- [email protected]
| | | +-- [email protected]
| | | +-- [email protected]
| | | +-- [email protected]
| | | +-- [email protected]
| | | +-- [email protected]
| | | `-- [email protected]
| | `-- [email protected]
| `-- [email protected]
+-- [email protected]
+-- [email protected]
`-- [email protected]
  +-- [email protected]
  | `-- [email protected]
  +-- [email protected]
  | `-- [email protected]
  +-- [email protected]
  +-- [email protected]
  | `-- [email protected]
  +-- [email protected]
  | +-- [email protected]
  | `-- [email protected]
  |   +-- [email protected]
  |   +-- [email protected]
  |   | +-- [email protected]
  |   | | +-- [email protected]
  |   | | | +-- [email protected]
  |   | | | `-- [email protected]
  |   | | `-- [email protected]
  |   | +-- [email protected]
  |   | `-- [email protected]
  |   +-- [email protected]
  |   `-- [email protected]
  `-- [email protected]

npm WARN [email protected] No repository field.
npm ERR! Windows_NT 6.1.7601
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_                                                        modules\\npm\\bin\\npm-cli.js" "install"
npm ERR! node v6.9.5
npm ERR! npm  v3.10.10
npm ERR! path D:\PROGRAMMING\git\devportfolio-template\node_modules\.staging\invert-k                                                        v-60559123\package.json.2278776155
npm ERR! code EPERM
npm ERR! errno -4048
npm ERR! syscall rename

npm ERR! Error: EPERM: operation not permitted, rename 'D:\PROGRAMMING\git\devportfol                                                        io-template\node_modules\.staging\invert-kv-60559123\package.json.2278776155' -> 'D:\                                                        PROGRAMMING\git\devportfolio-template\node_modules\.staging\invert-kv-60559123\packag                                                        e.json'
npm ERR!     at Error (native)
npm ERR!  { Error: EPERM: operation not permitted, rename 'D:\PROGRAMMING\git\devport                                                        folio-template\node_modules\.staging\invert-kv-60559123\package.json.2278776155' -> '                                                        D:\PROGRAMMING\git\devportfolio-template\node_modules\.staging\invert-kv-60559123\pac                                                        kage.json'
npm ERR!     at Error (native)
npm ERR!   errno: -4048,
npm ERR!   code: 'EPERM',
npm ERR!   syscall: 'rename',
npm ERR!   path: 'D:\\PROGRAMMING\\git\\devportfolio-template\\node_modules\\.staging                                                        \\invert-kv-60559123\\package.json.2278776155',
npm ERR!   dest: 'D:\\PROGRAMMING\\git\\devportfolio-template\\node_modules\\.staging                                                        \\invert-kv-60559123\\package.json',
npm ERR!   parent: 'devportfolio-template' }
npm ERR!
npm ERR! Please try running this command again as root/Administrator.

npm ERR! Please include the following file with any support request:
npm ERR!     D:\PROGRAMMING\git\devportfolio-template\npm-debug.log

Project Images

I forked this project and have it up and running on jasonbunnell.com. I am having trouble with the project images. I was able to change the project.jpg image. When I attempted to use my-own-image.jpg it did not conform to the formating. I tried changing:

.project-image {
    float: left;
    max-width: 300px;

Thoughts?

Section adding

Hello,

Great template, I like it.

It would be great if a user could add new sections, for languages or other important informations (hobbies, certifications or trainings for example)

node.js version for npm installing gulp-sass

Hi Ryan, thanks a lot for sharing it, as well as V2. But im struggling with a bounch of errors from npm install, and it looks that many users have thoese issues.

I have solve the problem and it turns out that the key point is the correct version of node.js, which is not mentioned in this repo. One should use node.js with the correct version v10.22.0 (npm v6.14.6). It perfecly works whlie installing gulp-sass (node-sass). Newer node.js might not work no matter how to config, i.e. gym, MSVC.

Am i correct? Or i missed some tricks?

Portfolio

Need some changes in design

I think we need to update some CSS live in navbar will be full width or like in skill list need some radius in this also

npm install returning errors (i have python3 installed)

2218 info run [email protected] install node_modules/node-sass node scripts/install.js
2219 info run [email protected] install { code: 0, signal: null }
2220 timing build:run:install:node_modules/node-sass Completed in 786ms
2221 timing build:run:install Completed in 786ms
2222 info run [email protected] postinstall node_modules/node-sass node scripts/build.js
2223 info run [email protected] postinstall { code: 1, signal: null }
2224 timing reify:rollback:createSparse Completed in 884ms
2225 timing reify:rollback:retireShallow Completed in 0ms
2226 timing command:install Completed in 16028ms
2227 verbose stack Error: command failed
2227 verbose stack at ChildProcess. (C:\Program Files\nodejs\node_modules\npm\node_modules@npmcli\promise-spawn\lib\index.js:63:27)
2227 verbose stack at ChildProcess.emit (node:events:513:28)
2227 verbose stack at maybeClose (node:internal/child_process:1091:16)
2227 verbose stack at ChildProcess._handle.onexit (node:internal/child_process:302:5)
2228 verbose pkgid [email protected]
2229 verbose cwd C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio
2230 verbose Windows_NT 10.0.22000
2231 verbose node v18.12.1
2232 verbose npm v8.19.2
2233 error code 1
2234 error path C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\node-sass
2235 error command failed
2236 error command C:\WINDOWS\system32\cmd.exe /d /s /c node scripts/build.js
2237 error Building: C:\Program Files\nodejs\node.exe C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
2238 error gyp info it worked if it ends with ok
2238 error gyp verb cli [
2238 error gyp verb cli 'C:\Program Files\nodejs\node.exe',
2238 error gyp verb cli 'C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\node-gyp\bin\node-gyp.js',
2238 error gyp verb cli 'rebuild',
2238 error gyp verb cli '--verbose',
2238 error gyp verb cli '--libsass_ext=',
2238 error gyp verb cli '--libsass_cflags=',
2238 error gyp verb cli '--libsass_ldflags=',
2238 error gyp verb cli '--libsass_library='
2238 error gyp verb cli ]
2238 error gyp info using [email protected]
2238 error gyp info using [email protected] | win32 | x64
2238 error gyp verb command rebuild []
2238 error gyp verb command clean []
2238 error gyp verb clean removing "build" directory
2238 error gyp verb command configure []
2238 error gyp verb check python checking for Python executable "python2" in the PATH
2238 error gyp verb which failed Error: not found: python2
2238 error gyp verb which failed at getNotFoundError (C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\which\which.js:13:12)
2238 error gyp verb which failed at F (C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\which\which.js:68:19)
2238 error gyp verb which failed at E (C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\which\which.js:80:29)
2238 error gyp verb which failed at C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\which\which.js:89:16
2238 error gyp verb which failed at C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\isexe\index.js:42:5
2238 error gyp verb which failed at C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\isexe\windows.js:36:5
2238 error gyp verb which failed at FSReqCallback.oncomplete (node:fs:207:21)
2238 error gyp verb which failed python2 Error: not found: python2
2238 error gyp verb which failed at getNotFoundError (C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\which\which.js:13:12)
2238 error gyp verb which failed at F (C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\which\which.js:68:19)
2238 error gyp verb which failed at E (C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\which\which.js:80:29)
2238 error gyp verb which failed at C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\which\which.js:89:16
2238 error gyp verb which failed at C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\isexe\index.js:42:5
2238 error gyp verb which failed at C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\isexe\windows.js:36:5
2238 error gyp verb which failed at FSReqCallback.oncomplete (node:fs:207:21) {
2238 error gyp verb which failed code: 'ENOENT'
2238 error gyp verb which failed }
2238 error gyp verb check python checking for Python executable "python" in the PATH
2238 error gyp verb which failed Error: not found: python
2238 error gyp verb which failed at getNotFoundError (C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\which\which.js:13:12)
2238 error gyp verb which failed at F (C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\which\which.js:68:19)
2238 error gyp verb which failed at E (C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\which\which.js:80:29)
2238 error gyp verb which failed at C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\which\which.js:89:16
2238 error gyp verb which failed at C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\isexe\index.js:42:5
2238 error gyp verb which failed at C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\isexe\windows.js:36:5
2238 error gyp verb which failed at FSReqCallback.oncomplete (node:fs:207:21)
2238 error gyp verb which failed python Error: not found: python
2238 error gyp verb which failed at getNotFoundError (C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\which\which.js:13:12)
2238 error gyp verb which failed at F (C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\which\which.js:68:19)
2238 error gyp verb which failed at E (C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\which\which.js:80:29)
2238 error gyp verb which failed at C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\which\which.js:89:16
2238 error gyp verb which failed at C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\isexe\index.js:42:5
2238 error gyp verb which failed at C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\isexe\windows.js:36:5
2238 error gyp verb which failed at FSReqCallback.oncomplete (node:fs:207:21) {
2238 error gyp verb which failed code: 'ENOENT'
2238 error gyp verb which failed }
2238 error gyp verb could not find "python". checking python launcher
2238 error gyp verb could not find "python". guessing location
2238 error gyp verb ensuring that file exists: C:\Python27\python.exe
2238 error gyp ERR! configure error
2238 error gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable.
2238 error gyp ERR! stack at PythonFinder.failNoPython (C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\node-gyp\lib\configure.js:484:19)
2238 error gyp ERR! stack at PythonFinder. (C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\node-gyp\lib\configure.js:509:16)
2238 error gyp ERR! stack at callback (C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\graceful-fs\polyfills.js:295:20)
2238 error gyp ERR! stack at FSReqCallback.oncomplete (node:fs:207:21)
2238 error gyp ERR! System Windows_NT 10.0.22000
2238 error gyp ERR! command "C:\Program Files\nodejs\node.exe" "C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\node-gyp\bin\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
2238 error gyp ERR! cwd C:\Users\bhara\OneDrive\Desktop\PORTFOLIO\devportfolio\node_modules\node-sass
2238 error gyp ERR! node -v v18.12.1
2238 error gyp ERR! node-gyp -v v3.8.0
2238 error gyp ERR! not ok
2238 error Build failed with error code: 1
2239 verbose exit 1
2240 timing npm Completed in 16545ms
2241 verbose unfinished npm timer reify 1674770029200
2242 verbose unfinished npm timer reify:build 1674770042779
2243 verbose unfinished npm timer build 1674770042780
2244 verbose unfinished npm timer build:deps 1674770042780
2245 verbose unfinished npm timer build:run:postinstall 1674770043830
2246 verbose unfinished npm timer build:run:postinstall:node_modules/node-sass 1674770043830
2247 verbose code 1
2248 error A complete log of this run can be found in:
2248 error C:\Users\bhara\AppData\Local\npm-cache_logs\2023-01-26T21_53_48_704Z-debug-0.log

Jekyll version

I made Jekyll Version here: https://github.com/ipepe/portfolio-template
Please create jekyll branch in Your repo so I can create pull request.

color scheme changes not taking effect

Hi Ryan, thanks for a great template! I'm running into an issue where color scheme changes made in the variable section of styles.scss are not taking effect. I made the edits as outlined in the general section of your Readme. Would really appreciate if you could point me in the right direction on this.

Body of project's doesn't center.

When you make the description for a project too short, it will align left in the parent and looks somewhat strange.

Example:

<div class="project shadow-large">
    <div class="project-image">
        <img src="images/project.jpg" />
    </div>
    <!-- End .project-image -->
    <div class="project-info">
        <h3>Synful</h3>
        <p>
            A versatile PHP framework for you to create your own API with ease.
        </p>
        <a href="http://git.nathanf.tk/synful" target="_blank">View Project</a>
    </div>
    <!-- End .project-info -->
</div>
<!-- End .project -->

Social div block not showing up in Brave Browser

The DIV block with class="col-sm-5 social" doesn't show up at all in the Brave Browser.
Any way you can fix this? Thank you.

Google PageSpeed recommendations should be followed

See https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fryanfitzgerald.github.io%2Fdevportfolio-template%2F&tab=mobile

Un-hardcode all colors to allow for dark themes

First of all, love this template. I use a pug port at http://yousefamar.com (GitHub). You'll notice I like things dark. I remember there was some talk of themes. Short of that, I think it might be useful to have all the remaining colors that are hardcoded in become variables up top too, to at least be able to tweak for colors for dark themes. I've already done this for my version though I ended up doing my own hardcoding and we've diverged quite a bit. That way, having a dark theme could just be a matter of uncommenting a block of variables on the top (and lightens becoming darkens automatically).

Limit spam with the contact form

As stated on https://formspree.io/ you can add <input type="text" name="_gotcha" style="display:none" /> to the contact form.

Add this "honeypot" field to avoid spam by fooling scrapers. If a value is provided, the submission will be silently ignored. The input should be hidden with CSS.

You can also follow this tip from https://webdesign.tutsplus.com/tutorials/quick-tip-add-a-formspree-form-to-your-static-sites--cms-23870 to avoid email scraping.

<script>
    var contactform =  document.getElementById('contactform');
    contactform.setAttribute('action', '//formspree.io/' + 'your' + '@' + 'email' + '.' + 'com');
</script>

Need a blog section.

I needed a new blog page, how can I add a similar design page for my blogs?

Adding a 404 page

I know it might be a bit much to ask, but a 404 page with that simple, nice way you code would be nice as well for this portfolio site, in case you have time.

Add separate "Resume" page to view it in an iframe instead of directly download it

Just a heads up

I felt free to add your project here : https://github.com/guilyx/awesome-github-pages-portfolios
It's just a heads up, if you want to remove it/don't want it featured there, do tell.

Projects p off center when p text is short

When the text inside p projects is short, I mean 30 words for example, h1 and p project does not center.

Projects go missing when there is no image

When the image tag is removed and the screen width > 768 px, project cards are missing.

Demo link broken

The link to the "live demo" (https://ryanfitzgerald.github.io/devportfolio/) in the ReadMe returns 404

Couldn't able to build

Getting error when tried to build the code or to run code on browser

Floating button on top right for translating page

Need more attraction

The portfolio is nice, but you can make it little more attractive by 3d designs.

Bottom of landing cut off on Firefox 51

`target="_blank"` should be added to social links to open links in new tabs.

Redesigned Page

Hello there,

Great work you have done there.
I have worked on this template and re-designed it for my own purposes, and I'd like to share it to the community as well. Would that be ok?

(I will keep mentioning you as the main author, and edited version from myself)

Unique color for Experience Timeline Icon

This isn't exactly a feature request or an issue. Is there any way to get each Experience vtimeline icon to be a different but specified color?

project image not loading on mobile sites

Great work!
I added several 300x300 project images and they render on desktops, but not mobile.
How would I fix this?

use netlify

i am trying to deploy on netlify but is saying there is a build command, should it be gulp build or something else? (i dont have gulp on my computer)

New navigationbar/menu options

While I very much love your theme, it's a shame it's ruined by such a boring navigation bar - I wish there was the option to choose between more modern navbar options, like the one Grayscale has: https://startbootstrap.com/template-overviews/grayscale/

Replace gulp-util

See The problem with gulp-util.

Language selection

Hi @everybody,
Is there a light way to provide a translation for all portfolio page?

Ooo

935ea4c726f327a2e9c319127168652e20314784

Missing social button for LinkedIn

Hey, thanks man. Really cool and simple template.

Since this is a dev-professional portfolio, i feel link LinkedIn should be present along GitHub & stackoverflow links.

Size of navbar and managing color layer from background image?

Change the size of navbar to the width of screen. How to removing blue layer from background image?

Make the navigation bar sticky

![image](https://user-images.githubusercontent.com/19364203/77529210-79bc8c80-6e8f-11ea-8f59-03ffb413a7ad.png)

@zkhan96 do you now all step how to run this project after clone in my laptop??
because when I run this project the process is not going further after mentioning in image,

Originally posted by @NikulGoyani369 in #81 (comment)

Gulp watch doesnt update scss or js

The path for the watch script in the gulpfile.js is wrong:

gulp.task('watch', function() {
    gulp.watch('js/scripts.js', gulp.series('scripts'));
    gulp.watch('scss/styles.scss', gulp.series('styles'));
});

Should be:

gulp.task('watch', function() {
    gulp.watch('./js/scripts.js', gulp.series('scripts'));
    gulp.watch('./scss/styles.scss', gulp.series('styles'));
});

Colours Refusing To Change

Hi Ryan,
I just wanted to start out by telling you how much I love this template. You've really broken everything down amazingly and I've been looking for a good template to use for my website and out of the ~500 templates I've been through, I love yours the most.

Just wanted to report a bug... I'm trying to change the colours which have been defined in the styles.scss located here (devportfolio-master/scss/styles.scss).

This is how my styles.scss looks:

// Define base and accent colors
$base-color: #FF0000;
$base-color-hover: darken($base-color, 20%);

// Define background colors
$background: #FF0000;
$background-alt: #f2f2f5;

// Define border colors
$border: #dcd9d9;

// Define text colors
$heading: #374054;
$text: #74808a;

But this is how the page rendered looks:

Is this a bug or something which I'm doing wrong?

Thanks a ton,
JR

node-sass build fails when running npm install

I'm not sure if this is something with my local configuration, but when running npm install on a fresh clone of this repo, the node-sass dependency failed to install. This prevented Gulp from working properly. After a quick Googling, I found a recommendation in the issues on the node-sass repo that solved my issue. I ran this command:

yarn add node-sass

...and everything appears to work as intended. Just wanted to drop this pointer for anyone else who might run into the same issue. (Note: this assumes you've got Yarn installed as well.)

Edit: It does seem to be an issue with my particular setup. I tried installing BrowserSync via NPM and it also failed...

Add favicon to index.html

Hi Ryan: firstly, great work on this template.

I'm just wondering if you'd consider adding a favicon to the index.html file? I've added one in a test fork that I've been playing with, and could do a pull request for you if you're interested in it.

Project page

Hi there,

Great work on the template! Keep it up :)

I think that a cool addition would be to have a template for a project page where you could put more details about a particular project.

Let me know what you think.

Regards,
Patryk

Dynamically change footer copyright year

Change the footer copyright static year to dynamic using JavaScript Date() Object.

Screenshot

Solution

Change the static year to the following dynamically created year.

const currentYear = new Date().getFullYear();    // 2021

ryanfitzgerald / devportfolio Goto Github PK

devportfolio's Issues

Screenshot

Solution

Recommend Projects

Recommend Topics

Recommend Org