plugin_replaywebpage__viewer.html 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. {% load tz core_tags static %}
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <title>{{title}}</title>
  6. <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1">
  7. </style>
  8. <style>
  9. html, body {
  10. width: 100%;
  11. height: 100%;
  12. background-color: #ddd;
  13. }
  14. </style>
  15. </head>
  16. <body>
  17. ReplayWeb.page for: {{snapshot.url}} ({{timestamp}}) /{{warc_filename}}
  18. {{snapshot}}
  19. <script>
  20. // https://cdn.jsdelivr.net/npm/[email protected]/sw.min.js
  21. // https://cdn.jsdelivr.net/npm/[email protected]/ui.min.js
  22. </script>
  23. <style>
  24. </style>
  25. <script src="/static/ui.js"></script>
  26. <replay-web-page
  27. style="height: 600px"
  28. embed="replay"
  29. replayBase="/static/"
  30. source="/static/test.wacz"
  31. url="https://example.com/">
  32. </replay-web-page>
  33. </body>
  34. </html>