Coder Social home page Coder Social logo

felipefialho / piano Goto Github PK

View Code? Open in Web Editor NEW
333.0 16.0 70.0 8.82 MB

🎹 To play piano using CSS and JavaScript

Home Page: http://www.felipefialho.com/piano

License: MIT License

JavaScript 38.09% Stylus 37.83% Pug 24.09%
purecss pure-css piano-keyboard piano javascript css

piano's Introduction

Hi there! 😁

My name is Felipe Fialho from Brazil (🇧🇷). I've been working as Front-End Developer since 2009 and currently I'm Tech Lead at Juntos Somos Mais. I'm passionate about open source projects, so I've created some projects as Front-end BR and I've always loved to produce a lot of content during my career

In my free time I like to play (and watch) football (⚽️), bodybuilding and fitness life (🏋️), to watch movies (🎞️) and series (📺), to read books (📚), to listen to music (🎵) and eventually I like to philosophize about life with a beer (🍺)

Would you like to find me?

Blog Badge Youtube Badge Twitter Badge Linkedin Badge

📽️ Some videos on YouTube 🇧🇷

📓 Some Blog Posts 🇧🇷


Felipe's github stats
Felipe Wakatime Stats

piano's People

Contributors

arthurfigueiredo avatar cosmina avatar dependabot-preview[bot] avatar dependabot[bot] avatar felipefialho avatar flaviomicheletti avatar imgbotapp avatar nunojesus avatar tota1099 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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

piano's Issues

Stop etmek

Farklı enstrümanlar eklemek istiyorum. Fakat parmağı çekince sussun istiyorum. stop() komutu nedir? Teşekkürler

Logo Design

Hi,
I have read your work so I decided to creat a logo for you. I hope you like it and you want to use it. I can give you all the formats of the design free. If you want to make changes please specify.

Greetings

(macOS) Caps lock key only detected when turned on

On macOS, pressing the caps lock key only works when the key is turned on, not when it's turned off.

Could you switch the lowest C note to Z or A? If you were to switch to Z, you could have another set starting from the upper octave on Q.

Hello sir, I'm a graphic designer

Hello sir, I'm a graphic designer and I would love to contribute to your project with a logo. This is completely free, take it as a contribution. In case you agree I would be presenting sketches and you will be choosing/modifying the aspects you like more so we could work on the perfect logo for your project together.

Let me know what do you think? best regards :)

同学,您这个项目引入了923个开源组件,存在12个漏洞,辛苦升级一下

检测到 felipefialho/piano 一共引入了923个开源组件,存在12个漏洞

漏洞标题:serialize-javascript 代码问题漏洞
缺陷组件:[email protected]
漏洞编号:CVE-2020-7660
漏洞描述:Verizon serialize-javascript是美国威瑞森电信(Verizon)公司的一款支持将JavaScript序列化为 JSON超集的软件包。
serialize-javascript 3.1.0之前版本中存在代码问题漏洞。远程攻击者可借助index.js文件中的‘deleteFunctions’函数利用该漏洞注入任意代码。
国家漏洞库信息:https://www.cnvd.org.cn/flaw/show/CNVD-2020-53801
影响范围:(∞, 3.1.0)
最小修复版本:3.1.0
缺陷组件引入路径:[email protected]>[email protected]>[email protected]

另外还有12个漏洞,详细报告:https://mofeisec.com/jr?p=i99526

Icons Font

  1. Gerar pacote no http://icomoon.io/app/ com os seguintes ícones:
    • Facebook
    • Linkedin
    • Twitter
    • Github
  2. Adicionar os arquivos de fonte na pasta /assets/css/icons, bem como o "json" fornecido pelo site.
  3. Substituir o @import do site.less pelo CSS gerado no Icomoon.
  4. Inserir os novos ícones no index.html (substituindo os antigos).

Issue downloading dependencies

Hello, I'm having an issue getting started:

(base) ben@Benjamins-MBP piano-keyboard % npm -v
10.4.0
(base) ben@Benjamins-MBP piano-keyboard % npm install
npm ERR! code EACCES
npm ERR! syscall open
npm ERR! path /Users/ben/.npm/_cacache/tmp/674b177c
npm ERR! errno -13
npm ERR! 
npm ERR! Your cache folder contains root-owned files, due to a bug in
npm ERR! previous versions of npm which has since been addressed.
npm ERR! 
npm ERR! To permanently fix this problem, please run:
npm ERR!   sudo chown -R 501:20 "/Users/ben/.npm"

