open-index/open-npm huggingface dataset:
npm package: @robomonk/lector
Description: Read like you're on aderall
Latest version: 0.0.5

# The Lector Experience
![npm-size](https://img.shields.io/npm/v/@robomonk/lector?style=for-the-badge)
![npm-size](https://img.shields.io/bundlephobia/minzip/@robomonk/lector?style=for-the-badge)

### [ 🚀 Demo ](https://robo-monk.github.io/lector)


Lector produces a reading enviroment, and summons a pointer that will help you read more efficient. It's sole purpose is to transfer a piece of text
in the most efficient way possible to your melting brain.

To achieve this, Lector attempts to move the pointer precisely as your eyes would move on the text. This creates a dynamic between the pointer, your eyes and
your mind. This dynamic can be expressed as "wiring in". Also known as super fucking focused on the text.


# Get Started

## Install

### Use npm or yarn:
```bash
$ npm install @robomonk/lector
```
### CDN:
```html
<script> coming soon </script>
```

## Set up

### Plug & play
The simplest way you can hookup Lector to your document is like this:
```javascript
lec = new Lector("#article")
```

This will trigger a pointer to the element's text, and generate a toolbar to control the pointer's settings.

### Plug harder & play harder

You can declare Lector with many settings:
```javascript
settings = {
  // these are the default values
  "toolbar": false,
  "topbar": false,
  "loop": false,
  "autostart": false,
  "interactive": true,
  "shortcuts": true, // if interactive is false, this option doesnt do anything
  "freadify": true // will convert plain text to .frd format (scroll to the .frd format section for more)
}

lec = new Lector("#article", settings)
```
npm package: @robomx/nuxt-i18n-netlify-cms
Description: Create admin panel to manage i18n content using Netlify CMS
Author: RoboMx
Latest version: 2021.0.1

<div align="center">
  <img src ="https://github.com/anshcena/my-image-hosting-spot/blob/main/IMAGE_DIR/@robomx_nuxt-18n-netlify-cms.png?raw=true" width="1000" />
</div>

# Nuxt i18n Netlify CMS Module

[![Hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2FRoboMx%2Fnuxt-i18n-netlify-cms&count_bg=%2379C83D&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=hits&edge_flat=false)](https://hits.seeyoufarm.com)
[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![Github Actions CI][github-actions-ci-src]][github-actions-ci-href]
[![Codecov][codecov-src]][codecov-href]
[![License][license-src]][license-href]

> Create admin panel to manage i18n content using Netlify CMS

[📖 **Release Notes**](./CHANGELOG.md)

## Setup

1. Add `@robomx/nuxt-i18n-netlify-cms` dependency to your project

```bash
yarn add @robomx/nuxt-i18n-netlify-cms # or npm install @robomx/nuxt-i18n-netlify-cms
```

2. Add `@robomx/nuxt-i18n-netlify-cms` to the `modules` section of `nuxt.config.js`

```js
{
  modules: [
    // Simple usage
    '@robomx/nuxt-i18n-netlify-cms',

    // With options
    ['@robomx/nuxt-i18n-netlify-cms', { /* module options */ }]
  ]
}
```

## Module Options

```
...
  i18n: {
    ...
    netlifyCms: {
      proxy: true,
      route: "i18n",
      config: {
        title: "i18n Content Management",
        publish_mode: "editorial_workflow",
        media_folder: "static/i18n/images",
        public_folder: "/i18n/images",
        open_authoring: true
      }
    }
    ...
  },
...
```

## Development

1. Clone this repository
2. Install dependencies using `yarn install` or `npm install`
3. Start development server using `npm run dev`

## Screenshot

<img src="screenshot.png" alt="i18n content manage" width="600px">

## References

* [Nuxt i18n external JSON setup](https://phrase.com/blog/posts/nuxt-js-tutorial-i18n/#External_JSON_or_JS_Files)
* [Create Nuxt Module](https://nuxtjs.org/blog/creating-a-nuxt-module)

## License

[MIT License](./LICENSE)

Copyright (c) RoboMx <ask@robomx.tech>

<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/v/@robomx/nuxt-i18n-netlify-cms/latest.svg
[npm-version-href]: https://npmjs.com/package/@robomx/nuxt-i18n-netlify-cms

[npm-downloads-src]: https://img.shields.io/npm/dt/@robomx/nuxt-i18n-netlify-cms.svg
[npm-downloads-href]: https://npmjs.com/package/@robomx/nuxt-i18n-netlify-cms

[github-actions-ci-src]: https://github.com/RoboMx/nuxt-i18n-netlify-cms/workflows/ci/badge.svg
[github-actions-ci-href]: https://github.com/robomx/nuxt-18n-netlify-cms/actions?query=workflow%3Aci

[codecov-src]: https://img.shields.io/codecov/c/github/robomx/nuxt-18n-netlify-cms.svg
[codecov-href]: https://codecov.io/gh/robomx/nuxt-18n-netlify-cms

[license-src]: https://img.shields.io/badge/License-MIT-yellow.svg
[license-href]: https://github.com/RoboMx/nuxt-i18n-netlify-cms
npm package: @robomx/web-dialog
Description: Web dialog for apps.
Author: RoboMx
Latest version: 2021.0.1

# Web Floating Dialog

[![HitCount](http://hits.dwyl.com/RoboMx/web-dialog-alert.svg)](http://hits.dwyl.com/RoboMx/web-dialog-alert)
![Node.js Package](https://github.com/RoboMx/web-dialog-alert/workflows/Node.js%20Package/badge.svg)

A dialog plugin to alert your website users about any important information.

## Motivation

Inspired from paper dialog seen on YouTube during COVID-19 outbreak.

## How to integrate?

#### Using NPM

* Install package.

    `npm i @robomx/web-dialog` or `yarn add @robomx/web-dialog`

* Add import.

    `import '@robomx/web-dialog/dist/webdialog.min';`

### Using JS script

* Add following line to bottom of your body tag.

    `<script type="text/javascript" src="https://unpkg.com/@robomx/web-dialog@latest/dist/webdialog.min.js"></script>`

Last add the tag:

`robomx-webdialog` tag before script file.
    Example:

        <robomx-webdialog
            title="Dialog title"
            description="Dialog description"
            imgSrc="sample.png"
            imgWidth="300px"
            imgHeight="200px"
            position="bottom-left"
            link="example.com"
            actionText="Learn More"
            actionTarget="_blank"
            dismissText="Later"
        ></robomx-webdialog>

## Output

<img src="assets/output.png">

## Variables

| Attribute | Default | Accepts | Note|
| --------- | ------- | --------|------- |
| `title`     | `Dialog title` | `string content`  | Specify title of the dialog |
| `description` | `Dialog description` |  `string content` | Give brief information about the dialog.  |
| `actionText` | `Learn More` | `string content` | `Action button text |
| `imgSrc`  | `null` | `Image path` | Specify image source url or relative path. |
| `imgWidth`     | `300px` |    `px, em, %`     | Specify width of the image. |
| `imgHeight`    | `200px` | `px, em, %` | Specify height of the image. |
| `position`        | `bottom-left`  | `top-left, top-right, bottom-left, bottom-right, center`     | Specify position of the dialog box.       |
| `darkMode`|`false`  | `boolean`     | Dark mode setup.       |
| `bgColor`        | `#fff`  | `Hex Code, RGB`     | Backgroung color of dialog box.       |
| `txtColor`        | `#373737`  | `Hex Code, RGB`     | Text color of dialog content. |
| `btnColor`        | `#6c6b6b`  | `Hex Code, RGB`     | Button color of 'Later'.       |
| `link`        | `http://example.com`  | `URL`     | URL for action button.       |
| `actionTarget`        | `_blank`  | `_blank, _self, _parent, _top`     | Target tab of action button.       |
| `dismissText`        | `Later`  | `string word`     | Dismiss button text.       |