Embellish links on your web page with familiar FontAwesome icons.
It is a single CSS file you include on your blog or article pages to make links to well-known files and services embellished with an awesome icon (see Demo below). Comes out nicely when you're an avid linker, as you should be.
Assuming you already load Font Awesome anyway, gzipped and minified, Awesome Links adds only an extra ~1.5 KB!
Make your plain, dull, boring articles slightly more colorful, and let your visitors know where you're sending them without forcing them to hover clumsily.
Simply add the following line(s) into your <head>:
<!-- Ensure you have Font Awesome >= 4.4 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/fontawesome/4/css/font-awesome.min.css" />
<!-- Include Awesome Links stylesheet -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/awesome-links/1/awesome-links.min.css" />add awesome-links class to the the element(s) containing your articles:
<article class="awesome-links">
Lorem ipsum dolor sit amet ...
</article>and witness allmost of your links transformed into Awesome Links™!
NOTICE: This demo is NOT viewable on GitHub project page, please see the real demo here.
<style>body { width: 100%; max-width: 50em; margin: 2em auto; line-height: 1.3em }</style>Awesome Links embellishes your links to common web services, such as
links to YouTube videos
or films on Vimeo;
original SoundCloud mixes,
profiles on LinkedIn,
Google+,
or Facebook;
memorable Twitter shouts,
porn-ridden Tumblr blogs,
enlightening Reddit
discussions;
interesting Wikipedia articles;
links to portfolios on Flickr
and Instagram
(portfolios — LOL);
various Google links;
links about GNU/Linux or even
Microsoft
if you're into that sort of thing;
links to repositories on GitHub
and BitBucket;
helpful StackOverflow Q&A,
or StackExchange in general;
exemplary code fiddles
and Hacker News;
links to various maps,
academia,
and government sites;
links to products on iTunes,
Amazon,
Steam, or
Android App Store
...
{: .awesome-links }
Awesome Links also works sensibly with links to common files, such as
PDF files,
editable documents,
spreadsheets,
presentations;
links to compressed archives,
sound,
video, and image{: target="_blank"} files
(if they set target="_blank");
source code files,
other text, and various downloadable files.
{: .awesome-links }
This potentially non-exhaustive list includes mailto links, telephone links, bitcoin tipjars, external links{: rel="external" }, and links that open in a new tab{: target="_blank"}. {: .awesome-links }
As FontAwesome and the Internet evolves, so should this project. Pull-requests welcome!