Some new blocks to allow plugins to add scripts, styles and modals

src/templates/pad.html

@@ -7,9 +7,11 @@
         <meta name="robots" content="noindex, nofollow">
         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
 
+        <% e.begin_block("styles"); %>
             <link href="../static/css/pad.css" rel="stylesheet">
             <link href="../static/custom/pad.css" rel="stylesheet">
             <style title="dynamicsyntax"></style>
+        <% e.end_block(); %>
 
         <!-- head and body had been removed intentionally -->
 
@@ -215,6 +217,7 @@
         </div>
         
         <div id="mainmodals">
+            <% e.begin_block("modals"); %>
                 <div id="connectionbox" class="modaldialog">
                     <div id="connectionboxinner" class="modaldialog-inner">
                         <div class="connecting">Connecting...</div>
@@ -258,9 +261,10 @@
                         <input type="hidden" class="missedChanges" name="missedChanges">
                     </form>
                 </div>
-            
+            <% e.end_block(); %>
         </div>
  
+        <% e.begin_block("scripts"); %>
             <script type="text/javascript" src="../static/js/require-kernel.js"></script>
             <script type="text/javascript" src="../static/js/jquery.js"></script>
             <script type="text/javascript" src="../socket.io/socket.io.js"></script>
@@ -284,5 +288,5 @@
                   padimpexp = require('ep_etherpad-lite/static/js/pad_impexp').padimpexp;
                 }());
             </script>
-        
+        <% e.end_block(); %>
 </html>