CodeMirror/ArchiveBox
1
0
Fork 0
mirror of synced 2024-07-03 05:20:52 +12:00
Code Issues Projects Releases Wiki Activity
ArchiveBox/archivebox/templates/index.html

170 lines
5.6 KiB
HTML
Raw Normal View History

initial commiit
2017-05-05 21:00:30 +12:00
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Archived Sites</title>
<style>
Use template strings for substitution in HTML output `str.format()` can only use substitutions identified by braces (`{` and `}`). This has the potential to conflict with other code in the HTML template, such as CSS or JavaScript. Template strings can use substitutions identified by `$` or `${}`, e.g.: `$identifier` or `${identifier}`. These substitutions won't conflict with CSS or JavaScript, allowing users to write HTML templates that don't require double braces anywhere there's a substitution conflict. This is especially useful when one is using a build tool to generate the final CSS/JavaScript/HTML. https://docs.python.org/3/library/string.html#template-strings
2017-07-05 21:59:09 +12:00
html, body {
initial commiit
2017-05-05 21:00:30 +12:00
width: 100%;
height: 100%;
add status column and tweak index css
2018-04-17 23:01:09 +12:00
font-size: 18px;
initial commiit
2017-05-05 21:00:30 +12:00
font-weight: 200;
text-align: center;
margin: 0px;
padding: 0px;
font-family: "Gill Sans", Helvetica, sans-serif;
Use template strings for substitution in HTML output `str.format()` can only use substitutions identified by braces (`{` and `}`). This has the potential to conflict with other code in the HTML template, such as CSS or JavaScript. Template strings can use substitutions identified by `$` or `${}`, e.g.: `$identifier` or `${identifier}`. These substitutions won't conflict with CSS or JavaScript, allowing users to write HTML templates that don't require double braces anywhere there's a substitution conflict. This is especially useful when one is using a build tool to generate the final CSS/JavaScript/HTML. https://docs.python.org/3/library/string.html#template-strings
2017-07-05 21:59:09 +12:00
}
header {
initial commiit
2017-05-05 21:00:30 +12:00
background-color: #aa1e55;
color: white;
padding: 10px;
add status column and tweak index css
2018-04-17 23:01:09 +12:00
padding-top: 0px;
padding-bottom: 15px;
height: 100px;
Use template strings for substitution in HTML output `str.format()` can only use substitutions identified by braces (`{` and `}`). This has the potential to conflict with other code in the HTML template, such as CSS or JavaScript. Template strings can use substitutions identified by `$` or `${}`, e.g.: `$identifier` or `${identifier}`. These substitutions won't conflict with CSS or JavaScript, allowing users to write HTML templates that don't require double braces anywhere there's a substitution conflict. This is especially useful when one is using a build tool to generate the final CSS/JavaScript/HTML. https://docs.python.org/3/library/string.html#template-strings
2017-07-05 21:59:09 +12:00
}
header h1 {
show footer info and refresh button
2018-04-18 01:14:01 +12:00
font-size: 38px;
initial commiit
2017-05-05 21:00:30 +12:00
font-weight: 300;
color: black;
show footer info and refresh button
2018-04-18 01:14:01 +12:00
padding-top: 14px;
add status column and tweak index css
2018-04-17 23:01:09 +12:00
line-height: 1.4;
fix archive index scrolling sideways
2018-04-18 09:16:50 +12:00
width: 100%;
Use template strings for substitution in HTML output `str.format()` can only use substitutions identified by braces (`{` and `}`). This has the potential to conflict with other code in the HTML template, such as CSS or JavaScript. Template strings can use substitutions identified by `$` or `${}`, e.g.: `$identifier` or `${identifier}`. These substitutions won't conflict with CSS or JavaScript, allowing users to write HTML templates that don't require double braces anywhere there's a substitution conflict. This is especially useful when one is using a build tool to generate the final CSS/JavaScript/HTML. https://docs.python.org/3/library/string.html#template-strings
2017-07-05 21:59:09 +12:00
}
header h1 small {
initial commiit
2017-05-05 21:00:30 +12:00
color: white;
add status column and tweak index css
2018-04-17 23:01:09 +12:00
font-size:0.45em;
margin-left: 10px;
display: block;
Use template strings for substitution in HTML output `str.format()` can only use substitutions identified by braces (`{` and `}`). This has the potential to conflict with other code in the HTML template, such as CSS or JavaScript. Template strings can use substitutions identified by `$` or `${}`, e.g.: `$identifier` or `${identifier}`. These substitutions won't conflict with CSS or JavaScript, allowing users to write HTML templates that don't require double braces anywhere there's a substitution conflict. This is especially useful when one is using a build tool to generate the final CSS/JavaScript/HTML. https://docs.python.org/3/library/string.html#template-strings
2017-07-05 21:59:09 +12:00
}
header h1 small a {
initial commiit
2017-05-05 21:00:30 +12:00
text-decoration: none;
color: orange;
fixes #61, fixes #40 The table has advanced features now. One can filter over all columns, sort all columns asc/desc and paginate the table. The state (filtered result, current page, sorting order and number of entries shown) will be saved in localStorage so the user can open the page in another window or tab and see the same output again.
2018-12-02 11:15:26 +13:00
opacity: 0.6;
initial commiit
2017-05-05 21:00:30 +12:00
font-weight: 300;
Use template strings for substitution in HTML output `str.format()` can only use substitutions identified by braces (`{` and `}`). This has the potential to conflict with other code in the HTML template, such as CSS or JavaScript. Template strings can use substitutions identified by `$` or `${}`, e.g.: `$identifier` or `${identifier}`. These substitutions won't conflict with CSS or JavaScript, allowing users to write HTML templates that don't require double braces anywhere there's a substitution conflict. This is especially useful when one is using a build tool to generate the final CSS/JavaScript/HTML. https://docs.python.org/3/library/string.html#template-strings
2017-07-05 21:59:09 +12:00
}
header h1 small a:hover {
initial commiit
2017-05-05 21:00:30 +12:00
opacity: 1;
Use template strings for substitution in HTML output `str.format()` can only use substitutions identified by braces (`{` and `}`). This has the potential to conflict with other code in the HTML template, such as CSS or JavaScript. Template strings can use substitutions identified by `$` or `${}`, e.g.: `$identifier` or `${identifier}`. These substitutions won't conflict with CSS or JavaScript, allowing users to write HTML templates that don't require double braces anywhere there's a substitution conflict. This is especially useful when one is using a build tool to generate the final CSS/JavaScript/HTML. https://docs.python.org/3/library/string.html#template-strings
2017-07-05 21:59:09 +12:00
}
fixes #61, fixes #40 The table has advanced features now. One can filter over all columns, sort all columns asc/desc and paginate the table. The state (filtered result, current page, sorting order and number of entries shown) will be saved in localStorage so the user can open the page in another window or tab and see the same output again.
2018-12-02 11:15:26 +13:00
header + div {
margin-top: 10px;
}
show footer info and refresh button
2018-04-18 01:14:01 +12:00
.header-center {
width: 100%;
text-align: center;
}
tweak index columns and footer links
2018-06-18 10:32:42 +12:00
.header-left {
float: left;
add status column and tweak index css
2018-04-17 23:01:09 +12:00
width: 50px;
height: 60px;
text-align: center;
padding: 20px;
tweak index columns and footer links
2018-06-18 10:32:42 +12:00
margin-right: -70px;
add status column and tweak index css
2018-04-17 23:01:09 +12:00
}
fixes #61, fixes #40 The table has advanced features now. One can filter over all columns, sort all columns asc/desc and paginate the table. The state (filtered result, current page, sorting order and number of entries shown) will be saved in localStorage so the user can open the page in another window or tab and see the same output again.
2018-12-02 11:15:26 +13:00
#table-bookmarks_length, #table-bookmarks_filter {
padding: 0px 15px;
}
Use template strings for substitution in HTML output `str.format()` can only use substitutions identified by braces (`{` and `}`). This has the potential to conflict with other code in the HTML template, such as CSS or JavaScript. Template strings can use substitutions identified by `$` or `${}`, e.g.: `$identifier` or `${identifier}`. These substitutions won't conflict with CSS or JavaScript, allowing users to write HTML templates that don't require double braces anywhere there's a substitution conflict. This is especially useful when one is using a build tool to generate the final CSS/JavaScript/HTML. https://docs.python.org/3/library/string.html#template-strings
2017-07-05 21:59:09 +12:00
table {
initial commiit
2017-05-05 21:00:30 +12:00
padding: 6px;
width: 100%;
Use template strings for substitution in HTML output `str.format()` can only use substitutions identified by braces (`{` and `}`). This has the potential to conflict with other code in the HTML template, such as CSS or JavaScript. Template strings can use substitutions identified by `$` or `${}`, e.g.: `$identifier` or `${identifier}`. These substitutions won't conflict with CSS or JavaScript, allowing users to write HTML templates that don't require double braces anywhere there's a substitution conflict. This is especially useful when one is using a build tool to generate the final CSS/JavaScript/HTML. https://docs.python.org/3/library/string.html#template-strings
2017-07-05 21:59:09 +12:00
}
table thead th {
initial commiit
2017-05-05 21:00:30 +12:00
font-weight: 400;
Use template strings for substitution in HTML output `str.format()` can only use substitutions identified by braces (`{` and `}`). This has the potential to conflict with other code in the HTML template, such as CSS or JavaScript. Template strings can use substitutions identified by `$` or `${}`, e.g.: `$identifier` or `${identifier}`. These substitutions won't conflict with CSS or JavaScript, allowing users to write HTML templates that don't require double braces anywhere there's a substitution conflict. This is especially useful when one is using a build tool to generate the final CSS/JavaScript/HTML. https://docs.python.org/3/library/string.html#template-strings
2017-07-05 21:59:09 +12:00
}
add dom preview to link index, fix responsiveness
2018-06-11 11:11:06 +12:00
table tr {
height: 35px;
}
Use template strings for substitution in HTML output `str.format()` can only use substitutions identified by braces (`{` and `}`). This has the potential to conflict with other code in the HTML template, such as CSS or JavaScript. Template strings can use substitutions identified by `$` or `${}`, e.g.: `$identifier` or `${identifier}`. These substitutions won't conflict with CSS or JavaScript, allowing users to write HTML templates that don't require double braces anywhere there's a substitution conflict. This is especially useful when one is using a build tool to generate the final CSS/JavaScript/HTML. https://docs.python.org/3/library/string.html#template-strings
2017-07-05 21:59:09 +12:00
tbody tr:nth-child(odd) {
fixes #61, fixes #40 The table has advanced features now. One can filter over all columns, sort all columns asc/desc and paginate the table. The state (filtered result, current page, sorting order and number of entries shown) will be saved in localStorage so the user can open the page in another window or tab and see the same output again.
2018-12-02 11:15:26 +13:00
background-color: #ffebeb !important;
Use template strings for substitution in HTML output `str.format()` can only use substitutions identified by braces (`{` and `}`). This has the potential to conflict with other code in the HTML template, such as CSS or JavaScript. Template strings can use substitutions identified by `$` or `${}`, e.g.: `$identifier` or `${identifier}`. These substitutions won't conflict with CSS or JavaScript, allowing users to write HTML templates that don't require double braces anywhere there's a substitution conflict. This is especially useful when one is using a build tool to generate the final CSS/JavaScript/HTML. https://docs.python.org/3/library/string.html#template-strings
2017-07-05 21:59:09 +12:00
}
table tr td {
initial commiit
2017-05-05 21:00:30 +12:00
white-space: nowrap;
overflow: hidden;
add dom preview to link index, fix responsiveness
2018-06-11 11:11:06 +12:00
/*padding-bottom: 0.4em;*/
/*padding-top: 0.4em;*/
initial commiit
2017-05-05 21:00:30 +12:00
padding-left: 2px;
add dom preview to link index, fix responsiveness
2018-06-11 11:11:06 +12:00
text-align: center;
}
table tr td a {
text-decoration: none;
Use template strings for substitution in HTML output `str.format()` can only use substitutions identified by braces (`{` and `}`). This has the potential to conflict with other code in the HTML template, such as CSS or JavaScript. Template strings can use substitutions identified by `$` or `${}`, e.g.: `$identifier` or `${identifier}`. These substitutions won't conflict with CSS or JavaScript, allowing users to write HTML templates that don't require double braces anywhere there's a substitution conflict. This is especially useful when one is using a build tool to generate the final CSS/JavaScript/HTML. https://docs.python.org/3/library/string.html#template-strings
2017-07-05 21:59:09 +12:00
}
add status column and tweak index css
2018-04-17 23:01:09 +12:00
table tr td img, table tr td object {
display: inline-block;
margin: auto;
initial commiit
2017-05-05 21:00:30 +12:00
height: 24px;
add status column and tweak index css
2018-04-17 23:01:09 +12:00
width: 24px;
initial commiit
2017-05-05 21:00:30 +12:00
padding: 0px;
padding-right: 5px;
add status column and tweak index css
2018-04-17 23:01:09 +12:00
vertical-align: middle;
margin-left: 4px;
Use template strings for substitution in HTML output `str.format()` can only use substitutions identified by braces (`{` and `}`). This has the potential to conflict with other code in the HTML template, such as CSS or JavaScript. Template strings can use substitutions identified by `$` or `${}`, e.g.: `$identifier` or `${identifier}`. These substitutions won't conflict with CSS or JavaScript, allowing users to write HTML templates that don't require double braces anywhere there's a substitution conflict. This is especially useful when one is using a build tool to generate the final CSS/JavaScript/HTML. https://docs.python.org/3/library/string.html#template-strings
2017-07-05 21:59:09 +12:00
}
fixes #61, fixes #40 The table has advanced features now. One can filter over all columns, sort all columns asc/desc and paginate the table. The state (filtered result, current page, sorting order and number of entries shown) will be saved in localStorage so the user can open the page in another window or tab and see the same output again.
2018-12-02 11:15:26 +13:00
#table-bookmarks {
width: 100%;
overflow-y: scroll;
table-layout: fixed;
}
initial commiit
2017-05-05 21:00:30 +12:00
</style>
</head>
<body>
<header>
tweak index columns and footer links
2018-06-18 10:32:42 +12:00
<div class="header-left">
show footer info and refresh button
2018-04-18 01:14:01 +12:00
<a href="?" title="Reload...">
add status column and tweak index css
2018-04-17 23:01:09 +12:00
<img src="static/archive.png" style="height: 100%;"/>
</a>
<br/>
Propagate the new name of the project Replace all occurences of bookmark archiver with ArchiveBox. See #108
2018-12-21 02:13:50 +13:00
<a href="https://github.com/pirate/ArchiveBox">
tweak index columns and footer links
2018-06-18 10:32:42 +12:00
Github
add status column and tweak index css
2018-04-17 23:01:09 +12:00
</a>
</div>
show footer info and refresh button
2018-04-18 01:14:01 +12:00
<div class="header-center">
<h1>
tweak index columns and footer links
2018-06-18 10:32:42 +12:00
&nbsp;Archived Sites
add status column and tweak index css
2018-04-17 23:01:09 +12:00
<br/>
<small>
tweak index columns and footer links
2018-06-18 10:32:42 +12:00
<a href="?">Last updated $time_updated</a><br/>
add status column and tweak index css
2018-04-17 23:01:09 +12:00
</small>
</h1>
</div>
initial commiit
2017-05-05 21:00:30 +12:00
</header>
fixes #61, fixes #40 The table has advanced features now. One can filter over all columns, sort all columns asc/desc and paginate the table. The state (filtered result, current page, sorting order and number of entries shown) will be saved in localStorage so the user can open the page in another window or tab and see the same output again.
2018-12-02 11:15:26 +13:00
<table id="table-bookmarks">
initial commiit
2017-05-05 21:00:30 +12:00
<thead>
<tr>
flip collapse and return to archive buttons
2018-06-18 10:16:12 +12:00
<th style="width: 80px;">Bookmarked</th>
tweak index columns and footer links
2018-06-18 10:32:42 +12:00
<th style="width: 26px;">Files</th>
<th style="width: 26vw;">Saved Link ($num_links)</th>
<th style="width: 30px;">PNG</th>
flip collapse and return to archive buttons
2018-06-18 10:16:12 +12:00
<th style="width: 30px">PDF</th>
tweak index columns and footer links
2018-06-18 10:32:42 +12:00
<th style="width: 30px">HTML</th>
flip collapse and return to archive buttons
2018-06-18 10:16:12 +12:00
<th style="width: 30px">A.org</th>
tweak index columns and footer links
2018-06-18 10:32:42 +12:00
<th style="width: 16vw;whitespace:nowrap;overflow-x:hidden;">Original URL</th>
initial commiit
2017-05-05 21:00:30 +12:00
</tr>
</thead>
Use `$identifier` over `${identifier}` `${identifier}` has the potential to conflict with JavaScript template literals.
2017-07-05 22:22:11 +12:00
<tbody>$rows</tbody>
initial commiit
2017-05-05 21:00:30 +12:00
</table>
show footer info and refresh button
2018-04-18 01:14:01 +12:00
<footer>
<br/>
<center>
<small>
Propagate the new name of the project Replace all occurences of bookmark archiver with ArchiveBox. See #108
2018-12-21 02:13:50 +13:00
Archive created using <a href="https://github.com/pirate/ArchiveBox" title="Github">ArchiveBox</a>
version <a href="https://github.com/pirate/ArchiveBox/commit/$git_sha" title="Git commit">$short_git_sha</a> &nbsp; | &nbsp;
tweak index columns and footer links
2018-06-18 10:32:42 +12:00
Download index as <a href="index.json" title="JSON summary of archived links.">JSON</a>
show footer info and refresh button
2018-04-18 01:14:01 +12:00
<br/><br/>
$footer_info
</small>
</center>
<br/>
</footer>
move dataTable off CDN to local staticfile and start with 100 rows
2018-12-18 18:57:49 +13:00
<link rel="stylesheet" href="static/jquery.dataTables.min.css"/>
<script src="static/jquery.min.js"></script>
<script src="static/jquery.dataTables.min.js"></script>
fixes #61, fixes #40 The table has advanced features now. One can filter over all columns, sort all columns asc/desc and paginate the table. The state (filtered result, current page, sorting order and number of entries shown) will be saved in localStorage so the user can open the page in another window or tab and see the same output again.
2018-12-02 11:15:26 +13:00
<script>
jQuery(document).ready(function() {
jQuery('#table-bookmarks').DataTable({
stateSave: true, // save state (filtered input, number of entries shown, etc) in localStorage
move dataTable off CDN to local staticfile and start with 100 rows
2018-12-18 18:57:49 +13:00
dom: '<lf<t>ip>', // how to show the table and its helpers (filter, etc) in the DOM
order: [[0, 'desc']],
iDisplayLength: 100,
fixes #61, fixes #40 The table has advanced features now. One can filter over all columns, sort all columns asc/desc and paginate the table. The state (filtered result, current page, sorting order and number of entries shown) will be saved in localStorage so the user can open the page in another window or tab and see the same output again.
2018-12-02 11:15:26 +13:00
});
});
</script>
initial commiit
2017-05-05 21:00:30 +12:00
</body>
</html>
Reference in a new issue Copy permalink