cssninjastudio / krypton

🚀 Free Astro + Bulma ICO / Crypto template

👋 Krypton

Krypton is a free ICO / Crypto template built by cssninjaStudio.

✌️ preview

Check out the live demo by clicking here. Fresh is built with Bulma and Alpine JS.

👍 Features

• Astro v3.x
• Node v18.x
• Bulma v0.9.x
• ES6 support
• Alpine v3.x

👌 Usage

1. Install Depedencies

pnpm i

2. Run in dev mode

pnpm dev

3. Or build source

pnpm build

🍔 Issues

If you've found an issue or a bug, you can report it in the issues section of this repository. Please try to follow these simple guidelines to report your issue:

• Issue definition
• Expected behaviour
• Actual behaviour
• steps to reproduce
• Already tried fixes (if relevant)

🎉 More

Find more premium website and app templates on Css Ninja.

🚀 About Us

Css Ninja is a web design studio. We build handcrafted and polished templates that will give some hype to your startup or to your next project.

krypton's Issues

npm run prod fails

Hi, nice template.

npm run dev works fine, but when I want to shift to production serving the site I get an error:

player1@MacBook krypton % npm run prod

> [email protected] prod /Users/player1/Documents/krypton
> gulp prod

[22:33:11] Using gulpfile ~/Documents/krypton/gulpfile.js
[22:33:11] Task never defined: prod
[22:33:11] To list available tasks, try running: gulp --tasks
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] prod: `gulp prod`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] prod script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

The full log:

0 info it worked if it ends with ok
1 verbose cli [
1 verbose cli   '/Users/player1/.nvm/versions/node/v12.18.0/bin/node',
1 verbose cli   '/Users/player1/.nvm/versions/node/v12.18.0/bin/npm',
1 verbose cli   'run',
1 verbose cli   'prod'
1 verbose cli ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'preprod', 'prod', 'postprod' ]
5 info lifecycle [email protected]~preprod: [email protected]
6 info lifecycle [email protected]~prod: [email protected]
7 verbose lifecycle [email protected]~prod: unsafe-perm in lifecycle true
8 verbose lifecycle [email protected]~prod: PATH: /Users/player1/.nvm/versions/node/v12.18.0/lib/node_modules/npm/node_modules/npm-lifecycle/node-gyp-bin:/Users/player1/Documents/krypton/node_modules/.bin:/usr/local/share/android-sdk/build-tools/28.0.3:/usr/local/share/android-sdk/platform-tools:/usr/local/share/android-sdk/tools:/usr/local/opt/gradle/bin:/usr/local/opt/maven/bin:/usr/local/opt/ant/bin:/usr/local/sbin:/Users/player1/.nvm/versions/node/v12.18.0/bin:/Users/player1/.cargo/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/Applications/VMware Fusion.app/Contents/Public:/usr/local/MacGPG2/bin:/usr/local/share/dotnet:/opt/X11/bin:~/.dotnet/tools:/Library/Apple/usr/bin:/Library/Frameworks/Mono.framework/Versions/Current/Commands
9 verbose lifecycle [email protected]~prod: CWD: /Users/player1/Documents/krypton
10 silly lifecycle [email protected]~prod: Args: [ '-c', 'gulp prod' ]
11 silly lifecycle [email protected]~prod: Returned: code: 1  signal: null
12 info lifecycle [email protected]~prod: Failed to exec prod script
13 verbose stack Error: [email protected] prod: `gulp prod`
13 verbose stack Exit status 1
13 verbose stack     at EventEmitter.<anonymous> (/Users/player1/.nvm/versions/node/v12.18.0/lib/node_modules/npm/node_modules/npm-lifecycle/index.js:332:16)
13 verbose stack     at EventEmitter.emit (events.js:315:20)
13 verbose stack     at ChildProcess.<anonymous> (/Users/player1/.nvm/versions/node/v12.18.0/lib/node_modules/npm/node_modules/npm-lifecycle/lib/spawn.js:55:14)
13 verbose stack     at ChildProcess.emit (events.js:315:20)
13 verbose stack     at maybeClose (internal/child_process.js:1021:16)
13 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:286:5)
14 verbose pkgid [email protected]
15 verbose cwd /Users/player1/Documents/krypton
16 verbose Darwin 20.3.0
17 verbose argv "/Users/player1/.nvm/versions/node/v12.18.0/bin/node" "/Users/player1/.nvm/versions/node/v12.18.0/bin/npm" "run" "prod"
18 verbose node v12.18.0
19 verbose npm  v6.14.8
20 error code ELIFECYCLE
21 error errno 1
22 error [email protected] prod: `gulp prod`
22 error Exit status 1
23 error Failed at the [email protected] prod script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]

Suggestions?

panini error: unknown layout "ico"

krypton/src/pages/ico.html

Line 2 in 2559d66

layout: ico

I think you meant this to be "default".

How do you theme this? Particularly change colors.

How do you theme this? Particularly change colors.

All the colors and grandients seem hardcoded into the scss files, is there a generator available?

Wrong background with 2560x1080 resolution

The template has a background issue when use resolution higher than 1920, at least when use 2560x1080.

This is the template using this resolution:

how to change port on 3.0.0

gulp tasks npm gulp build fails

issue definition
As instructed after cloning the repo, and updating packages after running npm install everything works fine untill the next step where npm gulp build squarks

Expected behaviour
npm gulp build runs successfully.
Actual behaviour
Usage: npm

where is one of:
access, adduser, audit, bin, bugs, c, cache, ci, cit,
clean-install, clean-install-test, completion, config,
create, ddp, dedupe, deprecate, dist-tag, docs, doctor,
edit, explore, get, help, help-search, hook, i, init,
install, install-ci-test, install-test, it, link, list, ln,
login, logout, ls, org, outdated, owner, pack, ping, prefix,
profile, prune, publish, rb, rebuild, repo, restart, root,
run, run-script, s, se, search, set, shrinkwrap, star,
stars, start, stop, t, team, test, token, tst, un,
uninstall, unpublish, unstar, up, update, v, version, view,
whoami

npm -h quick help on
npm -l display full usage info
npm help search for help on
npm help npm involved overview

Specify configs in the ini-formatted file:
/home/$user/.npmrc
or on the command line via: npm --key value
Config info can be viewed via: npm help config

[email protected] /home/$user/.nvm/versions/node/v10.15.3/lib/node_modules/npm

Did you mean one of these?
up
help

steps to reproduce

1. Clone the repo
2. cd into the root directory
3. run npm install
   at first it will squark untill you update some puckages namely gulp-sass and related ones
4. run npm gulp build

[Bug]:

Demo URL

No response

What happened?

The Hamburger Menu was not align in smaller devices

Reproduction steps

View the website in smaller devices

Relevant log output

No response

What browsers are you seeing the problem on?

Chrome

What is your operating system?

Windows

How to add https v3.0.0