{"_id":"@anywhichway/gravatar-display","name":"@anywhichway/gravatar-display","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.1":{"name":"@anywhichway/gravatar-display","version":"0.0.1","description":"A web component for loading and disolaying Gravatars","main":"index.html","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/anywhichway/gravatar-display.git"},"keywords":["Gravatar","mention"],"author":{"name":"Simon Y. Blackwell"},"license":"MIT","bugs":{"url":"https://github.com/anywhichway/gravatar-display/issues"},"homepage":"https://github.com/anywhichway/gravatar-display#readme","gitHead":"4c9086d7941cd653d6d72a1f941740daaac28575","_id":"@anywhichway/gravatar-display@0.0.1","_nodeVersion":"16.17.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-8WypKUpYNso9iPX7bEjr6pky+yzdfp3M0N0HGLAiMnrl4ng+H2xNI8kOcH0NOcfSarIypFTGycuGDSvcDicbFw==","shasum":"8b8b75ef500dd5ecfab7efb668325abdf3df8263","tarball":"https://registry.npmjs.org/@anywhichway/gravatar-display/-/gravatar-display-0.0.1.tgz","fileCount":8,"unpackedSize":8619,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH2rNcRGEaReB9xCn1SLIa/HpoNpSMqSF/NiJ4F3y4ReAiALXE2Cyma77SF25/z4To9fpG/voEaMKM94btiFVODF9A=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjQudZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr3FQ/7B1tr25qYNSMAiYRTph+fne9GErQSE3B38tmf4E7tgghUUnTX\r\nsH5TJ0y9yvhHqPKDI1Xo7MWo70ISApNuxSHyml2iL5zcE4C65DCavCDSUjWF\r\nof6JtudXj+jSSk2Ac6jopZZf//JWRhr/d4L8PDKHwBtygyKnNyixEN7YkKqq\r\nOk7DOwdd9UgNxkhBFk08fl4UvRN5KUtb3v3S9RHPTCNGSBb8gWTFItXHEgqz\r\nlFXXWX7pEbyzmPT4xoPjTysjR+1uszlH7YqQyo9rbncVMUhSKc8tPEfnPsSN\r\nlRcU8Y8YyDNKHTiT0fmvgMW7ARVuF8bixJN6czy1acu9Qz4Z5S7Mwtga5Ytl\r\nWBU2ZSrhTLfvU0Gc8wSFVzSvz0uyEqIYrMLCOKp+mmhVaXORvSEn4kNEaopq\r\nqFBnOCNV2PU64epS9PG+1Cw/1mN3dFIP3Trk7gFSMnC4dsCJ3c5stTMC4Xxa\r\nzT3Hdw1ZoP+z5SxSTunPbqtMQT5DHVNTppg//ixHIyB1awycaNkSGEY9B4iS\r\nehH8faOWDOq3UKDvlUJ2k47uNmE4rSFSlhqHKtmfu568gYvEUwjaF1yy1qnM\r\ntaCn5HAHxnyuQOGRrwmsqbtj570VlZ5zXVId9/Ac2sXsmybdpTqkSqiU4vOW\r\nc/5PJMxKckb9gXZYs0FPPxPTaWzAjI113b8=\r\n=Xbki\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"anywhichway","email":"syblackwell@anywhichway.com"},"directories":{},"maintainers":[{"name":"anywhichway","email":"syblackwell@anywhichway.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gravatar-display_0.0.1_1665328985467_0.09063903491560699"},"_hasShrinkwrap":false}},"time":{"created":"2022-10-09T15:23:05.383Z","0.0.1":"2022-10-09T15:23:05.667Z","modified":"2022-10-09T15:23:05.862Z"},"maintainers":[{"name":"anywhichway","email":"syblackwell@anywhichway.com"}],"description":"A web component for loading and disolaying Gravatars","homepage":"https://github.com/anywhichway/gravatar-display#readme","keywords":["Gravatar","mention"],"repository":{"type":"git","url":"git+https://github.com/anywhichway/gravatar-display.git"},"author":{"name":"Simon Y. Blackwell"},"bugs":{"url":"https://github.com/anywhichway/gravatar-display/issues"},"license":"MIT","readme":"# gravatar-display\r\nA web component for displaying Gravatars\r\n\r\n# Usage\r\n\r\n`@anywhichway/gravatar-display` is designed to be loaded and used from a CDN like https://www.jsdelivr.com. It is also designed\r\nto be loaded and instantiated by `@anywhichway/quick-component`.\r\n\r\nInsert this line into your HTML file:\r\n\r\n```html\r\n<script src=\"https://cdn.jsdelivr.net/npm/@anywhichway/quick-component.js\" component=\"https://cdn.jsdelivr.net/npm/@anywhichway/gravatar-display@0.0.1\"></script>\r\n```\r\n\r\nVersion numbers are used above to insulate your use from unexpected changes due to future enhancements. You can also use\r\nthe most recent version of the software with the code below:\r\n\r\n```html\r\n<script src=\"https://cdn.jsdelivr.net/npm/@anywhichway/quick-component.js\" component=\"https://cdn.jsdelivr.net/npm/@anywhichway/gravatar-display\"></script>\r\n```\r\n\r\nAfter this you can include the tag `<gravatar-display>` in your HTML.\r\n\r\n# Configuration\r\n\r\n`<gravatar-display>` is configured using attributes `email`,`hash`,`username`,`showprofile`. You only need to provide one of `email`, `hash`, or `username`.\r\n\r\nIf you set `showprofile` to `true`. You can place an HTML template inside the tag that is used for displaying profile data, e.g.\r\n\r\n```html\r\n<gravatar-display>\r\n    <div style=\"float:right\">${name.formatted}<br>${displayName}</div>\r\n</gravatar-display>\r\n```\r\n\r\nThe available data takes the form:\r\n\r\n```json\r\n{\r\n        \"id\": \"87364481\",\r\n        \"hash\": \"be6b80ebb65da1d1e5b17e0cc2b286cd\",\r\n        \"requestHash\": \"be6b80ebb65da1d1e5b17e0cc2b286cd\",\r\n        \"profileUrl\": \"http://gravatar.com/syblackwell\",\r\n        \"preferredUsername\": \"syblackwell\",\r\n        \"thumbnailUrl\": \"https://secure.gravatar.com/avatar/be6b80ebb65da1d1e5b17e0cc2b286cd\",\r\n        \"photos\": [\r\n            {\r\n                \"value\": \"https://secure.gravatar.com/avatar/be6b80ebb65da1d1e5b17e0cc2b286cd\",\r\n                \"type\": \"thumbnail\"\r\n            }\r\n        ],\r\n        \"name\": {\r\n            \"givenName\": \"Simon\",\r\n            \"familyName\": \"Blackwell\",\r\n            \"formatted\": \"Simon Blackwell\"\r\n        },\r\n        \"displayName\": \"AnyWhichWay\",\r\n        \"urls\": []\r\n    }\r\n```\r\n\r\n\r\n","readmeFilename":"README.md"}