From 0830c7bc6ce8e89b12868b0bb9aada86a862992e Mon Sep 17 00:00:00 2001
From: Sander Roosendaal <roosendaalsander@gmail.com>
Date: Fri, 12 May 2017 08:50:20 +0200
Subject: [PATCH] make PDF scrollable on ipad

---
 rowers/templates/brochure.html | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/rowers/templates/brochure.html b/rowers/templates/brochure.html
index 00a9ef66..db236129 100644
--- a/rowers/templates/brochure.html
+++ b/rowers/templates/brochure.html
@@ -1,12 +1,25 @@
 
     {% extends "base.html" %}
-    {% block title %}Brochure{% endblock title %}
+{% block title %}Brochure{% endblock title %}
+{% block meta %}
+<style>
+  #container { overflow: auto; -webkit-overflow-scrolling: touch; height: 500px; }
+  object { width: 900px; height: 5000px }
+</style>
+{% endblock meta %}
     {% block content %}
 
 <div class="grid_12 alpha">
   <h2>Read our Brochure</h2>
 
-  <embed src="/static/brochure WEB.pdf" width="960" height="650">
+  <div id="container">
+    <object id="obj" data="/static/brochure WEB.pdf" >
+      object can't be rendered
+    </object>
+  </div>
+  <!-- 
+       <embed src="/static/brochure WEB.pdf" width="960" height="650"> 
+         -->
 </div>
 
     {% endblock content %}