update template

assets/images/down.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 44 44"><title>chevron-circle-down@1x</title><g id="Layer_2" data-name="Layer 2"><g id="Arrows"><g id="Down_Arrow_3_2x.png" data-name="Down Arrow 3@2x.png"><path d="M33,18a1,1,0,0,0-.71.29L22,27.65,11.71,18.29a1,1,0,1,0-1.41,1.41l11,10a1,1,0,0,0,1.41,0l11-10A1,1,0,0,0,33,18ZM22,0A22,22,0,1,0,44,22,22,22,0,0,0,22,0Zm0,42A20,20,0,1,1,42,22,20,20,0,0,1,22,42Z"/></g></g></g></svg>

assets/stylesheets/template/IndustryW00-Medium.css

@@ -0,0 +1,15 @@
+/*
+      www.OnlineWebFonts.Com 
+      You must credit the author Copy this link on your web 
+      <div>Font made from <a href="https://www.onlinewebfonts.com">oNline Web Fonts</a>is licensed by CC BY 3.0</div>
+      OR
+      <a href="https://www.onlinewebfonts.com">oNline Web Fonts</a>
+*/
+@font-face {font-family: "IndustryW00-Medium";
+    src: url("https://db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.eot"); /* IE9*/
+    src: url("https://db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
+    url("https://db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.woff2") format("woff2"), /* chrome firefox */
+    url("https://db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.woff") format("woff"), /* chrome firefox */
+    url("https://db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
+    url("https://db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.svg#IndustryW00-Medium") format("svg"); /* iOS 4.1- */
+}

modules/personal_lab/index.html.erb

@@ -2,20 +2,16 @@
   <caption><h3>{{widget-title}}</h3></caption>
   <thead>
     <tr>
-      <th class="col-md-2">{{th_year}}</th>
       <th class="col-md-3">{{th_lab_title}}</th>
       <th class="col-md-2">{{th_location}}</th>
       <th class="col-md-3">{{th_member}}</th>
-      <th class="col-md-2">更多內容</th>
     </tr>
   </thead>
   <tbody data-level="0" data-list="labs">
     <tr>
-      <td>{{year}}</td>
-      <td>{{lab_title}}</td>
+      <td><a href="{{link_to_show}}">{{lab_title}}</td>
       <td>{{location}}</td>
       <td>{{member}}</td>
-      <th><a href="{{link_to_show}}">{{th_detail}}</a></th>
     </tr>
   </tbody>
 </table>

modules/personal_lab/index.html.erb.bak

@@ -0,0 +1,40 @@
+<table class="table table-hover table-striped projects-index personal-lab dt-responsive nowrap">
+  <caption><h3>{{widget-title}}</h3></caption>
+  <thead>
+    <tr>
+      <th class="col-md-2">{{th_year}}</th>
+      <th class="col-md-3">{{th_lab_title}}</th>
+      <th class="col-md-2">{{th_location}}</th>
+      <th class="col-md-3">{{th_member}}</th>
+      <th class="col-md-2">更多內容</th>
+    </tr>
+  </thead>
+  <tbody data-level="0" data-list="labs">
+    <tr>
+      <td>{{year}}</td>
+      <td><a href="{{link_to_show}}">{{lab_title}}</td>
+      <td>{{location}}</td>
+      <td>{{member}}</td>
+      <th><a href="{{link_to_show}}">{{th_detail}}</a></th>
+    </tr>
+  </tbody>
+</table>
+{{pagination_goes_here}}
+
+<script>
+for ( var i = 0; i < $('thead th').length ; i++ ) {
+	if( $('thead th').length > 2 ) {
+    var th = $('thead th');
+    for ( var q = 3; q < th.length ; q++ ) {
+      th.eq(q).addClass('min-tablet-l');
+    }
+  }
+}
+
+$('table.personal-lab').DataTable({
+  searching: false,
+  paging:   false,
+  ordering: false,
+  info:     false
+});
+</script>