ArchiveBox/templates/index.html

139 lines
4.5 KiB
HTML
Raw Normal View History

2017-05-05 09:00:30 +00:00
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Archived Sites</title>
<style>
html, body {
2017-05-05 09:00:30 +00:00
width: 100%;
height: 100%;
2018-04-17 11:01:09 +00:00
font-size: 18px;
2017-05-05 09:00:30 +00:00
font-weight: 200;
text-align: center;
margin: 0px;
padding: 0px;
font-family: "Gill Sans", Helvetica, sans-serif;
}
header {
2017-05-05 09:00:30 +00:00
background-color: #aa1e55;
color: white;
padding: 10px;
2018-04-17 11:01:09 +00:00
padding-top: 0px;
padding-bottom: 15px;
height: 100px;
}
header h1 {
2018-04-17 13:14:01 +00:00
font-size: 38px;
2017-05-05 09:00:30 +00:00
font-weight: 300;
color: black;
2018-04-17 13:14:01 +00:00
padding-top: 14px;
2018-04-17 11:01:09 +00:00
line-height: 1.4;
2018-04-17 13:14:01 +00:00
margin-right: -200px;
}
header h1 small {
2017-05-05 09:00:30 +00:00
color: white;
2018-04-17 11:01:09 +00:00
font-size:0.45em;
margin-left: 10px;
display: block;
}
header h1 small a {
2017-05-05 09:00:30 +00:00
text-decoration: none;
color: orange;
opacity: 0.6
font-weight: 300;
}
header h1 small a:hover {
2017-05-05 09:00:30 +00:00
opacity: 1;
}
2018-04-17 13:14:01 +00:00
.header-center {
width: 100%;
text-align: center;
}
2018-04-17 11:01:09 +00:00
.header-right {
float: right;
width: 50px;
height: 60px;
text-align: center;
padding: 20px;
2018-04-17 13:14:01 +00:00
margin-left: -100px;
2018-04-17 11:01:09 +00:00
}
table {
2017-05-05 09:00:30 +00:00
padding: 6px;
width: 100%;
}
table thead th {
2017-05-05 09:00:30 +00:00
font-weight: 400;
}
tbody tr:nth-child(odd) {
2017-05-05 09:00:30 +00:00
background-color: #ffebeb;
}
table tr td {
2017-05-05 09:00:30 +00:00
white-space: nowrap;
overflow: hidden;
padding-bottom: 0.4em;
padding-top: 0.4em;
padding-left: 2px;
}
2018-04-17 11:01:09 +00:00
table tr td img, table tr td object {
display: inline-block;
margin: auto;
2017-05-05 09:00:30 +00:00
height: 24px;
2018-04-17 11:01:09 +00:00
width: 24px;
2017-05-05 09:00:30 +00:00
padding: 0px;
padding-right: 5px;
2018-04-17 11:01:09 +00:00
vertical-align: middle;
margin-left: 4px;
}
2017-05-05 09:00:30 +00:00
</style>
</head>
<body>
<header>
2018-04-17 11:01:09 +00:00
<div class="header-right">
2018-04-17 13:14:01 +00:00
<a href="?" title="Reload...">
2018-04-17 11:01:09 +00:00
<img src="static/archive.png" style="height: 100%;"/>
</a>
<br/>
<a href="https://pirate.github.io/bookmark-archiver">
Docs
</a>
</div>
2018-04-17 13:14:01 +00:00
<div class="header-center">
<h1>
2018-04-17 11:01:09 +00:00
Archived Sites
<br/>
<small>
2018-04-17 13:14:01 +00:00
<a href="?"> $num_links links</a> &nbsp; &nbsp; Last updated $time_updated<br/>
2018-04-17 11:01:09 +00:00
</small>
</h1>
</div>
2017-05-05 09:00:30 +00:00
</header>
<table style="width:100%;height: 90%; overflow-y: scroll;table-layout: fixed">
<thead>
<tr>
2018-04-17 11:01:09 +00:00
<th style="width: 120px;">Bookmarked On</th>
<th style="width: 2vw;">Status</th>
<th style="width: 43vw;">Saved Articles ($num_links)</th>
<th style="width: 50px">Index</th>
2017-05-05 09:00:30 +00:00
<th style="width: 50px">PDF</th>
<th style="width: 60px;font-size:0.8em;">Screenshot</th>
<th style="width: 50px">A.org</th>
2017-05-05 09:00:30 +00:00
<th style="width: 100px;whitespace:nowrap;overflow-x:scroll;display:block">Original URL</th>
</tr>
</thead>
<tbody>$rows</tbody>
2017-05-05 09:00:30 +00:00
</table>
2018-04-17 13:14:01 +00:00
<footer>
<br/>
<center>
<small>
Created using <a href="https://github.com/pirate/bookmark-archiver">Bookmark Archiver</a>
version <a href="https://github.com/pirate/bookmark-archiver/commit/$git_sha">$short_git_sha</a> &nbsp; | &nbsp;
Download index as <a href="index.json">JSON</a>
<br/><br/>
$footer_info
</small>
</center>
<br/>
</footer>
2017-05-05 09:00:30 +00:00
</body>
</html>