up

assets/javascripts/app.js

@@ -3937,5 +3937,67 @@ $(function() {
 
     fixAnncFileTitleExt();
 });
+//orbit-hash-tag加圖片
+$(document).ready(function() {
+  // 第一步：處理 .orbit-hash-tag 文字改成對應的圖片
+  $('.orbit-hash-tag').each(function() {
+    var $a = $(this);
+    var text = $.trim($a.text()); // 取出文字，例如 "#SDAGHASHTAG3"
+
+    // 用正則匹配 #SDGS 後面的數字
+    var match = text.match(/^#SDGS(\d{1,2})$/);
+    if (match) {
+      var num = parseInt(match[1], 10);
+
+      // 確保是 1~18 範圍內
+      if (num >= 1 && num <= 18) {
+        var imgTag = $('<img>', {
+          src: '/assets/SDGS' + num + '.png',
+          alt: 'SDGS' + num,
+          title: 'SDGS' + num
+        });
+
+        // 清空文字並插入圖片
+        $a.empty().append(imgTag);
+      }
+    }
+  });
+
+  // 第二步：移除重複圖片的 .orbit-hash-tag
+  $('.orbit-hash-tag').each(function() {
+    var $orbit = $(this);
+    var orbitImgSrc = $orbit.find('img').attr('src');
+
+    // 檢查是否有相同 src 的 .s-annc__tag 圖片
+    var hasDuplicate = $('.s-annc__tag img').filter(function() {
+      return $(this).attr('src') === orbitImgSrc;
+    }).length > 0;
+
+    if (hasDuplicate) {
+      $orbit.remove();
+    }
+  });
+});
+$(function() {
+  setTimeout(function() {
+    $('.orbit-hash-tag').each(function() {
+      var $tag = $(this);
+      var src  = $tag.find('img').attr('src') || '';
+
+      if (src.indexOf('/assets/SDGS') !== -1) {
+        $tag.css({
+          'width'         : '80px',
+          'position'      : 'relative',
+          'display'       : 'block',
+          'padding'       : '0',
+          'margin-right'  : '1em',
+          'border-radius' : '0.5em',
+          'overflow'      : 'hidden',
+          'margin-bottom' : '0.5em'
+        });
+      }
+    });
+  }, 500);
+});
 
 }(jQuery, window));

assets/stylesheets/template/layout/header.scss

@@ -5,7 +5,7 @@ div#searchOverlay {
     display: none;
 }
 #orbit-bar .orbit-bar-title a {
-    color: #99163d !important;
+    color: #333 !important;
 }
 a[href="/zh_tw/sitemap"]{
   padding: 0 1em;

assets/stylesheets/template/modules/ad_banner.scss

@@ -22,6 +22,7 @@ ul.button-mid{
     width: 100%;
     height: 0;
     top: 50%;
+    z-index: 201;
 }
 .next-button, .prev-button {
     cursor: pointer;

assets/stylesheets/template/modules/hashtag.scss

@@ -8,6 +8,7 @@ p.s-annc__post-orbithashtags{
     clear: both;
 }
 a.orbit-hash-tag {
+    float: left;
     list-style: none;
     background: #e0edff;
     color: #0a84ff;

modules/announcement/_annc_widget30.html.erb

@@ -21,9 +21,6 @@
           </div>
           <div class="w-annc__content-wrap card">
             <div class="w-annc__meta">
-              <span class="w-annc__status-wrap" data-list="statuses" data-level="1">
-                <span class="w-annc__status label {{status-class}}">{{status}}</span>
-              </span>
               <span class="w-annc__postdate-wrap" date-format="%Y-%m-%d">
                 <i class="fa-regular fa-calendar"></i>
                 <span class="w-annc__postdate">{{postdate}}</span>
@@ -33,6 +30,9 @@
                 <span class="w-annc__category">{{category}}</span>
               </span>
             </div>
+            <span class="w-annc__status-wrap" data-list="statuses" data-level="1">
+              <span class="w-annc__status label {{status-class}}">{{status}}</span>
+            </span>
             <h3 class="w-annc__entry-title">
               <span class="w-annc__title" >{{title}}</span>
             </h3>

modules/universal_table/index5.html.erb

@@ -48,11 +48,10 @@
     white-space: nowrap;
   }
   .universal-th-text{
-    white-space: pre!important;
+    white-space: pre;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 2;
-    white-space: normal;
   }
   .universal-dropdown-menu {
     padding: 15px 18px;

modules/universal_table/index6.html.erb

@@ -48,11 +48,10 @@
     white-space: nowrap;
   }
   .universal-th-text{
-    white-space: pre!important;
+    white-space: pre;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 2;
-    white-space: normal;
   }
   .universal-dropdown-menu {
     padding: 15px 18px;