I started working on this for the resource database, but decided that we should really include this site-wide. Luckily, jQuery (which we're loading anyway) supports doing this, and it will be easy to pick up the link from the href attribute to pipe into the dialog. This dialog would not be displayed for links internal to the site (links that start with {{site.url}}, for instance). The UX is based on MaterializeCSS bottom-sheet modals.
I started working on this for the resource database, but decided that we should really include this site-wide. Luckily, jQuery (which we're loading anyway) supports doing this, and it will be easy to pick up the link from the href attribute to pipe into the dialog. This dialog would not be displayed for links internal to the site (links that start with {{site.url}}, for instance). The UX is based on MaterializeCSS bottom-sheet modals.
Relevant Stack Overflow threads:
Relevant MaterializeCSS documentation: http://materializecss.com/modals.html
UX Mockup: