{"id":17055052,"url":"https://github.com/therolffr/mininotif","last_synced_at":"2026-05-16T06:38:19.975Z","repository":{"id":91419182,"uuid":"111998613","full_name":"TheRolfFR/miniNotif","owner":"TheRolfFR","description":"Pure JS plugin to display custom notifications easily","archived":false,"fork":false,"pushed_at":"2018-12-12T21:53:51.000Z","size":31,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-13T03:48:52.796Z","etag":null,"topics":["js","notifications","plugin","web"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"lgpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TheRolfFR.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-11-25T11:32:30.000Z","updated_at":"2018-12-12T21:53:17.000Z","dependencies_parsed_at":null,"dependency_job_id":"a4a4c565-1112-499a-a686-a8ce653ad108","html_url":"https://github.com/TheRolfFR/miniNotif","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/TheRolfFR/miniNotif","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheRolfFR%2FminiNotif","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheRolfFR%2FminiNotif/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheRolfFR%2FminiNotif/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheRolfFR%2FminiNotif/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TheRolfFR","download_url":"https://codeload.github.com/TheRolfFR/miniNotif/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheRolfFR%2FminiNotif/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33092828,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-16T04:41:52.686Z","status":"ssl_error","status_checked_at":"2026-05-16T04:41:52.009Z","response_time":115,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["js","notifications","plugin","web"],"created_at":"2024-10-14T10:16:33.141Z","updated_at":"2026-05-16T06:38:19.954Z","avatar_url":"https://github.com/TheRolfFR.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# miniNotif \n![](https://img.shields.io/github/release/therolffr/miniNotif.svg?style=flat-square)\n![Drop, enjoy](https://img.shields.io/badge/Drop,-Enjoy%20!-red.svg?style=flat-square)\n[![Author](https://img.shields.io/badge/Author-TheRolfFR-%2331a589.svg?style=flat-square)](http://bit.ly/therolf-website)\n![License: LGPL--3.0](https://img.shields.io/badge/license-LGPL--3.0-lightgrey.svg?style=flat-square) \n![Repo Size](https://img.shields.io/github/languages/code-size/TheRolfFR/miniNotif.svg?style=flat-square)\n[![jsDelivr Hits](https://data.jsdelivr.com/v1/package/gh/TheRolfFR/miniNotif/badge?style=flat-square)](https://www.jsdelivr.com/package/gh/TheRolfFR/miniNotif)\n\nDisplay custom notifications easily\n\n## Usage\n\n### 1. Import js and css\n```html\n\u003cscript src=\"path/to/miniNotif.js\"\u003e\u003c/script\u003e\n\u003clink href=\"path/to/miniNotif.css\" rel=\"stylesheet\" /\u003e\n```\nYou can use jsDelivr links to keep updated your miniNotif : https://www.jsdelivr.com/package/gh/TheRolfFR/miniNotif \n\n### 2. Initalize miniNotif in your javascript\n\n```javascript\nminiNotif.init();\n```\n\nYou can initialize with a parameter, the name of the selector where you want your notifications to pop in or the object himself :\n```javascript\nminiNotif.init('#element');\n// or\nminiNotif.init(document.getElementById('element'));\n```\n\n### 3. Diplay a new notification:\n\nThe addNotif function handles theses parameters in an object :\n\n| Parameter name | Required | Default value | Type    | Description                              |\n| -------------  |:--------:| ------------- | ------- | ---------------------------------------- |\n| text           | X        |               | String  | Text of the notification                 |\n| process        |          | true          | Boolean | Hide immediatly the notif after if true  |\n| icon           |          |               | String  | Icon of the notification                 |\n| color          |          |               | String  | Color of the notification (CSS property) |\n| background     |          |               | String  | background of the notification (CSS property) |\n| fadeinduration |          | 300ms         | Number  | Duration in milliseconds of the fade in effect |\n| visibleduration   |          | 200ms         | Number  | Duration in milliseconds where it is visible |\n\nExample : \n```javascript\nminiNotif.addNotif({\n    text: 'New notification !!!',\n    icon: '(!)',\n    color: 'white',\n    background: 'linear-gradient(135deg, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%);',\n    fadeinduration: 250,\n    visibleduration: 1000\n});\n```\n\n### 4. Enjoy !","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftherolffr%2Fmininotif","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftherolffr%2Fmininotif","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftherolffr%2Fmininotif/lists"}