Add Archive.org integration

 * adds an "archive" link next to permalinks, linking to the last version of the page on archive.org

diff --git a/inc/shaarli.css b/inc/shaarli.css
index 13e6ab335d95ecf375f051b35db9065dc2dfba90..28394ed53212c69b30bfabf8464728c01d3a4589 100644 (file)
--- a/inc/shaarli.css
+++ b/inc/shaarli.css
@@ -232,9 +232,10 @@ cursor:pointer;
 .linktitle { font-size:14pt; font-weight:bold; }
 .linktitle a { text-decoration: none; color:#80AD48; }
 .linktitle a:hover { color:#F57900; }
-.linkdate { font-size:8pt; color:#888; }
-.linkdate a { background-image:url('../images/calendar.png');padding:2px 0 3px 20px;background-repeat:no-repeat;text-decoration: none; color:#E28E3F;  }
-.linkdate a:hover { color: #F57900 }
+.linkdate, .linkarchive { font-size:8pt; color:#888; }
+.linkdate a, .linkarchive a { color:#E28E3F;  }
+.linkdate a {background-image:url('../images/calendar.png');padding:2px 0 3px 20px;background-repeat:no-repeat;text-decoration: none; }
+.linkdate a:hover, .linkarchive a:hover { color: #F57900 }
 .linkurl { font-size:8pt; color:#4BAA74; }
 .linkdescription { color:#000; margin-top:0; margin-bottom:12px; font-weight:normal; max-height:400px; overflow:auto; }
 .linkdescription a { text-decoration: none; color:#3465A4; }
@@ -466,4 +467,4 @@ div.dailyEntryDescription { font-size:10pt; }
 } 
 
 /* Highlight search results */
-.highlight { background-color: #FFFF33; }
\ No newline at end of file
+.highlight { background-color: #FFFF33; }

diff --git a/tpl/linklist.html b/tpl/linklist.html
index ddc38cb0ae141ebb37b201d9ba096be4b4617e76..b7cf096f8d9748d4939e8c1857fbaf5ef4cccf12 100644 (file)
--- a/tpl/linklist.html
+++ b/tpl/linklist.html
@@ -48,6 +48,7 @@
                 {else}
                     <span class="linkdate" title="Short link here"><a href="?{$value.linkdate|smallHash}">permalink</a> - </span>
                 {/if}
+                <span class="linkarchive"><a href="https://web.archive.org/web/{$value.url|htmlspecialchars}">archive</a> - </span>
                 <div style="position:relative;display:inline;"><a href="http://qrfree.kaywa.com/?l=1&s=8&d={$scripturl|urlencode}%3F{$value.linkdate|smallHash}" 
                     onclick="showQrCode(this); return false;" class="qrcode" data-permalink="{$scripturl}?{$value.linkdate|smallHash}"><img src="images/qrcode.png#" width="13" height="13" title="QR-Code"></a></div> - 
                 <span class="linkurl" title="Short link">{$value.url|htmlspecialchars}</span><br>