{"action":"opened","issue":{"url":"https://api.github.com/repos/andk/pause/issues/231","repository_url":"https://api.github.com/repos/andk/pause","labels_url":"https://api.github.com/repos/andk/pause/issues/231/labels{/name}","comments_url":"https://api.github.com/repos/andk/pause/issues/231/comments","events_url":"https://api.github.com/repos/andk/pause/issues/231/events","html_url":"https://github.com/andk/pause/issues/231","id":190523886,"number":231,"title":"Add some semantic markup to html pages","user":{"login":"van-de-bugger","id":721164,"avatar_url":"https://avatars.githubusercontent.com/u/721164?v=3","gravatar_id":"","url":"https://api.github.com/users/van-de-bugger","html_url":"https://github.com/van-de-bugger","followers_url":"https://api.github.com/users/van-de-bugger/followers","following_url":"https://api.github.com/users/van-de-bugger/following{/other_user}","gists_url":"https://api.github.com/users/van-de-bugger/gists{/gist_id}","starred_url":"https://api.github.com/users/van-de-bugger/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/van-de-bugger/subscriptions","organizations_url":"https://api.github.com/users/van-de-bugger/orgs","repos_url":"https://api.github.com/users/van-de-bugger/repos","events_url":"https://api.github.com/users/van-de-bugger/events{/privacy}","received_events_url":"https://api.github.com/users/van-de-bugger/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-11-19T22:14:41Z","updated_at":"2016-11-19T22:14:41Z","closed_at":null,"body":"Let's consider PAUSE's \"Show my files\" page. Its look is err... very spartan. Plain list of files, badly aligned (if you have a file which name is longer than ~50 characters).\r\n\r\n\"Delete files\" for the first moment looks better because of colors. But it is false impression. Long file names are still badly aligned, colors do not help. Lines of the file list are highlighted using 3 colors: red, green and blue. A release is usually represented by 3 files: .meta, .readme, and .tar.gz files. It would be nice if all the files of the same type highlighted with one color, e. g. tarballs are blue, readmes are green, metas are red, but trial releases (which consists of tarball file only, no readme and no meta) break the system.\r\n\r\nThe spartan look could be changed at user side. For example, there is \"Stylish\" extension for Firefox (it also exists for Chromium, Chrome, Safari and Opera) which allows users to provide a custom style sheet for a web page or entire site, so users can tune fonts, colors, backgrounds etc with a great flexibility. \r\n\r\nHowever, this approach is hardly applicable to PAUSE due to very spartan markup:\r\n\r\n    <pre>\r\n     CHECKSUMS                                            31798  Sat, 19 Nov 2016 20:11:05 GMT\r\n     Dist-Zilla-Plugin-Hook-0.006.meta                     7885  Tue, 11 Aug 2015 20:12:08 GMT\r\n     Dist-Zilla-Plugin-Hook-0.006.readme                  13380  Tue, 11 Aug 2015 20:12:08 GMT\r\n     Dist-Zilla-Plugin-Hook-0.006.tar.gz                  55402  Tue, 11 Aug 2015 20:14:49 GMT\r\n    ...\r\n    </pre>\r\n\r\n(I typed it in into several lines for convenience, actually it is one huge line, where line breaks are encoded by using `<br>`).\r\n\r\nIt will be nice if PAUSE generate a bit of semantic markup, for example:\r\n\r\n    <pre class=\"filelist\">\r\n     <span class=\"checksum\"><span class=\"filename\">CHECKSUMS</span>                                            <span class=\"size\">31798</span>  <span class=\"date\">Sat, 19 Nov 2016 20:11:05 GMT</span></span>\r\n     <span class=\"release\"><span class=\"meta\"><span class=\"filename\">Dist-Zilla-Plugin-Hook-0.006.meta</span>                     <span class=\"size\">7885</span>  <span class=\"date\">Tue, 11 Aug 2015 20:12:08 GMT</span></span>\r\n     <span class=\"readme\"><span class=\"filename\">Dist-Zilla-Plugin-Hook-0.006.readme</span>                  <span class=\"size\">13380</span>  <span class=\"date\">Tue, 11 Aug 2015 20:12:08 GMT</span></span>\r\n     <span class=\"tarball\"><span class=\"filename\">Dist-Zilla-Plugin-Hook-0.006.tar.gz</span>                  <span class=\"size\">55402</span>  <span class=\"date\">Tue, 11 Aug 2015 20:14:49 GMT</span></span></span>\r\n     <span class=\"release trial\"><span class=\"tarball\"><span class=\"filename\">Dist-Zilla-Plugin-Hook-0.006_01.tar.gz</span>                  <span class=\"size\">55402</span>  <span class=\"date\">Tue, 11 Aug 2015 20:14:49 GMT</span></span></span>\r\n     <span class=\"release trial\"><span class=\"tarball delete\"><span class=\"filename\">Dist-Zilla-Plugin-Hook-0.006_02.tar.gz</span>                  <span class=\"size\">55402</span>  <span class=\"date\">Scheduled for deletion (due to ...)</span></span></span>\r\n    ...\r\n    </pre>\r\n\r\nHTML source code looks a bit ugly, but creating a user style sheet for such code will be a trivial task:\r\n\r\n    .meta, .readme { color: grey; }\r\n    .tarball { color: black; }\r\n    .trial { color: blue; }\r\n    .delete { color: red; }\r\n    .release { margin-top: 1em; margin-bottom: 1em; }\r\n\r\nSuch markup also greatly simplifies other user-side tricks. For example, someone may want to use another format for dates, convert times to local time zone, convert sizes from bytes to kilobytes, hide meta and readme files to have more compact compact list of releases, etc.\r\n\r\n"}}
{"actor":{"display_login":"van-de-bugger"}}