build with absolutePath fix

AudiLiew · Mar 26, 2020 · 32e4081 · 32e4081
1 parent 9ed433f
commit 32e4081
Show file tree

Hide file tree

Showing 4 changed files with 58 additions and 55 deletions.
diff --git a/docs/denni/index.html b/docs/denni/index.html
@@ -8,13 +8,13 @@
 
 
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-  <link rel="canonical" href="https://www.jainlo.com/denni/">
+  <link rel="canonical" href="https://audiliew.github.io/jfolio/denni/">
 
   <link rel="dns-prefetch" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
 
   <link href="https://fonts.googleapis.com/css?family=El+Messiri&display=swap" rel="stylesheet">
-  <link rel="stylesheet" href="/assets/main.css">
+  <link rel="stylesheet" href="/jfolio/assets/main.css">
 
   <script>document.documentElement.className="js"</script>
 
@@ -25,21 +25,21 @@
 
   <header id="mainHeader" class="mainHeader">
   <div class="container">
-    <div class="navbar-logo"><a href="/">Jain Lo</a></div>
+    <div class="navbar-logo"><a href="/jfolio/">Jain Lo</a></div>
     <nav>
 
 <ul id="navbar-menu" class="navbar-menu">
   <li class="navbar-menu__item has-dropdown is-hoverable">
     <a href="#" data-toggle="dropdown">Works <span class="navbar-dropdown-arrow"></span></a>
     <ul class="navbar-dropdown">
       <li class="is-active">
-        <a href="/denni/">Denni</a>
+        <a href="/jfolio/denni/">Denni</a>
       </li>
       <li>
-        <a href="/pmo/">PMO</a>
+        <a href="/jfolio/pmo/">PMO</a>
       </li>
       <li>
-        <a href="/shoe-salon/">Shoe Salon</a>
+        <a href="/jfolio/shoe-salon/">Shoe Salon</a>
       </li> 
     </ul>
   </li>
@@ -50,8 +50,9 @@
 </header>
   <main class="mainContent" data-barba="wrapper">
     <div class="" data-barba="container">
-      <div class="hero bannerParallax" style="background-image:url(/assets/img//denni/hero.jpg)">
-  <img src="/assets/img//denni/hero.jpg">
+
+<div class="hero bannerParallax" style="background-image:url(/jfolio/assets/img/denni/hero.jpg)">
+  <img src="/jfolio/assets/img/denni/hero.jpg">
 </div>
 <div class="post-wrap">
   <div class="container">
@@ -69,11 +70,11 @@ <h1 class="post-header__title">Denni</h1>
 
     </header>
     <div class="post-content">
-      <figure class=" noMarginBottom"><figcaption>Denni Corporate Identity - Concept, layout, and photography art direction</figcaption><img class="" src="/assets/img/denni/denni-1.jpg"></figure>
-<figure class=" noMarginBottom"><img class="" src="/assets/img/denni/denni-2.jpg"></figure>
-<figure class=""><img class="" src="/assets/img/denni/denni-3.jpg"></figure>
-<figure class="isShort noMarginBottom"><img class="" src="/assets/img/denni/denni-4.jpg"></figure>
-<figure class="stack stack--two"><img src="/assets/img/denni/denni-5.jpg" class="stack__item"><img src="/assets/img/denni/denni-6.jpg" class="stack__item"><img src="/assets/img/denni/denni-7.jpg" class="stack__item"><img src="/assets/img/denni/denni-8.jpg" class="stack__item"><img src="/assets/img/denni/denni-9.jpg" class="stack__item"><img src="/assets/img/denni/denni-10.jpg" class="stack__item"></figure>
+      <figure class=" noMarginBottom"><figcaption>Denni Corporate Identity - Concept, layout, and photography art direction</figcaption><img class="" src="/jfolio/assets/imgdenni/denni-1.jpg"></figure>
+<figure class=" noMarginBottom"><img class="" src="/jfolio/assets/imgdenni/denni-2.jpg"></figure>
+<figure class=""><img class="" src="/jfolio/assets/imgdenni/denni-3.jpg"></figure>
+<figure class="isShort noMarginBottom"><img class="" src="/jfolio/assets/imgdenni/denni-4.jpg"></figure>
+<figure class="stack stack--two"><img src="/jfolio/assets/imgdenni/denni-5.jpg" class="stack__item"><img src="/jfolio/assets/imgdenni/denni-6.jpg" class="stack__item"><img src="/jfolio/assets/imgdenni/denni-7.jpg" class="stack__item"><img src="/jfolio/assets/imgdenni/denni-8.jpg" class="stack__item"><img src="/jfolio/assets/imgdenni/denni-9.jpg" class="stack__item"><img src="/jfolio/assets/imgdenni/denni-10.jpg" class="stack__item"></figure>
     </div>
   </div>
 </div>
