{"id":26780888,"url":"https://github.com/hakanersu/amaranjs","last_synced_at":"2025-04-06T20:13:11.374Z","repository":{"id":14105135,"uuid":"16809628","full_name":"hakanersu/AmaranJS","owner":"hakanersu","description":"Nice, sleek and stylish notifications.","archived":false,"fork":false,"pushed_at":"2019-07-06T11:00:40.000Z","size":3227,"stargazers_count":211,"open_issues_count":4,"forks_count":59,"subscribers_count":15,"default_branch":"master","last_synced_at":"2025-04-02T01:51:30.201Z","etag":null,"topics":["css","javascript","jquery","jquery-plugin"],"latest_commit_sha":null,"homepage":"http://amaranjs.com/","language":"CoffeeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hakanersu.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-02-13T16:48:56.000Z","updated_at":"2025-01-29T19:31:12.000Z","dependencies_parsed_at":"2022-08-31T09:42:22.683Z","dependency_job_id":null,"html_url":"https://github.com/hakanersu/AmaranJS","commit_stats":null,"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hakanersu%2FAmaranJS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hakanersu%2FAmaranJS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hakanersu%2FAmaranJS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hakanersu%2FAmaranJS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hakanersu","download_url":"https://codeload.github.com/hakanersu/AmaranJS/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247543594,"owners_count":20955865,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["css","javascript","jquery","jquery-plugin"],"created_at":"2025-03-29T07:18:40.817Z","updated_at":"2025-04-06T20:13:11.356Z","avatar_url":"https://github.com/hakanersu.png","language":"CoffeeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"AmaranJS jQuery Notification Plugin\n============\nNice, sleek and stylish notifications.\n\n[Demo \u0026 Documentation](http://www.amaranjs.com/) \n\nYou can check [AmaranJS v.1.0.1](https://github.com/hakanersu/AmaranJS/tree/amaran%40v2), with this version amaranjs no longer requires jquery and most of the animations moved to css animations.\n\n## What is new and What is changed\n\n\n * Blur Theme ,Rounded Theme and Read More theme removed.\n * All javascript codes ported to coffee and css to sass.\n * [Animate.css](http://daneden.github.io/animate.css/) and options added for alternative css3 effects.\n\n## Some Features\n\nHere is the some basic features of AmaranJS.But i  recommend that review the examples and check demos.\n\n * Easy notification creation.\n * Unique notification animations.\n * Included stylish themes.\n * Easily adapt your own themes.\n * Callbacks\n\n## Installation\n\nGo to dist directory and copy all the folders to a new destination, which will be your project home.\n\nIt’s not required, but i recommend placing CSS files in ```\u003chead\u003e``` and JavaScript files and initialization code in the footer of your site (before the closing ```\u003c/body\u003e``` tag).\n\njQuery required for **Amaran JS**.If you already have jquery.js on your site, don’t include it a second time, or use **jQuery.noConflict();** mode\n\n```html\n\u003clink rel=\"stylesheet\" href=\"/css/amaran.min.css\"\u003e\n```\nYou can add jQuery via Google CDN\n\n```html\n\u003cscript src=\"//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js\"\u003e\u003c/script\u003e\n```\n\nPlace Amaran JS after jQuery\n\n```html\n\u003cscript src=\"/js/jquery.amaran.js\"\u003e\u003c/script\u003e\n```\nSo minimalistic setup look like this\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n\u003chead\u003e\n    \u003ctitle\u003eMy Web Page\u003c/title\u003e\n    \u003clink rel=\"stylesheet\" href=\"/css/amaran.min.css\"\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n    \u003cp\u003eMy Content\u003c/p\u003e\n    \u003cscript src=\"//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js\"\u003e\u003c/script\u003e\n    \u003cscript src=\"/js/jquery.amaran.js\"\u003e\u003c/script\u003e\n\u003c/body\u003e\n\u003c/html\u003e\n```\n\n### Optional Steps\n\n * Awesome theme uses fontawesome if you want to use  awesome theme you have to include fontawesome.\n\n```html\n\u003clink href=\"//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css\" rel=\"stylesheet\"\u003e\n```\n * If you want to use [Animate.css](http://daneden.github.io/animate.css/) effects you have to include [Animate.css](http://daneden.github.io/animate.css/) . [Animate.css](http://daneden.github.io/animate.css/) already included dist/css folder.\n \n```html\n\u003clink rel=\"stylesheet\" href=\"/css/animate.min.css\"\u003e\n```\n## Usage\nAmaranJS included 4 theme (for now).\n\nVery basic usage ,not include any theme.\n```javascript\n$(function(){\n    $.amaran({'message':'My first example!'});\n});\n```\nIf you want to use included themes , you have to pass content object with desired fields.\n\nAwesome theme usage.\n\n```javascript\n$.amaran({\n    content:{\n        title:'My first funcy example!',\n        message:'1.4 GB',\n        info:'my_birthday.mp4',\n        icon:'fa fa-download'\n    },\n    theme:'awesome ok'\n});\n\n```\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhakanersu%2Famaranjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhakanersu%2Famaranjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhakanersu%2Famaranjs/lists"}