lookyloo/website/web/templates/index.html

128 lines
3.8 KiB
HTML
Raw Normal View History

2017-07-23 19:56:51 +02:00
{% extends "main.html" %}
{% from 'bootstrap5/utils.html' import render_messages %}
2020-07-17 18:39:50 +02:00
{% from "macros.html" import shorten_string %}
2020-02-03 18:30:41 +01:00
{% block title %}Lookyloo{% endblock %}
2021-01-17 12:41:01 +01:00
{% block card %}
2021-01-17 12:49:29 +01:00
<meta property="og:title" content="Lookyloo" />
<meta property="og:type" content="website"/>
2021-01-17 12:41:01 +01:00
<meta
2021-01-17 12:49:29 +01:00
property="og:description"
2021-01-17 12:41:01 +01:00
content="Lookyloo captures websites and let you investigate them."
/>
<meta
2021-01-17 12:49:29 +01:00
property="og:image"
2021-01-18 16:37:17 +01:00
content="https://{{public_domain}}{{ url_for('static', filename='lookyloo.jpeg') }}"
2021-01-17 12:41:01 +01:00
/>
<meta
2021-01-17 12:49:29 +01:00
property="og:url"
2021-01-18 16:37:17 +01:00
content="https://{{public_domain}}"
2021-01-17 12:41:01 +01:00
/>
<meta name="twitter:card" content="summary_large_image">
2021-01-17 12:41:01 +01:00
{% endblock %}
2017-07-23 19:56:51 +02:00
{% block scripts %}
{{ super() }}
<script type="text/javascript">
$(document).ready(function () {
$('#table').DataTable( {
"order": [[ 1, "desc" ]],
"pageLength": 50,
"columns": [
{ "orderable": false, "width": 400 },
{ "orderable": false, "width": 150 },
{ "orderable": false, "width": 400 }
],
"columnDefs": [{
"targets": 1,
"render": function ( data, type, row, meta ) {
let date = new Date(data);
return date.getFullYear() + '-' + (date.getMonth() + 1).toString().padStart(2, "0") + '-' + date.getDate().toString().padStart(2, "0") + ' ' + date.toTimeString();
}
}]
} );
});
</script>
{% endblock %}
{% block styles %}
{{ super() }}
2021-06-17 02:36:01 +02:00
<link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}"
integrity="{{get_sri('static', 'index.css')}}"
crossorigin="anonymous">
{% endblock %}
2017-07-23 19:56:51 +02:00
{% block content %}
2021-01-04 16:51:04 +01:00
<div class="corner-ribbon top-left sticky white shadow">
<a href="https://www.lookyloo.eu/docs/main/index.html">Documentation</a>
</div>
2022-01-03 17:02:00 +01:00
<div class="corner-ribbon bottom-left sticky white shadow">
<a href="https://github.com/Lookyloo/lookyloo/releases/tag/v{{version}}">Changelog</br>(v{{version}})</a>
</div>
2021-01-04 16:51:04 +01:00
<div class="corner-ribbon top-right sticky white shadow">
<a href="https://github.com/Lookyloo">Project page</a>
</div>
2017-07-23 19:56:51 +02:00
<center>
<a href="{{ url_for('capture_web') }}">
<img src="{{ url_for('static', filename='lookyloo.jpeg') }}"
alt="Lookyloo" width="200">
</a>
</center>
<center>
2021-04-06 23:34:57 +02:00
<h4>Web forensics tool</h4>
</br>
<a href="{{ url_for('capture_web') }}">
<button class="new-capture-button">Start a new capture</button>
</a>
<br><br>
{{ render_messages(container=True, dismissible=True) }}
2017-07-23 19:56:51 +02:00
</center>
2020-02-03 18:30:41 +01:00
2020-02-06 17:25:21 +01:00
<div class="table-responsive">
<table id="table" class="table" style="width:96%">
2020-02-03 22:25:48 +01:00
<thead>
<tr>
<th>Page</th>
<th>Timestamp</th>
<th>Redirects</th>
2020-02-04 19:15:44 +01:00
</tr>
2020-02-03 18:30:41 +01:00
</thead>
<tbody>
{% for uuid, page_title, datetime, url, redirects, incomplete_redirects in titles %}
2020-02-03 22:25:48 +01:00
<tr>
<td data-search="{{ page_title }} {{ url }}">
2020-02-10 18:09:40 +01:00
<p title="{{ page_title }}"><a href="{{ url_for('tree', tree_uuid=uuid) }}">{{ page_title }}</a></p>
{{ shorten_string(url, 50, with_title=True) }}
2020-02-03 22:25:48 +01:00
</td>
<td>{{ datetime }}</td>
2020-02-03 22:25:48 +01:00
<td>
{% if redirects %}
{% for r in redirects %}
<p title="{{ r }}">
{% if loop.previtem %}
2020-07-17 18:39:50 +02:00
{{ ("&nbsp;" * (loop.index *2) )|safe }}↪ {{ shorten_string(r, 50) }}
{%else%}
2020-07-17 18:39:50 +02:00
{{ shorten_string(r, 50) }}
{%endif%}
</p>
2020-02-03 22:25:48 +01:00
{% endfor %}
{% if incomplete_redirects %}
<a style="float: right;" href="{{ url_for('cache_tree', tree_uuid=uuid) }}">Unable to find the redirects, click here to build the tree</a>
{%else%}
<a style="float: right;" href="{{ url_for('redirects', tree_uuid=uuid) }}">Download redirects</a>
{%endif%}
2020-02-03 22:25:48 +01:00
{% else%}
No redirect
{%endif%}
</td>
</tr>
{% endfor %}
2020-02-03 18:30:41 +01:00
</tbody>
</table>
2020-02-06 17:25:21 +01:00
</div>
2017-07-23 19:56:51 +02:00
{% endblock %}