Build with title changes, next/prev links, menu amendments

AudiLiew · Apr 1, 2020 · 73dca24 · 73dca24
1 parent 99d492d
commit 73dca24
Show file tree

Hide file tree

Showing 9 changed files with 315 additions and 54 deletions.
diff --git a/docs/assets/main.css b/docs/assets/main.css
diff --git a/docs/denni/index.html b/docs/denni/index.html
@@ -34,13 +34,13 @@
         <a href="/jfolio/denni/">Denni</a>
       </li>
       <li>
-        <a href="/jfolio/jipl-harry/">JIPL Harry</a>
+        <a href="/jfolio/jipl-harry/">Japan IPL Express</a>
       </li>
       <li>
         <a href="/jfolio/logofolio/">Logo Folio</a>
       </li>
       <li>
-        <a href="/jfolio/pmo/">PMO</a>
+        <a href="/jfolio/pmo/">Prime Minister’s Office</a>
       </li>
       <li>
         <a href="/jfolio/shoe-salon/">Shoe Salon</a>
@@ -49,7 +49,7 @@
         <a href="/jfolio/taka/">Takashimaya</a>
       </li>
       <li>
-        <a href="/jfolio/taka23anniversary/">Taka Anniversary</a>
+        <a href="/jfolio/taka23anniversary/">Takashimaya Anniversary</a>
       </li> 
     </ul>
   </li>
@@ -78,16 +78,49 @@ <h1 class="post-header__title">Denni</h1>
         <p class="post-header__intro">This is intro Culpa voluptatem optio ipsam quisquam maxime nihil nisi reprehenderit nam labore quo animi, autem adipisci explicabo fugit exercitationem deserunt nobis minima magni tempora eum est aliquid. Reiciendis accusamus nam voluptatum dicta tenetur</p>        
       </div>
 
-    </header>
+    </header><!-- // post-header -->
     <div class="post-content">
       <figure class=" noMarginBottom"><figcaption>Denni Corporate Identity - Concept, layout, and photography art direction</figcaption><img class="" src="/jfolio/assets/img/denni/denni-1.jpg"></figure>
 <figure class=" noMarginBottom"><img class="" src="/jfolio/assets/img/denni/denni-2.jpg"></figure>
 <figure class=""><img class="" src="/jfolio/assets/img/denni/denni-3.jpg"></figure>
 <figure class="isShort noMarginBottom"><img class="" src="/jfolio/assets/img/denni/denni-4.jpg"></figure>
 <figure class="stack stack--two"><img src="/jfolio/assets/img/denni/denni-5.jpg" class="stack__item"><img src="/jfolio/assets/img/denni/denni-6.jpg" class="stack__item"><img src="/jfolio/assets/img/denni/denni-7.jpg" class="stack__item"><img src="/jfolio/assets/img/denni/denni-8.jpg" class="stack__item"><img src="/jfolio/assets/img/denni/denni-9.jpg" class="stack__item"><img src="/jfolio/assets/img/denni/denni-10.jpg" class="stack__item"></figure>
+    </div><!-- // post-content -->
+    <div class="post-pagination pagination">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    <div class="pagination__button pagination__button--prev">
+      <div class="pagination__type">Previous</div>
+      <a class="pagination__link" href="/jfolio/jipl-harry/">Japan IPL Express</a>
     </div>
-  </div>
-</div>
+
+
+
+    </div><!-- // post-pagination -->
+  </div><!-- // container -->
+</div><!-- // post-wrap -->
     </div>
   </main>
 

diff --git a/docs/index.html b/docs/index.html
@@ -36,13 +36,13 @@
         <a href="/jfolio/denni/">Denni</a>
       </li>
       <li>
-        <a href="/jfolio/jipl-harry/">JIPL Harry</a>
+        <a href="/jfolio/jipl-harry/">Japan IPL Express</a>
       </li>
       <li>
         <a href="/jfolio/logofolio/">Logo Folio</a>
       </li>
       <li>
