payload: {"action":"opened","issue":{"url":"https://api.github.com/repos/HEInventions/docnado/issues/29","repository_url":"https://api.github.com/repos/HEInventions/docnado","labels_url":"https://api.github.com/repos/HEInventions/docnado/issues/29/labels{/name}","comments_url":"https://api.github.com/repos/HEInventions/docnado/issues/29/comments","events_url":"https://api.github.com/repos/HEInventions/docnado/issues/29/events","html_url":"https://github.com/HEInventions/docnado/issues/29","id":409965662,"node_id":"MDU6SXNzdWU0MDk5NjU2NjI=","number":29,"title":"Feature - add injectable CSS","user":{"login":"JohnHardy","id":1375329,"node_id":"MDQ6VXNlcjEzNzUzMjk=","avatar_url":"https://avatars2.githubusercontent.com/u/1375329?v=4","gravatar_id":"","url":"https://api.github.com/users/JohnHardy","html_url":"https://github.com/JohnHardy","followers_url":"https://api.github.com/users/JohnHardy/followers","following_url":"https://api.github.com/users/JohnHardy/following{/other_user}","gists_url":"https://api.github.com/users/JohnHardy/gists{/gist_id}","starred_url":"https://api.github.com/users/JohnHardy/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/JohnHardy/subscriptions","organizations_url":"https://api.github.com/users/JohnHardy/orgs","repos_url":"https://api.github.com/users/JohnHardy/repos","events_url":"https://api.github.com/users/JohnHardy/events{/privacy}","received_events_url":"https://api.github.com/users/JohnHardy/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2019-02-13T19:32:42Z","updated_at":"2019-02-13T19:32:42Z","closed_at":null,"author_association":"CONTRIBUTOR","body":"**Proposal**: add a metadata tag that injects HTML / CSS from a file into a page.  \r\n\r\n**Rationale**:  The default style is great. However, there are times where, in a single page I would like to adapt it.  For instance, in a report it is nice to have numbered headings but NOT worth adding a `style` directory as is current best practice for theme-ing.\r\n\r\n**Implementation**:\r\n\r\nIn the meta-data, look for a string array called `inject`\r\n\r\n```\r\ninject:  file.html \r\n       file.css\r\n```\r\n\r\nThen the template rendered can inject the contents of those files into the page directly, or in the case of css, inside a `<style>` tag.\r\n\r\n**Use Case**:  For reference, the following adds numbered AND collapsible headings.\r\n```\r\n<style>\r\nbody {\r\n    counter-reset: h2counter;\r\n}\r\nh1 {\r\n    counter-reset: h2counter;\r\n}\r\nh2:before {\r\n    content: counter(h2counter) \".\\0000a0\\0000a0\";\r\n    counter-increment: h2counter;\r\n    counter-reset: h3counter;\r\n}\r\nh3:before {\r\n    content: counter(h2counter) \".\" counter(h3counter) \".\\0000a0\\0000a0\";\r\n    counter-increment: h3counter;\r\n}\r\n</style>\r\n<script type=\"text/javascript\">\r\n$(document).ready(function(){\r\n    $(\"h2\").click(function(){\r\n    \t$(this).nextUntil(\"h2\").toggle()\r\n    });    \r\n});\r\n</script>\r\n```\r\n\r\nCurrently, this would have to be manually placed in every file."}}
other: {"actor":{"display_login":"JohnHardy"}}