add some modules

modules/gallery/_gallery_widget3.html.erb

@@ -0,0 +1,33 @@
+<div class="widget-gallery widget3 no-print">
+  <!-- <h3 class="w-annc__widget-title">
+    <span class="album_icon"></span><span>{{widget-title}}</span>
+  </h3> -->
+  <div class="cycle-slideshow widget-content"
+    data-level="0" data-list="images" data-cycle-slides="> a"
+    data-cycle-fx="carousel" data-cycle-timeout="3000" data-cycle-carousel-visible="1" data-cycle-pause-on-hover="true" data-cycle-log="false" data-cycle-carousel-fluid="true">
+    <a class="widget-pic" href="{{link_to_show}}" target="_blank" title="{{album-name}}">
+      <div class="mask_box">
+        <div class="mask_word">
+          <div class="mask_word_box">
+            <div class="mask_title">{{image_description}}</div>
+          </div>
+        </div>
+        <div class="mask">
+          <div class="circle_box"><img src="/assets/circle_icon.png" alt="">
+          </div>
+        </div>
+        <img
+          srcset="
+          {{thumb-large-src}} 1024w,
+          {{thumb-src}} 768w"
+          src="{{thumb-src}}"
+          alt="{{alt_title}}"
+        >
+      </div>
+    </a>
+
+  </div>
+  <div class="w-annc__more-wrap clearfix">
+    <a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= locale == :en ? 'more' : '更多照片' %></a>
+  </div>
+</div>

modules/gallery/_gallery_widget4.html.erb

@@ -0,0 +1,38 @@
+<div class="widget-gallery gallery card-group widget4 no-print">
+  <h3 class="widget-title">
+    <span>{{widget-title}}</span>
+  </h3>
+  <link rel="stylesheet" type="text/css" href="/assets/gallery_card.css">
+  <div class="row widget-content" data-level="0" data-list="images">
+    <div class="card card-flip h-100">
+      <div class="card-front">
+        <div class="card-body" style="padding:0;">
+          <img
+            srcset="
+              {{thumb-large-src}} 1024w,
+              {{thumb-src}} 768w"
+            src="{{thumb-src}}"
+            alt="{{alt_title}}"
+          >
+          <div class="card-footer">
+            <h3 class="card-title">{{image_short_description}}</h3>
+          </div>
+        </div>
+      </div>
+      <div class="card-back">
+        <div class="card-body" style="background-color: {{album_color}};color: {{album_card_text_color}};">
+          <h3 class="card-title">{{image_short_description}}</h3>
+          {{image_description}}
+          <div class="card-button-group">
+            <a href="{{link_to_show}}" class="btn btn-secondary view ">
+              <i class="fa fa-link" aria-hidden="true"></i>
+            </a>
+            <a href="{{src}}" data-toggle="lightbox" data-gallery="gallery" class="btn btn-secondary preview" data-title="{{alt_title}}" data-type="image">
+              <i class="fa fa-eye" aria-hidden="true"></i>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

modules/gallery/gallery_index5.html.erb

@@ -0,0 +1,32 @@
+<div class="index-gallery gallery card-group index5">
+  <h1 class="index-title">
+    <span>{{page-title}}</span>
+  </h1>
+  <link rel="stylesheet" type="text/css" href="/assets/gallery_card.css">
+  <div class="row" data-level="0" data-list="albums">
+    <div class="card card-flip h-100">
+      <div class="card-front">
+        <div class="card-body" style="padding:0;">
+          <img
+            src="{{thumb-src}}"
+            alt="{{alt_title}}"
+          >
+          <div class="card-footer">
+            <h3 class="card-title">{{album-name}}</h3>
+          </div>
+        </div>
+      </div>
+      <div class="card-back">
+        <div class="card-body" style="background-color: {{album_color}};color: {{album_card_text_color}};">
+          <h3 class="card-title">{{album-name}}</h3>
+          <div class="card-button-group">
+            <a href="{{link_to_show}}" class="btn btn-secondary view ">
+              <i class="fa fa-link" aria-hidden="true"></i>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+{{pagination_goes_here}}

modules/gallery/info.json

@@ -31,6 +31,14 @@
                 "en" : "4. Thumbnail ( gallery thumbnail, page navigation )"
                 },
             "thumbnail" : "thumb.png"
+        },
+        {
+            "filename" : "gallery_index5",
+            "name" : {
+                "zh_tw" : "5. 卡片",
+                "en" : "5. Card"
+            },
+            "thumbnail" : "thumb.png"
         }
     ],
     "widgets" : [
@@ -45,8 +53,24 @@
         {
             "filename" : "gallery_widget2",
             "name" : {
-                "zh_tw" : "2. 相本排版",
-                "en" : "2. Thumbnail"
+                "zh_tw" : "2. 相本排版 ( 模組標題, 圖片 )",
+                "en" : "2. Thumbnail (widget-title, image)"
+            },
+            "thumbnail" : "thumb.png"
+        },
+        {
+            "filename" : "gallery_widget3",
+            "name" : {
+                "zh_tw" : "3. 單本相簿跑馬燈 ( 圖片 )",
+                "en" : "3. Single Picture With Carousel Effect (image)"
+            },
+            "thumbnail" : "thumb.png"
+        },
+        {
+            "filename" : "gallery_widget4",
+            "name" : {
+                "zh_tw" : "4. 卡片",
+                "en" : "4. Card"
             },
             "thumbnail" : "thumb.png"
         }

modules/gallery/show.html.erb

@@ -7,7 +7,7 @@
     <div class="show-content col-xs-6 col-sm-2">
       <div class="show-content-inner">
         <div class="show-pic">
-          <a href="{{link_to_show}}" onclick="window.location.hash = '{{link_to_show}}';GalleryTheater();">
+          <a href="{{link_to_show}}" onclick="window.location.hash = '{{link_to_show}}';GalleryTheater();return false;">
             <img class="img" src="{{thumb-src}}" alt="{{alt_title}}">
           </a>
           <p class="show-description">{{image-description}}</p>