full.html 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <!-- Fullscreen paper view - shows PDF in full screen -->
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Scientific Paper</title>
  8. <style>
  9. body {
  10. margin: 0;
  11. padding: 0;
  12. background: #1a1a1a;
  13. color: #ddd;
  14. font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  15. display: flex;
  16. flex-direction: column;
  17. height: 100vh;
  18. }
  19. .header {
  20. text-align: center;
  21. padding: 15px;
  22. background: #0d1117;
  23. border-bottom: 1px solid #30363d;
  24. }
  25. .icon {
  26. font-size: 32px;
  27. margin-bottom: 5px;
  28. }
  29. h1 {
  30. margin: 0;
  31. font-size: 20px;
  32. color: #f0f6fc;
  33. }
  34. .pdf-container {
  35. flex: 1;
  36. width: 100%;
  37. overflow: hidden;
  38. }
  39. embed {
  40. width: 100%;
  41. height: 100%;
  42. }
  43. .download-link {
  44. position: fixed;
  45. bottom: 20px;
  46. right: 20px;
  47. background: #58a6ff;
  48. color: #fff;
  49. padding: 12px 24px;
  50. border-radius: 6px;
  51. text-decoration: none;
  52. font-weight: 600;
  53. box-shadow: 0 4px 6px rgba(0,0,0,0.3);
  54. transition: background 0.2s;
  55. }
  56. .download-link:hover {
  57. background: #1f6feb;
  58. }
  59. </style>
  60. </head>
  61. <body>
  62. <div class="header">
  63. <div class="icon">📄</div>
  64. <h1>Scientific Paper</h1>
  65. </div>
  66. <div class="pdf-container">
  67. <embed src="{{ output_path }}" type="application/pdf" />
  68. </div>
  69. <a href="{{ output_path }}" download class="download-link">Download PDF</a>
  70. </body>
  71. </html>