-        <a href="/jfolio/pmo/">PMO</a>
+        <a href="/jfolio/pmo/">Prime Minister’s Office</a>
       </li>
       <li>
         <a href="/jfolio/shoe-salon/">Shoe Salon</a>
@@ -51,7 +51,7 @@
         <a href="/jfolio/taka/">Takashimaya</a>
       </li>
       <li>
-        <a href="/jfolio/taka23anniversary/">Taka Anniversary</a>
+        <a href="/jfolio/taka23anniversary/">Takashimaya Anniversary</a>
       </li> 
     </ul>
   </li>
@@ -67,14 +67,14 @@
 <div class="container">
   <div class="work-wrap"><div class="work short">
       <a href="/jfolio/taka23anniversary/" class="work__link">
-        <div class="work__preview"><img src="/jfolio/assets/img/taka23anniversary/preview.jpg" alt="Takashimaya preview"></div>
-        <div class="work__title">Takashimaya</div>
+        <div class="work__preview"><img src="/jfolio/assets/img/taka23anniversary/preview.jpg" alt="Takashimaya Anniversary preview"></div>
+        <div class="work__title">Takashimaya Anniversary</div>
         <div class="work__type">23rd Anniversary Campaign</div>
       </a>
     </div><div class="work short">
       <a href="/jfolio/taka/" class="work__link">
-        <div class="work__preview"><img src="/jfolio/assets/img/taka/preview.jpg" alt="Takashimaya Department Store preview"></div>
-        <div class="work__title">Takashimaya Department Store</div>
+        <div class="work__preview"><img src="/jfolio/assets/img/taka/preview.jpg" alt="Takashimaya preview"></div>
+        <div class="work__title">Takashimaya</div>
         <div class="work__type">Selected works &amp; campaigns</div>
       </a>
     </div><div class="work short">

diff --git a/docs/jipl-harry/index.html b/docs/jipl-harry/index.html
@@ -34,13 +34,13 @@
         <a href="/jfolio/denni/">Denni</a>
       </li>
       <li class="is-active">
-        <a href="/jfolio/jipl-harry/">JIPL Harry</a>
+        <a href="/jfolio/jipl-harry/">Japan IPL Express</a>
       </li>
       <li>
         <a href="/jfolio/logofolio/">Logo Folio</a>
       </li>
       <li>
-        <a href="/jfolio/pmo/">PMO</a>
+        <a href="/jfolio/pmo/">Prime Minister’s Office</a>
       </li>
       <li>
         <a href="/jfolio/shoe-salon/">Shoe Salon</a>
@@ -49,7 +49,7 @@
         <a href="/jfolio/taka/">Takashimaya</a>
       </li>
       <li>
-        <a href="/jfolio/taka23anniversary/">Taka Anniversary</a>
+        <a href="/jfolio/taka23anniversary/">Takashimaya Anniversary</a>
       </li> 
     </ul>
   </li>
@@ -78,7 +78,7 @@ <h1 class="post-header__title">Japan IPL Express</h1>
         <p class="post-header__intro">This is intro Culpa voluptatem optio ipsam quisquam maxime nihil nisi reprehenderit nam labore quo animi, autem adipisci explicabo fugit exercitationem deserunt nobis minima magni tempora eum est aliquid. Reiciendis accusamus nam voluptatum dicta tenetur</p>        
       </div>
 
-    </header>
+    </header><!-- // post-header -->
     <div class="post-content">
       <figure class=""><img class="" src="/jfolio/assets/img/jipl-harry/jipl-harry-1.jpg"></figure>
 <figure class="isMedium"><img class="" src="/jfolio/assets/img/jipl-harry/jipl-harry-2.jpg"></figure>
