Added server option "useCdn", use template statement to route resources' source

3 files changed, 28 insertions, 3 deletions

diff --git a/public/views/foot.ejs b/public/views/foot.ejs
index b545841f..0f568643 100644
--- a/public/views/foot.ejs
+++ b/public/views/foot.ejs
@@ -1,9 +1,18 @@
+<% if(useCDN) { %>
+<script src="//cdnjs.cloudflare.com/ajax/libs/spin.js/2.3.2/spin.min.js" defer></script>
+<script src="//code.jquery.com/jquery-1.11.2.min.js" defer></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.13/jquery.mousewheel.min.js" defer></script>
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js" defer></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/1.16.1/TweenMax.min.js" defer></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/1.16.1/jquery.gsap.min.js" defer></script>
+<% } else { %>
 <script src="/vendor/spin.min.js" defer></script>
 <script src="/vendor/jquery-1.11.2.min.js" defer></script>
 <script src="/vendor/jquery.mousewheel.min.js" defer></script>
 <script src="/vendor/bootstrap/js/bootstrap.min.js" defer></script>
 <script src="/vendor/greensock-js/TweenMax.min.js" defer></script>
 <script src="/vendor/greensock-js/jquery.gsap.min.js" defer></script>
+<% } %>
 <!--codemirror-->
 <script src="/vendor/codemirror/codemirror.min.js" defer></script>
 <script src="/vendor/inlineAttachment/inline-attachment.js" defer></script>
diff --git a/public/views/head.ejs b/public/views/head.ejs
index 0518ebc7..816c2a26 100644
--- a/public/views/head.ejs
+++ b/public/views/head.ejs
@@ -7,8 +7,15 @@
 <title><%- title %></title>
 <link rel="icon" type="image/png" href="/favicon.png">
 <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+<% if(useCDN) { %>
+<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
+<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
+<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-social/4.9.0/bootstrap-social.min.css">
+<% } else { %>
 <link rel="stylesheet" href="/vendor/bootstrap/css/bootstrap.min.css">
 <link rel="stylesheet" href="/vendor/font-awesome/css/font-awesome.min.css">
+<link rel="stylesheet" href="/css/bootstrap-social.css">
+<% } %>
 <link rel="stylesheet" href="/vendor/codemirror/lib/codemirror.css">
 <link rel="stylesheet" href="/vendor/codemirror/addon/fold/foldgutter.css">
 <link rel="stylesheet" href="/vendor/codemirror/addon/dialog/dialog.css">
@@ -20,7 +27,6 @@
 <link rel="stylesheet" href="/vendor/highlight-js/github-gist.min.css">
 <link rel="stylesheet" href="/vendor/emojify/css/emojify.min.css">
 <link rel="stylesheet" href="/vendor/showup/showup.css">
-<link rel="stylesheet" href="/css/bootstrap-social.css">
 <link rel="stylesheet" href="/css/markdown.css">
 <link rel="stylesheet" href="/css/index.css">
 <link rel="stylesheet" href="/css/extra.css">
diff --git a/public/views/pretty.ejs b/public/views/pretty.ejs
index cc4f80d2..0004bb7c 100644
--- a/public/views/pretty.ejs
+++ b/public/views/pretty.ejs
@@ -10,9 +10,14 @@
     <meta name="mobile-web-app-capable" content="yes">
     <title><%- title %></title>
     <link rel="icon" type="image/png" href="<%- url %>/favicon.png">
-<link rel="apple-touch-icon" href="<%- url %>/apple-touch-icon.png">
-    <link rel="stylesheet" href='<%- url %>/vendor/bootstrap/css/bootstrap.min.css'>
+	<link rel="apple-touch-icon" href="<%- url %>/apple-touch-icon.png">
+	<% if(useCDN) { %>
+	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
+	<% } else { %>
+	<link rel="stylesheet" href='<%- url %>/vendor/bootstrap/css/bootstrap.min.css'>
     <link rel="stylesheet" href='<%- url %>/vendor/font-awesome/css/font-awesome.min.css'>
+	<% } %>
     <link rel="stylesheet" href='<%- url %>/css/github-extract.css'>
     <link rel="stylesheet" href='<%- url %>/css/gist.css'>
     <link rel="stylesheet" href='<%- url %>/vendor/highlight-js/github-gist.min.css'>
@@ -45,8 +50,13 @@
 </body>
 
 </html>
+<% if(useCDN) { %>
+<script src="https://code.jquery.com/jquery-1.11.2.min.js" defer></script>
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js" defer></script>
+<% } else { %>
 <script src="<%- url %>/vendor/jquery-1.11.2.min.js" defer></script>
 <script src="<%- url %>/vendor/bootstrap/js/bootstrap.min.js" defer></script>
+<% } %>
 <script src="<%- url %>/vendor/lz-string.min.js" defer></script>
 <script src="<%- url %>/vendor/remarkable.min.js" defer></script>
 <script src="<%- url %>/vendor/remarkable-regex.js" defer></script>