diff --git a/docs/fonts/FiraCode-Regular.ttf b/css/FiraCode-Regular.ttf similarity index 100% rename from docs/fonts/FiraCode-Regular.ttf rename to css/FiraCode-Regular.ttf diff --git a/src-docusaurus/css/custom.css b/css/custom.css similarity index 95% rename from src-docusaurus/css/custom.css rename to css/custom.css index f7d27894..a576fee0 100644 --- a/src-docusaurus/css/custom.css +++ b/css/custom.css @@ -73,3 +73,12 @@ img[src*='#center'] { var(--ifm-color-emphasis-100) 100% ); } + +code * { + font-family: 'Fira Code'; +} + +@font-face { + font-family: 'Fira Code'; + src: url(./FiraCode-Regular.ttf); +} diff --git a/docs-md/getting-started.md b/docs-md/getting-started.md index 82f50c57..0e4627cf 100644 --- a/docs-md/getting-started.md +++ b/docs-md/getting-started.md @@ -12,6 +12,21 @@ A package of commonly used JavaScript utilities.  +#### Package Details + + + +[![npm version][npm-img]][npm-url] +[![coverage][codecov-img]][codecov-url] +[![downloads][downloads-img]][downloads-url] + +#### Repo Details + +[![open issues][issues-img]][issues-url] +[![open prs][pr-img]][pr-url] + +[![contributors][contributor-img]][contributor-url] + ### Installation NPM @@ -64,3 +79,28 @@ UTILS.randomPastelColor(); UTILS.randomPastelColor(); ``` + +[contributor-img]: https://img.shields.io/github/contributors/iamdevlinph/common-utils-pkg.svg?style=flat-square&maxAge=7200 +[contributor-url]: https://github.com/iamdevlinph/common-utils-pkg/graphs/contributors +[deps-img]: https://img.shields.io/david/iamdevlinph/common-utils-pkg.svg?style=flat-square&maxAge=7200 +[deps-url]: https://david-dm.org/iamdevlinph/common-utils-pkg +[devdeps-img]: https://img.shields.io/david/dev/iamdevlinph/common-utils-pkg.svg?style=flat-square&maxAge=7200 +[devdeps-url]: https://david-dm.org/iamdevlinph/common-utils-pkg?type=dev +[downloads-img]: https://img.shields.io/npm/dm/common-utils-pkg.svg?style=flat-square&maxAge=7200 +[downloads-url]: https://npmcharts.com/compare/common-utils-pkg?minimal=true +[issues-img]: https://img.shields.io/github/issues/iamdevlinph/common-utils-pkg.svg?style=flat-square&maxAge=7200 +[issues-url]: https://github.com/iamdevlinph/common-utils-pkg/issues +[node-img]: https://img.shields.io/node/v/common-utils-pkg.svg?style=flat-square&maxAge=7200 +[node-url]: https://nodejs.org/en/ +[npm-img]: https://img.shields.io/npm/v/common-utils-pkg.svg?style=flat-square&maxAge=7200 +[npm-url]: https://www.npmjs.com/package/common-utils-pkg +[pr-img]: https://img.shields.io/github/issues-pr/iamdevlinph/common-utils-pkg.svg?style=flat-square&maxAge=7200 +[pr-url]: https://github.com/iamdevlinph/common-utils-pkg/pulls +[travis-img]: https://img.shields.io/travis/iamdevlinph/common-utils-pkg/master.svg?style=flat-square&maxAge=7200 +[travis-url]: https://travis-ci.org/iamdevlinph/common-utils-pkg +[codecov-img]: https://img.shields.io/codecov/c/github/iamdevlinph/common-utils-pkg.svg?style=flat-square&maxAge=7200 +[codecov-url]: https://codecov.io/gh/iamdevlinph/common-utils-pkg +[forks-img]: https://img.shields.io/github/forks/iamdevlinph/common-utils-pkg.svg?style=social&label=Fork&maxAge=7200 +[forks-url]: https://github.com/iamdevlinph/common-utils-pkg/network/members +[stars-img]: https://img.shields.io/github/stars/iamdevlinph/common-utils-pkg.svg?style=social&label=Stars&maxAge=7200 +[stars-url]: https://github.com/iamdevlinph/common-utils-pkg/stargazers diff --git a/docs/CNAME b/docs/CNAME deleted file mode 100644 index a2879310..00000000 --- a/docs/CNAME +++ /dev/null @@ -1 +0,0 @@ -common-utils-pkg.js.org diff --git a/docs/changelog.html b/docs/changelog.html deleted file mode 100644 index dfae0bb9..00000000 --- a/docs/changelog.html +++ /dev/null @@ -1,54 +0,0 @@ - - -
- -' + val.description + '
' + - '' + - '(' + checkIfCustomType(val.returns.type) + ') ' + - '' + val.returns.desc + '' + - '
' + - '' +
- '' + val.example +
- '' +
- '' +
- 'A package of commonly used JavaScript utilities.
- - -NPM
-
- npm i --save common-utils-pkg
-
- Yarn
-
- yarn add common-utils-pkg
-
-
- ES6
--- -// Specific methods - - import { randomPastelColor } from 'common-utils-pkg'; - randomPastelColor(); - // => "hsl(24.380295231593017,27.395530909987613%,86.86101287292395%)" --
-// All methods - - import * as UTILS from 'common-utils-pkg'; - UTILS.randomPastelColor(); --
Browser
-
-
- <script src="https://unpkg.com/common-utils-pkg"></script>
- <script>
- // Specific methods
-
- const randomPastelColor = window['common-utils-pkg].randomPastelColor;
- randomPastelColor();
- </script>
-
- <script>
- // All methods
-
- const UTILS = window['common-utils-pkg'];
- UTILS.randomPastelColor();
- </script>
-
-
-
- Read more about the usage here
-
- For ES6, you can import a single method like this
-import { randomPastelColor } from 'common-utils-pkg';
-
- Or you may choose to import multiple methods like so
-import { randomPastelColor, stringToArray } from 'common-utils-pkg';
-
- Or you can also import all and store them to a variable
-
- import * as UTILS from 'common-utils-pkg';
-
-
- You can also use this package directly in your browser by importing the script from UNPKG
-<script src="https://unpkg.com/common-utils-pkg"></script>
- This adds the package to the window object. You can access the common-utils-pkg variable by
-window['common-utils-pkg]
- And it would be easier to assign the methods to a variable like
-
- <script>
- const randomPastelColor = window['common-utils-pkg'].randomPastelColor;
- </script>
-
-
-
- Or you can export the whole package into a variable.
-
- <script>
- const UTILS = window['common-utils-pkg'];
- </script>
-
-
-
-
- randomPastelColor();
-
- /-- OR --/
- UTILS.randomPastelColor();
-
-
-
- Read more about the available methods here
- docs directory.
- >
- ),
- },
- {
- title: 'Powered by React',
- Svg: require('@site/static/img/undraw_docusaurus_react.svg').default,
- description: (
- <>
- Extend or customize your website layout by reusing React. Docusaurus can
- be extended while reusing the same header and footer.
- >
- ),
- },
-];
-
-function Feature({title, Svg, description}: FeatureItem) {
- return (
- {description}
-{siteConfig.tagline}
-