diff --git a/templates/index.html b/templates/index.html index 3b997de6..f97b0d5e 100644 --- a/templates/index.html +++ b/templates/index.html @@ -6,7 +6,7 @@ html, body { width: 100%; height: 100%; - font-size: 20px; + font-size: 18px; font-weight: 200; text-align: center; margin: 0px; @@ -17,16 +17,22 @@ background-color: #aa1e55; color: white; padding: 10px; + padding-top: 0px; + padding-bottom: 15px; + height: 100px; } header h1 { + font-size: 36px; font-weight: 300; color: black; - margin-top: 10px; - margin-bottom: 12px; + margin-top: 2px; + line-height: 1.4; } header h1 small { color: white; - font-size:0.5em; + font-size:0.45em; + margin-left: 10px; + display: block; } header h1 small a { text-decoration: none; @@ -37,6 +43,13 @@ header h1 small a:hover { opacity: 1; } + .header-right { + float: right; + width: 50px; + height: 60px; + text-align: center; + padding: 20px; + } table { padding: 6px; width: 100%; @@ -54,30 +67,48 @@ padding-top: 0.4em; padding-left: 2px; } - table tr td img { + table tr td img, table tr td object { + display: inline-block; + margin: auto; height: 24px; + width: 24px; padding: 0px; padding-right: 5px; - text-indent: -10000px; + vertical-align: middle; + margin-left: 4px; }
-

- - Archived Sites
- - Bookmark Archiver - -

+
+ + + +
+ + Docs + +
+
+

+ Archived Sites +
+ + + $num_links links, last updated $time_updated
+ Using Bookmark Archiver. + +

+
- - - + + + + diff --git a/templates/index_row.html b/templates/index_row.html index 508b29f0..e365bf7b 100644 --- a/templates/index_row.html +++ b/templates/index_row.html @@ -1,7 +1,9 @@ + diff --git a/templates/link_index_fancy.html b/templates/link_index_fancy.html index 8d71d867..d9a9efbd 100644 --- a/templates/link_index_fancy.html +++ b/templates/link_index_fancy.html @@ -12,6 +12,7 @@ } header { width: 100%; + height: 90px; background-color: #aa1e55; margin: 0px; text-align: center; @@ -25,18 +26,18 @@ font-family: "Gill Sans", Helvetica, sans-serif; } .collapse-icon { - float: right; + float: left; color: black; width: 126px; font-size: 0.7em; margin-top: 20px; - margin-right: -30px; - margin-left: -150px; + margin-right: 0px; + margin-left: -35px; } .nav-icon img { - display: inline-block; - margin-right: -200px; - float: left; + float: right; + display: block; + margin-right: 13px; color: black; height: 53px; margin-top: 7px; @@ -52,6 +53,9 @@ margin-top: 5px; margin-bottom: 5px; } + .archive-page-header .alert { + margin-bottom: 0px; + } h1 small { opacity: 0.4; font-size: 0.6em; @@ -67,10 +71,11 @@ } .card-body { font-size: 1vw; - padding-top: 2vw; + padding-top: 1.2vw; padding-left: 1vw; padding-right: 1vw; - padding-bottom: 5vw; + padding-bottom: 1vw; + line-height: 1.1; word-wrap: break-word; max-height: 102px; overflow: hidden; @@ -84,7 +89,7 @@ border-top: 1px solid gray; border-radius: 3px; border-bottom: 1px solid #ddd; - height: 425px; + height: 430px; width: 400%; margin-bottom: -330px; @@ -107,6 +112,17 @@ height: 93%; margin-top: -10px; } + img.external { + height: 30px; + margin-right: -10px; + padding: 3px; + border-radius: 4px; + vertical-align: middle; + border: 4px solid rgba(0,0,0,0); + } + img.external:hover { + border: 4px solid green; + } @media(max-width: 1092px) { iframe { @@ -140,11 +156,11 @@

- - [-] + + Archive Icon - - Archive Icon + + [-] $title
@@ -172,7 +188,9 @@
- ➡️ + + +

Local Archive

archive/$domain

@@ -182,7 +200,9 @@
- ➡️ + + +

PDF

archive/output.pdf

@@ -192,7 +212,9 @@
- ➡️ + + +

Screenshot

archive/screenshot.png

@@ -202,7 +224,9 @@
- ➡️ + + +

Original

$domain

@@ -212,7 +236,9 @@
- ➡️ + + +

Archive.Org

web.archive.org/web/...

diff --git a/util.py b/util.py index a9767bb6..54caa350 100644 --- a/util.py +++ b/util.py @@ -434,11 +434,11 @@ def derived_link_info(link): **link, 'date': datetime.fromtimestamp(float(link['timestamp'])).strftime('%Y-%m-%d %H:%M'), 'google_favicon_url': 'https://www.google.com/s2/favicons?domain={domain}'.format(**link), - 'favicon_url': './archive/{timestamp}/favicon.ico'.format(**link), - 'files_url': './archive/{timestamp}/index.html'.format(**link), - 'archive_url': './archive/{}/{}'.format(link['timestamp'], html_appended_url(link)), - 'pdf_link': './archive/{timestamp}/output.pdf'.format(**link), - 'screenshot_link': './archive/{timestamp}/screenshot.png'.format(**link), + 'favicon_url': 'archive/{timestamp}/favicon.ico'.format(**link), + 'files_url': 'archive/{timestamp}/index.html'.format(**link), + 'archive_url': 'archive/{}/{}'.format(link['timestamp'], html_appended_url(link)), + 'pdf_link': 'archive/{timestamp}/output.pdf'.format(**link), + 'screenshot_link': 'archive/{timestamp}/screenshot.png'.format(**link), 'archive_org_url': 'https://web.archive.org/web/{base_url}'.format(**link), }

BookmarkedSaved Articles ($num_links)FilesBookmarked OnStatusSaved Articles ($num_links)Index PDF Screenshot A.org
$date + + - $title $tags 📂