Filed under typographyShow All
marktags, to emphasise content.
BSD. Attribution politely requested.
I've tested it on the latest versions (as of 8th May 2013) of:
- Safari, Chrome and Firefox on OS X.
- Safari on iPad and iPhone.
Make sure jQuery is loaded too. You'll also want to add some CSS.
Installation - Octopress
If you're using Octopress, you already have jQuery, so don't worry about that. To install the script, simply:
- Copy the
- Add the aforementioned line of code to
- (Add some CSS wherever you prefer.)
- Regenerate and deploy your site.
Author Marks works very simply by adding (or removing) a given CSS class to any
marktags in your document which have the
author-markCSS class applied.
You'll want to add these CSS styles:
.marks-highlightedfor marks which are currently highlighted. This style will also be applied to the toggling links themselves, whilst highlighting is active.
.toggle-marks-highlightfor your toggle link(s), optionally.
Creating marks in your content
Just use the HTML5
marktag with the
<mark class="author-mark">An important remark</mark>.
You should add at least one link that your readers can use to toggle your author marks. Any old link will do, as long as it has the CSS class
There is absolutely no support available. Feel free to report issues on the github issue tracker for this project, or indeed to fix them yourself and submit a pull request!