@@ -91,7 +92,7 @@ <h1 class="post-header__title">Denni</h1>
     <div id="transition__plate" class="transition__plate"></div>
     <div id="transition__bg" class="transition__bg"></div>
   </div>
-  <script src='/assets/main.js'></script>
+  <script src='/jfolio/assets/main.js'></script>
 </body>
 </html>
 
diff --git a/docs/index.html b/docs/index.html
@@ -10,13 +10,13 @@
   <meta name="description" content="This is the beginning of something beautiful">    
 
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-  <link rel="canonical" href="https://www.jainlo.com/">
+  <link rel="canonical" href="https://audiliew.github.io/jfolio/">
 
   <link rel="dns-prefetch" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
 
   <link href="https://fonts.googleapis.com/css?family=El+Messiri&display=swap" rel="stylesheet">
-  <link rel="stylesheet" href="/assets/main.css">
+  <link rel="stylesheet" href="/jfolio/assets/main.css">
 
   <script>document.documentElement.className="js"</script>
 
@@ -27,21 +27,21 @@
 
   <header id="mainHeader" class="mainHeader">
   <div class="container">
-    <div class="navbar-logo"><a href="/">Jain Lo</a></div>
+    <div class="navbar-logo"><a href="/jfolio/">Jain Lo</a></div>
     <nav>
 
 <ul id="navbar-menu" class="navbar-menu">
   <li class="navbar-menu__item has-dropdown is-hoverable">
     <a href="#" data-toggle="dropdown">Works <span class="navbar-dropdown-arrow"></span></a>
     <ul class="navbar-dropdown">
       <li>
-        <a href="/denni/">Denni</a>
+        <a href="/jfolio/denni/">Denni</a>
       </li>
       <li>
-        <a href="/pmo/">PMO</a>
+        <a href="/jfolio/pmo/">PMO</a>
       </li>
       <li>
-        <a href="/shoe-salon/">Shoe Salon</a>
+        <a href="/jfolio/shoe-salon/">Shoe Salon</a>
       </li> 
     </ul>
   </li>
@@ -56,20 +56,20 @@
 
 <div class="container">
   <div class="work-wrap"><div class="work short">
-      <a href="/shoe-salon/" class="work__link">
-        <div class="work__preview"><img src="/assets/img/shoe-salon/preview.jpg" alt="Shoe Salon preview"></div>
+      <a href="/jfolio/shoe-salon/" class="work__link">
+        <div class="work__preview"><img src="/jfolio/assets/imgshoe-salon/preview.jpg" alt="Shoe Salon preview"></div>
         <div class="work__title">Shoe Salon</div>
         <div class="work__type">Logo and Ads</div>
       </a>
     </div><div class="work short">
-      <a href="/pmo/" class="work__link">
-        <div class="work__preview"><img src="/assets/img/pmo/preview.jpg" alt="Prime Minister’s Office preview"></div>
+      <a href="/jfolio/pmo/" class="work__link">
+        <div class="work__preview"><img src="/jfolio/assets/imgpmo/preview.jpg" alt="Prime Minister’s Office preview"></div>
         <div class="work__title">Prime Minister’s Office</div>
         <div class="work__type">Invitation Cards</div>
       </a>
     </div><div class="work short">
-      <a href="/denni/" class="work__link">
-        <div class="work__preview"><img src="/assets/img/denni/preview.jpg" alt="Denni preview"></div>
+      <a href="/jfolio/denni/" class="work__link">
+        <div class="work__preview"><img src="/jfolio/assets/imgdenni/preview.jpg" alt="Denni preview"></div>
         <div class="work__title">Denni</div>
         <div class="work__type">Corporate Identity</div>
       </a>
@@ -89,7 +89,7 @@
     <div id="transition__plate" class="transition__plate"></div>
     <div id="transition__bg" class="transition__bg"></div>
   </div>
-  <script src='/assets/main.js'></script>
+  <script src='/jfolio/assets/main.js'></script>
 </body>
 </html>
 
diff --git a/docs/pmo/index.html b/docs/pmo/index.html
@@ -8,13 +8,13 @@
 
 
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-  <link rel="canonical" href="https://www.jainlo.com/pmo/">
+  <link rel="canonical" href="https://audiliew.github.io/jfolio/pmo/">
 
   <link rel="dns-prefetch" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
 
   <link href="https://fonts.googleapis.com/css?family=El+Messiri&display=swap" rel="stylesheet">
