{"id":19131997,"url":"https://github.com/jarrodsampson/sliver-js","last_synced_at":"2026-05-01T12:32:12.291Z","repository":{"id":129904993,"uuid":"42680060","full_name":"jarrodsampson/Sliver-JS","owner":"jarrodsampson","description":"A Simple Popup Modal.","archived":false,"fork":false,"pushed_at":"2016-01-05T20:07:07.000Z","size":243,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-07T00:26:53.677Z","etag":null,"topics":["css","css3","html","jquery"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/jarrodsampson.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}},"created_at":"2015-09-17T20:25:18.000Z","updated_at":"2015-09-17T20:29:14.000Z","dependencies_parsed_at":"2023-03-17T03:22:45.616Z","dependency_job_id":null,"html_url":"https://github.com/jarrodsampson/Sliver-JS","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/jarrodsampson/Sliver-JS","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jarrodsampson%2FSliver-JS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jarrodsampson%2FSliver-JS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jarrodsampson%2FSliver-JS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jarrodsampson%2FSliver-JS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jarrodsampson","download_url":"https://codeload.github.com/jarrodsampson/Sliver-JS/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jarrodsampson%2FSliver-JS/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32497810,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-30T13:12:12.517Z","status":"online","status_checked_at":"2026-05-01T02:00:05.856Z","response_time":64,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["css","css3","html","jquery"],"created_at":"2024-11-09T06:16:52.152Z","updated_at":"2026-05-01T12:32:12.269Z","avatar_url":"https://github.com/jarrodsampson.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Sliver JS \nA Simple Popup Modal. Designed by [planlodge](https://github.com/planlodge).\n\n[![Build](https://travis-ci.org/stevenbenner/jquery-powertip.svg?branch=master)](https://travis-ci.org/stevenbenner/jquery-powertip)\n![License](https://img.shields.io/packagist/l/doctrine/orm.svg)\n\n![Recording](https://raw.githubusercontent.com/planlodge/Sliver-JS/master/demo/recording.gif)\n\n## Getting Started\n\n 1. Include jQuery in your code.\n 2. Download and include the sliver.js file.\n 3. Set the class to sliver and the data-modale to the id of the modal you want.\n 4. Pick your selector and apply sliver method.\n\n## Full Example\n\n\t\t\u003c!DOCTYPE html\u003e\n\t\t\u003chtml lang=\"en-US\"\u003e\n\t\t\u003chead\u003e\n\t\t  \u003cmeta charset=\"utf-8\"\u003e\n\t\t  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\"\u003e\n\t\t  \u003ctitle\u003eSliver JS\u003c/title\u003e\n\t\t  \u003cmeta name=\"description\" content=\"\"\u003e\n\t\t  \u003clink rel=\"shortcut icon\" href=\"http://palakmathur.in/images/icons/github.png\" /\u003e\n\t\t  \u003clink rel=\"stylesheet\" href=\"css/sliver.min.css\" /\u003e\n\t\t\u003c/head\u003e\n\t\t\u003cbody\u003e\n\n\t\t\u003ccenter\u003e\n\t\t\u003cdiv id=\"wrapper\"\u003e\n\n\t\t  \u003c!-- the clickable link to start the popup --\u003e\n\t\t  \u003cdiv\u003e\u003ca class=\"sliver\" href=\"\" data-modale=\"intro\"\u003eOpen Popup\u003c/a\u003e\u003c/div\u003e\n\n\t\t  \u003cdiv\u003e\u003ca class=\"sliver\" href=\"\" data-modale=\"extra\"\u003eTry Another Popup\u003c/a\u003e\u003c/div\u003e\n\n\n\t\t  \u003cdiv id=\"intro\" class=\"sliver-popUp\"\u003eWoah\u003c/div\u003e\n\t\t  \u003cdiv id=\"extra\" class=\"sliver-popUp\"\u003eLorem Ipsum is simply dummy text of the \n\t\t  printing and typesetting industry. Lorem Ipsum has been the \n\t\t  industry's standard dummy text ever since the 1500s, \n\t\t  when an unknown printer took a galley of type and scrambled it to make a type specimen book. \n\t\t  It has survived not only five centuries, but also the leap into electronic \n\t\t  typesetting, remaining essentially unchanged. \n\t\t  It was popularised in the 1960s with the release of Letraset sheets containing \n\t\t  Lorem Ipsum passages, and more recently with desktop publishing software \n\t\t  like Aldus PageMaker including versions of Lorem Ipsum.\u003c/div\u003e\n\t\t  \n\n\t\t\u003c/div\u003e\n\n\t\t  \u003cscript src=\"https://code.jquery.com/jquery-2.1.4.min.js\"\u003e\u003c/script\u003e \n\t\t  \u003cscript src=\"src/sliver.min.js\"\u003e\u003c/script\u003e \n\t\t  \u003cscript\u003e\n\t\t  $(function(){\n\t\t    $('.sliver').sliver({\n\t\t      fadeSpeed: 900,\n\t\t      closeText: \"Close\"\n\t\t    });\n\t\t  });\n\t\t  \u003c/script\u003e\n\t\t  \n\t\t\u003c/body\u003e\n\t\t\u003c/html\u003e\n\n\n## License\n\nTransimg is licensed under the [MIT license](http://opensource.org/licenses/MIT).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjarrodsampson%2Fsliver-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjarrodsampson%2Fsliver-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjarrodsampson%2Fsliver-js/lists"}