Incomplete webapp to aggregate achievements/badges from various sources
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

index.html 2.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <html>
  2. <head>
  3. <title>Achievement Aggregator</title>
  4. <style type="text/css">
  5. .achievement {
  6. border: 1px solid black;
  7. position: relative;
  8. display: block;
  9. width: 450px;
  10. height: 90px;
  11. }
  12. .achievement .img {
  13. width: 90px;
  14. height: 90px;
  15. float: left;
  16. text-align: center;
  17. }
  18. .achievement .source {
  19. display: inline;
  20. font-weight: bold;
  21. }
  22. .achievement .source:after {
  23. content: ':';
  24. }
  25. .achievement .name {
  26. display: inline;
  27. }
  28. .achievement .description {
  29. font-style: italic;
  30. }
  31. .achievement .date {
  32. position: absolute;
  33. margin: 0;
  34. top: 0;
  35. right: 0;
  36. font-size: small;
  37. }
  38. </style>
  39. </head>
  40. <body>
  41. <div id="content">
  42. <h1>My Accounts</h1>
  43. <table>
  44. <tr>
  45. <th>Source</th>
  46. <th>Credentials</th>
  47. </tr>
  48. {% for account in accounts %}
  49. <tr>
  50. <td>{{ account.source.name|escape }}</td>
  51. <td>{{ account.credentials|escape }}</td>
  52. <td>
  53. <form action="/worker/update" method="post">
  54. <input type="hidden" name="key" value="{{ account.key|escape }}"/>
  55. <input type="submit" value="Update now"/>
  56. </form>
  57. </td>
  58. </tr>
  59. {% endfor %}
  60. </table>
  61. <h1>My Achievements</h1>
  62. {% for achievement in achievements %}
  63. <div class="achievement">
  64. <p class="source">{{ achievement.achievement.source.name|escape }}</p>
  65. <div class="img">
  66. <img src="{{ achievement.achievement.image|escape }}"
  67. alt="{{ achievement.achievement.name|escape }}"/>
  68. </div>
  69. <p class="name">{{ achievement.achievement.name|escape }}</p>
  70. <p class="description">{{ achievement.achievement.description|escape }}</p>
  71. <p class="date">{{ achievement.awarded|escape }}</p>
  72. </div>
  73. {% endfor %}
  74. </div>
  75. </body>
  76. </html>