add back "relative_path" - looks like its required for github pages

jeperry · Apr 2, 2018 · 831a226 · 831a226
1 parent 4bdb870
commit 831a226
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 11 deletions.
diff --git a/_includes/header.html b/_includes/header.html
@@ -6,18 +6,18 @@
     <meta name="description" content="Syndesis UX design tracker">
     <meta name="author" content="Syndesis UX Team">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <link rel="shortcut icon" href="/assets/img/favicon.png">
+    <link rel="shortcut icon" href="{{ page.relative_path }}/assets/img/favicon.png">
     <title>{% if page.title %}{{ page.title }}{% endif %}</title>
     <!-- link to main stylesheet -->
-    <link rel="stylesheet" type="text/css" href="/assets/css/styles.css">
+    <link rel="stylesheet" type="text/css" href="{{ page.relative_path }}/assets/css/styles.css">
     <!-- jQuery -->
-    <script src="/assets/js/vendor/jquery.min.js"></script>
+    <script src="{{ page.relative_path }}/assets/js/vendor/jquery.min.js"></script>
     <!-- Bootstrap JS -->
-    <script src="/assets/js/vendor/bootstrap.min.js"></script>
+    <script src="{{ page.relative_path }}/assets/js/vendor/bootstrap.min.js"></script>
     <!-- PatternFly JS -->
-    <script src="/assets/js/vendor/patternfly.min.js"></script>
+    <script src="{{ page.relative_path }}/assets/js/vendor/patternfly.min.js"></script>
     <!-- Site JS -->
-    <script src="/assets/js/designSearch.js"></script>
-    <script src="/assets/js/designSort.js"></script>
+    <script src="{{ page.relative_path }}/assets/js/designSearch.js"></script>
+    <script src="{{ page.relative_path }}/assets/js/designSort.js"></script>
   </head>
   <body>
diff --git a/_includes/nav.html b/_includes/nav.html
@@ -8,21 +8,21 @@
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="/">
-        <img alt="brand" src="/assets/img/icon.png" alt="UXD" width="25px">
+      <a class="navbar-brand" href="{{ page.relative_path }}">
+        <img alt="brand" src="{{ page.relative_path }}/assets/img/icon.png" alt="UXD" width="25px">
       </a>
     </div>
     <!-- Collect the nav links, forms, and other content for toggling -->
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
       <ul class="nav navbar-nav">
         <li {% if page.navbar_active == "home" %} class="active"{% endif %}>
-          <a href="/">Home</a>
+          <a href="{{ page.relative_path }}">Home</a>
         </li>
         <li>
           <a href="https://github.com/syndesisio/syndesis/tree/master/ux/connections_icons">Icons</a>
         </li>
         <li {% if page.navbar_active == "style-guide" %} class="active"{% endif %}>
-          <a href="/style-guide">Style Guide</a>
+          <a href="{{ page.relative_path }}/style-guide">Style Guide</a>
         </li>
         <!--
         <li class="dropdown">

diff --git a/index.md b/index.md
@@ -2,6 +2,7 @@
 layout: designs
 title: Syndesis UX Design Tracker
 navbar_active: home
+relative_path: ./
 ---
 
 | <a href="javascript:SortTable(0);" id="designTableTitle" class="sort">Design | <a href="javascript:SortTable(1);" id="designTableType" class="sort">Type</a> | <a href="javascript:SortTable(2);" id="designTableDesigner" class="sort">Designer</a> | <a href="javascript:SortTable(3);" id="designTableStatus" class="sort">Status<a/> | <a href="javascript:SortTable(4, 'D', 'mdy');" id="designTableUpdate" class="sort">Last Updated</a> | <span id="designTableWILinks">Work Item Link</span>

diff --git a/style-guide.md b/style-guide.md
@@ -2,6 +2,7 @@
 layout: designs
 title: Syndesis Style Guide
 navbar_active: style-guide
+relative_path: ./
 ---
 
 Coming soon...