@healthcatalyst/catalyst-docfx-template 1.0.52 → 1.0.55

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@healthcatalyst/catalyst-docfx-template",
-  "version": "1.0.52",
+  "version": "1.0.55",
   "license": "MIT",
   "description": "A DocFX Template patching the Default template.",
   "publishConfig": {

package/partials/head.tmpl.partial

@@ -8,15 +8,15 @@
   <meta name="title" content="{{#title}}{{title}}{{/title}}{{^title}}{{>partials/title}}{{/title}} {{#_appTitle}}| {{_appTitle}} {{/_appTitle}}">
   <meta name="generator" content="docfx {{_docfxVersion}}">
   {{#_description}}<meta name="description" content="{{_description}}">{{/_description}}
-  <link rel="shortcut icon" href="{{_rel}}{{{_appFaviconPath}}}{{^_appFaviconPath}}favicon.ico{{/_appFaviconPath}}">
-  <link rel="stylesheet" href="{{_rel}}styles/docfx.vendor.css">
-  <link rel="stylesheet" href="{{_rel}}styles/docfx.css">
-  <link rel="stylesheet" href="{{_rel}}styles/font-awesome.min.css">
-  <link rel="stylesheet" href="{{_rel}}styles/hcicons.css">
-  <link rel="stylesheet" href="{{_rel}}styles/lightbox.min.css">
-  <link rel="stylesheet" href="{{_rel}}open-sans.css">  
-  <link rel="stylesheet" href="{{_rel}}styles/main.css">
-  <link rel="stylesheet" href="{{_rel}}product-styles/product.css">
+  <link rel="shortcut icon" href="{{_rel}}{{_stylesPath}}{{{_appFaviconPath}}}{{^_appFaviconPath}}favicon.ico{{/_appFaviconPath}}">
+  <link rel="stylesheet" href="{{_rel}}{{_stylesPath}}styles/docfx.vendor.css">
+  <link rel="stylesheet" href="{{_rel}}{{_stylesPath}}styles/docfx.css">
+  <link rel="stylesheet" href="{{_rel}}{{_stylesPath}}styles/font-awesome.min.css">
+  <link rel="stylesheet" href="{{_rel}}{{_stylesPath}}styles/hcicons.css">
+  <link rel="stylesheet" href="{{_rel}}{{_stylesPath}}styles/lightbox.min.css">
+  <link rel="stylesheet" href="{{_rel}}{{_stylesPath}}open-sans.css">  
+  <link rel="stylesheet" href="{{_rel}}{{_stylesPath}}styles/main.css">
+  <link rel="stylesheet" href="{{_rel}}{{_stylesPath}}product-styles/product.css">
   <meta property="docfx:navrel" content="{{_navRel}}">
   <meta property="docfx:tocrel" content="{{_tocRel}}">
   {{#_noindex}}<meta name="searchOption" content="noindex">{{/_noindex}}

package/partials/scripts.tmpl.partial

@@ -1,12 +1,12 @@
 {{!Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE file in the project root for full license information.}}
 
-<script type="text/javascript" src="{{_rel}}styles/docfx.vendor.js"></script>
-<script type="text/javascript" src="{{_rel}}styles/docfx.js"></script>
-<script type="text/javascript" src="{{_rel}}styles/clipboard.min.js"></script>
-<script type="text/javascript" src="{{_rel}}styles/lightbox.min.js"></script>
-<script type="text/javascript" src="{{_rel}}styles/main.js"></script>
-<script type="text/javascript" src="{{_rel}}styles/docs-navbar.js"></script>
-<script type="text/javascript" src="{{_rel}}product-styles/product.js"></script>
+<script type="text/javascript" src="{{_rel}}{{_stylesPath}}styles/docfx.vendor.js"></script>
+<script type="text/javascript" src="{{_rel}}{{_stylesPath}}styles/docfx.js"></script>
+<script type="text/javascript" src="{{_rel}}{{_stylesPath}}styles/clipboard.min.js"></script>
+<script type="text/javascript" src="{{_rel}}{{_stylesPath}}styles/lightbox.min.js"></script>
+<script type="text/javascript" src="{{_rel}}{{_stylesPath}}styles/main.js"></script>
+<script type="text/javascript" src="{{_rel}}{{_stylesPath}}styles/docs-navbar.js"></script>
+<script type="text/javascript" src="{{_rel}}{{_stylesPath}}product-styles/product.js"></script>
 <script async src="https://www.googletagmanager.com/gtag/js?id=UA-105743506-1"></script><script>  window.dataLayer = window.dataLayer || [];  function gtag(){dataLayer.push(arguments);}  gtag('js', new Date());  gtag('config', 'UA-105743506-1');</script>
 <script type="text/javascript">
 !function(T,l,y){var S=T.location,k="script",D="instrumentationKey",C="ingestionendpoint",I="disableExceptionTracking",E="ai.device.",b="toLowerCase",w="crossOrigin",N="POST",e="appInsightsSDK",t=y.name||"appInsights";(y.name||T[e])&&(T[e]=t);var n=T[t]||function(d){var g=!1,f=!1,m={initialize:!0,queue:[],sv:"5",version:2,config:d};function v(e,t){var n={},a="Browser";return n[E+"id"]=a[b](),n[E+"type"]=a,n["ai.operation.name"]=S&&S.pathname||"_unknown_",n["ai.internal.sdkVersion"]="javascript:snippet_"+(m.sv||m.version),{time:function(){var e=new Date;function t(e){var t=""+e;return 1===t.length&&(t="0"+t),t}return e.getUTCFullYear()+"-"+t(1+e.getUTCMonth())+"-"+t(e.getUTCDate())+"T"+t(e.getUTCHours())+":"+t(e.getUTCMinutes())+":"+t(e.getUTCSeconds())+"."+((e.getUTCMilliseconds()/1e3).toFixed(3)+"").slice(2,5)+"Z"}(),iKey:e,name:"Microsoft.ApplicationInsights."+e.replace(/-/g,"")+"."+t,sampleRate:100,tags:n,data:{baseData:{ver:2}}}}var h=d.url||y.src;if(h){function a(e){var t,n,a,i,r,o,s,c,u,p,l;g=!0,m.queue=[],f||(f=!0,t=h,s=function(){var e={},t=d.connectionString;if(t)for(var n=t.split(";"),a=0;a<n.length;a++){var i=n[a].split("=");2===i.length&&(e[i[0][b]()]=i[1])}if(!e[C]){var r=e.endpointsuffix,o=r?e.location:null;e[C]="https://"+(o?o+".":"")+"dc."+(r||"services.visualstudio.com")}return e}(),c=s[D]||d[D]||"",u=s[C],p=u?u+"/v2/track":d.endpointUrl,(l=[]).push((n="SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)",a=t,i=p,(o=(r=v(c,"Exception")).data).baseType="ExceptionData",o.baseData.exceptions=[{typeName:"SDKLoadFailed",message:n.replace(/\./g,"-"),hasFullStack:!1,stack:n+"\nSnippet failed to load ["+a+"] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: "+(S&&S.pathname||"_unknown_")+"\nEndpoint: "+i,parsedStack:[]}],r)),l.push(function(e,t,n,a){var i=v(c,"Message"),r=i.data;r.baseType="MessageData";var o=r.baseData;return o.message='AI (Internal): 99 message:"'+("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) ("+n+")").replace(/\"/g,"")+'"',o.properties={endpoint:a},i}(0,0,t,p)),function(e,t){if(JSON){var n=T.fetch;if(n&&!y.useXhr)n(t,{method:N,body:JSON.stringify(e),mode:"cors"});else if(XMLHttpRequest){var a=new XMLHttpRequest;a.open(N,t),a.setRequestHeader("Content-type","application/json"),a.send(JSON.stringify(e))}}}(l,p))}function i(e,t){f||setTimeout(function(){!t&&m.core||a()},500)}var e=function(){var n=l.createElement(k);n.src=h;var e=y[w];return!e&&""!==e||"undefined"==n[w]||(n[w]=e),n.onload=i,n.onerror=a,n.onreadystatechange=function(e,t){"loaded"!==n.readyState&&"complete"!==n.readyState||i(0,t)},n}();y.ld<0?l.getElementsByTagName("head")[0].appendChild(e):setTimeout(function(){l.getElementsByTagName(k)[0].parentNode.appendChild(e)},y.ld||0)}try{m.cookie=l.cookie}catch(p){}function t(e){for(;e.length;)!function(t){m[t]=function(){var e=arguments;g||m.queue.push(function(){m[t].apply(m,e)})}}(e.pop())}var n="track",r="TrackPage",o="TrackEvent";t([n+"Event",n+"PageView",n+"Exception",n+"Trace",n+"DependencyData",n+"Metric",n+"PageViewPerformance","start"+r,"stop"+r,"start"+o,"stop"+o,"addTelemetryInitializer","setAuthenticatedUserContext","clearAuthenticatedUserContext","flush"]),m.SeverityLevel={Verbose:0,Information:1,Warning:2,Error:3,Critical:4};var s=(d.extensionConfig||{}).ApplicationInsightsAnalytics||{};if(!0!==d[I]&&!0!==s[I]){var c="onerror";t(["_"+c]);var u=T[c];T[c]=function(e,t,n,a,i){var r=u&&u(e,t,n,a,i);return!0!==r&&m["_"+c]({message:e,url:t,lineNumber:n,columnNumber:a,error:i}),r},d.autoExceptionInstrumented=!0}return m}(y.cfg);function a(){y.onInit&&y.onInit(n)}(T[t]=n).queue&&0===n.queue.length?(n.queue.push(a),n.trackPageView({})):a()}(window,document,{

package/pdf/cover.html.primary.tmpl

@@ -0,0 +1,46 @@
+{{!Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE file in the project root for full license information.}}
+{{!master(layout/_master.tmpl)}}
+<style>
+.cover-title {
+    text-align: top;
+    font-size: 45px;
+}
+
+h2 {
+    font-size: 24px;
+    padding-top: 5px;
+}
+
+h3 {
+    padding-top: 10px;
+}
+
+ul {
+    list-style: none;
+    margin-left: 5px;
+    padding-left: 5px;
+}
+
+li {
+    padding-left: 1em;
+    text-indent: -1em;
+}
+
+li:before {
+    content: "•";
+    padding-right: 9px;
+}
+
+li > ul > li:before {
+    content: "–";
+    padding-right: 9px;
+    margin-left: 0px;
+}
+
+img {
+    border: none;
+    padding-bottom: 100px;
+}
+</style>
+<div class="cover-title">{{{rawTitle}}}</div>
+<div>{{{conceptual}}}</div>

package/pdf/layout/_master.tmpl

@@ -0,0 +1,22 @@
+{{!Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE file in the project root for full license information.}}
+{{!include(/^styles/.*/)}}
+{{!include(/^fonts/.*/)}}
+<!DOCTYPE html>
+<!--[if IE]><![endif]-->
+<html>
+  <head>
+    <link rel="stylesheet" href="{{_rel}}styles/docfx.vendor.css">
+    <link rel="stylesheet" href="{{_rel}}styles/default.css">
+    <link rel="stylesheet" href="{{_rel}}node_modules/font-awesome/css/font-awesome.min.css">
+    <link rel="stylesheet" href="{{_rel}}node_modules/@healthcatalyst/cashmere/hcicons/css/hcicons.css">
+    <link rel="stylesheet" href="{{_rel}}styles/main.css">
+  </head>
+  <body>
+    <article>
+      {{!body}}
+    </article>
+    <script type="text/javascript" src="{{_rel}}styles/docfx.vendor.js"></script>
+    <script type="text/javascript" src="{{_rel}}styles/docfx.js"></script>
+    <script type="text/javascript" src="{{_rel}}styles/main.js"></script>
+  </body>
+</html>

package/pdf/partials/head.tmpl.partial

@@ -0,0 +1,22 @@
+{{!Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE file in the project root for full license information.}}
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <title>{{#title}}{{title}}{{/title}}{{^title}}{{>partials/title}}{{/title}} {{#_appTitle}}| {{_appTitle}} {{/_appTitle}}</title>
+  <meta name="viewport" content="width=device-width">
+  <meta name="title" content="{{#title}}{{title}}{{/title}}{{^title}}{{>partials/title}}{{/title}} {{#_appTitle}}| {{_appTitle}} {{/_appTitle}}">
+  <meta name="generator" content="docfx {{_docfxVersion}}">
+  {{#_description}}<meta name="description" content="{{_description}}">{{/_description}}
+  <link rel="shortcut icon" href="{{_rel}}{{{_appFaviconPath}}}{{^_appFaviconPath}}favicon.ico{{/_appFaviconPath}}">
+  <link rel="stylesheet" href="{{_rel}}styles/docfx.vendor.css">
+  <link rel="stylesheet" href="{{_rel}}styles/docfx.css">
+  <link rel="stylesheet" href="{{_rel}}node_modules/font-awesome/css/font-awesome.min.css">
+  <link rel="stylesheet" href="{{_rel}}node_modules/@healthcatalyst/cashmere/hcicons/css/hcicons.css">
+  <link rel="stylesheet" href="{{_rel}}styles/main.css">
+  <meta property="docfx:navrel" content="{{_navRel}}">
+  <meta property="docfx:tocrel" content="{{_tocRel}}">
+  {{#_noindex}}<meta name="searchOption" content="noindex">{{/_noindex}}
+  {{#_enableSearch}}<meta property="docfx:rel" content="{{_rel}}">{{/_enableSearch}}
+  {{#_enableNewTab}}<meta property="docfx:newtab" content="true">{{/_enableNewTab}}
+</head>

package/pdf/styles/main.css

@@ -0,0 +1,169 @@
+#cover {
+    border: none;
+    padding-bottom: 150px;
+    width: 300px;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    font-family: 'Segoe UI' !important;
+    page-break-after: avoid;
+    text-transform: none;
+    page-break-after: avoid !important;
+    color: black;
+    font-weight: 600;
+    letter-spacing: 0px;
+}
+
+h2 {
+    font-size: 24px;
+}
+
+h3 {
+    font-size: 18px;
+}
+
+h4 {
+    font-size: 16px;
+}
+
+h5 {
+    font-size: 14px;
+}
+
+h6 {
+    font-size: 12px;
+}
+
+.pb_after_avoid {
+    page-break-after: avoid !important;
+}
+
+html {
+    padding: 50px;
+}
+
+b, strong {
+    font-weight: 600 !important;
+}
+
+code, pre, pre code {
+    font-family: Consolas, monaco, monospace !important;
+    background-color: #f1f1f1 !important;
+}
+
+code {
+    color: #a94c9d;
+    border-radius: 3px;
+    padding: 2px 7px;
+    border: none;
+    font-size: .8em;
+}
+
+pre, pre code {
+    border: 0px;
+    border-radius: 6px;
+    padding: 15px
+}
+
+img {
+    border: solid;
+    border-width: thin;
+    border-color: #D7DDE4;
+}
+
+a {
+    color: #007bb8; 
+}
+
+/* Tables */
+table {
+    margin-top: 20px;
+    margin-bottom: 20px;
+    border-style: none !important;
+}
+
+table th {
+    text-transform: none;
+    letter-spacing: 0px;
+    font-weight: 600;
+    color: #006D9A;
+    font-size: 14px;
+    padding-left: 10px;
+    border-style: none !important;
+}
+
+table>tbody>tr>td,
+table>tbody>tr>th,
+table>tfoot>tr>td,
+table>tfoot>tr>th {
+    vertical-align: top;
+}
+
+table>thead>tr>th {
+    padding: .75em;
+    padding-left: 1em;
+    border-bottom: 1px solid #D7DDE4 !important;
+}
+
+table>tbody>tr {
+    border-bottom: 1px solid #D7DDE4 !important;
+}
+
+table>tbody>tr>td {
+    border-bottom: 1px solid #D7DDE4 !important;
+}
+
+td:nth-of-type(1) {
+    font-weight: 700;
+}
+
+/* Alert callouts */
+.INFO, .TIP, .NOTE, .WARNING, .IMPORTANT, .DANGER {
+    padding-left: 15px;
+    padding-right: 15px;
+    padding-bottom: 5px;
+    padding-top: 10px;
+    background: #E0F5FF;
+    border-radius: 6px;
+    color: black;
+    margin-top: 20px;
+    margin-top: 20px;
+    page-break-inside: avoid !important;
+    font-size: 1em;
+    line-height: 1.6;
+}
+
+.INFO h5, .TIP h5, .NOTE h5, .WARNING h5, .IMPORTANT h5, .DANGER h5 {
+    font-weight: 800;
+    font-size: .9em;
+    border-color: transparent;
+    color: black;
+    background: #E0F5FF;
+    margin-bottom: 0px;
+}
+
+.INFO h5:before, .TIP h5:before, .NOTE h5:before, .WARNING h5:before, .IMPORTANT h5:before, .DANGER h5:before {
+    font-family: 'FontAwesome';
+    font-weight: normal;
+    padding-right: 3px;
+    font-size: .9em;
+    line-height: 1.6;
+    color: black;
+}
+
+.INFO h5:before, .TIP h5:before, .NOTE h5:before {
+    content:"\f05a";
+}
+
+.WARNING h5:before, .IMPORTANT h5:before {
+    content:"\f071";
+}
+
+.DANGER h5:before{
+    content:"\f06a";
+}
+
+/* This code hides cross references in the web app. Corresponding code (.pdf-only) that hides cross references between PDF pages is in /templates/catalyst/styles/main.css. */
+.web-only {
+  display:none;
+}

package/pdf/toc.html.tmpl

@@ -0,0 +1,97 @@
+{{!Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE file in the project root for
+full license information.}} {{!master(layout/_master.tmpl)}}
+<style>
+  .TocNavigationVertical {
+    margin-top: 24px;
+    font-family: 'Segoe UI';
+    margin-left: 25px;
+  }
+
+  .TocNavigationVertical ul {
+    list-style: none;
+    /* Remove list bullets */
+    padding: 0;
+    margin: 0;
+    font-size: 15px;
+  }
+
+  .TocNavigationVertical li {
+    margin-top: 10px;
+    padding-left: 16px;
+  }
+
+  .TocNavigationVertical li:before {
+    content: "";
+    /* Insert content that looks like bullets */
+    padding-right: 8px;
+    color: #007bb8;
+  }
+
+  .TocNavigationVertical a:link {
+    text-decoration: none;
+    color: #007bb8;
+  }
+
+  .TocNavigationVertical a:visited {
+    text-decoration: none;
+    color: #007bb8;
+  }
+
+  .TocHeader {
+    display: table;
+    height: 30px;
+    overflow: hidden;
+    background-color: transparent;
+    width: 100%;
+  }
+
+  .TocHeaderContainer {
+    display: table-cell;
+    vertical-align: middle;
+  }
+
+  h1 {
+    color: black;
+    font-family: 'Segoe UI';
+    display: inline-block;
+    vertical-align: middle;
+    line-height: normal;
+    margin-left: 25px;
+  }
+</style>
+<div class=" TocHeader">
+  <div class="TocHeaderContainer">
+    <h1>Contents</h1>
+  </div>
+</div>
+<div class="TocNavigationVertical" id="toc">
+  <ul class="tocBase tocLevel1">
+    {{#items}}
+    <li>
+      {{# href }}
+      <a class="normal" href="{{ href }}">{{ name }}</a> {{/ href }} {{^ href }}
+      <a class="normal slidedown" style="font-size: 18px; font-weight: 600">{{ name }}</a> {{/ href }} {{# items.0 }}
+      <ul class="tocLevel{{level}}">
+        {{/ items.0 }} {{#items}}
+        <li>
+          {{# href }}
+          <a class="normal" href="{{ href }}">{{ name }}</a> {{/ href }} {{^ href }}
+          <a class="normal slidedown">{{ name }}</a> {{/ href }} {{# items.0 }}
+          <ul class="tocLevel{{level}}">
+            {{/ items.0 }} {{#items}}
+            <li>
+              {{# href }}
+              <a class="normal" href="{{ href }}">{{ name }}</a> {{/ href }} {{^ href }}
+              <a class="normal slidedown">{{ name }}</a> {{/ href }}
+            </li>
+            {{/items}} {{# items.0 }}
+          </ul>
+          {{/ items.0 }}
+        </li>
+        {{/items}} {{# items.0 }}
+      </ul>
+      {{/ items.0 }}
+    </li>
+    {{/items}}
+  </ul>
+</div>

package/styles/main.css

@@ -1641,4 +1641,132 @@ a.anchor {
 pre {
     /* Avoid pushing up the copy buttons. */
     /* margin: 0; */
+}
+
+/* This code hides cross references between PDF pages. Corresponding code (.web-only) that hides cross references in the web app is in /templates/pdf/styles/main.css. */
+.pdf-only {
+    display: none;
+}
+
+/*
+  .sidetoc, .sidefilter {
+    margin-top: 56px;
+  }
+  */
+
+.statusMessage {
+    background-color: #aae2c8;
+    font-size: 13.5px;
+    font-weight: 600;
+    padding-top: 15px;
+    padding-bottom: 20px;
+    padding-right: 15px;
+    margin-top: -16px;
+    margin-right: 16px;
+    margin-left: -40px;
+    margin-bottom: 10px;
+    padding-left: 5em;
+    text-indent: -5em;
+}
+
+#statusIcon {
+    font-size: 24px;
+    margin-left: 100px;
+    transform: translate(0, 5px);
+    margin-right: -36px;
+}
+
+.toc-deprecated:before {
+    content: 'Deprecated' !important;
+    background-color: #d7dde4;
+    color: #333;
+    border-radius: 3px;
+    font-size: 9px;
+    text-transform: uppercase;
+    font-weight: 600;
+    letter-spacing: 0.15px;
+    margin-left: 0px;
+    margin-top: 4px;
+    margin-bottom: 4px;
+    margin-right: 4px;
+    padding: 3px 7px 3px 10px;
+    position: relative;
+    top: -1px;
+}
+
+/* "Page has moved/is obsolete" banner at top of page */
+
+#nextWarning {
+    background-color: #ffdbb7;
+    font-size: 12px;
+    font-weight: 400;
+    height: 35px;
+}
+
+#nextWarning p {
+    text-align: center;
+    margin: auto;
+    font-size: 13.5px;
+    font-weight: 600;
+}
+
+#nextWarningToc {
+    margin-top: 56px;
+}
+
+/* Which DOS versions apply to page */
+
+#tag {
+    font-size: 13.5px;
+    font-weight: 600;
+    padding-top: 15px;
+    padding-bottom: 15px;
+    padding-right: 15px;
+    padding-left: 15px;
+    margin-top: -16px !important;
+    margin-left: -50px;
+    margin-bottom: 10px !important;
+    margin-right: 15px;
+    text-indent: 4em;
+    background: #d6f3ff;
+}
+
+#version {
+    padding-left: 12px;
+    font-weight: 400;
+}
+
+#success-checkmark {
+    background: #00aeff;
+    color: white;
+    padding: 1px 4px;
+    border-radius: 50%;
+    padding-right: 1px;
+    margin-right: 8px;
+}
+
+#version-bump {
+    padding-right: 15px;
+}
+
+/* Styles a message in a line anywhere in the document with {{ term }} - see main.js */
+
+.message {
+    font-size: 13.5px;
+    font-weight: 600;
+    padding-top: 8px;
+    padding-bottom: 8px;
+    padding-left: 15px;
+    margin-top: 35px;
+    margin-bottom: -5px;
+    text-indent: 2em;
+    background: #d6f3ff;
+    display: inline-block;
+    width: 100%;
+}
+
+.message > .fa:before {
+    margin-left: -52px;
+    padding-right: 10px;
+    color: #00aeff;
 }

package/styles/main.js

@@ -136,46 +136,64 @@ copyCode.on('success', function(event) {
 
 // Replace {{ keys }} with plain-text values in sourcedContent/terms.json at directory root
 
-var terms = (function() {
+var terms = (function () {
     var json = null;
+    var baseUrl = window.location.origin;
+    console.log(baseUrl);
     $.ajax({
-        async: false,
-        global: false,
-        url: '../../sourcedContent/terms.json',
-        dataType: 'json',
-        success: function(data) {
-            json = data;
-        }
+      async: false,
+      global: false,
+      url: baseUrl + "/sourcedContent/terms.json",
+      dataType: "json",
+      success: function (data) {
+        json = data;
+      },
     });
+
     for (let [key, value] of Object.entries(json)) {
-        // console.log(`${key}: ${value}`);
-        var toReplace = '{{ ' + key + ' }}';
-        var replaceWith = value;
-        document.body.innerHTML = document.body.innerHTML.replace(toReplace, replaceWith);
+       console.log(`${key}: ${value}`);
+      var toReplace = "{{ " + key + " }}";
+      var replaceWith = value;
+      document.body.innerHTML = document.body.innerHTML.replace(
+        toReplace,
+        replaceWith
+      );
     }
     return terms;
-})();
-
-// Replace {{ keys }} with icon and message banner from sourcedContent/messages.json at directory root
-
-var messages = (function() {
+  })();
+  
+  // Replace {{ keys }} with icon and message banner from sourcedContent/messages.json at directory root
+  
+  var messages = (function () {
     var json = null;
+    var baseUrl = window.location.origin;
+    console.log(baseUrl)
     $.ajax({
-        async: false,
-        global: false,
-        url: '../../sourcedContent/messages.json',
-        dataType: 'json',
-        success: function(data) {
-            json = data;
-        }
+      async: false,
+      global: false,
+      url: baseUrl + "/sourcedContent/messages.json",
+      dataType: "json",
+      success: function (data) {
+        json = data;
+      },
     });
     for (var k in json) {
-        var o = json[k];
-        // console.log(o.message);
-        // console.log(o.icon);
-        var toReplace = '{{ ' + k + ' }}';
-        var replaceWith = '<p class="message">' + '<i class="fa ' + o.icon + '"></i>' + o.message + '</p>';
-        document.body.innerHTML = document.body.innerHTML.replace(toReplace, replaceWith);
+      var o = json[k];
+      // console.log(o.message);
+      // console.log(o.icon);
+      var toReplace = "{{ " + k + " }}";
+      var replaceWith =
+        '<p class="message">' +
+        '<i class="fa ' +
+        o.icon +
+        '"></i>' +
+        o.message +
+        "</p>";
+      document.body.innerHTML = document.body.innerHTML.replace(
+        toReplace,
+        replaceWith
+      );
     }
     return messages;
-})();
+  })();
+