forks
/
archivebox
1
0
Fork 0
Code Releases Activity

Improve snapshot layout

This commit is contained in:
Alex Kotov 2023-08-25 12:46:48 +04:00
parent ebcd2b0722
commit 56fde6f223
Signed by: kotovalexarian
GPG Key ID: 553C0EBBEB5D5F08
1 changed files with 25 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
archivebox/templates/core/snapshot.html
View File

@ -12,13 +12,13 @@
<header>
<div class="header-top container-fluid">
<div class="row nav">
<div class="col-lg-2" style="line-height: 50px; vertical-align: middle">
<div class="col-lg-3" style="line-height: 50px; vertical-align: middle">
<a href="../../index.html" class="header-archivebox" title="Go to Main Index...">
<img src="../../static/archive.png" alt="Archive Icon">
ArchiveBox
</a>
</div>
<div class="col-lg-8">
<div class="col-lg-6">
<img src="favicon.ico" onerror="this.style.opacity=0" alt="Favicon">
&nbsp;&nbsp;
{{title|safe}}
@ -34,7 +34,7 @@
</div>
<div class="header-bottom container-fluid">
<div class="row header-bottom-info">
<div class="col-lg-4">
<div class="col-lg-5">
<div title="Date bookmarked or imported" class="info-chunk" title="UTC Timezone {{timestamp}}">
<h5>Added</h5>
{{bookmarked_date}}
@ -72,9 +72,17 @@
{{size}}
</div>
</div>
<div class="col-lg-4">
<div class="col-lg-3">
<div class="info-chunk">
<h5>🗃&nbsp; Snapshot: <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> <small>{{snapshot_id|truncatechars:24}}</small></code></a></h5>
<h5>
🗃&nbsp;Snapshot:
<br/>
<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>
</code>
</a>
</h5>
<a href="index.json" title="JSON summary of archived link.">JSON</a> |
<a href="warc/" title="Any WARC archives for the page">WARC</a> |
<a href="." title="Webserver-provided index of files directory.">See all files...</a><br/>
@ -91,7 +99,7 @@
<a href="{{singlefile_path}}" title="Open in new tab..." target="_blank" rel="noopener">
<p class="card-text"><code>./singlefile.html</code></p>
</a>
<a href="{{singlefile_path}}" target="preview"><h4 class="card-title">Chrome &gt; SingleFile</h4></a>
<a href="{{singlefile_path}}" target="preview"><h4 class="card-title" style="font-size: 14px">Chrome &gt; SingleFile</h4></a>
</div>
</div>
</div>
@ -104,7 +112,7 @@
<a href="{{pdf_path}}" title="Open in new tab..." target="_blank" rel="noopener">
<p class="card-text"><code>./output.pdf</code></p>
</a>
<a href="{{pdf_path}}" target="preview" id="pdf-btn"><h4 class="card-title">Chrome &gt; PDF</h4></a>
<a href="{{pdf_path}}" target="preview" id="pdf-btn"><h4 class="card-title" style="font-size: 14px">Chrome &gt; PDF</h4></a>
</div>
</div>
</div>
@ -117,7 +125,7 @@
<a href="{{screenshot_path}}" title="Open in new tab..." target="_blank" rel="noopener">
<p class="card-text"><code>./screenshot.png</code></p>
</a>
<a href="{{screenshot_path}}" target="preview"><h4 class="card-title">Chrome &gt; Screenshot</h4></a>
<a href="{{screenshot_path}}" target="preview"><h4 class="card-title" style="font-size: 14px">Chrome &gt; Screenshot</h4></a>
</div>
</div>
</div>
@ -130,7 +138,7 @@
<a href="{{archive_url}}" title="Open in new tab..." target="_blank" rel="noopener">
<p class="card-text"><code>./{{domain}}</code></p>
</a>
<a href="{{archive_url}}" target="preview"><h4 class="card-title">Wget &gt; HTML</h4></a>
<a href="{{archive_url}}" target="preview"><h4 class="card-title" style="font-size: 14px">Wget &gt; HTML</h4></a>
</div>
</div>
</div>
@ -144,7 +152,7 @@
<a href="{{archive_org_path}}" title="Open in new tab..." target="_blank" rel="noopener">
<p class="card-text"><code>🌐 web.archive.org/web/...</code></p>
</a>
<a href="{{archive_org_path}}" target="preview" id="archive_dot_org-btn"><h4 class="card-title">Archive.Org</h4></a>
<a href="{{archive_org_path}}" target="preview" id="archive_dot_org-btn"><h4 class="card-title" style="font-size: 14px">Archive.Org</h4></a>
</div>
</div>
</div>
@ -160,7 +168,7 @@
<p class="card-text"><code>🌐 {{domain}}</code></p>
</a>
<a href="{{url}}" target="preview" id="original-btn" referrerpolicy="no-referrer">
<h4 class="card-title">Original</h4>
<h4 class="card-title" style="font-size: 14px">Original</h4>
</a>
</div>
</div>
@ -175,7 +183,7 @@
<a href="{{headers_path}}" title="Open in new tab..." target="_blank" rel="noopener">
<p class="card-text"><code>./headers.json</code></p>
</a>
<a href="{{headers_path}}" target="preview"><h4 class="card-title">Headers</h4></a>
<a href="{{headers_path}}" target="preview"><h4 class="card-title" style="font-size: 14px">Headers</h4></a>
</div>
</div>
</div>
@ -188,7 +196,7 @@
<a href="{{dom_path}}" title="Open in new tab..." target="_blank" rel="noopener">
<p class="card-text"><code>./output.html</code></p>
</a>
<a href="{{dom_path}}" target="preview"><h4 class="card-title">Chrome &gt; HTML</h4></a>
<a href="{{dom_path}}" target="preview"><h4 class="card-title" style="font-size: 14px">Chrome &gt; HTML</h4></a>
</div>
</div>
</div>
@ -201,7 +209,7 @@
<a href="{{readability_path}}" title="Open in new tab..." target="_blank" rel="noopener">
<p class="card-text"><code>./readability/content.html</code></p>
</a>
<a href="{{readability_path}}" target="preview"><h4 class="card-title">Readability</h4></a>
<a href="{{readability_path}}" target="preview"><h4 class="card-title" style="font-size: 14px">Readability</h4></a>
</div>
</div>
</div>
@ -215,7 +223,7 @@
<a href="{{mercury_path}}" title="Open in new tab..." target="_blank" rel="noopener">
<p class="card-text"><code>./mercury/content.html</code></p>
</a>
<a href="{{mercury_path}}" target="preview"><h4 class="card-title">Mercury</h4></a>
<a href="{{mercury_path}}" target="preview"><h4 class="card-title" style="font-size: 14px">Mercury</h4></a>
</div>
</div>
</div>
@ -228,7 +236,7 @@
<a href="{{media_path}}" title="Open in new tab..." target="_blank" rel="noopener">
<p class="card-text"><code>./media/*.mp4</code></p>
</a>
<a href="{{media_path}}" target="preview"><h4 class="card-title">Media</h4></a>
<a href="{{media_path}}" target="preview"><h4 class="card-title" style="font-size: 14px">Media</h4></a>
</div>
</div>
</div>
@ -241,7 +249,7 @@
<a href="{{git_path}}" title="Open in new tab..." target="_blank" rel="noopener">
<p class="card-text"><code>./git/*.git</code></p>
</a>
<a href="{{git_path}}" target="preview"><h4 class="card-title">Git</h4></a>
<a href="{{git_path}}" target="preview"><h4 class="card-title" style="font-size: 14px">Git</h4></a>
</div>
</div>
</div>