diff --git a/SCREENSHOTS.markdown b/SCREENSHOTS.markdown
index b9eb0f328..8f7d412bc 100644
--- a/SCREENSHOTS.markdown
+++ b/SCREENSHOTS.markdown
@@ -21,7 +21,10 @@ Mouse over for captions, click to enlarge.
  <img src="watchhours.png" title="A time dashboard in emacs. The upper window displays today's time report every minute (using ansi-term, watch, a helper script, and hledger invoked via 'hours' symlink.) The lower window is viewing the timelog file, to tweak clock-ins/clock-outs made with C-x t i and C-x t o." /></a>
 
 <a name="hledger-charts-2" href="hledger-charts-2.png" class="highslide" onclick="return hs.expand(this)">
- <img src="hledger-charts-2.png" title="Viewing a year of monthly expense charts in emacs." /></a>
+ <img src="hledger-charts-2.png" title="Viewing a year of monthly expense charts in emacs (hledger 0.10 with -fchart)." /></a>
+
+<a name="hledger-web-journal" href="hledger-web-journal.png" class="highslide" onclick="return hs.expand(this)">
+ <img src="hledger-web-journal.png" title="The web interface (hledger 0.11pre with -fwebyesod)." /></a>
 
 
 <!-- <a name="" href=".png" class="highslide" onclick="return hs.expand(this)"> -->
diff --git a/site/hakyll.hs b/site/hakyll.hs
index cf2cb9337..90c0e7a49 100644
--- a/site/hakyll.hs
+++ b/site/hakyll.hs
@@ -50,6 +50,7 @@ main = hakyllWithConfiguration cfg $ do
       ,"watchhours.png"
       ,"hledger-screen-1.png"
       ,"hledger-charts-2.png"
+      ,"hledger-web-journal.png"
       ]
     where
       -- Render a page from the parent directory as if it was in the hakyll
diff --git a/site/hledger-web-journal.png b/site/hledger-web-journal.png
new file mode 100644
index 000000000..eb2bf5ee6
Binary files /dev/null and b/site/hledger-web-journal.png differ