From 62e33c011b2928ba166a8059d445b8aa7429da96 Mon Sep 17 00:00:00 2001
From: Nick Sweeting <git@nicksweeting.com>
Date: Sun, 10 Jun 2018 19:20:09 -0400
Subject: [PATCH] tweak index tooltips and details

---
 index.py                        |  2 ++
 templates/link_index_fancy.html | 18 ++++++++----------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/index.py b/index.py
index 6bb82bb0..44d993f5 100644
--- a/index.py
+++ b/index.py
@@ -145,6 +145,8 @@ def write_html_link_index(out_dir, link):
             'tags': link['tags'] or 'untagged',
             'bookmarked': datetime.fromtimestamp(float(link['timestamp'])).strftime('%Y-%m-%d %H:%M'),
             'updated': datetime.fromtimestamp(float(link['updated'])).strftime('%Y-%m-%d %H:%M'),
+            'bookmarked_ts': link['timestamp'],
+            'updated_ts': link['updated'],
             'archive_org': link['latest'].get('archive_org') or 'https://web.archive.org/save/{}'.format(link['url']),
             'wget': link['latest'].get('wget') or wget_output_path(link),
         }))
diff --git a/templates/link_index_fancy.html b/templates/link_index_fancy.html
index c88487e7..2bbcb546 100644
--- a/templates/link_index_fancy.html
+++ b/templates/link_index_fancy.html
@@ -34,10 +34,6 @@
                 margin-top: 20px;
                 margin-right: 0px;
                 margin-left: -35px;
-                text-decoration: none;
-            }
-            a.collapse-icon:hover {
-                text-decoration: none;
             }
             .nav-icon img {
                 float: right;
@@ -169,21 +165,21 @@
                 <a href="../../index.html" class="nav-icon" title="Go to Main Index...">
                     <img src="../../static/archive.png" alt="Archive Icon">
                 </a>
-                <a href="#" class="collapse-icon" title="Toggle info panel...">
+                <a href="#" class="collapse-icon" style="text-decoration: none" title="Toggle info panel...">
                     ▾
                 </a>
-                $title<br/>
+                <img src="$favicon" height="20px"> $title<br/>
                 <a href="$url" class="title-url">
-                    <small><img src="$favicon" height="20px"> $base_url</small>
+                    <small>$base_url</small>
                 </a>
             </h1>
         </header>
         <div class="site-header container-fluid">
             <div class="row archive-page-header">
                 <div class="col-lg-4 alert well">
-                    Added: <small>$bookmarked</small>
+                    Added: <small title="Timestamp: $bookmarked_ts">$bookmarked</small>
                     &nbsp; | &nbsp;
-                    Last updated: <small>$updated</small>
+                    Last updated: <small title="Timestamp: $updated_ts">$updated</small>
                 </div>
                 <div class="col-lg-4 alert well">
                     Type: 
@@ -193,7 +189,9 @@
                     <span class="badge badge-success">$tags</span> 
                 </div>
                 <div class="col-lg-4 alert well">
-                    Download: <a href="index.json">JSON</a> | <a href=".">Files</a>
+                    Download:
+                    <a href="index.json" title="JSON summary of archived link.">JSON</a> | 
+                    <a href="." title="Webserver-provided index of files directory.">Files</a>
                 </div>
                 <hr/>
                 <div class="col-lg-2">