patdryburgh#10 Formatting for footnotes

_posts/2011-11-11-the-adventure-of-the-cardboard-box.md

@@ -5,7 +5,7 @@ author: "Arthur Conan Doyle"
 categories: literature
 ---
 
-In choosing a few typical cases which illustrate the remarkable mental qualities of my friend, Sherlock Holmes, I have endeavoured, as far as possible, to select those which presented the minimum of sensationalism, while offering a fair field for his talents. It is, however, unfortunately impossible entirely to separate the sensational from the criminal, and a chronicler is left in the dilemma that he must either sacrifice details which are essential to his statement and so give a false impression of the problem, or he must use matter which chance, and not choice, has provided him with. With this short preface I shall turn to my notes of what proved to be a strange, though a peculiarly terrible, chain of events.
+In choosing a few typical cases which illustrate the remarkable mental qualities of my friend, Sherlock Holmes[^1], I have endeavoured, as far as possible, to select those which presented the minimum of sensationalism, while offering a fair field for his talents. It is, however, unfortunately impossible entirely to separate the sensational from the criminal, and a chronicler is left in the dilemma that he must either sacrifice details which are essential to his statement and so give a false impression of the problem, or he must use matter which chance, and not choice, has provided him with. With this short preface I shall turn to my notes of what proved to be a strange, though a peculiarly terrible, chain of events.
 
 It was a blazing hot day in August. Baker Street was like an oven, and the glare of the sunlight upon the yellow brickwork of the house across the road was painful to the eye. It was hard to believe that these were the same walls which loomed so gloomily through the fogs of winter. Our blinds were half-drawn, and Holmes lay curled upon the sofa, reading and re-reading a letter which he had received by the morning post. For myself, my term of service in India had trained me to stand heat better than cold, and a thermometer at ninety was no hardship. But the morning paper was uninteresting. Parliament had risen. Everybody was out of town, and I yearned for the glades of the New Forest or the shingle of Southsea. A depleted bank account had caused me to postpone my holiday, and as to my companion, neither the country nor the sea presented the slightest attraction to him. He loved to lie in the very center of five millions of people, with his filaments stretching out and running through them, responsive to every little rumour or suspicion of unsolved crime. Appreciation of nature found no place among his many gifts, and his only change was when he turned his mind from the evil-doer of the town to track down his brother of the country.
 
@@ -271,6 +271,9 @@ Sherlock Holmes was not disappointed in his expectations. Two days later he rece
 
 “‘There you have the whole truth of it. You can hang me, or do what you like with me, but you cannot punish me as I have been punished already. I cannot shut my eyes but I see those two faces staring at me—staring at me as they stared when my boat broke through the haze. I killed them quick, but they are killing me slow; and if I have another night of it I shall be either mad or dead before morning. You won't put me alone into a cell, sir? For pity's sake don't, and may you be treated in your day of agony as you treat me now.’
 
-“What is the meaning of it, Watson?” said Holmes solemnly as he laid down the paper. “What object is served by this circle of misery and violence and fear? It must tend to some end, or else our universe is ruled by chance, which is unthinkable. But what end? There is the great standing perennial problem to which human reason is as far from an answer as ever.”
+“What is the meaning of it, Watson?[^2]” said Holmes solemnly as he laid down the paper. “What object is served by this circle of misery and violence and fear? It must tend to some end, or else our universe is ruled by chance, which is unthinkable. But what end? There is the great standing perennial problem to which human reason is as far from an answer as ever.”
 
-[Text taken from here](http://sherlock-holm.es/stories/html/card.html)
+[Text taken from here](http://sherlock-holm.es/stories/html/card.html)
+
+[^1]: This is some text for a footnote.
+[^2]: Maecenas faucibus mollis interdum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla.

_sass/_footnotes.scss

@@ -0,0 +1,32 @@
+.footnote {
+  border: 1px solid $muted-text-color;
+  border-radius: 1em;
+  color: $text-color;
+  display: inline;
+  font-size: .75em;
+  font-weight: 700;
+  padding: 0 .75em;
+  text-decoration: none;
+  margin: 0 .25em;
+  &:hover,
+  &:focus {
+    background: $brand-color;
+    border-color: $brand-color;
+  }
+}
+
+.footnotes:before,
+.footnotes:after {
+  content: '';
+  @include divider;
+  margin: 4em auto;
+}
+
+.footnotes li {
+  margin-bottom: 1em;
+}
+
+.reversefootnote {
+  font-size: .75em;
+  opacity: .75;
+}

assets/css/main.scss

@@ -15,5 +15,6 @@ $asset_url: '{{ '/assets' | absolute_url }}';
   "masthead",
   "menu",
   "post-list",
-  "article"
+  "article",
+  "footnotes"
 ;