adding download instructions

frontend/templates/download.html

@@ -18,10 +18,12 @@
 <h2>Downloads for {{ work.title }}</h2>
 {% if unglued_ebook %}
 <div class="unglued">
-	<h3>Get the unglued edition!</h3>
+	<h3>Read the unglued edition!</h3>
 	<div class="ebook_download">
-		<img src="{{ unglued_ebook.rights_badge }}">
-		<a href="{{ unglued_ebook.0.url }}">{{ unglued_ebook.format }}</a>
+		{% with unglued_ebook.url as url %}
+			<a href="{{ url }}"><img src="{{ unglued_ebook.rights_badge }}"></a>
+			<a href="{{ url }}">{{ unglued_ebook.format }}</a>
+		{% endwith %}
 	</div>
 </div>
 {% endif %}
@@ -41,7 +43,71 @@
 	{% endfor %}
 {% endif %}
 {% if unglued_ebook or other_ebooks %}
-blah blah download instructions
+<h3>How to download</h3>
+<p>Ebooks you find at Unglue.it may be read on any device, and you're welcome to convert them to whatever electronic format is most useful to you.  While we can't cover every possible combination of readers, software, and formats you might use, here's some help for the most common cases.</p>
+
+<h4>Android devices</h4>
+<p class="ebook_download logo"><img src="/static/images/aldiko_logo.png">Aldiko</p>
+
+<ul>
+<li><a href="http://calibre-ebook.com/download">Download the free Aldiko app.</a></li>
+<li>Download your book from this page using your device's web browser.</li>
+<li>You can read HTML files right in the browser.  You will be given the option of opening the file in Aldiko.</li>
+</ul>
+
+<h4>iOS devices</h4>
+<p class="ebook_download logo"><img src="/static/images/ibooks_logo.jpeg">iBooks</p>
+{% comment %}test{% endcomment %}
+<ul>
+<li><a href="http://itunes.apple.com/us/app/ibooks/id364709193?mt=8">Download the free iBooks app</a> from the App Store.</li>
+<li>Download your book from this page using your device's web browser.</li>
+<li>You can read HTML files right in the browser.  For other formats, you will be given the option of opening the file in iBooks.</li>
+</ul>
+
+<h4>PC, Mac, or Linux</h4>
+<p class="ebook_download logo"><img src="/static/images/calibre_logo.png">Calibre</p>
+<ul>
+<li><a href="http://calibre-ebook.com/download">Download the free Calibre app.</a></li>
+<li>Download your book from this page using your device's web browser.</li>
+<li>Open the ebook file in Calibre.</li>
+</ul>
+
+<h4>Non-Kindle ereaders</h4>
+{% comment %}can we just use browser on web-connected device? try it
+<ul>
+<li>Download</li>
+</ul>
+{% endcomment %}
+<h4>Kindles</h4>
+<p>Kindles can read plain text, MOBI, PDF, and HTML files.  They cannot read epub books (the format unglued ebooks are released in).  However, you can convert epubs to mobi files using free software.</p>
+<ul>
+<li>Download the ebook to a laptop or desktop computer.</li>
+<li>If necessary, convert the epub to a mobi file using Calibre (see above).</li>
+<li>Plug the Kindle into your computer with a USB cable.</li>
+<li>Using the Finder (Mac) or Windows Explorer (Windows), drag and drop the converted .mobi file into the Documents folder on your Kindle.</li>
+<li>Eject the Kindle from the Finder or Explorer and disconnect the USB.</li>
+<li>You may need to reboot your Kindle to see the new book.</li>
+</ul>
+
+<p>If you've set up a Kindle email account at Amazon, you can also email the .mobi file to your device as an attachment.</p>
+
+<p>Need help with something not listed here?  Email us at <a href="mailto:support@gluejar.com?Subject=Ebook%20downloading%20help">support@gluejar.com</a>.</p>
+{% comment %}
+http://www.gutenberg.org/wiki/Gutenberg:MobileReader_Devices_How-To
+http://www.feedbooks.com/help/devices
+
+android: aldiko
+iOS: ibooks (built in? test handling on ipad)
+desktop: calibre.
+
+reader apps?
+
+kindle: ???  "All free books on Feedbooks are available in a Kindle compatible format (for both Kindle devices and mobile applications), but due to the closed nature of the Kindle ecosystem, none of the files available on our store are compatible with the Kindle.
+
+To download a book in a Kindle compatible format, click on the book's name and then select the "Kindle" download option." sideloading: download to computer; attach Kindle with USB; add .mobi file to "documents" folder in Kindle. (convert epub to mobi using Calibre, which also has a send-to-Kindle function)
+
+i canNOT list all the possibilities. need to have a help email.
+{% endcomment %}
 {% else %}
 <p id="content-block">There are no freely available downloads of <I>{{ work.title }}</I> right now.  {% if not work in request.user.wishlist.works.all %}Would you like there to be? <a class="add-wishlist"><span class="work_id" id="w{{ work.id }}">Add this book to your wishlist.</span></a>{% else %}Ask your friends to add it to their wishlists!{% endif %}</p>
 

