Adding bg image support to slides

1 files changed, 2 insertions, 1 deletions

diff --git a/scripts/md/base.html b/scripts/md/base.html
index 9ccabd6..acc7981 100644
--- a/scripts/md/base.html
+++ b/scripts/md/base.html
@@ -18,6 +18,7 @@ URL: https://code.google.com/p/io-2012-slides
   <!--<meta name="viewport" content="initial-scale=0.4">-->
   <meta name="apple-mobile-web-app-capable" content="yes">
   <link rel="stylesheet" media="all" href="theme/css/default.css">
+  <link rel="stylesheet" media="all" href="theme/css/app.css">
   <link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="theme/css/phone.css">
   <base target="_blank"> <!-- This amazingness opens all links in a new tab. -->
   <script data-main="js/slides" src="js/require-1.0.8.min.js"></script>
@@ -43,7 +44,7 @@ URL: https://code.google.com/p/io-2012-slides
 </slide>
 
 {% for slide in slides %}
-<slide {% if slide.class %}class="{{- slide.class -}}"{% endif %}>
+<slide {% if slide.class %}class="{{- slide.class -}}"{% endif %} {% if slide.image %}style="background-image: url({{- slide.image -}})"{% endif %}>
   {% if 'segue' in slide.class %}
     <aside class="gdbar"><img src="images/google_developers_icon_128.png"></aside>
     <hgroup class="auto-fadein">