arhivach-downloader

Download arhivach.vc threads
git clone https://git.ea.contact/arhivach-downloader
Log | Files | Refs | README

template.html (2328B)

      1 <!DOCTYPE html>
      2 <html lang="ru">
      3 <head>
      4   <meta charset="utf-8">
      5   <meta name="viewport" content="width=device-width, initial-scale=1.0">
      6   <title>{{thread_title}} - Thread Archive</title>
      7   <style>
      8     * { box-sizing: border-box; }
      9     body {
     10       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
     11       line-height: 1.5;
     12       max-width: 900px;
     13       margin: 0 auto;
     14       padding: 1rem;
     15       background: #f5f5f5;
     16       color: #333;
     17     }
     18     .thread-title {
     19       font-size: 1.5rem;
     20       margin: 0 0 1rem 0;
     21       padding-bottom: 0.5rem;
     22       border-bottom: 2px solid #ccc;
     23     }
     24     .post {
     25       background: #fff;
     26       border: 1px solid #ddd;
     27       border-radius: 4px;
     28       margin-bottom: 0.75rem;
     29       padding: 0.75rem;
     30     }
     31     .post-head {
     32       font-size: 0.85rem;
     33       color: #666;
     34       margin-bottom: 0.5rem;
     35     }
     36     .post-subject {
     37       font-weight: bold;
     38       color: #c41;
     39       margin-right: 0.5rem;
     40     }
     41     .post-name {
     42       font-weight: bold;
     43       color: #117743;
     44     }
     45     .post-time {
     46       margin-left: 0.5rem;
     47     }
     48     .post-num {
     49       margin-left: 0.5rem;
     50       color: #999;
     51     }
     52     .post-id a {
     53       margin-left: 0.5rem;
     54       color: #c41;
     55       text-decoration: none;
     56     }
     57     .post-id a:hover { text-decoration: underline; }
     58     .post-images {
     59       display: flex;
     60       flex-wrap: wrap;
     61       gap: 0.5rem;
     62       margin-bottom: 0.5rem;
     63     }
     64     .post-image {
     65       max-width: 200px;
     66     }
     67     .post-image > a {
     68       display: block;
     69     }
     70     .post-image img {
     71       max-width: 100%;
     72       max-height: 200px;
     73       border: 1px solid #ccc;
     74       border-radius: 2px;
     75     }
     76     .post-image img:hover {
     77       border-color: #c41;
     78     }
     79     .post-image-info {
     80       font-size: 0.75rem;
     81       margin-top: 0.25rem;
     82       color: #555;
     83       word-break: break-all;
     84     }
     85     .post-image-link {
     86       color: #c41;
     87       text-decoration: none;
     88     }
     89     .post-image-link:hover { text-decoration: underline; }
     90     .post-body {
     91       word-wrap: break-word;
     92     }
     93     .post-body a {
     94       color: #c41;
     95       text-decoration: none;
     96     }
     97     .post-body a:hover { text-decoration: underline; }
     98     .quote { color: #789922; }
     99     .reply-link { color: #c41; }
    100     .sage { color: #a00; font-style: italic; }
    101   </style>
    102 </head>
    103 <body>
    104 
    105 {{posts}}
    106 
    107 </body>
    108 </html>