forks/archivebox
1
0
Fork 0
Code Releases Activity

Minor changes

Browse source
This commit is contained in:
Alex Kotov 2023-08-29 15:27:11 +04:00
parent 4f5e73f53e
commit 57452cf819
Signed by: kotovalexarian
GPG key ID: 553C0EBBEB5D5F08
3 changed files with 47 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

56
archivebox/templates/core/snapshot.html
View file

@ -14,64 +14,74 @@
<body> <body>
<header> <header>
<div class="header-top container-fluid"> <div class="header-top container-fluid">
<img src="favicon.ico"/> <div>
&nbsp;&nbsp; <img src="favicon.ico"/>&nbsp;&nbsp;{{title|safe}}
{{title|safe}} </div>
&nbsp;&nbsp; <div>
<small> <small>
<a href="{{url}}" class="header-url" title="{{url}}"> <a href="{{url}}" class="header-url" title="{{url}}">
<code>{{url}}</code> <code>{{url}}</code>
</a> </a>
</small> </small>
</div> </div>
</div>
<div class="header-bottom container-fluid"> <div class="header-bottom container-fluid">
<div class="row header-bottom-info"> <div class="row header-bottom-info">
<div class="col-lg-5"> <div class="col-lg-5">
<div title="Date bookmarked or imported" class="info-chunk" title="UTC Timezone {{timestamp}}"> <div title="Date bookmarked or imported" class="info-chunk" title="UTC Timezone {{timestamp}}">
<h5>Added</h5> <h5>Added</h5>
{{bookmarked_date}} <div>{{bookmarked_date}}</div>
</div> </div>
<div title="Date first archived" class="info-chunk" title="UTC Timezone"> <div title="Date first archived" class="info-chunk" title="UTC Timezone">
<h5>First Archived</h5> <h5>First Archived</h5>
{{oldest_archive_date}} <div>{{oldest_archive_date}}</div>
</div> </div>
<div title="Date last checked" class="info-chunk" title="UTC Timezone"> <div title="Date last checked" class="info-chunk" title="UTC Timezone">
<h5>Last Checked</h5> <h5>Last Checked</h5>
{{updated_date}} <div>{{updated_date}}</div>
</div> </div>
</div> </div>
<div class="col-sm-6 col-lg-4"> <div class="col-sm-6 col-lg-4">
<div class="info-chunk"> <div class="info-chunk">
<h5>Status</h5> <h5>Status</h5>
<div class="badge badge-{{status_color}}">{{status}}</div> <div class="badge badge-{{status_color}}">
{{status}}
</div>
</div> </div>
<div class="info-chunk"> <div class="info-chunk">
<h5>Saved</h5> <h5>Saved</h5>
✅&nbsp; {{num_outputs}} <div>{{num_outputs}}</div>
</div> </div>
<div class="info-chunk"> <div class="info-chunk">
<h5>Errors</h5> <h5>Errors</h5>
❌&nbsp; {{num_failures}} <div>{{num_failures}}</div>
</div> </div>
<div class="info-chunk"> <div class="info-chunk">
<h5>Size</h5> <h5>Size</h5>
{{size}} <div>{{size}}</div>
</div> </div>
</div> </div>
<div class="col-sm-6 col-lg-3"> <div class="col-sm-6 col-lg-3">
<div class="info-chunk"> <div class="info-chunk">
<h5> <h5>Snapshot:</h5>
🗃&nbsp;Snapshot: <div>
<br/> <code class="snapshot-timestamp">
<a href="/admin/core/snapshot/{{snapshot_id}}/change/">
<code style="color: rgba(255,255,255,0.6); font-weight: 200; font-size: 12px; background-color: #1a1a1a">
<b>[{{timestamp}}]</b> <b>[{{timestamp}}]</b>
</code> </code>
</div>
<div>
<a href="index.json" title="JSON summary of archived link.">
JSON
</a> </a>
</h5> |
<a href="index.json" title="JSON summary of archived link.">JSON</a> | <a href="warc/" title="Any WARC archives for the page">
<a href="warc/" title="Any WARC archives for the page">WARC</a> | WARC
<a href="." title="Webserver-provided index of files directory.">See all files...</a><br/> </a>
|
<a href="." title="Webserver-provided index of files directory.">
All files
</a>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -146,12 +156,12 @@
<div class="card-body row"> <div class="card-body row">
<div class="col-6 col-sm-12"> <div class="col-6 col-sm-12">
<a href="{{archive_org_path}}" title="Open in new tab..." target="_blank" rel="noopener"> <a href="{{archive_org_path}}" title="Open in new tab..." target="_blank" rel="noopener">
<p class="card-text"><code>🌐 archive.org/...</code></p> <p class="card-text"><code>archive.org/...</code></p>
</a> </a>
</div> </div>
<div class="col-6 col-sm-12"> <div class="col-6 col-sm-12">
<a href="{{archive_org_path}}" target="preview"> <a href="{{archive_org_path}}" target="preview">
<h4 class="card-title" style="font-size: 14px">Archive.Org</h4> <h4 class="card-title" style="font-size: 14px">Archive.org</h4>
</a> </a>
</div> </div>
</div> </div>
@ -164,7 +174,7 @@
<div class="card-body row"> <div class="card-body row">
<div class="col-6 col-sm-12"> <div class="col-6 col-sm-12">
<a href="{{url}}" title="Open in new tab..." target="_blank" rel="noopener" referrerpolicy="no-referrer"> <a href="{{url}}" title="Open in new tab..." target="_blank" rel="noopener" referrerpolicy="no-referrer">
<p class="card-text"><code>🌐 {{domain}}</code></p> <p class="card-text"><code>{{domain}}</code></p>
</a> </a>
</div> </div>
<div class="col-6 col-sm-12"> <div class="col-6 col-sm-12">

1
docker-compose.yml
View file

@ -9,6 +9,7 @@ services:
volumes: volumes:
- ./data:/data - ./data:/data
- ./archivebox:/app/archivebox - ./archivebox:/app/archivebox
- ./public:/app/public
environment: environment:
- ALLOWED_HOSTS=* - ALLOWED_HOSTS=*
- MEDIA_MAX_SIZE=750m - MEDIA_MAX_SIZE=750m

6
public/static/snapshot.css
View file

@ -152,3 +152,9 @@ header small code {
background-color: #101010; background-color: #101010;
border-radius: .25rem; border-radius: .25rem;
} }
.snapshot-timestamp {
background-color: #1a1a1a;
color: rgba(255,255,255,0.6);
font-size: 12px;
font-weight: 200;
}