js/footnotes.js
@@ -53,5 +53,5 @@ Web Version
* Add CC license fragment to recipe template.
* Link PDF from recipes?
* Gzip HTML.
-* Format footnotes.
* Add Atom feed of recipes sorted by ctime.
+* Add Analytics to all templates.
TODO
@@ -2,9 +2,6 @@
<head>
<title>Vim Recipes: <%= title %></title>
<link rel="stylesheet" type="text/css" href="/css/style.css"/>
- <!--<link rel="stylesheet" type="text/css" href="/css/layout.css"/>
- <link rel="stylesheet" type="text/css" href="/css/user.css"/>
- <link rel="stylesheet" type="text/css" href="/css/web.css"/> -->
</head>
<body>
<form action="http://www.google.com/cse">
@@ -18,6 +15,7 @@
<p><a href="/toc/">Vim Recipes</a> <span>‣</span> <a href="/<%= section_id %>/"><%= section %></a> <span>‣</span>
<i><%= title %></i></p>
<%= body %>
+ <div id="footnotes"></div>
<div class="nav"><a
rel="prev" href="/<%= prev_e[:section_id] %>/<%= prev_e[:id]
%>/">↩ <%=
templates/recipe.html
@@ -18,15 +18,26 @@ table {
margin-right: auto;
}
+/* Initially we hide footnotes. A JavaScript function is then run to render
+ * them at the bottom of the page, replacing their previous location with a
+ * link to their new location. Having done this, the JavaScript sets span.fn
+ * _display_ to 'inline', thus avoiding the footnotes initially appearing in
+ * their original position prior to being moved.
+ *
+ * This is imperfect because it hides footnotes from users with CSS enabled
+ * and JS disabled, but it will do for now.
+ */
span.fn {
- display: always;
- position: static;
- color: #f30;
+ display: none;
}
-a.footnote {
+span.fn a:link {
vertical-align: super;
- font-size: 0.7em;
+ color: black;
+ font-weight: bold;
+ font-size: 100%;
+ padding-left: 1px;
+ border: none;
}
#footnotes {
templates/web.css
@@ -4,9 +4,8 @@
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Vim Recipes - A cookbook for the Vim text editor</title>
- <link rel="stylesheet" type="text/css" href="../templates/layout.css"/>
- <link rel="stylesheet" type="text/css" href="../templates/syntax.css"/>
- <link rel="stylesheet" type="text/css" href="../templates/user.css"/>
+ <link rel="stylesheet" type="text/css" href="../templates/main.css"/>
+ <link rel="stylesheet" type="text/css" href="../templates/pdf.css"/>
<meta name="author" content="Run Paint Run Run" />
<meta name="subject" content="Vim text editor" />
<meta name="keywords" content="vim cookbook recipes technical software
text/01_pre/00-head.html
231bd2b81e3345fa6eb089eb0021ad06a3b48858
Run Paint Run Run
runrun@runpaint.org
http://github.com/runpaint/vim-recipes/commit/bb70c24c4a33a2b06088c19da5ae8dbe253fecec
bb70c24c4a33a2b06088c19da5ae8dbe253fecec
2009-05-12T14:12:02-07:00
2009-05-12T14:12:02-07:00
Format/display footnotes for web version.
Previously, footnotes weren't shown on the web version; now they are.
4deb55c82ddcaa63545d739e6a381902f5294451
Run Paint Run Run
runrun@runpaint.org