list.html 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="refresh" content="10">
  7. <title>Today's to-do List</title>
  8. <style>
  9. body {
  10. background-color: transparent;
  11. color: #ffd39a;
  12. }
  13. @font-face {
  14. font-family: Shunda;
  15. src: url("/static/Shunda.ttf");
  16. }
  17. * {
  18. font-family: Shunda;
  19. color; #ffd39a;
  20. }
  21. h4 {
  22. font-size: 24px;
  23. text-decoration: underline;
  24. text-align: center;
  25. margin-bottom: 0;
  26. padding-bottom: 0;
  27. }
  28. ul {
  29. margin-top: 0;
  30. padding-top: 0;
  31. }
  32. li {
  33. font-size: 20px;
  34. }
  35. </style>
  36. <script>
  37. function refreshPage() {
  38. window.location.reload();
  39. }
  40. setTimeout(refreshPage, 30 * 1000);
  41. </script>
  42. </head>
  43. <body>
  44. {% if items %}
  45. <h4>Today's to-do List</h4>
  46. <ul>
  47. {% for item in items %}
  48. <li style="text-decoration: {{ 'line-through' if item.crossed == 'yes' else 'none' }};">
  49. {{ item.name }}
  50. </li>
  51. {% endfor %}
  52. </ul>
  53. {% else %}
  54. <h4>Nothing on the to-do list yet</h4>
  55. {% endif %}
  56. </body>
  57. </html>