-  <link rel="stylesheet" href="/assets/main.css">
+  <link rel="stylesheet" href="/jfolio/assets/main.css">
 
   <script>document.documentElement.className="js"</script>
 
@@ -25,21 +25,21 @@
 
   <header id="mainHeader" class="mainHeader">
   <div class="container">
-    <div class="navbar-logo"><a href="/">Jain Lo</a></div>
+    <div class="navbar-logo"><a href="/jfolio/">Jain Lo</a></div>
     <nav>
 
 <ul id="navbar-menu" class="navbar-menu">
   <li class="navbar-menu__item has-dropdown is-hoverable">
     <a href="#" data-toggle="dropdown">Works <span class="navbar-dropdown-arrow"></span></a>
     <ul class="navbar-dropdown">
       <li>
-        <a href="/denni/">Denni</a>
+        <a href="/jfolio/denni/">Denni</a>
       </li>
       <li class="is-active">
-        <a href="/pmo/">PMO</a>
+        <a href="/jfolio/pmo/">PMO</a>
       </li>
       <li>
-        <a href="/shoe-salon/">Shoe Salon</a>
+        <a href="/jfolio/shoe-salon/">Shoe Salon</a>
       </li> 
     </ul>
   </li>
@@ -50,8 +50,9 @@
 </header>
   <main class="mainContent" data-barba="wrapper">
     <div class="" data-barba="container">
-      <div class="hero bannerParallax" style="background-image:url(/assets/img//pmo/hero.jpg)">
-  <img src="/assets/img//pmo/hero.jpg">
+
+<div class="hero bannerParallax" style="background-image:url(/jfolio/assets/img/pmo/hero.jpg)">
+  <img src="/jfolio/assets/img/pmo/hero.jpg">
 </div>
 <div class="post-wrap">
   <div class="container">
@@ -69,12 +70,12 @@ <h1 class="post-header__title">Prime Minister’s Office</h1>
 
     </header>
     <div class="post-content">
-      <figure class=""><figcaption>Line drawing of the Istana - Used on stationery and PMO’s prepaid stamp</figcaption><img class="" src="/assets/img/pmo/pmo-1.jpg"></figure>
-<figure class=" noMarginBottom"><figcaption>2015 Lunar New Year reception invite</figcaption><img class="" src="/assets/img/pmo/pmo-2.jpg"></figure>
-<figure class=" noMarginBottom"><img class="" src="/assets/img/pmo/pmo-3.jpg"></figure>
-<figure class=""><img class="" src="/assets/img/pmo/pmo-4.jpg"></figure>
-<figure class=" noMarginBottom"><figcaption>2016 Lunar New Year reception invite</figcaption><img class="" src="/assets/img/pmo/pmo-5.jpg"></figure>
-<figure class=""><img class="" src="/assets/img/pmo/pmo-6.jpg"></figure>
+      <figure class=""><figcaption>Line drawing of the Istana - Used on stationery and PMO’s prepaid stamp</figcaption><img class="" src="/jfolio/assets/imgpmo/pmo-1.jpg"></figure>
+<figure class=" noMarginBottom"><figcaption>2015 Lunar New Year reception invite</figcaption><img class="" src="/jfolio/assets/imgpmo/pmo-2.jpg"></figure>
+<figure class=" noMarginBottom"><img class="" src="/jfolio/assets/imgpmo/pmo-3.jpg"></figure>
+<figure class=""><img class="" src="/jfolio/assets/imgpmo/pmo-4.jpg"></figure>
+<figure class=" noMarginBottom"><figcaption>2016 Lunar New Year reception invite</figcaption><img class="" src="/jfolio/assets/imgpmo/pmo-5.jpg"></figure>
+<figure class=""><img class="" src="/jfolio/assets/imgpmo/pmo-6.jpg"></figure>
     </div>
   </div>
 </div>
@@ -92,7 +93,7 @@ <h1 class="post-header__title">Prime Minister’s Office</h1>
     <div id="transition__plate" class="transition__plate"></div>
     <div id="transition__bg" class="transition__bg"></div>
   </div>
-  <script src='/assets/main.js'></script>
+  <script src='/jfolio/assets/main.js'></script>
 </body>
 </html>
 
diff --git a/docs/shoe-salon/index.html b/docs/shoe-salon/index.html
@@ -8,13 +8,13 @@
 
 
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-  <link rel="canonical" href="https://www.jainlo.com/shoe-salon/">
+  <link rel="canonical" href="https://audiliew.github.io/jfolio/shoe-salon/">
 
   <link rel="dns-prefetch" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
 
   <link href="https://fonts.googleapis.com/css?family=El+Messiri&display=swap" rel="stylesheet">
