site_main_article_detail.html 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <html>
  2. <head>
  3. <title>Hello</title>
  4. <link href="{{ url_for('static', path='/style.css') }}" rel="stylesheet">
  5. </head>
  6. <body>
  7. <a href="{{ url_for('index') }}">Homepage</a>
  8. <h1>{{ focused["site_name"] }}</h1>
  9. {% macro article(a) -%}
  10. <a href="{{ url_for('site_main_article_snapshot', id=a['site_id'], snapshot_id=a['featured_article_snapshot_id']) }}">
  11. [{{ a["site_name"] }}] {{ a["title"] }}
  12. </a>
  13. {%- endmacro %}
  14. <div id="article_browser">
  15. <div class="up">
  16. <ul>
  17. {% for a in simultaneous_up %}
  18. <li>{{ article(a) }}</li>
  19. {% endfor %}
  20. </ul>
  21. </div>
  22. <div class="focused">
  23. <a href="{{ focused['url_article'] }}"><h2>{{ focused["title"] }} <img src="{{ url_for('static', path='/external-link.svg') }}" height="30px"></h2></a>
  24. <time datetime="{{ focused['timestamp_virtual'] }}">{{ absolute_datetime(focused["timestamp_virtual"]) }}</time>
  25. <div class="similar">
  26. <h3>Articles similaires</h3>
  27. <ul>
  28. {% for s, distance in similar %}
  29. {% if s["is_main"] %}
  30. <li>{{ article(s) }}
  31. <time class="relative">{{ duration(focused["timestamp_virtual"], s["timestamp_virtual"]) }}</time>
  32. [{{ distance | round(3) }}]</li>
  33. {% endif %}
  34. {% endfor %}
  35. </ul>
  36. </div>
  37. </div>
  38. {% if after %}
  39. <div class="after">
  40. {{ article(after) }}
  41. <time class="absolute" datetime="{{ after['timestamp_virtual'] }}">{{ absolute_datetime(after["timestamp_virtual"]) }}</time>
  42. (<time class="relative">{{ duration(focused["timestamp_virtual"], after["timestamp_virtual"]) }}</time>)
  43. </div>
  44. {% endif %}
  45. {% if before %}
  46. <div class="before">
  47. {{ article(before) }}
  48. <time datetime="{{ before['timestamp_virtual'] }}">{{ absolute_datetime(before["timestamp_virtual"]) }}</time>
  49. (<time class="relative">{{ duration(focused["timestamp_virtual"], before["timestamp_virtual"]) }}</time>)
  50. </div>
  51. {% endif %}
  52. <div class="down">
  53. <ul>
  54. {% for a in simultaneous_down %}
  55. <li>{{ article(a) }}</li>
  56. {% endfor %}
  57. </ul>
  58. </div>
  59. </div>
  60. </body>
  61. </html>