add leftBar

padmaTexts/static/css/text.css

@@ -15,6 +15,16 @@ body {
   padding: 4px;
 }
 
+#leftBar {
+  width: 250px;
+  height: 100%;
+  background: #000;
+  float: left;
+}
+
+#essayWrapper {
+  float: left;
+}
 
 #essayAbstract {
   font-style: italic;

padmaTexts/static/js/views/sidebar.js

@@ -5,8 +5,8 @@ $(function() {
   padmaContainer.data("currentVideo", false);
   function resize() {
     var docWidth = $(document).width();
-    var essayWidth = docWidth - 400;
-    $('#leftWrapper').css("width", essayWidth);
+    var essayWidth = docWidth - 650;
+    $('#essayWrapper').css("width", essayWidth);
   }
   resize();
   $(window).resize(resize);

padmaTexts/templates/text_embed.html

@@ -88,7 +88,12 @@
 {% autoescape off %}
 <div id="loading"></div>
 <div id="wrapper">
-  <div id="leftWrapper">
+  {% ifnotequal text.left_bar '' %}
+  <div id="leftBar">
+    {{ text.left_bar }}
+  </div>
+  {% endifnotequal %}
+  <div id="essayWrapper">
     <h1>
       {{ text.title }}
     </h1>