Skip to content

Instantly share code, notes, and snippets.

@kategolden
Last active August 29, 2015 14:18
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kategolden/6012c745ce1e09b558a9 to your computer and use it in GitHub Desktop.
Save kategolden/6012c745ce1e09b558a9 to your computer and use it in GitHub Desktop.
How WCIJ made footnotes that expand to annotations upon clicking (Largo Project website)
/* Start by defining some CSS for the page. The links are fake (reflink, fauxlink). I started with xkcd tooltip, which pop up and are a defined width, but I realized full-width expanding text would be better for mobile users. */
<style type="text/css"> .ref {position: relative; vertical-align: baseline; } .reflink {color:#0065a4; cursor:pointer; font-size:.7em; font-family: 'ff-dagny-web-pro', Helvetica, Arial, sans-serif; } .fauxlink { color:#0065a4; cursor:pointer; font-family: 'ff-dagny-web-pro', Helvetica, Arial, sans-serif; font-size: .8em;} .refbody { color: #969696; font-size: .7em; font-family: 'ff-dagny-web-pro', Helvetica, Arial, sans-serif;}</style>
<h2>1. Frac sand mining is not fracking.</h2>
<img src="http://wisconsinwatch.org/wp-content/uploads/2015/03/image-number-01.gif" alt="Frac sand mining is not fracking" width="500" height="500" />
A lot of people get this confused. Frac sand mining is not fracking. It is mining for the sand that gets injected into deep wells in the <a href="http://www.earthworksaction.org/issues/detail/hydraulic_fracturing_101#.VNU1zFXF_pA">hydraulic fracturing</a> process of extracting oil and natural gas. This process is happening in places like Texas and North Dakota, not Wisconsin.
<span class="ref"><span class="reflink">[Sand industry comments]</span><span class="refbody">
<span class="fauxlink">close annotation</span>
WISA: Absolutely true – Wisconsin doesn’t have the oil and natural gas deposits that fracking targets. But it’s also true that “frac sand mining” is a misnomer. Wisconsin-mined sand is used for a <a href="http://www.wisconsinsand.org/industrial-sand/">variety of end purposes</a> including glassmaking, foundry and metal casting, construction, production of paint and coatings, recreational materials and more, in addition to oil and gas exploration. It would be just as accurate to call Wisconsin sand “glass sand” or “playground sand.” The umbrella term that fits all uses is “industrial sand.”</span></span>
@kategolden
Copy link
Author

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment