mirror of
https://github.com/bellingcat/auto-archiver.git
synced 2026-06-11 04:38:29 +03:00
109 lines
3.1 KiB
HTML
109 lines
3.1 KiB
HTML
{# templates/results.html #}
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
|
|
<title>{{ url }}</title>
|
|
<style>
|
|
html {
|
|
font-family: 'Roboto', sans-serif;
|
|
}
|
|
|
|
table {
|
|
table-layout: fixed;
|
|
width: 90%;
|
|
}
|
|
|
|
table td {
|
|
word-wrap: break-word;
|
|
overflow-wrap: break-word;
|
|
padding: 5px;
|
|
}
|
|
|
|
table,
|
|
th,
|
|
td {
|
|
margin: auto;
|
|
border: 1px solid;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
table.metadata td:first-child {
|
|
text-align: center;
|
|
}
|
|
|
|
table.content td:nth-child(2),
|
|
.center {
|
|
text-align: center;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<h2>Archived media for <a href="{{ url }}">{{ url }}</a></h2>
|
|
<p><b>title:</b> '<span>{{ title }}</span>'</p>
|
|
<h2 class="center">content {{ media | length }} item(s)</h2>
|
|
<table class="content">
|
|
<tr>
|
|
<th>about</th>
|
|
<th>preview(s)</th>
|
|
</tr>
|
|
{% for m in media %}
|
|
<tr>
|
|
<td>
|
|
<ul>
|
|
{% if m.hash | length > 1 %}
|
|
<li>hash: <span>{{ m.hash }}</span></li>
|
|
{% endif %}
|
|
<li>key: <span>{{ m.key }}</span></li>
|
|
<li>type: <span>{{ m.mimetype }}</span></li>
|
|
{% if m.id | length >0 %}
|
|
<li>id: <span>{{ m.id }}</span></li>
|
|
{% endif %}
|
|
</ul>
|
|
|
|
</td>
|
|
<td>
|
|
{% for url in m.urls %}
|
|
{% if 'image' in m.mimetype %}
|
|
<img src="{{ url }}" style="max-height:400px;max-width:400px;"></img>
|
|
{% elif 'video' in m.mimetype %}
|
|
<video src="{{ url }}" controls style="max-height:400px;max-width:600px;">
|
|
Your browser does not support the video element.
|
|
</video>
|
|
{% elif 'audio' in m.mimetype %}
|
|
<audio controls>
|
|
<source src="{{ url }}" type="{{ m.mimetype }}">
|
|
Your browser does not support the audio element.
|
|
</audio>
|
|
{% else %}
|
|
No preview available, please open the link.
|
|
{% endif %}
|
|
<li><a href="{{ url }}">{{ url}}</a></li>
|
|
{% endfor %}
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</table>
|
|
<h2 class="center">metadata</h2>
|
|
<table class="metadata">
|
|
<tr>
|
|
<th>key</th>
|
|
<th>value</th>
|
|
</tr>
|
|
{% for key in metadata %}
|
|
<tr>
|
|
<td>{{ key }}</td>
|
|
<td>{{ metadata[key] | urlize }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</table>
|
|
|
|
<hr>
|
|
<p style="text-align:center;">Made with <a href="https://github.com/bellingcat/auto-archiver">bellingcat/auto-archiver</a></p>
|
|
</body>
|
|
|
|
</html> |