To build, simply run the following commands:
npm installgulp compile
Simply append the following lines to the <head> of your HTML source:
<link rel="stylesheet" type="text/css" href="http://rawgit.com/Eagle19243/Wayback-Links/master/build/css/wayback-links.min.css" />
<script type="text/javascript" src="http://rawgit.com/Eagle19243/Wayback-Links/master/build/js/wayback-links.min.js"></script>After adding the WaybackLinks javascript and css to your HTML file, a new link icon will appear next to all the decorated links in the page. Clicking the down arrow in this link icon will pop up a menu with one or more of the following items, depending on the decoration attributes provided in each of the links.
-
Get near link date ...: When clicking this menu item, the javascript library will use the datetime provided in thedata-version-dateattribute along with the original url and redirect you to the closest archived playback page. -
Get from ...: Clicking this menu item will redirect you to the playback page url provided in thedata-version-urlattribute. -
Get at current date: Clicking this menu item will take you to the original url provided in thedata-original-urlattribute. -
Get near page creation date ...: This menu item is similar to theGet near link date ..., except it uses the Schema.org attributedate-published, if provided in the linking HTML page. -
Get near page modified date ...: This menu item is similar to theGet near link date ..., except it uses the Schema.org attributedate-modified, if provided in the linking HTML page.
You can exclude certain URLs in your webpage from showing the wayback links drop down menu by adding following script before appending wayback-links.min.js
Add urls that should be excluded from wayback links. Accepts full urls or valid regular expression patterns of urls.
<script>
var WLuriPatternsToExclude = [
"https?://archive.org*",
"https?://blog.archive.org*"
];
</script>
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent