{"action":"created","issue":{"url":"https://api.github.com/repos/dimelo/emojione-rails/issues/2","labels_url":"https://api.github.com/repos/dimelo/emojione-rails/issues/2/labels{/name}","comments_url":"https://api.github.com/repos/dimelo/emojione-rails/issues/2/comments","events_url":"https://api.github.com/repos/dimelo/emojione-rails/issues/2/events","html_url":"https://github.com/dimelo/emojione-rails/issues/2","id":108379666,"number":2,"title":"Not loading CSS file","user":{"login":"selfagency","id":2541728,"avatar_url":"https://avatars.githubusercontent.com/u/2541728?v=3","gravatar_id":"","url":"https://api.github.com/users/selfagency","html_url":"https://github.com/selfagency","followers_url":"https://api.github.com/users/selfagency/followers","following_url":"https://api.github.com/users/selfagency/following{/other_user}","gists_url":"https://api.github.com/users/selfagency/gists{/gist_id}","starred_url":"https://api.github.com/users/selfagency/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/selfagency/subscriptions","organizations_url":"https://api.github.com/users/selfagency/orgs","repos_url":"https://api.github.com/users/selfagency/repos","events_url":"https://api.github.com/users/selfagency/events{/privacy}","received_events_url":"https://api.github.com/users/selfagency/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2015-09-25T18:06:26Z","updated_at":"2015-09-25T18:43:30Z","closed_at":null,"body":"Hi,\r\n\r\nI followed the usage instructions in the README and added `@import \"emojione\";` to my application.css.scss file, but there is no line in my rendered HTML code invoking emojione's css file and I get no errors from Ruby that the file can't be found. In fact, if I change it to `@import \"/assets/emojione\";`, then it throws an error.\r\n\r\nI added `//= require emojione` to my application.js file and the line invoking that script appears in my code just fine.\r\n\r\n```HTML\r\n  <script src=\"/assets/emojione.js?body=1\" type=\"text/javascript\"></script>\r\n```\r\n\r\nI've also added the jQuery conversion class found [here](http://git.emojione.com/demos/1.5.0/class-convert.html) to my global.js...\r\n\r\n```javascript\r\n     $(document).ready(function() {\r\n        $(\".convert-emoji\").each(function() {\r\n            var original = $(this).html();\r\n            // use .shortnameToImage if only converting shortnames (for slightly better performance)\r\n            var converted = emojione.toImage(original);\r\n            $(this).html(converted);\r\n        });\r\n    });\r\n```\r\n\r\n...but nothing seems to be happening to convert shortcodes within HTML elements that have the `.convert-emoji` class.\r\n\r\nAm I doing something wrong or is there a bug w/ your port of Emojione?"},"comment":{"url":"https://api.github.com/repos/dimelo/emojione-rails/issues/comments/143318583","html_url":"https://github.com/dimelo/emojione-rails/issues/2#issuecomment-143318583","issue_url":"https://api.github.com/repos/dimelo/emojione-rails/issues/2","id":143318583,"user":{"login":"nel","id":7854,"avatar_url":"https://avatars.githubusercontent.com/u/7854?v=3","gravatar_id":"","url":"https://api.github.com/users/nel","html_url":"https://github.com/nel","followers_url":"https://api.github.com/users/nel/followers","following_url":"https://api.github.com/users/nel/following{/other_user}","gists_url":"https://api.github.com/users/nel/gists{/gist_id}","starred_url":"https://api.github.com/users/nel/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nel/subscriptions","organizations_url":"https://api.github.com/users/nel/orgs","repos_url":"https://api.github.com/users/nel/repos","events_url":"https://api.github.com/users/nel/events{/privacy}","received_events_url":"https://api.github.com/users/nel/received_events","type":"User","site_admin":false},"created_at":"2015-09-25T18:43:30Z","updated_at":"2015-09-25T18:43:30Z","body":"First of all Emojione does not require any css to work (unless you want to use the png sprite which not supported by this gem and IMHO a very bad idea in general). The css is just so that images fallback are display nicely but they will be displayed anyway.\r\n\r\nEmojione is mostly js, and if you have the emojione global in your js then you have emojione working.\r\n\r\nThe only difficulty with emojione is the image path as emojione actually rely on img tag pointing to the emojis in png or svg. That's why I provided a rake task for you to copy them.\r\n\r\nBut here again at worse you will have 404 imgs but the js part will work.\r\n\r\nYour @import \"/assets/emojione\"; SHOULD NOT work as the css is in the gem not your project, I invite you to read a bit more about spockets if you have trouble understanding the difference between @import \"emojione\" that will load ANY emojione css/scss in the path (including the gem) and @import \"/assets/emojione\"; that will try in your OWN project to find a file located at an absolute position (that does not exist by the way).\r\n\r\nSo the problem is most probably that you don't have a .convert-emoji class in your html ?"}}