-  <link rel="stylesheet" href="/assets/main.css">
+  <link rel="stylesheet" href="/jfolio/assets/main.css">
 
   <script>document.documentElement.className="js"</script>
 
@@ -25,21 +25,21 @@
 
   <header id="mainHeader" class="mainHeader">
   <div class="container">
-    <div class="navbar-logo"><a href="/">Jain Lo</a></div>
+    <div class="navbar-logo"><a href="/jfolio/">Jain Lo</a></div>
     <nav>
 
 <ul id="navbar-menu" class="navbar-menu">
   <li class="navbar-menu__item has-dropdown is-hoverable">
     <a href="#" data-toggle="dropdown">Works <span class="navbar-dropdown-arrow"></span></a>
     <ul class="navbar-dropdown">
       <li>
-        <a href="/denni/">Denni</a>
+        <a href="/jfolio/denni/">Denni</a>
       </li>
       <li>
-        <a href="/pmo/">PMO</a>
+        <a href="/jfolio/pmo/">PMO</a>
       </li>
       <li class="is-active">
-        <a href="/shoe-salon/">Shoe Salon</a>
+        <a href="/jfolio/shoe-salon/">Shoe Salon</a>
       </li> 
     </ul>
   </li>
@@ -50,8 +50,9 @@
 </header>
   <main class="mainContent" data-barba="wrapper">
     <div class="" data-barba="container">
-      <div class="hero bannerParallax" style="background-image:url(/assets/img//shoe-salon/hero.jpg)">
-  <img src="/assets/img//shoe-salon/hero.jpg">
+
+<div class="hero bannerParallax" style="background-image:url(/jfolio/assets/img/shoe-salon/hero.jpg)">
+  <img src="/jfolio/assets/img/shoe-salon/hero.jpg">
 </div>
 <div class="post-wrap">
   <div class="container">
@@ -69,10 +70,10 @@ <h1 class="post-header__title">Shoe Salon</h1>
 
     </header>
     <div class="post-content">
-      <figure class=""><figcaption>The Shoe Salon logo design</figcaption><img class="" src="/assets/img/shoe-salon/shoe-salon-1.jpg"></figure>
-<figure class=""><figcaption><i>Her World</i> magazine Ad - Chloé<br>Concept and digital imagine</figcaption><img class="" src="/assets/img/shoe-salon/shoe-salon-2.jpg"></figure>
-<figure class=""><figcaption>Newspaper Ad - Concept and digital imaging</figcaption><img class="" src="/assets/img/shoe-salon/shoe-salon-3.jpg"></figure>
-<figure class="stack stack--three"><figcaption>Other Ads in the series (by colleagues)</figcaption><img src="/assets/img/shoe-salon/shoe-salon-4.jpg" class="stack__item border"><img src="/assets/img/shoe-salon/shoe-salon-5.jpg" class="stack__item border"><img src="/assets/img/shoe-salon/shoe-salon-6.jpg" class="stack__item border"></figure>
+      <figure class=""><figcaption>The Shoe Salon logo design</figcaption><img class="" src="/jfolio/assets/imgshoe-salon/shoe-salon-1.jpg"></figure>
+<figure class=""><figcaption><i>Her World</i> magazine Ad - Chloé<br>Concept and digital imagine</figcaption><img class="" src="/jfolio/assets/imgshoe-salon/shoe-salon-2.jpg"></figure>
+<figure class=""><figcaption>Newspaper Ad - Concept and digital imaging</figcaption><img class="" src="/jfolio/assets/imgshoe-salon/shoe-salon-3.jpg"></figure>
+<figure class="stack stack--three"><figcaption>Other Ads in the series (by colleagues)</figcaption><img src="/jfolio/assets/imgshoe-salon/shoe-salon-4.jpg" class="stack__item border"><img src="/jfolio/assets/imgshoe-salon/shoe-salon-5.jpg" class="stack__item border"><img src="/jfolio/assets/imgshoe-salon/shoe-salon-6.jpg" class="stack__item border"></figure>
     </div>
   </div>
 </div>
@@ -90,7 +91,7 @@ <h1 class="post-header__title">Shoe Salon</h1>
     <div id="transition__plate" class="transition__plate"></div>
     <div id="transition__bg" class="transition__bg"></div>
   </div>
-  <script src='/assets/main.js'></script>
+  <script src='/jfolio/assets/main.js'></script>
 </body>
 </html>