Fix breakage due to CSP changes

The Apache CSP changed so that we can't load any
scripts, fonts, or images from other URLs.
Therefore all the ones we currently use have to be
put here so they're loaded from the same domain.
Also fix some Jekyll URL templating so that
_config_dev.yml can work properly with modern
Jekyll verisons.

Change-Id:If17ec8dbd1de435c9a0c6edf4dab71e6ede2a5a3
Reviewed-on: https://asterix-gerrit.ics.uci.edu/c/incubator-asterixdb-site/+/19508
Reviewed-by: Ian Maxon <imaxon@apache.org>
diff --git a/content/tools.html b/content/tools.html
index c12be52..c6923b6 100644
--- a/content/tools.html
+++ b/content/tools.html
@@ -7,24 +7,24 @@
     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
     <meta name="description" content="">
     <meta name="author" content="">
-    <link rel="icon" href="favicon.ico">
+    <link rel="icon" href="https://asterixdb.apache.org/favicon.ico">
     <meta http-equiv="Content-Security-Policy" content="frame-src youtube.com www.youtube.com">
 
     <title>Tools</title>
 
     <!-- Bootstrap core CSS -->
-    <link href="css/bootstrap.min.css" rel="stylesheet">
+    <link href="https://asterixdb.apache.org/css/bootstrap.min.css" rel="stylesheet">
     <!-- Bootstrap theme -->
 
     <!-- Custom styles for this template -->
-    <link href="css/theme.css" rel="stylesheet">
+    <link href="https://asterixdb.apache.org/css/theme.css" rel="stylesheet">
 
     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
     <!--[if lt IE 9]>
       <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
     <![endif]-->
-    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
+    <link rel="stylesheet" href="https://asterixdb.apache.org/css/font-awesome.min.css">
   </head>
 
   <div class="container theme-showcase" role="main">
@@ -45,11 +45,11 @@
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
             </button>
-            <a class="navbar-brand" href="index.html">Overview</a>
+            <a class="navbar-brand" href="https://asterixdb.apache.org/index.html">Overview</a>
           </div>
           <div class="navbar-collapse collapse">
             <ul class="nav navbar-nav">
-              <li><a href="download.html">Download</a></li>
+              <li><a href="https://asterixdb.apache.org/download.html">Download</a></li>
               <li class="dropdown">
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Documentation<span class="caret"></span></a>
                 <ul class="dropdown-menu" role="menu">
@@ -60,16 +60,16 @@
                   <li><a href="https://ci.apache.org/projects/asterixdb/index.html">Documentation for 0.9.10-SNAPSHOT  <i class="fa fa-external-link fa-sm"></i></a></li>
                   <li class="divider"></li>
                   <li class="dropdown-header">Tutorial for SQL Users</li>
-                  <li><a href="files/SQL_Book.pdf">Don Chamberlin's SQL++ for SQL Users<i class="fa fa-external-link fa-sm"></i></a></li>
+                  <li><a href="https://asterixdb.apache.org/files/SQL_Book.pdf">Don Chamberlin's SQL++ for SQL Users<i class="fa fa-external-link fa-sm"></i></a></li>
                 </ul>
               </li>
-              <li><a href="about.html">About</a></li>
+              <li><a href="https://asterixdb.apache.org/about.html">About</a></li>
               <li class="dropdown">
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Community<span class="caret"></span></a>
                 <ul class="dropdown-menu" role="menu">
-                  <li><a href="community.html">Mailing Lists</a></li>
-                  <li><a href="community.html#irc">IRC</a></li>
-                  <li><a href="community.html#asterixdb-team">Team</a></li>
+                  <li><a href="https://asterixdb.apache.org/community.html">Mailing Lists</a></li>
+                  <li><a href="https://asterixdb.apache.org/community.html#irc">IRC</a></li>
+                  <li><a href="https://asterixdb.apache.org/community.html#asterixdb-team">Team</a></li>
                   <li><a href="https://issues.apache.org/jira/browse/ASTERIXDB">Issue Tracker</a></li>
                 </ul>
               </li>
@@ -77,13 +77,13 @@
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Development<span class="caret"></span></a>
                 <ul class="dropdown-menu" role="menu">
                   <li class="dropdown-header">For New Contributors</li>
-                  <li><a href="dev-setup.html">Development Setup</a></li>
+                  <li><a href="https://asterixdb.apache.org/dev-setup.html">Development Setup</a></li>
                   <li class="divider"></li>
                   <li class="dropdown-header">For Committers</li>
-                  <li><a href="pushing.html">Pushing changes</a></li>
-                  <li><a href="site.html">Editing this site</a></li>
+                  <li><a href="https://asterixdb.apache.org/pushing.html">Pushing changes</a></li>
+                  <li><a href="https://asterixdb.apache.org/site.html">Editing this site</a></li>
                   <li class="dropdown-header">Extensions</li>
-                  <li><a href="extension.html">Extending AsterixDB</a></li>
+                  <li><a href="https://asterixdb.apache.org/extension.html">Extending AsterixDB</a></li>
                 </ul>
               </li>
             </ul>
@@ -120,7 +120,7 @@
 <h3 id="apache-tools">Apache Tools</h3>
 
 <p>|———————————————————————————–|——————-|
-|<img src="/img/tools/maven.png" height="100" />     |      |</p>
+|<img src="https://asterixdb.apache.org/img/tools/maven.png" height="100" />     |      |</p>
 <hr />
 
 <h4 id="open-source-tools">Open Source Tools</h4>
@@ -128,11 +128,11 @@
 <table class="table table-striped">
   <tbody>
     <tr>
-      <td><img src="/img/tools/jenkins.png" height="100" /></td>
+      <td><img src="https://asterixdb.apache.org/img/tools/jenkins.png" height="100" /></td>
       <td> </td>
     </tr>
     <tr>
-      <td><img src="/img/tools/gerrit.png" height="100" /></td>
+      <td><img src="https://asterixdb.apache.org/img/tools/gerrit.png" height="100" /></td>
       <td>Gerrit is used by the majority of developers as a staging repository for new changes and as a code review tool</td>
     </tr>
   </tbody>
@@ -145,11 +145,11 @@
 <table class="table table-striped">
   <tbody>
     <tr>
-      <td><img src="/img/tools/yourkit.png" height="100" /></td>
+      <td><img src="https://asterixdb.apache.org/img/tools/yourkit.png" height="100" /></td>
       <td>YourKit whenever a hard to</td>
     </tr>
     <tr>
-      <td><img src="/img/tools/intellij.png" height="100" /></td>
+      <td><img src="https://asterixdb.apache.org/img/tools/intellij.png" height="100" /></td>
       <td> </td>
     </tr>
   </tbody>
@@ -176,7 +176,7 @@
     <!-- Bootstrap core JavaScript
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
-    <script src="js/bootstrap.min.js"></script>
+    <script src="https://asterixdb.apache.org/js/jquery.min.js"></script>
+    <script src="https://asterixdb.apache.org/js/bootstrap.min.js"></script>
   </body>
 </html>