tweak index columns and footer links

This commit is contained in:
Nick Sweeting 2018-06-17 18:32:42 -04:00
parent 16b6e0b428
commit 47c3d563b2
2 changed files with 17 additions and 17 deletions

View file

@ -48,13 +48,13 @@
width: 100%; width: 100%;
text-align: center; text-align: center;
} }
.header-right { .header-left {
float: right; float: left;
width: 50px; width: 50px;
height: 60px; height: 60px;
text-align: center; text-align: center;
padding: 20px; padding: 20px;
margin-left: -100px; margin-right: -70px;
} }
table { table {
padding: 6px; padding: 6px;
@ -94,21 +94,21 @@
</head> </head>
<body> <body>
<header> <header>
<div class="header-right"> <div class="header-left">
<a href="?" title="Reload..."> <a href="?" title="Reload...">
<img src="static/archive.png" style="height: 100%;"/> <img src="static/archive.png" style="height: 100%;"/>
</a> </a>
<br/> <br/>
<a href="https://pirate.github.io/bookmark-archiver"> <a href="https://github.com/pirate/bookmark-archiver">
Docs Github
</a> </a>
</div> </div>
<div class="header-center"> <div class="header-center">
<h1> <h1>
Archived Sites &nbsp;Archived Sites
<br/> <br/>
<small> <small>
<a href="?"> $num_links links</a> &nbsp; &nbsp; Last updated $time_updated<br/> <a href="?">Last updated $time_updated</a><br/>
</small> </small>
</h1> </h1>
</div> </div>
@ -117,13 +117,13 @@
<thead> <thead>
<tr> <tr>
<th style="width: 80px;">Bookmarked</th> <th style="width: 80px;">Bookmarked</th>
<th style="width: 26px;">Info</th> <th style="width: 26px;">Files</th>
<th style="width: 26vw;">Saved Links ($num_links)</th> <th style="width: 26vw;">Saved Link ($num_links)</th>
<th style="width: 30px;">PNG</th>
<th style="width: 30px">PDF</th> <th style="width: 30px">PDF</th>
<th style="width: 30px;font-size:0.8em;">Screenshot</th> <th style="width: 30px">HTML</th>
<th style="width: 30px">DOM</th>
<th style="width: 30px">A.org</th> <th style="width: 30px">A.org</th>
<th style="width: 16vw;whitespace:nowrap;overflow-x:scroll">Original URL</th> <th style="width: 16vw;whitespace:nowrap;overflow-x:hidden;">Original URL</th>
</tr> </tr>
</thead> </thead>
<tbody>$rows</tbody> <tbody>$rows</tbody>
@ -132,9 +132,9 @@
<br/> <br/>
<center> <center>
<small> <small>
Created using <a href="https://github.com/pirate/bookmark-archiver">Bookmark Archiver</a> Archive created using <a href="https://github.com/pirate/bookmark-archiver" title="Github">Bookmark Archiver</a>
version <a href="https://github.com/pirate/bookmark-archiver/commit/$git_sha">$short_git_sha</a> &nbsp; | &nbsp; version <a href="https://github.com/pirate/bookmark-archiver/commit/$git_sha" title="Git commit">$short_git_sha</a> &nbsp; | &nbsp;
Download index as <a href="index.json">JSON</a> Download index as <a href="index.json" title="JSON summary of archived links.">JSON</a>
<br/><br/> <br/><br/>
$footer_info $footer_info
</small> </small>

View file

@ -8,8 +8,8 @@
<td style="text-align: left"><a href="$archive_url" style="font-size:1.4em;text-decoration:none;color:black;" title="$title"> <td style="text-align: left"><a href="$archive_url" style="font-size:1.4em;text-decoration:none;color:black;" title="$title">
$title <small style="background-color: #eee;border-radius:4px; float:right">$tags</small> $title <small style="background-color: #eee;border-radius:4px; float:right">$tags</small>
</td> </td>
<td><a href="$pdf_link" title="PDF">📜</a></td>
<td><a href="$screenshot_link" title="Screenshot">🖼</a></td> <td><a href="$screenshot_link" title="Screenshot">🖼</a></td>
<td><a href="$pdf_link" title="PDF">📜</a></td>
<td><a href="$dom_link" title="DOM">📄</a></td> <td><a href="$dom_link" title="DOM">📄</a></td>
<td><a href="$archive_org_url" title="Archive.org">🏛</a></td> <td><a href="$archive_org_url" title="Archive.org">🏛</a></td>
<td style="text-align: left"><!--🔗 <img src="$google_favicon_url" height="16px">--> <a href="$url">$url</a></td> <td style="text-align: left"><!--🔗 <img src="$google_favicon_url" height="16px">--> <a href="$url">$url</a></td>