Socket
Socket
Sign inDemoInstall

1nuage2mots

Package Overview
Dependencies
0
Maintainers
1
Versions
3
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.0.1 to 0.0.2

1nuage2mots.styl/1nuage2mots.css.css

12

1nuage2mots.js

@@ -19,3 +19,3 @@ var _1nuage2mots = (function () {

}
function init$1(){
function init(){
if(typeof window !== "undefined"){

@@ -27,3 +27,3 @@ window.sleep = sleep$1;

}
init$1();
init();

@@ -197,10 +197,10 @@ function ssgWordCloud(wordCloud){

function init(){
init$1();
function _1nuage2mots(){
init();
document.querySelectorAll('._1nuage2mots').forEach(ssgWordCloud);
}
docReady(init);
docReady(_1nuage2mots);
return init;
return _1nuage2mots;
})();
{
"name": "1nuage2mots",
"version": "0.0.1",
"version": "0.0.2",
"description": "a modern SEO friendly tag or word cloud",

@@ -5,0 +5,0 @@ "keywords": ["word cloud","word","cloud","tag","animated","SEO"],

@@ -24,4 +24,6 @@ # 1nuage2mots

```
alternative :
- for css in stylus : `@import "1nuage2mots/*"`
- for js : `import _1nuage2mots from "/node_modules/1nuage2mots/1nuage2mots.mjs";`
## Options :

@@ -31,13 +33,12 @@ You can use xml attribute on `<div class="_1nuage2mots">` to customize 1nuage2mots behavior.

- **tag-size-min** : default 15 (px)
- **sizeMax** : parseInt(wordCloud.getAttribute('tag-size-max')) || 45, //px
- **sizePow** : parseFloat(wordCloud.getAttribute('tag-size-pow')) || "auto", // adv: size curve between the biggest and the smallest tag
- **opacityMin** : parseFloat(wordCloud.getAttribute('tag-opacity-min')) || 1, // the opacity for tag-value="0"
- **opacityMax** : parseFloat(wordCloud.getAttribute('tag-opacity-max')) || 1, // the opacity for the bigest tag-value
- **opacityPow** : parseFloat(wordCloud.getAttribute('tag-opacity-pow')) || "auto", // adv: opacity curve between the most and the less visible tag
- **chaos** : parseInt(wordCloud.getAttribute('tag-chaos')) || 5, // adv: max chaos pass to avoid similar consecutive tags
- **show** : wordCloud.getAttribute('tag-show') || "1by1", // show tag : instant, 1by1, by value group
- **showStart** : wordCloud.getAttribute('tag-show-start') || "first time on screen", // when start the shwo animtion (first/every) time (page load/in screen or view)
- **showInterval** : parseFloat(wordCloud.getAttribute('tag-show-interval')) || 1, // adv: time in second between 2 show step
// each word will flash every x secondes periodicaly to get attention.
- **flash** : wordCloud.getAttribute('tag-flash') || "no", // flash mode : none, glow, zoom/scale/bounce
- **flashInterval** : parseFloat(wordCloud.getAttribute('tag-flash-interval')) || 3, // adv: time in second
- **tag-size-max** : default 45 (px)
- **tag-size-pow** : default "auto". Advanced parameter to customize the pow function to compute the size curve between the biggest and the smallest tag.
- **tag-opacity-min** : default 1. The opacity for tag-value="0" (0 = 0%, 1 = 100%)
- **tag-opacity-max** : default 1. The opacity for the bigest tag-value (0 = 0%, 1 = 100%)
- **tag-opacity-pow** : default "auto". Power function (like tag-size-pow) for opacity curve between the most and the less visible tag
- **tag-chaos** : default 5. Advanced parameter to avoid similar consecutive tags. Increasing it may slow down (it's the max chaos render step)
- **tag-show** : default "1by1". How will the word cloud show : instant, 1by1, by value group
- **tag-show-start** : default "first time on screen". When the show animation start : (first/every) time (the page load/in screen or in view)
- **tag-show-interval** : default 1 (second). Time between 2 show step.
- **tag-flash** : default "no". If activated, each word will flash every x secondes periodically to get attention. Flash mode : none, glow, zoom/scale/bounce
- **tag-flash-interval** : default 3 (second). Time between 2 flash. You can use decimal (ex 0.5). Each flash last 2 second. Use CSS to overwrite duration.

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc