index.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
  5. <meta http-equiv="Pragma" content="no-cache" />
  6. <meta http-equiv="Expires" content="0" />
  7. <meta charset="utf-8" />
  8. <title>Crystal Mir2 Patcher</title>
  9. <link rel="stylesheet" href="css/reset.css" />
  10. <link rel="stylesheet" href="css/style.css" />
  11. <script type="text/javascript" src="js/moment.js"></script>
  12. </head>
  13. <body>
  14. <div id="banner">
  15. <div class="inner"></div>
  16. </div>
  17. <div id="updates">
  18. <h2>Recent Commits</h2>
  19. <ul>
  20. </ul>
  21. </div>
  22. <div id="buttons">
  23. <ul>
  24. <li>LOMCN</li>
  25. <li>WIKI</li>
  26. <li>...</li>
  27. </ul>
  28. </div>
  29. <script type="text/javascript">
  30. var content = document.getElementById('updates');
  31. var ul = content.getElementsByTagName('ul')[0];
  32. function parseDateCustom(date) {
  33. return moment(date, 'YYYY-MM-DD hh:mm a');
  34. }
  35. function showFeed(data) {
  36. var itemsContainer = document.createElement('DIV');
  37. if (data.status == 'ok') {
  38. var max = 6;
  39. for (var i = 0, t = data.items.length; i < t; ++i) {
  40. if (i >= max) break;
  41. var item = data.items[i];
  42. var itemListElement = document.createElement('li');
  43. var itemLinkElement = document.createElement('a');
  44. var itemSpanElement = document.createElement('span');
  45. itemLinkElement.setAttribute('href', item.link);
  46. itemLinkElement.innerText = item.title;
  47. itemLinkElement.target = '_blank';
  48. var mo = moment(item.pubDate).format('MMM');
  49. var da = moment(item.pubDate).format('Do');
  50. itemSpanElement.textContent = da + '/' + mo;
  51. itemListElement.appendChild(itemLinkElement);
  52. itemListElement.appendChild(itemSpanElement);
  53. ul.appendChild(itemListElement);
  54. }
  55. }
  56. }
  57. </script>
  58. <!--<script type="text/javascript">
  59. var content = document.getElementById('updates');
  60. var ul = content.getElementsByTagName('ul')[0];
  61. var xhr = new XMLHttpRequest();
  62. xhr.onreadystatechange = function () {
  63. if (xhr.readyState == 4 && xhr.status == 200) {
  64. var data = JSON.parse(xhr.responseText);
  65. var itemsContainer = document.createElement('DIV');
  66. if (data.status == 'ok') {
  67. var max = 6;
  68. for (var i = 0, t = data.items.length; i < t; ++i) {
  69. if (i >= max) break;
  70. var item = data.items[i];
  71. var itemListElement = document.createElement('li');
  72. var itemLinkElement = document.createElement('a');
  73. var itemSpanElement = document.createElement('span');
  74. itemLinkElement.setAttribute('href', item.link);
  75. itemLinkElement.innerText = item.title;
  76. itemLinkElement.target = '_blank';
  77. var date = new Date(item.pubDate);
  78. let mo = new Intl.DateTimeFormat('en', { month: 'short' }).format(date);
  79. let da = new Intl.DateTimeFormat('en', { day: '2-digit' }).format(date);
  80. itemSpanElement.textContent = da + '/' + mo;
  81. itemListElement.appendChild(itemLinkElement);
  82. itemListElement.appendChild(itemSpanElement);
  83. ul.appendChild(itemListElement);
  84. }
  85. }
  86. }
  87. };
  88. xhr.open(
  89. 'GET',
  90. 'https://api.rss2json.com/v1/api.json?callback=showFeed&rss_url=https://github.com/suprcode/mir2/commits/master.atom',
  91. true
  92. );
  93. xhr.send();
  94. </script>-->
  95. <script type="text/javascript"
  96. src="https://api.rss2json.com/v1/api.json?callback=showFeed&rss_url=https://github.com/suprcode/mir2/commits/master.atom"></script>
  97. </body>
  98. </html>