npm ERR! Log files were not written due to an error writing to the directory: /Users/ben/.npm/_logs
npm ERR! You can rerun the command with `--loglevel=verbose` to see the logs in your terminal
(base) ben@Benjamins-MBP piano-keyboard % sudo chown -R 501:20 "/Users/ben/.npm" 
(base) ben@Benjamins-MBP piano-keyboard % npm install
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/webpack
npm ERR!   dev webpack@"^3.12.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer webpack@"^4.0.0 || ^5.0.0" from [email protected]
npm ERR! node_modules/file-loader
npm ERR!   dev file-loader@"6.2.0" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! 
npm ERR! For a full report see:
npm ERR! /Users/ben/.npm/_logs/2024-01-29T18_21_25_212Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in: /Users/ben/.npm/_logs/2024-01-29T18_21_25_212Z-debug-0.log
(base) ben@Benjamins-MBP piano-keyboard % npm install --force
npm WARN using --force Recommended protections disabled.
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email protected]
npm WARN Found: [email protected]
npm WARN node_modules/webpack
npm WARN   dev webpack@"^3.12.0" from the root project
npm WARN   3 more (babel-loader, clean-webpack-plugin, html-webpack-plugin)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer webpack@"^4.0.0 || ^5.0.0" from [email protected]
npm WARN node_modules/file-loader
npm WARN   dev file-loader@"6.2.0" from the root project
npm WARN 
npm WARN Conflicting peer dependency: [email protected]
npm WARN node_modules/webpack
npm WARN   peer webpack@"^4.0.0 || ^5.0.0" from [email protected]
npm WARN   node_modules/file-loader
npm WARN     dev file-loader@"6.2.0" from the root project
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email protected]
npm WARN Found: [email protected]
npm WARN node_modules/pug
npm WARN   dev pug@"^3.0.2" from the root project
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer pug@"^2.0.0" from [email protected]
npm WARN node_modules/pug-loader
npm WARN   dev pug-loader@"^2.3.0" from the root project
npm WARN 
npm WARN Conflicting peer dependency: [email protected]
npm WARN node_modules/pug
npm WARN   peer pug@"^2.0.0" from [email protected]
npm WARN   node_modules/pug-loader
npm WARN     dev pug-loader@"^2.3.0" from the root project
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email protected]
npm WARN Found: [email protected]
npm WARN node_modules/webpack
npm WARN   dev webpack@"^3.12.0" from the root project
npm WARN   3 more (babel-loader, clean-webpack-plugin, html-webpack-plugin)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peerOptional webpack@"^4.37.0 || ^5.0.0" from [email protected]
npm WARN node_modules/webpack-dev-server
npm WARN   dev webpack-dev-server@"^4.15.1" from the root project
npm WARN 
npm WARN Conflicting peer dependency: [email protected]
npm WARN node_modules/webpack
npm WARN   peerOptional webpack@"^4.37.0 || ^5.0.0" from [email protected]
npm WARN   node_modules/webpack-dev-server
npm WARN     dev webpack-dev-server@"^4.15.1" from the root project
npm WARN ERESOLVE overriding peer dependency
npm WARN deprecated [email protected]: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated [email protected]: flatten is deprecated in favor of utility frameworks such as lodash.
npm WARN deprecated [email protected]: See https://github.com/lydell/source-map-url#deprecated
npm WARN deprecated [email protected]: This is probably built in to whatever tool you're using. If you still need it... idk
npm WARN deprecated [email protected]: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
npm WARN deprecated [email protected]: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated @types/[email protected]: This is a stub types definition. svgo provides its own type definitions, so you do not need this installed.
npm WARN deprecated [email protected]: See https://github.com/lydell/source-map-resolve#deprecated
npm WARN deprecated [email protected]: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
npm WARN deprecated [email protected]: The v1 package contains DANGEROUS / INSECURE binaries. Upgrade to safe fsevents v2
npm WARN deprecated [email protected]: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
npm WARN deprecated [email protected]: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
npm WARN deprecated [email protected]: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
npm WARN deprecated [email protected]: 3.x is no longer supported
npm WARN deprecated [email protected]: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
npm WARN deprecated [email protected]: This SVGO version is no longer supported. Upgrade to v2.x.x.
npm WARN deprecated [email protected]: This SVGO version is no longer supported. Upgrade to v2.x.x.
npm WARN deprecated [email protected]: This SVGO version is no longer supported. Upgrade to v2.x.x.
npm WARN deprecated [email protected]: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.

added 1776 packages, and audited 1777 packages in 2m

144 packages are looking for funding
  run `npm fund` for details

133 vulnerabilities (92 moderate, 37 high, 4 critical)

To address issues that do not require attention, run:
  npm audit fix

To address all issues possible (including breaking changes), run:
  npm audit fix --force

Some issues need review, and may require choosing
a different dependency.

