From 1483af7275284087d6dc0777842e837a6cbb5743 Mon Sep 17 00:00:00 2001
From: sanj <sanj@sanj>
Date: Thu, 30 Dec 2010 15:22:52 +0530
Subject: [PATCH] move author / abstract around

---
 padmaTexts/static/css/jquery.tooltip.css |  5 +++
 padmaTexts/static/css/text.css           |  3 --
 padmaTexts/static/js/views/sidebar.js    |  2 +-
 padmaTexts/templates/text_embed.html     | 41 +++++++++++++++---------
 4 files changed, 31 insertions(+), 20 deletions(-)

diff --git a/padmaTexts/static/css/jquery.tooltip.css b/padmaTexts/static/css/jquery.tooltip.css
index 76ffd21..c9cdd16 100644
--- a/padmaTexts/static/css/jquery.tooltip.css
+++ b/padmaTexts/static/css/jquery.tooltip.css
@@ -16,3 +16,8 @@
 }
 
 #tooltip h4, #tooltip div { margin: 0; }
+
+#tooltip img {
+  width: auto;
+  height: 120px;
+}
diff --git a/padmaTexts/static/css/text.css b/padmaTexts/static/css/text.css
index 4cd1dec..34dcaf4 100644
--- a/padmaTexts/static/css/text.css
+++ b/padmaTexts/static/css/text.css
@@ -15,9 +15,6 @@ body {
   padding: 4px;
 }
 
-#essay {
-  width: 60%;
-}
 
 .para {
   padding: 8px;
diff --git a/padmaTexts/static/js/views/sidebar.js b/padmaTexts/static/js/views/sidebar.js
index d83cddc..091d8ff 100644
--- a/padmaTexts/static/js/views/sidebar.js
+++ b/padmaTexts/static/js/views/sidebar.js
@@ -6,7 +6,7 @@ $(function() {
   $(window).resize(function() {
     var docWidth = $(document).width();
     var essayWidth = docWidth - 400;
-    $('#essay').css("width", essayWidth);
+    $('#leftWrapper').css("width", essayWidth);
   });
   $(window).trigger("resize");
 });
diff --git a/padmaTexts/templates/text_embed.html b/padmaTexts/templates/text_embed.html
index b44dd18..aee2527 100644
--- a/padmaTexts/templates/text_embed.html
+++ b/padmaTexts/templates/text_embed.html
@@ -88,24 +88,33 @@
 {% autoescape off %}
 <div id="loading"></div>
 <div id="wrapper">
-  <h1>
-    {{ text.title }}
-  </h1>
-  <div id="padmaSidebar">
-    <div id="padmaSidebarWrapper"></div>
-    <div id="aboutTxt">
-      <h3>Author: </h3>
-      <span class="author_name">{{ text.author }}</span>
-      <div class="author_bio">{{ text.author_bio }}</div>
-      <div class="abstract">
-        <h4>Abstract: </h4>
-        <span class="abstract_text">{{ text.abstract }}</span>
-      </div>
+  <div id="leftWrapper">
+    <h1>
+      {{ text.title }}
+    </h1>
+    <h4>
+      - <a href="#authorbio">{{ text.author }}</a>
+    </h4>
+    <div id="essayAbstract">
+      <h3>Abstract:</h3>
+      <p>
+      {{ text.abstract }}
+      </p>
+    </div>
+    <div id="padmaSidebar">
+      <div id="padmaSidebarWrapper"></div>
     </div>
-  </div>
 
-  <div id="essay">
-    {{ text.html }}
+    <div id="essay">
+      {{ text.html }}
+    </div>
+    <div id="authorBio">
+      <a name="authorbio"></a>
+      <h3>About the Author:</h3>
+      <p>
+        {{ text.author_bio }}
+      </p>
+    </div>
   </div>
 </div>
 {% endautoescape %}