{"action":"created","issue":{"url":"https://api.github.com/repos/Cardshifter/cardshifter.github.io/issues/18","labels_url":"https://api.github.com/repos/Cardshifter/cardshifter.github.io/issues/18/labels{/name}","comments_url":"https://api.github.com/repos/Cardshifter/cardshifter.github.io/issues/18/comments","events_url":"https://api.github.com/repos/Cardshifter/cardshifter.github.io/issues/18/events","html_url":"https://github.com/Cardshifter/cardshifter.github.io/issues/18","id":52771426,"number":18,"title":"How to display card information on the website","user":{"login":"Phrancis","id":8539648,"avatar_url":"https://avatars.githubusercontent.com/u/8539648?v=3","gravatar_id":"","url":"https://api.github.com/users/Phrancis","html_url":"https://github.com/Phrancis","followers_url":"https://api.github.com/users/Phrancis/followers","following_url":"https://api.github.com/users/Phrancis/following{/other_user}","gists_url":"https://api.github.com/users/Phrancis/gists{/gist_id}","starred_url":"https://api.github.com/users/Phrancis/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Phrancis/subscriptions","organizations_url":"https://api.github.com/users/Phrancis/orgs","repos_url":"https://api.github.com/users/Phrancis/repos","events_url":"https://api.github.com/users/Phrancis/events{/privacy}","received_events_url":"https://api.github.com/users/Phrancis/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/Cardshifter/cardshifter.github.io/labels/help%20wanted","name":"help wanted","color":"159818"},{"url":"https://api.github.com/repos/Cardshifter/cardshifter.github.io/labels/page%20layout","name":"page layout","color":"bfdadc"},{"url":"https://api.github.com/repos/Cardshifter/cardshifter.github.io/labels/question","name":"question","color":"cc317c"}],"state":"open","locked":false,"assignee":{"login":"Phrancis","id":8539648,"avatar_url":"https://avatars.githubusercontent.com/u/8539648?v=3","gravatar_id":"","url":"https://api.github.com/users/Phrancis","html_url":"https://github.com/Phrancis","followers_url":"https://api.github.com/users/Phrancis/followers","following_url":"https://api.github.com/users/Phrancis/following{/other_user}","gists_url":"https://api.github.com/users/Phrancis/gists{/gist_id}","starred_url":"https://api.github.com/users/Phrancis/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Phrancis/subscriptions","organizations_url":"https://api.github.com/users/Phrancis/orgs","repos_url":"https://api.github.com/users/Phrancis/repos","events_url":"https://api.github.com/users/Phrancis/events{/privacy}","received_events_url":"https://api.github.com/users/Phrancis/received_events","type":"User","site_admin":false},"milestone":null,"comments":5,"created_at":"2014-12-23T20:16:03Z","updated_at":"2015-02-13T18:16:41Z","closed_at":null,"body":"I had a couple different ideas on displaying card information which will eventually be in the Cyborg Chronicles mod sub-site. Would like feedback from others on what would be ideal. Each card has some things in common, e.g. image, name, description, type and values. Here are my thoughts:\r\n\r\n1. Display as a table. This would be the simplest, but not particularly aesthetically pleasing. It would be possible to make it self-updating if the cards are kept in an Excel document within the repository.\r\n\r\n2. Display as actual cards. This would basically entail to display the card exactly (or as closely as possible) as it is in the game. There's probably a way to program that into the website using Java or JavaScript.\r\n\r\n3. Display in a grid, sort of like the contributors page that Marc-Andre made. This would probably be the best-looking, though it is considerably more work. It may also make it more difficult to locate a specific card.\r\n\r\n4. Display a list of cards with basic data, and a link to a pop-up with card details. This would be analogous to how you can click a card icon to view card details in Hearthstone. This should be fairly easy to do using JavaScript.\r\n\r\nFeedback appreciated!"},"comment":{"url":"https://api.github.com/repos/Cardshifter/cardshifter.github.io/issues/comments/74299690","html_url":"https://github.com/Cardshifter/cardshifter.github.io/issues/18#issuecomment-74299690","issue_url":"https://api.github.com/repos/Cardshifter/cardshifter.github.io/issues/18","id":74299690,"user":{"login":"Phrancis","id":8539648,"avatar_url":"https://avatars.githubusercontent.com/u/8539648?v=3","gravatar_id":"","url":"https://api.github.com/users/Phrancis","html_url":"https://github.com/Phrancis","followers_url":"https://api.github.com/users/Phrancis/followers","following_url":"https://api.github.com/users/Phrancis/following{/other_user}","gists_url":"https://api.github.com/users/Phrancis/gists{/gist_id}","starred_url":"https://api.github.com/users/Phrancis/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Phrancis/subscriptions","organizations_url":"https://api.github.com/users/Phrancis/orgs","repos_url":"https://api.github.com/users/Phrancis/repos","events_url":"https://api.github.com/users/Phrancis/events{/privacy}","received_events_url":"https://api.github.com/users/Phrancis/received_events","type":"User","site_admin":false},"created_at":"2015-02-13T18:16:41Z","updated_at":"2015-02-13T18:16:41Z","body":"@marcandregirard As discussed in chat, here is a screenshot of the card models I made in PowerPoint. The dimensions and size rations are as follows:\r\n\r\nCard size: 3.5” x 2.5” (1.4:1)\r\nImage size: 1.4” x 2.25” (1:1.6)\r\nText box size: 1.3” x 2.25” (1:1.75)\r\n\r\nI also attached individual images of the small logos used on the cards, if you would like to use them. \r\n\r\n\r\n![card-models-issue- 18](https://cloud.githubusercontent.com/assets/8539648/6192601/c90657b8-b381-11e4-9ffb-02e922c456d3.PNG)\r\n\r\n![drop](https://cloud.githubusercontent.com/assets/8539648/6192663/61ec7a3e-b382-11e4-8c36-fc1cf2331391.png)\r\n![arrow](https://cloud.githubusercontent.com/assets/8539648/6192664/61ed349c-b382-11e4-9f54-371a34a57fb9.png)\r\n![wrench](https://cloud.githubusercontent.com/assets/8539648/6192665/61eec55a-b382-11e4-9bb9-876946f9c137.png)\r\n![redcross](https://cloud.githubusercontent.com/assets/8539648/6192666/61ef4386-b382-11e4-916b-f9b6c06548d6.png)\r\n![crosshairs](https://cloud.githubusercontent.com/assets/8539648/6192667/61f27b1e-b382-11e4-9e11-f9d72bec1b22.png)\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n"}}