{"id":22965785,"url":"https://github.com/thenextweb/indexdotco-js","last_synced_at":"2025-08-13T08:32:39.661Z","repository":{"id":57273405,"uuid":"64209511","full_name":"thenextweb/indexdotco-js","owner":"thenextweb","description":"Embed Index.co rich data on your site","archived":false,"fork":false,"pushed_at":"2019-03-14T15:16:27.000Z","size":525,"stargazers_count":3,"open_issues_count":0,"forks_count":2,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-11-30T11:12:55.982Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/thenextweb.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":"2016-07-26T09:41:46.000Z","updated_at":"2019-09-11T07:54:22.000Z","dependencies_parsed_at":"2022-09-17T05:11:10.413Z","dependency_job_id":null,"html_url":"https://github.com/thenextweb/indexdotco-js","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thenextweb%2Findexdotco-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thenextweb%2Findexdotco-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thenextweb%2Findexdotco-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thenextweb%2Findexdotco-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/thenextweb","download_url":"https://codeload.github.com/thenextweb/indexdotco-js/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":229749177,"owners_count":18118325,"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":[],"created_at":"2024-12-14T20:16:25.432Z","updated_at":"2024-12-14T20:16:25.986Z","avatar_url":"https://github.com/thenextweb.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# indexdotco-js\nJS for Index.co embeds in external sites\n\n[Download it here](https://github.com/thenextweb/indexdotco-js/releases)\n\n![How it works](http://i.imgur.com/XohvVWZ.gif)\n\n## Usage\nGet the last `indexdotco.js` [release](https://github.com/thenextweb/indexdotco-js/releases)\non your site. Then use either of the following:\n\n* Icon with hover functionality.\n  `\u003ca href='https://index.co/company/indexdotco' target='_blank' class='idc-hasIcon'\u003e\u003c/a\u003e`\n* A single company widget\n  `\u003ca href='https://index.co/company/indexdotco' target='_blank' class='idc-hasCard'\u003e\u003c/a\u003e`\n* A single company widget, in dark mode\n  `\u003ca href='https://index.co/company/indexdotco' target='_blank' class='idc-hasCard idc-hasCard--dark'\u003e\u003c/a\u003e`\n* Embed all companies from a list\n  `\u003ca href='https://index.co/list/13297-tech-giants' target='_blank' class='idc-hasList'\u003e\u003c/a\u003e`\n\n\n## Customization\nYou can use your own site's css to customize the size, colors and fonts of the\ncards inside, there's some very basic css bundled directly with this module\nbut final tweaks are up to you!\n\n\n## Advanced Usage\n### Options\nYou can add options by creating an `indexDotCoSettings` object on your site\n```\nwindow.indexDotCoSettings = {\n\tdelay: true\n\t/* won't scan for elements on page load */\n\tdisableCss: true,\n\t/* won't append any custom css, you'll have to provide your own\n\t   or import template/base.css via other means */\n\tmaxLines: 6\n\t/* max number of text lines on cards */\n};\n```\n\n### Ajax loading\nIf you are loading new content using ajax, use `IndexDotCo.attach()` to rescan\nthe DOM at any time and draw any new cards\n\n\n### Webpack + babel\nIf you are using webpack and babel you can instead import `indexdotco-js` as a\nmodule on your existing codebase.\n\n(It's even on npm! just do `npm install indexdotco-js`)\n\nThis won't create any global objects on `window`, you can instead pass\narguments to the constructor and then use the `IndexDotCo` class,\nit exposes the same methods.\n```\nvar IndexDotCoConstructor = require('indexdotco-js');\nvar IndexDotCo = new IndexDotCoConstructor(settings);\n```\n\n\n## Building the code yourself\nUse `gulp` with no arguments to build `dist/indexdotco-dev.js` uncompressed,\nalong with its sourcemap. Webpack will keep on watching for any changes on the code.\n\nUse `gulp make` to build `dist/indexdotco.js`, `gulp test` to check if\neverything went okay\n\nTest your changes opening `test/basic.html` in your browser. Append `#local` to\nthe url to test changes in `dist/indexdotco-dev.js`\n\n\n![Build status](https://codeship.com/projects/d03f8690-3582-0134-2b99-4648c3cd6a7f/status?branch=master)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthenextweb%2Findexdotco-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthenextweb%2Findexdotco-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthenextweb%2Findexdotco-js/lists"}