Run `npm audit` for details.
(base) ben@Benjamins-MBP piano-keyboard % npm audit fix --force
npm WARN using --force Recommended protections disabled.
npm WARN audit Updating css-loader to 6.9.1, which is a SemVer major change.
npm WARN audit Updating lost to 9.0.2, which is a SemVer major change.
npm WARN audit Updating rucksack-css to 0.1.2, which is a SemVer major change.
npm WARN audit Updating autoprefixer to 10.4.17, which is a SemVer major change.
npm WARN audit Updating cssnano to 6.0.3, which is a SemVer major change.
npm WARN audit Updating postcss-loader to 8.0.0, which is a SemVer major change.
npm WARN audit Updating offline-plugin to 0.0.1, which is a SemVer major change.
npm WARN audit Updating babel-core to 4.7.16, which is a SemVer major change.
npm WARN audit Updating webpack to 5.90.0, which is a SemVer major change.
npm WARN audit Updating html-webpack-plugin to 5.6.0, which is a SemVer major change.
npm WARN audit Updating copy-webpack-plugin to 12.0.2, which is a SemVer major change.
npm WARN audit No fix available for postcss-font-magician@*
npm WARN audit Updating babel-loader to 9.1.3, which is a SemVer major change.
npm WARN audit Updating stylint to 0.6.3, which is a SemVer major change.
npm WARN audit Updating imagemin-webpack-plugin to 2.1.5, which is a SemVer major change.
npm WARN audit Updating webpack-pwa-manifest to 4.0.0, which is a SemVer major change.
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email protected]
npm WARN Found: [email protected]
npm WARN node_modules/pug
npm WARN   dev pug@"^3.0.2" from the root project
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer pug@"^2.0.0" from [email protected]
npm WARN node_modules/pug-loader
npm WARN   dev pug-loader@"^2.3.0" from the root project
npm WARN 
npm WARN Conflicting peer dependency: [email protected]
npm WARN node_modules/pug
npm WARN   peer pug@"^2.0.0" from [email protected]
npm WARN   node_modules/pug-loader
npm WARN     dev pug-loader@"^2.3.0" from the root project
npm WARN deprecated [email protected]: This module relies on Node.js's internals and will break at some point. Do not use it, and update to [email protected].
npm WARN deprecated [email protected]: use String.prototype.padStart()
npm WARN deprecated [email protected]: this library is no longer supported
npm WARN deprecated [email protected]: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js
npm WARN deprecated [email protected]: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js
npm WARN deprecated [email protected]: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
npm WARN deprecated [email protected]: Copy its ~20 LOC directly into your code instead.
npm WARN deprecated [email protected]: gulp-util is deprecated - replace it, following the guidelines at https://medium.com/gulpjs/gulp-util-ca3b1f9f9ac5
npm WARN deprecated [email protected]: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated [email protected]: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
npm WARN deprecated [email protected]: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
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]: Rucksack has moved to PostCSS! This version is no longer maintained. Update and use PostStylus (https://github.com/seaneking/poststylus) to continue using Rucksack as a Stylus plugin
npm WARN deprecated [email protected]: "Please update to latest v2.3 or v2.2"
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]: 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]: 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.)
npm WARN deprecated [email protected]: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
npm WARN deprecated [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated [email protected]: This SVGO version is no longer supported. Upgrade to v2.x.x.
npm WARN deprecated [email protected]: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.
npm ERR! code 1
npm ERR! path /Users/ben/piano-keyboard/node_modules/optipng-bin
npm ERR! command failed
npm ERR! command sh -c node lib/install.js
npm ERR! fs.js:43
npm ERR! } = primordials;
npm ERR!     ^
npm ERR! 
npm ERR! ReferenceError: primordials is not defined
npm ERR!     at fs.js:43:5
npm ERR!     at req_ (/Users/ben/piano-keyboard/node_modules/natives/index.js:143:24)
npm ERR!     at Object.req [as require] (/Users/ben/piano-keyboard/node_modules/natives/index.js:55:10)
npm ERR!     at Object.<anonymous> (/Users/ben/piano-keyboard/node_modules/vinyl-fs/node_modules/graceful-fs/fs.js:1:37)
npm ERR!     at Module._compile (node:internal/modules/cjs/loader:1376:14)
npm ERR!     at Module._extensions..js (node:internal/modules/cjs/loader:1435:10)
npm ERR!     at Module.load (node:internal/modules/cjs/loader:1207:32)
npm ERR!     at Module._load (node:internal/modules/cjs/loader:1023:12)
npm ERR!     at Module.require (node:internal/modules/cjs/loader:1235:19)
npm ERR!     at require (node:internal/modules/helpers:176:18)
npm ERR! 
npm ERR! Node.js v20.11.0

npm ERR! A complete log of this run can be found in: /Users/ben/.npm/_logs/2024-01-29T18_24_26_830Z-debug-0.log

So now I am currently trying to use npm to download these dependencies but I cannot get past this step. Any help is greatly appreciated, thank you.

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.