@@ -88,9 +88,48 @@ <h1 class="post-header__title">Japan IPL Express</h1>
 <figure class="isMedium"><img class="" src="/jfolio/assets/img/jipl-harry/jipl-harry-6.jpg"></figure>
 <figure class="isMedium"><img class="" src="/jfolio/assets/img/jipl-harry/jipl-harry-7.jpg"></figure>
 <figure class="stack stack--three"><img src="/jfolio/assets/img/jipl-harry/jipl-harry-8.jpg" class="stack__item"><img src="/jfolio/assets/img/jipl-harry/jipl-harry-9.jpg" class="stack__item"><img src="/jfolio/assets/img/jipl-harry/jipl-harry-10.jpg" class="stack__item"><img src="/jfolio/assets/img/jipl-harry/jipl-harry-11.jpg" class="stack__item"><img src="/jfolio/assets/img/jipl-harry/jipl-harry-12.jpg" class="stack__item"><img src="/jfolio/assets/img/jipl-harry/jipl-harry-13.jpg" class="stack__item"><img src="/jfolio/assets/img/jipl-harry/jipl-harry-14.jpg" class="stack__item"><img src="/jfolio/assets/img/jipl-harry/jipl-harry-15.jpg" class="stack__item"><img src="/jfolio/assets/img/jipl-harry/jipl-harry-16.jpg" class="stack__item"><img src="/jfolio/assets/img/jipl-harry/jipl-harry-17.jpg" class="stack__item"><img src="/jfolio/assets/img/jipl-harry/jipl-harry-18.jpg" class="stack__item"><img src="/jfolio/assets/img/jipl-harry/jipl-harry-19.jpg" class="stack__item"></figure>
+    </div><!-- // post-content -->
+    <div class="post-pagination pagination">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    <div class="pagination__button pagination__button--prev">
+      <div class="pagination__type">Previous</div>
+      <a class="pagination__link" href="/jfolio/logofolio/">Logo Folio</a>
     </div>
-  </div>
-</div>
+
+
+
+
+    <div class="pagination__button pagination__button--next">
+      <div class="pagination__type">Next</div>
+      <a class="pagination__link" href="/jfolio/denni/">Denni</a>
+    </div>
+
+    </div><!-- // post-pagination -->
+  </div><!-- // container -->
+</div><!-- // post-wrap -->
     </div>
   </main>
 

diff --git a/docs/logofolio/index.html b/docs/logofolio/index.html
@@ -34,13 +34,13 @@
         <a href="/jfolio/denni/">Denni</a>
       </li>
       <li>
-        <a href="/jfolio/jipl-harry/">JIPL Harry</a>
+        <a href="/jfolio/jipl-harry/">Japan IPL Express</a>
       </li>
       <li class="is-active">
         <a href="/jfolio/logofolio/">Logo Folio</a>
       </li>
       <li>
-        <a href="/jfolio/pmo/">PMO</a>
+        <a href="/jfolio/pmo/">Prime Minister’s Office</a>
       </li>
       <li>
         <a href="/jfolio/shoe-salon/">Shoe Salon</a>
@@ -49,7 +49,7 @@
         <a href="/jfolio/taka/">Takashimaya</a>
       </li>
       <li>
-        <a href="/jfolio/taka23anniversary/">Taka Anniversary</a>
+        <a href="/jfolio/taka23anniversary/">Takashimaya Anniversary</a>
       </li> 
     </ul>
   </li>
@@ -78,7 +78,7 @@ <h1 class="post-header__title">Logo Folio</h1>
         <p class="post-header__intro">This is intro Culpa voluptatem optio ipsam quisquam maxime nihil nisi reprehenderit nam labore quo animi, autem adipisci explicabo fugit exercitationem deserunt nobis minima magni tempora eum est aliquid. Reiciendis accusamus nam voluptatum dicta tenetur</p>        
       </div>
 
-    </header>
+    </header><!-- // post-header -->
     <div class="post-content">
       <figure class=" noMarginBottom"><img class="" src="/jfolio/assets/img/logofolio/logofolio-1.jpg"></figure>
 <figure class=" noMarginBottom"><img class="" src="/jfolio/assets/img/logofolio/logofolio-2.jpg"></figure>