static/css/download.css

@@ -90,16 +90,31 @@
   list-style: none;
   border: none;
 }
+.download_container {
+  width: 50%;
+  margin: auto;
+}
 .ebook_download {
   margin-bottom: 15px;
 }
 .ebook_download a {
-  margin: auto 5px;
+  margin: auto 5px auto 0;
   font-size: 15px;
 }
 .ebook_download img {
   vertical-align: middle;
 }
+.logo {
+  font-size: 15px;
+}
+.logo img {
+  -moz-border-radius: 7px;
+  -webkit-border-radius: 7px;
+  border-radius: 7px;
+  height: 50px;
+  width: 50px;
+  margin-right: 5px;
+}
 .unglued {
   border: solid 2px #8dc63f;
   margin-left: -2px;
@@ -114,11 +129,13 @@ a.success:hover {
   text-decoration: none;
   color: #3d4e53;
 }
+ul {
+  padding-left: 50px;
+}
+ul li {
+  margin-bottom: 4px;
+}
 a.success,
 a.success:hover {
   cursor: default;
 }
-.download_container {
-  width: 50%;
-  margin: auto;
-}

static/css/sitewide.css

@@ -211,6 +211,18 @@ a {
 a:hover {
   text-decoration: underline;
 }
+h1 {
+  font-size: 22.5px;
+}
+h2 {
+  font-size: 18.75px;
+}
+h3 {
+  font-size: 17.549999999999997px;
+}
+h4 {
+  font-size: 15px;
+}
 img {
   border: none;
 }

static/less/download.less

@@ -1,8 +1,13 @@
 @import "variables.less";
 
+.download_container {
+	width: 50%;
+	margin: auto;
+}
+
 .ebook_download {
 	a {
-		margin: auto 5px;
+		margin: auto 5px auto 0;
 		font-size: @font-size-larger;
 	}
 	
@@ -11,6 +16,18 @@
 	}
 	
 	margin-bottom: 15px;	
+	
+}
+
+.logo {
+	img {
+		.one-border-radius(7px);
+		height: 50px;
+		width: 50px;
+		margin-right: 5px;
+	}
+	
+	font-size: @font-size-larger;
 }
 
 .unglued {
@@ -28,11 +45,13 @@ a.add-wishlist .on-wishlist, a.success, a.success:hover {
 	color: @text-blue;
 }
 
+ul {
+	padding-left: 50px; 
+	
+	li {
+		margin-bottom: 4px;
+	}
+}
 a.success, a.success:hover {
 	cursor: default;
-}
-
-.download_container {
-	width: 50%;
-	margin: auto;
 }

static/less/sitewide.less

@@ -118,6 +118,22 @@ a {
     }
 }
 
+h1 {
+	font-size: @font-size-larger*1.5;
+}
+
+h2 {
+	font-size: @font-size-larger*1.25;
+}
+
+h3 {
+	font-size: @font-size-larger*1.17;
+}
+
+h4 {
+	font-size: @font-size-larger;
+}
+
 img {
     border:none;
 }