diff --git a/_includes/header.html b/_includes/header.html
index 40bec4c..3275b6f 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -1,7 +1,7 @@
 <link rel="shortcut icon" type="image/x-icon" href="{{site.swc_site}}/v5/favicon.ico" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap.css"  />
-<link rel="stylesheet" type="text/css" href="css/swc.css" />
+<link rel="stylesheet" type="text/css" href="{{page.root}}/css/bootstrap/bootstrap.css"  />
+<link rel="stylesheet" type="text/css" href="{{page.root}}/css/swc.css" />
 <link rel="alternate" type="application/rss+xml" title="The Software Carpentry Blog" href="{{config.site}}/feed.xml"/>
 <meta charset="UTF-8" />
 <meta http-equiv="last-modified" content="{{site.timestamp}}" />
diff --git a/_includes/javascript.html b/_includes/javascript.html
index 531a392..cf5ba14 100644
--- a/_includes/javascript.html
+++ b/_includes/javascript.html
@@ -1,3 +1,3 @@
 <!-- Javascript placed at the end of the document so the pages load faster. -->
-<script src="js/jquery-1.9.1.min.js"></script>
-<script src="css/bootstrap/bootstrap-js/bootstrap.js"></script>
+<script src="{{page.root}}/js/jquery-1.9.1.min.js"></script>
+<script src="{{page.root}}/css/bootstrap/bootstrap-js/bootstrap.js"></script>
diff --git a/_layouts/page.html b/_layouts/page.html
index bb76241..ccccdee 100644
--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -4,6 +4,8 @@
 <!--
   Use this layout for generic pages in the workshop website.
   Use 'workshop.html' for the workshop home page.
+
+  Remember to set the variable 'root' in the header of the actual page.
 -->
 <html>
   <head>
@@ -11,17 +13,15 @@
     {% include header.html %}
   </head>
   <body class="workshop">
-
     {% include github-ribbon.html %}
-
     <div class="container card">
       {% include banner.html %}
       <div class="row">
         <div class="col-md-10 col-md-offset-1">
           {{content}}
-          {% include footer.html %}
         </div>
-       </div>
+        {% include footer.html %}
+      </div>
     </div>
     {% include javascript.html %}
   </body>
diff --git a/setup/index.md b/setup/index.md
index 657ffa5..1567133 100644
--- a/setup/index.md
+++ b/setup/index.md
@@ -1,6 +1,7 @@
 ---
 layout: page
 title: Testing Setup
+root: ..
 ---
 For Learners
 ------------