@@ -88,9 +88,48 @@ <h1 class="post-header__title">Logo Folio</h1>
 <figure class=" noMarginBottom"><img class="" src="/jfolio/assets/img/logofolio/logofolio-6.jpg"></figure>
 <figure class=" noMarginBottom"><img class="" src="/jfolio/assets/img/logofolio/logofolio-7.jpg"></figure>
 <figure class=""><img class="" src="/jfolio/assets/img/logofolio/logofolio-8.jpg"></figure>
+    </div><!-- // post-content -->
+    <div class="post-pagination pagination">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    <div class="pagination__button pagination__button--prev">
+      <div class="pagination__type">Previous</div>
+      <a class="pagination__link" href="/jfolio/pmo/">Prime Minister’s Office</a>
     </div>
-  </div>
-</div>
+
+
+
+
+    <div class="pagination__button pagination__button--next">
+      <div class="pagination__type">Next</div>
+      <a class="pagination__link" href="/jfolio/jipl-harry/">Japan IPL Express</a>
+    </div>
+
+    </div><!-- // post-pagination -->
+  </div><!-- // container -->
+</div><!-- // post-wrap -->
     </div>
   </main>
 

diff --git a/docs/pmo/index.html b/docs/pmo/index.html
@@ -34,13 +34,13 @@
         <a href="/jfolio/denni/">Denni</a>
       </li>
       <li>
-        <a href="/jfolio/jipl-harry/">JIPL Harry</a>
+        <a href="/jfolio/jipl-harry/">Japan IPL Express</a>
       </li>
       <li>
         <a href="/jfolio/logofolio/">Logo Folio</a>
       </li>
       <li class="is-active">
-        <a href="/jfolio/pmo/">PMO</a>
+        <a href="/jfolio/pmo/">Prime Minister’s Office</a>
       </li>
       <li>
         <a href="/jfolio/shoe-salon/">Shoe Salon</a>
@@ -49,7 +49,7 @@
         <a href="/jfolio/taka/">Takashimaya</a>
       </li>
       <li>
-        <a href="/jfolio/taka23anniversary/">Taka Anniversary</a>
+        <a href="/jfolio/taka23anniversary/">Takashimaya Anniversary</a>
       </li> 
     </ul>
   </li>
@@ -78,17 +78,56 @@ <h1 class="post-header__title">Prime Minister’s Office</h1>
         <p class="post-header__intro">This is intro Culpa voluptatem optio ipsam quisquam maxime nihil nisi reprehenderit nam labore quo animi, autem adipisci explicabo fugit exercitationem deserunt nobis minima magni tempora eum est aliquid. Reiciendis accusamus nam voluptatum dicta tenetur</p>        
       </div>
 
-    </header>
+    </header><!-- // post-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="/jfolio/assets/img/pmo/pmo-1.jpg"></figure>
 <figure class=" noMarginBottom"><figcaption>2015 Lunar New Year reception invite</figcaption><img class="" src="/jfolio/assets/img/pmo/pmo-2.jpg"></figure>
 <figure class=" noMarginBottom"><img class="" src="/jfolio/assets/img/pmo/pmo-3.jpg"></figure>
 <figure class=""><img class="" src="/jfolio/assets/img/pmo/pmo-4.jpg"></figure>
 <figure class=" noMarginBottom"><figcaption>2016 Lunar New Year reception invite</figcaption><img class="" src="/jfolio/assets/img/pmo/pmo-5.jpg"></figure>
 <figure class=""><img class="" src="/jfolio/assets/img/pmo/pmo-6.jpg"></figure>
+    </div><!-- // post-content -->
+    <div class="post-pagination pagination">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    <div class="pagination__button pagination__button--prev">
+      <div class="pagination__type">Previous</div>
+      <a class="pagination__link" href="/jfolio/shoe-salon/">Shoe Salon</a>
     </div>
-  </div>
-</div>
+
+
+
+
+    <div class="pagination__button pagination__button--next">
+      <div class="pagination__type">Next</div>
+      <a class="pagination__link" href="/jfolio/logofolio/">Logo Folio</a>
+    </div>
+
+    </div><!-- // post-pagination -->
+  </div><!-- // container -->
+</div><!-- // post-wrap -->
     </div>
   </main>