GithubHelp home page GithubHelp logo

longpdo / neumorphism Goto Github PK

View Code? Open in Web Editor NEW
379.0 379.0 575.0 9.04 MB

Neumorphism designed Jekyll theme for personal websites, portfolios and resumes.

Home Page: https://longpdo.github.io/neumorphism/

License: MIT License

Ruby 0.26% HTML 47.53% JavaScript 15.24% SCSS 36.97%
github-pages jekyll jekyll-template jekyll-theme neumorphism

neumorphism's People

Contributors

dependabot[bot] avatar longpdo avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

neumorphism's Issues

Cannot update css?

Hey!
I really like your template and I am hoping to use it as a website for myself! I'm new to web development, so I was hoping I could ask you a question that might be silly. I've been trying to add a menu to the landing page, however when I try to add anything to the main sass file (main.scss), nothing seems to change. Even simply trying to change the color of the font won't work. I use Linux, and I followed your README to install dependencies, but with no luck. I also tried installing and running the command 'gulp', for which I get an error:

default: 'default' errored after 873 ms
...
default: 'styles' errored after 842 ms
default: FAILED
default: �[31mTypeError�[39m in plugin "�[36mgulp-autoprefixer�[39m"
default: Message:
default: css.walkAtRules is not a function
....
default: The following tasks did not complete: , watchData, watchMarkup, watchScripts, watchStyles, stylesVendors, scripts, scriptsVendors
default: Did you forget to signal async completion

I was hoping that I am just missing something silly and small that you could point out for me. Anyways, thank you for your time and thank you for the cool site!

Github Metadata Plugin - Personal Access Token

Hello

after adding the

Personal Access Token
to the env file and saving it to the project root, as described in the readme

got this message from github

We noticed that a valid OAuth, GitHub App or Personal Access Token of yours was committed to a GitHub repository. Disclosing a valid access token would allow other people to interact with GitHub on your behalf, potentially altering data, your contact information, and billing data.
As a precautionary measure, we have revoked the token. You will need to generate a new token for the app to authenticate to GitHub.

how can I solve this issue?

CSS Stylings

Modifying the CSS stylings using the _SASS folder's MAIN.SCSS. For some reason this file exists but is not read? I'm not quite sure where this file's referenced if it even is, however, changing the file's contents does absolutely nothing.

The actual CSS is pulled from /assets/css/main.min.css <-- This is where it is pulling the style sheets.
I am wondering is there something I need to do with the SASS file for it to work? It looks like main.min.css is a machine compiled output of the aformentioned sass file.

I've tried to zero main.min.css and just replace it's contents with the sass file, or @import but before I start going any further, is there a special way to get the SASS file to work?

Thank you

Profile Picture in Landing Page

Thank you for this wonderful template. Can you please add an option to place a profile picture at the landing page? Thanks again.

No way to use it on Windows 10 ?

Using Windows 10, I cannot get the page to work.
It's been 5 hours now, managing to slowly advance to your Prerequisites and Installation process, because there were multiples errors and roadblock for each commands.
I'm finally at the "gulp" command stage and it fails at starting Jekyll, I've added a function to detail the error source :

spawn called
[Arguments] {
  '0': 'bundle',
  '1': [
    'exec',
    'jekyll',
    'build',
    '--incremental',
    '--config=_config.yml,_config_dev.yml'
  ],
  '2': { stdio: 'inherit' }
}
[13:06:50] 'jekyll' errored after 5.21 ms
[13:06:50] Error: spawn bundle ENOENT
    at Process.ChildProcess._handle.onexit (internal/child_process.js:269:19)
    at onErrorNT (internal/child_process.js:465:16)
    at processTicksAndRejections (internal/process/task_queues.js:80:21)
[13:06:50] 'default' errored after 1.96 s

So the error should came from bundle exec jekyll build --incremental --config=_config.yml,_config_dev.yml but this command alone works fine, saying

Configuration file: _config_dev.yml
            Source: C:/XXX
       Destination: C:/XXX/_site
 Incremental build: enabled
      Generating...
                    done in 0.137 seconds.
 Auto-regeneration: disabled. Use --watch to enable.

The result page is completely broken, no CSS or JS are working, I'm giving up.
It would be appreciate if you have guidance to help me and if your documentation was clearer ;
There are too many shortcuts in the installation process (ex: suddenly using the gulp cmd, no mention to install it).
When going for 1.2, and cloning the repo, the point 2. is invalid.
Every command as is, errored on Windows, if it's the case, it should be stated that windows is not supported.
I'm really sad because I love the design of this template :(

Preloader not closing

After refreshing the page a few times, the preloader stops closing.
Sometimes it never loads the main page.
Look into this issue. Its a good template

SCSS doesn't update automatically

I've been trying to change the looks that neumorphism offers. For that, I've made some changes in ./_sass/main.scss; but since it doesn't have a front matter, jekyll seems to make no changes. I suppose it needs to be recompiled before changes are reflected but I'm not sure how I'm supposed to go about it.

I've also tried npx bundle exec gulp to rebuild contents as per gulpfile.js but that gives the following error:

$ npx bundle exec gulp
[21:06:51] Using gulpfile D:\Projects\PersonalWebsite\gulpfile.js
[21:06:51] Starting 'default'...
[21:06:51] Starting 'watchData'...
[21:06:51] Starting 'watchMarkup'...
[21:06:51] Starting 'watchScripts'...
[21:06:51] Starting 'watchStyles'...
[21:06:51] Starting 'styles'...
[21:06:51] Starting 'stylesVendors'...
[21:06:51] Starting 'scripts'...
[21:06:51] Starting 'scriptsVendors'...
Browserslist: caniuse-lite is outdated. Please run:
npx browserslist@latest --update-db
[21:06:54] Finished 'scripts' after 2.95 s
[21:06:54] Finished 'styles' after 2.95 s
[21:06:55] Finished 'stylesVendors' after 3.89 s
[21:06:58] Finished 'scriptsVendors' after 6.75 s
[21:06:58] Starting 'jekyll'...
[21:06:58] 'jekyll' errored after 9.94 ms
[21:06:58] Error: spawn bundle ENOENT
    at Process.ChildProcess._handle.onexit (internal/child_process.js:232:19)
    at onErrorNT (internal/child_process.js:407:16)
    at process._tickCallback (internal/process/next_tick.js:63:19)
[21:06:58] 'default' errored after 6.78 s
[21:06:58] The following tasks did not complete: <parallel>, watchData, watchMarkup, watchScripts, watchStyles
[21:06:58] Did you forget to signal async completion?

I'm not familiar with web development so I'm not really sure how to proceed. Any help will be great!

Windows version: 10
Ruby: 2.7.0
npx: 6.4.1
bundler: 2.1.4

The commands doesn't work on MacOS Big Sur v11

I had to execute the following command to get the server started on my Mac:

git -C /usr/local/Homebrew/Library/Taps/homebrew/homebrew-core fetch --unshallow
sudo rm -rf /Library/Developer/CommandLineTools
sudo xcode-select --install
brew install rbenv ruby-build
export RUBY_CONFIGURE_OPTS="--with-openssl-dir=$(brew --prefix [email protected])"
gem install bundler jekyll
npm install -g yarn
yarn
bundle install
gulp

Yarn List of Deprecated Dependencies

Upon installing dependencies with yarn, I got a list of deprecated dependencies. Should these be ignored?

YN0061: │ mkdirp@npm:0.5.1 is deprecated: Legacy versions of mkdirp are no longer supported. Please update to mkdirp 1.x. (Note that the API surface has changed to use Promises in 1.x.)
➤ YN0032: │ nan@npm:2.14.0: Implicit dependencies on node-gyp are discouraged
➤ YN0061: │ request@npm:2.88.2 is deprecated: request has been deprecated, see request/request#3142
➤ YN0061: │ chokidar@npm:2.1.8 is deprecated: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
➤ YN0061: │ har-validator@npm:5.1.3 is deprecated: this library is no longer supported
➤ YN0032: │ fsevents@npm:2.1.3: Implicit dependencies on node-gyp are discouraged
➤ YN0032: │ fsevents@npm:2.1.3: Implicit dependencies on node-gyp are discouraged
➤ YN0061: │ browserslist@npm:1.7.7 is deprecated: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
➤ YN0061: │ browserslist@npm:1.7.7 is deprecated: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
➤ YN0032: │ fsevents@npm:1.2.11: Implicit dependencies on node-gyp are discouraged
➤ YN0061: │ fsevents@npm:1.2.11 is deprecated: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
➤ YN0032: │ fsevents@npm:1.2.11: Implicit dependencies on node-gyp are discouraged
➤ YN0061: │ fsevents@npm:1.2.11 is deprecated: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
➤ YN0061: │ resolve-url@npm:0.2.1 is deprecated: https://github.com/lydell/resolve-url#deprecated
➤ YN0061: │ urix@npm:0.1.0 is deprecated: Please see https://github.com/lydell/urix#deprecated

Dependabot Security Issues?

Hi, I noticed the security tab raises a few dependabot security alerts about the lock file dependency versions- do I need to worry about these?

Project links are redirecting to the same page

Links under the project section for each project redirecting to same current page. because of defined

Line #11 <a class="highlight-link" href="{{project.github}}" target="_blank" rel="noreferrer">
in _includes/section-projects.html

should be replaced to <a class="highlight-link" href="{{project.demo}}" target="_blank" rel="noreferrer">
to successfully redirect to project link.

Config.yml doesn't work

Hello, First of all, thanks a lot. I just have downloaded your project called ''neumorphism'' and it seems there is an issue. When i refector the config.yml, it doesn't change, upload or work etc.So could you help me, please, how can i customize your project ? Best Regards...

Failed to compile on Linux (Fedora 35)

Trying to run the compile command yarn results in the following error:

yarn install v1.22.17
warning ../../../package.json: No license field
warning package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package managers in order to avoid resolution inconsistencies caused by unsynchronized lock files. To clear this warning, remove package-lock.json.
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
[4/4] Building fresh packages...
error /home/gerson/Proyectos/Jekyll/neumorphism/node_modules/node-sass: Command failed.
Exit code: 1
Command: node scripts/build.js
Arguments: 
Directory: /home/gerson/Proyectos/Jekyll/neumorphism/node_modules/node-sass
Output:
Building: /usr/bin/node /home/gerson/Proyectos/Jekyll/neumorphism/node_modules/node-gyp/bin/node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
gyp info it worked if it ends with ok
gyp verb cli [
gyp verb cli   '/usr/bin/node',
gyp verb cli   '/home/gerson/Proyectos/Jekyll/neumorphism/node_modules/node-gyp/bin/node-gyp.js',
gyp verb cli   'rebuild',
gyp verb cli   '--verbose',
gyp verb cli   '--libsass_ext=',
gyp verb cli   '--libsass_cflags=',
gyp verb cli   '--libsass_ldflags=',
gyp verb cli   '--libsass_library='
gyp verb cli ]
gyp info using [email protected]
gyp info using [email protected] | linux | x64
gyp verb command rebuild []
gyp verb command clean []
gyp verb clean removing "build" directory
gyp verb command configure []
gyp verb check python checking for Python executable "/usr/bin/python3" in the PATH
gyp verb `which` succeeded /usr/bin/python3 /usr/bin/python3
gyp ERR! configure error 
gyp ERR! stack Error: Command failed: /usr/bin/python3 -c import sys; print "%s.%s.%s" % sys.version_info[:3];
gyp ERR! stack   File "<string>", line 1
gyp ERR! stack     import sys; print "%s.%s.%s" % sys.version_info[:3];
gyp ERR! stack                 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
gyp ERR! stack SyntaxError: Missing parentheses in call to 'print'. Did you mean print(...)?
gyp ERR! stack 
gyp ERR! stack     at ChildProcess.exithandler (node:child_process:397:12)
gyp ERR! stack     at ChildProcess.emit (node:events:390:28)
gyp ERR! stack     at maybeClose (node:internal/child_process:1064:16)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (node:internal/child_process:301:5)
gyp ERR! System Linux 5.15.16-200.fc35.x86_64
gyp ERR! command "/usr/bin/node" "/home/gerson/Proyectos/Jekyll/neumorphism/node_modules/node-gyp/bin/node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd /home/gerson/Proyectos/Jekyll/neumorphism/node_modules/node-sass
gyp ERR! node -v v16.13.2
gyp ERR! node-gyp -v v3.8.0
gyp ERR! not ok 
Build failed with error code: 1
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.

Cannot change background color

Hi, great theme. Very customizable , however I cannot seem to change the colors on the main.scss file. I commit the update and change the color values but nothing happens. Essentially, I am trying to change the color scheme of the site but am having trouble. Everything else works great except changes I make to main.scss. Line 17 "$bg-color: rgba(43, 45, 47, 1); " stays the same when I change the values(the following rgb lines as well). I would appreciate any help towards this issue.

Adding new landing page icons

How can I add a new icon for a different site on the landing page?

All of the images are in brands.svg, but I am unable to look at that file and see what they look like. I would like to integrate a Google Scholar button but I am unable to just reference this svg directly. It does not seem to understand where it is supposed to fill in the color.

gulp / spawn Jekyll error

When walking through the installation instructions (https://github.com/jsmith0434/website/blob/master/README.md#getting-started), I followed all the steps through "gulp" with no trouble. However, when I run the gulp command, I get the following stack trace:

[15:54:10] Using gulpfile ~\website\gulpfile.js
[15:54:10] Starting 'default'...
[15:54:10] Starting 'watchData'...
[15:54:10] Starting 'watchMarkup'...
[15:54:10] Starting 'watchScripts'...
[15:54:10] Starting 'watchStyles'...
[15:54:10] Starting 'styles'...
[15:54:10] Starting 'stylesVendors'...
[15:54:10] Starting 'scripts'...
[15:54:10] Starting 'scriptsVendors'...
[15:54:13] Finished 'scripts' after 3.06 s
[15:54:13] Finished 'styles' after 3.07 s
[15:54:13] Finished 'stylesVendors' after 3.07 s
[15:54:13] Finished 'scriptsVendors' after 3.07 s
[15:54:13] Starting 'jekyll'...
[15:54:13] 'jekyll' errored after 6.7 ms
[15:54:13] Error: spawn bundle ENOENT
at Process.ChildProcess._handle.onexit (internal/child_process.js:267:19)
at onErrorNT (internal/child_process.js:469:16)
at processTicksAndRejections (internal/process/task_queues.js:84:21)
[15:54:13] 'default' errored after 3.09 s

I've tried troubleshooting and can't figure out how to get past this. Needless to say, http://localhost:4000/ is a "site can't be reached" page. I'm a data scientist, not a developer, so I'm new to most of this.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.