CodeMirror/ArchiveBox
1
0
Fork 0
mirror of synced 2024-06-26 10:00:19 +12:00
Code Issues Projects Releases Wiki Activity
ArchiveBox/archiver/templates/index.html

147 lines
4.8 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;
opacity: 0.6
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
}
show footer info and refresh button
2018-04-18 01:14:01 +12:00
.header-center {
width: 100%;
text-align: center;
}
add status column and tweak index css
2018-04-17 23:01:09 +12:00
.header-right {
float: right;
width: 50px;
height: 60px;
text-align: center;
padding: 20px;
show footer info and refresh button
2018-04-18 01:14:01 +12:00
margin-left: -100px;
add status column and tweak index css
2018-04-17 23:01:09 +12:00
}
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) {
initial commiit
2017-05-05 21:00:30 +12:00
background-color: #ffebeb;
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
}
initial commiit
2017-05-05 21:00:30 +12:00
</style>
</head>
<body>
<header>
add status column and tweak index css
2018-04-17 23:01:09 +12:00
<div class="header-right">
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/>
<a href="https://pirate.github.io/bookmark-archiver">
Docs
</a>
</div>
show footer info and refresh button
2018-04-18 01:14:01 +12:00
<div class="header-center">
<h1>
add status column and tweak index css
2018-04-17 23:01:09 +12:00
Archived Sites
<br/>
<small>
show footer info and refresh button
2018-04-18 01:14:01 +12:00
<a href="?"> $num_links links</a> &nbsp; &nbsp; Last updated $time_updated<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>
<table style="width:100%;height: 90%; overflow-y: scroll;table-layout: fixed">
<thead>
<tr>
add status column and tweak index css
2018-04-17 23:01:09 +12: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>
add DOM archiving with chrome headless
2018-06-11 10:45:41 +12:00
<th style="width: 50px">HTML</th>
initial commiit
2017-05-05 21:00:30 +12:00
<th style="width: 50px">PDF</th>
add archive.org submitting support, better parsing
2017-05-30 06:00:46 +12:00
<th style="width: 60px;font-size:0.8em;">Screenshot</th>
<th style="width: 50px">A.org</th>
initial commiit
2017-05-05 21:00:30 +12:00
<th style="width: 100px;whitespace:nowrap;overflow-x:scroll;display:block">Original URL</th>
</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>
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>
initial commiit
2017-05-05 21:00:30 +12:00
</body>
</html>
Reference in a new issue Copy permalink