update
This commit is contained in:
parent
104058df30
commit
2a5643caec
|
|
@ -940,7 +940,7 @@ $(function() {
|
||||||
$(this).append('<span class="sr-only">網路資源標題</span>');
|
$(this).append('<span class="sr-only">網路資源標題</span>');
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
$('input').each(function() {
|
$('input.input-search, .search-container input, .search-box input, #search input').each(function() {
|
||||||
var $this = $(this);
|
var $this = $(this);
|
||||||
if (!$this.attr('title') || $this.attr('title').trim() === '') {
|
if (!$this.attr('title') || $this.attr('title').trim() === '') {
|
||||||
$this.attr('title', '網內搜尋');
|
$this.attr('title', '網內搜尋');
|
||||||
|
|
@ -968,7 +968,7 @@ $(function() {
|
||||||
var isLinkImage = $parentA.length > 0 && $parentA.text().replace(/\u00a0/g, '').trim() === "";
|
var isLinkImage = $parentA.length > 0 && $parentA.text().replace(/\u00a0/g, '').trim() === "";
|
||||||
|
|
||||||
// --- 1. 處理「裝飾性圖片」標註 ---
|
// --- 1. 處理「裝飾性圖片」標註 ---
|
||||||
if (currentAlt === "announcement image" || currentAlt === "裝飾圖片" || currentTitle === "裝飾圖片" || currentAlt === "這是一張圖片" || currentTitle === "這是一張圖片") {
|
if (currentAlt === "announcement image" || currentAlt === "裝飾圖片" || currentTitle === "裝飾圖片" || currentAlt === "這是一張圖片" || currentTitle === "這是一張圖片"||currentAlt === "This is a image" ||currentTitle === "This is a image") {
|
||||||
$img.attr('alt', '');
|
$img.attr('alt', '');
|
||||||
$img.removeAttr('title');
|
$img.removeAttr('title');
|
||||||
return;
|
return;
|
||||||
|
|
@ -2000,8 +2000,9 @@ $(function() {
|
||||||
});
|
});
|
||||||
//rucaptcha-image
|
//rucaptcha-image
|
||||||
$(document).ready(function () {
|
$(document).ready(function () {
|
||||||
|
// >>> 修正:先確認頁面上真的有驗證碼圖片,再往下執行,避免沒有驗證碼的頁面也發出多餘的 wav 請求
|
||||||
|
if ($('.rucaptcha-image').length) {
|
||||||
$('.rucaptcha-image').removeAttr('onload');
|
$('.rucaptcha-image').removeAttr('onload');
|
||||||
|
|
||||||
// 檢查是否已插入過
|
// 檢查是否已插入過
|
||||||
if (!$('#captcha_audio').length) {
|
if (!$('#captcha_audio').length) {
|
||||||
const audioButton = $(`
|
const audioButton = $(`
|
||||||
|
|
@ -2016,11 +2017,11 @@ $(function() {
|
||||||
<span class="sr-only">播放驗證碼語音</span>
|
<span class="sr-only">播放驗證碼語音</span>
|
||||||
</button>
|
</button>
|
||||||
`);
|
`);
|
||||||
|
|
||||||
const audio = $('<audio id="captcha_audio" src="/rucaptcha/?format=wav&locale=zh_tw"></audio>');
|
const audio = $('<audio id="captcha_audio" src="/rucaptcha/?format=wav&locale=zh_tw"></audio>');
|
||||||
|
|
||||||
$('.rucaptcha-image').after(audioButton, audio);
|
$('.rucaptcha-image').after(audioButton, audio);
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
// <<< 修正結束
|
||||||
});
|
});
|
||||||
|
|
||||||
//萬用表格searchbtn2
|
//萬用表格searchbtn2
|
||||||
|
|
@ -2043,6 +2044,28 @@ $(function() {
|
||||||
// 預設 aria-expanded 為 false
|
// 預設 aria-expanded 為 false
|
||||||
$(".searchbtn2").attr("aria-expanded", "false");
|
$(".searchbtn2").attr("aria-expanded", "false");
|
||||||
});
|
});
|
||||||
|
// ✅ searchbtn2 Tab 鍵聚焦時自動展開 .searchbox
|
||||||
|
$(document).ready(function() {
|
||||||
|
function fixSearchbtn2FocusA11y() {
|
||||||
|
setTimeout(function() {
|
||||||
|
$('.searchbtn2').on('focus', function() {
|
||||||
|
var $searchbox = $('.searchbox');
|
||||||
|
|
||||||
|
// ✅ 只在收合狀態時才展開,不影響已展開的狀態
|
||||||
|
if (!$searchbox.is(':visible')) {
|
||||||
|
$searchbox.slideDown(300, function() {
|
||||||
|
// ✅ 同步更新 aria-expanded(與原本 click 邏輯一致)
|
||||||
|
$('.searchbtn2').attr('aria-expanded', 'true');
|
||||||
|
// ✅ 同步加上 ken-click2(與原本 click 邏輯一致)
|
||||||
|
$('.searchbtn2').closest('.ken-click').addClass('ken-click2');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}, 500);
|
||||||
|
}
|
||||||
|
|
||||||
|
fixSearchbtn2FocusA11y();
|
||||||
|
});
|
||||||
// 強制保持全站search展開
|
// 強制保持全站search展開
|
||||||
$(document).ready(function () {
|
$(document).ready(function () {
|
||||||
|
|
||||||
|
|
@ -3734,7 +3757,7 @@ $(function() {
|
||||||
});
|
});
|
||||||
//萬用表格無障礙
|
//萬用表格無障礙
|
||||||
function fixSearchInputA11y() {
|
function fixSearchInputA11y() {
|
||||||
$('input[type="search"], input[type="text"]').each(function () {
|
$('input[type="search"], input.input-search, .search-container input, .search-box input').each(function () {
|
||||||
var $input = $(this);
|
var $input = $(this);
|
||||||
|
|
||||||
// 已有對應 label 就跳過
|
// 已有對應 label 就跳過
|
||||||
|
|
@ -3814,7 +3837,7 @@ function fixSortLinkA11y() {
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
function fixSearchInputA11y() {
|
function fixSearchInputA11y() {
|
||||||
$('input[type="search"], input[type="text"]').each(function () {
|
$('input[type="search"], input.input-search, .search-container input, .search-box input').each(function () {
|
||||||
var $input = $(this);
|
var $input = $(this);
|
||||||
|
|
||||||
// 已有對應 label 就跳過
|
// 已有對應 label 就跳過
|
||||||
|
|
@ -3864,4 +3887,82 @@ setTimeout(function() {
|
||||||
}, 500);
|
}, 500);
|
||||||
|
|
||||||
|
|
||||||
|
//banner英文
|
||||||
|
$(function() {
|
||||||
|
function fixBannerA11yByLang() {
|
||||||
|
setTimeout(function() {
|
||||||
|
var pageLang = ($('html').attr('lang') || 'zh-Hant').toLowerCase();
|
||||||
|
var isEn = pageLang.startsWith('en');
|
||||||
|
|
||||||
|
var i18n = {
|
||||||
|
playControls: isEn ? 'Playback Controls' : '播放控制選項',
|
||||||
|
resume: isEn ? 'Play' : '繼續播放',
|
||||||
|
pause: isEn ? 'Pause' : '暫停播放',
|
||||||
|
prev: isEn ? 'Previous' : '上一張',
|
||||||
|
next: isEn ? 'Next' : '下一張',
|
||||||
|
slide: isEn ? 'Slide' : '第',
|
||||||
|
slideUnit: isEn ? '' : ' 張投影片'
|
||||||
|
};
|
||||||
|
|
||||||
|
$('.w-ba-banner').each(function() {
|
||||||
|
var $banner = $(this);
|
||||||
|
|
||||||
|
// ✅ 播放控制選項 radiogroup label
|
||||||
|
$banner.find('.controlplay').attr('aria-label', i18n.playControls);
|
||||||
|
|
||||||
|
// ✅ 繼續播放按鈕
|
||||||
|
$banner.find('.resume-slide').attr({
|
||||||
|
'aria-label': i18n.resume,
|
||||||
|
'title': i18n.resume
|
||||||
|
});
|
||||||
|
$banner.find('.resume-slide p').text(i18n.resume);
|
||||||
|
|
||||||
|
// ✅ 暫停播放按鈕
|
||||||
|
$banner.find('.pause-slide').attr({
|
||||||
|
'aria-label': i18n.pause,
|
||||||
|
'title': i18n.pause
|
||||||
|
});
|
||||||
|
$banner.find('.pause-slide p').text(i18n.pause);
|
||||||
|
|
||||||
|
// ✅ 上一張按鈕
|
||||||
|
$banner.find('.prev-button').attr('aria-label', i18n.prev);
|
||||||
|
|
||||||
|
// ✅ 下一張按鈕
|
||||||
|
$banner.find('.next-button').attr('aria-label', i18n.next);
|
||||||
|
|
||||||
|
// ✅ Pager 按鈕
|
||||||
|
var $slides = $banner.find('.w-ba-banner__slide');
|
||||||
|
$banner.find('.banner-pager button').each(function(index) {
|
||||||
|
var slideTitle = $slides.eq(index).data('cycle-title') || '';
|
||||||
|
var ariaLabel = isEn
|
||||||
|
? i18n.slide + ' ' + (index + 1) + (slideTitle ? ' ' + slideTitle : '')
|
||||||
|
: i18n.slide + (index + 1) + i18n.slideUnit + (slideTitle ? ' ' + slideTitle : '');
|
||||||
|
$(this).attr({
|
||||||
|
'aria-label': ariaLabel,
|
||||||
|
'title': ariaLabel
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// ✅ Cycle2 初始化後也重新處理 Pager(因為 pager 是動態產生的)
|
||||||
|
$('.w-ba-banner .cycle-slideshow').on('cycle-post-initialize cycle-after', function() {
|
||||||
|
var $banner = $(this).closest('.w-ba-banner');
|
||||||
|
var $slides = $banner.find('.w-ba-banner__slide');
|
||||||
|
$banner.find('.banner-pager button').each(function(index) {
|
||||||
|
var slideTitle = $slides.eq(index).data('cycle-title') || '';
|
||||||
|
var ariaLabel = isEn
|
||||||
|
? i18n.slide + ' ' + (index + 1) + (slideTitle ? ' ' + slideTitle : '')
|
||||||
|
: i18n.slide + (index + 1) + i18n.slideUnit + (slideTitle ? ' ' + slideTitle : '');
|
||||||
|
$(this).attr({
|
||||||
|
'aria-label': ariaLabel,
|
||||||
|
'title': ariaLabel
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
}, 800);
|
||||||
|
}
|
||||||
|
|
||||||
|
fixBannerA11yByLang();
|
||||||
|
});
|
||||||
}(jQuery, window));
|
}(jQuery, window));
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
a[accesskey] {
|
a[accesskey] {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
margin-left: -0.9375em;
|
margin-left: -0.9375em;
|
||||||
color: transparent !important;
|
color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
#orbit-bar a[accesskey] {
|
#orbit-bar a[accesskey] {
|
||||||
|
|
|
||||||
|
|
@ -5,6 +5,11 @@
|
||||||
.fa-classic, .fa-regular, .fa-solid, .far, .fas ,.fa{
|
.fa-classic, .fa-regular, .fa-solid, .far, .fas ,.fa{
|
||||||
font-family: var(--fa-style-family, "FontAwesome")!important;
|
font-family: var(--fa-style-family, "FontAwesome")!important;
|
||||||
}
|
}
|
||||||
|
li#language-li {
|
||||||
|
@media(max-width:767px){
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
#orbit-bar .orbit-bar-inner > label:focus, #orbit-bar .orbit-bar-inner > label.focus{
|
#orbit-bar .orbit-bar-inner > label:focus, #orbit-bar .orbit-bar-inner > label.focus{
|
||||||
.orbit-bar-search-sign-language{
|
.orbit-bar-search-sign-language{
|
||||||
display: block
|
display: block
|
||||||
|
|
|
||||||
|
|
@ -568,7 +568,7 @@ ul.button-mid{
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
bottom: 70px;
|
bottom: 40px;
|
||||||
h3{
|
h3{
|
||||||
text-align: right;
|
text-align: right;
|
||||||
width: 30%;
|
width: 30%;
|
||||||
|
|
|
||||||
|
|
@ -624,7 +624,7 @@ dt.detail-title {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.w-annc__subtitle{
|
.w-annc__subtitle,p{
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
|
|
@ -638,6 +638,8 @@ dt.detail-title {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
-webkit-transition: max-height .6s,opacity .6s;
|
-webkit-transition: max-height .6s,opacity .6s;
|
||||||
transition: max-height .6s,opacity .6s;
|
transition: max-height .6s,opacity .6s;
|
||||||
|
padding-bottom: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
@media(min-width:1920px){
|
@media(min-width:1920px){
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
}
|
}
|
||||||
|
|
@ -667,7 +669,7 @@ dt.detail-title {
|
||||||
.card:before{
|
.card:before{
|
||||||
height:100%;
|
height:100%;
|
||||||
}
|
}
|
||||||
.w-annc__subtitle{
|
.w-annc__subtitle,p{
|
||||||
max-height: 100px;
|
max-height: 100px;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
@ -842,7 +844,7 @@ dt.detail-title {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.w-annc__subtitle{
|
.w-annc__subtitle,p{
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
|
|
@ -856,6 +858,8 @@ dt.detail-title {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
-webkit-transition: max-height .6s,opacity .6s;
|
-webkit-transition: max-height .6s,opacity .6s;
|
||||||
transition: max-height .6s,opacity .6s;
|
transition: max-height .6s,opacity .6s;
|
||||||
|
padding-bottom: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
@media(min-width:1920px){
|
@media(min-width:1920px){
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
}
|
}
|
||||||
|
|
@ -881,7 +885,7 @@ dt.detail-title {
|
||||||
.card:before{
|
.card:before{
|
||||||
height:100%;
|
height:100%;
|
||||||
}
|
}
|
||||||
.w-annc__subtitle{
|
.w-annc__subtitle,p{
|
||||||
max-height: 100px;
|
max-height: 100px;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
@ -1196,7 +1200,7 @@ dt.detail-title {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.w-annc__subtitle{
|
.w-annc__subtitle,p{
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
|
|
@ -1210,6 +1214,8 @@ dt.detail-title {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
-webkit-transition: max-height .6s,opacity .6s;
|
-webkit-transition: max-height .6s,opacity .6s;
|
||||||
transition: max-height .6s,opacity .6s;
|
transition: max-height .6s,opacity .6s;
|
||||||
|
padding-bottom: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
@media(min-width:1920px){
|
@media(min-width:1920px){
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
}
|
}
|
||||||
|
|
@ -1288,7 +1294,7 @@ dt.detail-title {
|
||||||
.card:before{
|
.card:before{
|
||||||
height:100%;
|
height:100%;
|
||||||
}
|
}
|
||||||
.w-annc__subtitle{
|
.w-annc__subtitle,p{
|
||||||
max-height: 100px;
|
max-height: 100px;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
@ -1540,7 +1546,7 @@ dt.detail-title {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.w-annc__subtitle{
|
.w-annc__subtitle,p{
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
|
|
@ -1554,6 +1560,8 @@ dt.detail-title {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
-webkit-transition: max-height .6s,opacity .6s;
|
-webkit-transition: max-height .6s,opacity .6s;
|
||||||
transition: max-height .6s,opacity .6s;
|
transition: max-height .6s,opacity .6s;
|
||||||
|
padding-bottom: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
@media(min-width:1920px){
|
@media(min-width:1920px){
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
}
|
}
|
||||||
|
|
@ -1586,7 +1594,7 @@ dt.detail-title {
|
||||||
.card:before{
|
.card:before{
|
||||||
height:100%;
|
height:100%;
|
||||||
}
|
}
|
||||||
.w-annc__subtitle{
|
.w-annc__subtitle,p{
|
||||||
max-height: 100px;
|
max-height: 100px;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
@ -1640,7 +1648,7 @@ dt.detail-title {
|
||||||
font-size: 1.6rem!important;
|
font-size: 1.6rem!important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.w-annc__subtitle{
|
.w-annc__subtitle,p{
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
|
|
@ -1654,6 +1662,8 @@ dt.detail-title {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
-webkit-transition: max-height .6s,opacity .6s;
|
-webkit-transition: max-height .6s,opacity .6s;
|
||||||
transition: max-height .6s,opacity .6s;
|
transition: max-height .6s,opacity .6s;
|
||||||
|
padding-bottom: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
@media(min-width:1920px){
|
@media(min-width:1920px){
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
}
|
}
|
||||||
|
|
@ -1701,7 +1711,7 @@ dt.detail-title {
|
||||||
.card:before{
|
.card:before{
|
||||||
height:100%;
|
height:100%;
|
||||||
}
|
}
|
||||||
.w-annc__subtitle{
|
.w-annc__subtitle,p{
|
||||||
max-height: 100px;
|
max-height: 100px;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -212,7 +212,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.w-annc__subtitle{
|
.w-annc__subtitle,p{
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
|
|
@ -226,6 +226,8 @@
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
-webkit-transition: max-height .6s,opacity .6s;
|
-webkit-transition: max-height .6s,opacity .6s;
|
||||||
transition: max-height .6s,opacity .6s;
|
transition: max-height .6s,opacity .6s;
|
||||||
|
padding-bottom: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
@media(min-width:1920px){
|
@media(min-width:1920px){
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
}
|
}
|
||||||
|
|
@ -251,7 +253,7 @@
|
||||||
.card:before{
|
.card:before{
|
||||||
height:100%;
|
height:100%;
|
||||||
}
|
}
|
||||||
.w-annc__subtitle{
|
.w-annc__subtitle,p{
|
||||||
max-height: 100px;
|
max-height: 100px;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -29,7 +29,9 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<ul class="w-ba-banner__pager-2 banner-pager banner_caption_{{subpart-id}}"></ul>
|
<div class="w-ad-banner__pager-2 w-ba-banner__caption banner-pager banner_caption_{{subpart-id}}" data-list="images" data-level="0">
|
||||||
|
<li><button title="Slide {{slide_number}}" aria-label="Pager"><span style="display: none;">Slide {{slide_number}}</span></button></li>
|
||||||
|
</div>
|
||||||
<ul class="controlplay" role="radiogroup" aria-label="播放控制選項">
|
<ul class="controlplay" role="radiogroup" aria-label="播放控制選項">
|
||||||
<a role="radio" aria-checked="true" href="javascript:;" class="resume-slide active" title="繼續播放" aria-label="繼續播放" aria-live="assertive">
|
<a role="radio" aria-checked="true" href="javascript:;" class="resume-slide active" title="繼續播放" aria-label="繼續播放" aria-live="assertive">
|
||||||
<i aria-hidden="true"></i>
|
<i aria-hidden="true"></i>
|
||||||
|
|
|
||||||
|
|
@ -25,7 +25,9 @@
|
||||||
{{html}}
|
{{html}}
|
||||||
</div>
|
</div>
|
||||||
<div class="ad-overlay w-ad-banner__overlay_{{subpart-id}}"></div>
|
<div class="ad-overlay w-ad-banner__overlay_{{subpart-id}}"></div>
|
||||||
<div class="w-ba-banner__caption w-ad-banner__pager-2 banner-pager banner_caption_{{subpart-id}}"></div>
|
<div class="w-ad-banner__pager-2 w-ba-banner__caption banner-pager banner_caption_{{subpart-id}}" data-list="images" data-level="0">
|
||||||
|
<li><button title="Slide {{slide_number}}" aria-label="Pager"><span style="display: none;">Slide {{slide_number}}</span></button></li>
|
||||||
|
</div>
|
||||||
<ul class="controlplay" role="radiogroup" aria-label="播放控制選項">
|
<ul class="controlplay" role="radiogroup" aria-label="播放控制選項">
|
||||||
<a role="radio" aria-checked="true" href="javascript:;" class="resume-slide active" title="繼續播放" aria-label="繼續播放" aria-live="assertive">
|
<a role="radio" aria-checked="true" href="javascript:;" class="resume-slide active" title="繼續播放" aria-label="繼續播放" aria-live="assertive">
|
||||||
<i aria-hidden="true"></i>
|
<i aria-hidden="true"></i>
|
||||||
|
|
|
||||||
|
|
@ -26,7 +26,9 @@
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<ul class="w-ba-banner__pager-3 banner-pager banner_caption_{{subpart-id}}"></ul>
|
<div class="w-ad-banner__pager-3 w-ba-banner__caption banner-pager banner_caption_{{subpart-id}}" data-list="images" data-level="0">
|
||||||
|
<li><button title="Slide {{slide_number}}" aria-label="Pager"><span style="display: none;">Slide {{slide_number}}</span></button></li>
|
||||||
|
</div>
|
||||||
<ul class="controlplay" role="radiogroup" aria-label="播放控制選項">
|
<ul class="controlplay" role="radiogroup" aria-label="播放控制選項">
|
||||||
<a role="radio" aria-checked="true" href="javascript:;" class="resume-slide active" title="繼續播放" aria-label="繼續播放" aria-live="assertive">
|
<a role="radio" aria-checked="true" href="javascript:;" class="resume-slide active" title="繼續播放" aria-label="繼續播放" aria-live="assertive">
|
||||||
<i aria-hidden="true"></i>
|
<i aria-hidden="true"></i>
|
||||||
|
|
@ -37,6 +39,10 @@
|
||||||
<i aria-hidden="true"></i>
|
<i aria-hidden="true"></i>
|
||||||
<p style="display: none;"><%= I18n.t("ad_banner.pause") %></p>
|
<p style="display: none;"><%= I18n.t("ad_banner.pause") %></p>
|
||||||
</a>
|
</a>
|
||||||
|
</ul>
|
||||||
|
<ul class="button-mid">
|
||||||
|
<i class="fa fa-angle-left prev-button" aria-label="<%= I18n.t("ad_banner.prev") %>"></i>
|
||||||
|
<i class="fa fa-angle-right next-button" aria-label="<%= I18n.t("ad_banner.next") %>"></i>
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="button-mid">
|
<ul class="button-mid">
|
||||||
<button class="prev-button" title = "<%= (I18n.locale.to_s =="zh_tw") ? "上一張" : "prev" %>" aria-label="Pager"></button>
|
<button class="prev-button" title = "<%= (I18n.locale.to_s =="zh_tw") ? "上一張" : "prev" %>" aria-label="Pager"></button>
|
||||||
|
|
@ -44,7 +50,6 @@
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
var flag = 1;
|
|
||||||
$('[data-subpart-id="{{subpart-id}}"] .pause-slide').click(function(){
|
$('[data-subpart-id="{{subpart-id}}"] .pause-slide').click(function(){
|
||||||
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('pause');
|
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('pause');
|
||||||
$(this).addClass('active')
|
$(this).addClass('active')
|
||||||
|
|
@ -55,17 +60,11 @@
|
||||||
$(this).addClass('active')
|
$(this).addClass('active')
|
||||||
$(this).parents('.controlplay').eq(0).find('.pause-slide').removeClass('active')
|
$(this).parents('.controlplay').eq(0).find('.pause-slide').removeClass('active')
|
||||||
});
|
});
|
||||||
$('.pause-slide').click(function(){
|
$('[data-subpart-id="{{subpart-id}}"] .next-button').click(function(){
|
||||||
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('pause');
|
|
||||||
});
|
|
||||||
$('.resume-slide').click(function(){
|
|
||||||
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('resume');
|
|
||||||
});
|
|
||||||
$('.next-button').off('click').on('click',function(){
|
|
||||||
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("next");
|
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("next");
|
||||||
|
|
||||||
})
|
})
|
||||||
$('.prev-button').off('click').on('click',function(){
|
$('[data-subpart-id="{{subpart-id}}"] .prev-button').click(function(){
|
||||||
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("prev");
|
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("prev");
|
||||||
});
|
});
|
||||||
/* 修正點:處理 Pager 無障礙朗讀文字 */
|
/* 修正點:處理 Pager 無障礙朗讀文字 */
|
||||||
|
|
@ -84,3 +83,23 @@
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
<style type="text/css">
|
||||||
|
.w-ba-banner .controlplay .resume-slide.active i{
|
||||||
|
color: #32D9C3;
|
||||||
|
}
|
||||||
|
.w-ba-banner .controlplay .pause-slide.active i{
|
||||||
|
color: #ff4500;
|
||||||
|
}
|
||||||
|
.w-ba-banner .controlplay{
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
.w-ba-banner .button-mid{
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 0;
|
||||||
|
top: 50%;
|
||||||
|
}
|
||||||
|
.next-button,.prev-button{
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<div class="w-ba-banner ba-banner-widget-5">
|
<div class="w-ba-banner ba-banner-widget-5">
|
||||||
<div class="w-ba-banner__wrap cycle-slideshow"
|
<div class="w-ad-banner__wrap w-ba-banner__wrap cycle-slideshow"
|
||||||
data-list="images"
|
data-list="images"
|
||||||
data-level="0"
|
data-level="0"
|
||||||
data-cycle-slides=".w-ba-banner__slide"
|
data-cycle-slides=".w-ba-banner__slide"
|
||||||
|
|
@ -10,7 +10,7 @@
|
||||||
data-cycle-timeout="{{timeout}}"
|
data-cycle-timeout="{{timeout}}"
|
||||||
data-cycle-fx="{{ad_fx}}"
|
data-cycle-fx="{{ad_fx}}"
|
||||||
data-cycle-pager=".banner_caption_{{subpart-id}}"
|
data-cycle-pager=".banner_caption_{{subpart-id}}"
|
||||||
data-pager-template="<li><a></a></li>"
|
data-pager-template=""
|
||||||
data-pager-active-class="active-slide"
|
data-pager-active-class="active-slide"
|
||||||
data-cycle-swipe=true
|
data-cycle-swipe=true
|
||||||
data-cycle-swipe-fx="scrollHorz"
|
data-cycle-swipe-fx="scrollHorz"
|
||||||
|
|
@ -33,7 +33,9 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-ba-banner__caption banner-pager banner_caption_{{subpart-id}}"></div>
|
<div class="w-ad-banner__pager-1 w-ba-banner__caption banner-pager banner_caption_{{subpart-id}}" data-list="images" data-level="0">
|
||||||
|
<li><button title="Slide {{slide_number}}" aria-label="Pager"><span style="display: none;">Slide {{slide_number}}</span></button></li>
|
||||||
|
</div>
|
||||||
<ul class="controlplay" role="radiogroup" aria-label="播放控制選項">
|
<ul class="controlplay" role="radiogroup" aria-label="播放控制選項">
|
||||||
<a role="radio" aria-checked="true" href="javascript:;" class="resume-slide active" title="繼續播放" aria-label="繼續播放" aria-live="assertive">
|
<a role="radio" aria-checked="true" href="javascript:;" class="resume-slide active" title="繼續播放" aria-label="繼續播放" aria-live="assertive">
|
||||||
<i aria-hidden="true"></i>
|
<i aria-hidden="true"></i>
|
||||||
|
|
|
||||||
|
|
@ -28,7 +28,9 @@
|
||||||
{{html}}
|
{{html}}
|
||||||
</div>
|
</div>
|
||||||
<div class="ad-overlay w-ad-banner__overlay_{{subpart-id}}"></div>
|
<div class="ad-overlay w-ad-banner__overlay_{{subpart-id}}"></div>
|
||||||
<div class="w-ba-banner__caption w-ad-banner__pager-2 banner-pager banner_caption_{{subpart-id}}"></div>
|
<div class="w-ad-banner__pager-2 w-ba-banner__caption banner-pager banner_caption_{{subpart-id}}" data-list="images" data-level="0">
|
||||||
|
<li><button title="Slide {{slide_number}}" aria-label="Pager"><span style="display: none;">Slide {{slide_number}}</span></button></li>
|
||||||
|
</div>
|
||||||
<ul class="controlplay">
|
<ul class="controlplay">
|
||||||
<a role="button" class="resume-slide" title = "<%= (I18n.locale.to_s =="zh_tw") ? "繼續播放" : "resume" %>"><i></i></a>
|
<a role="button" class="resume-slide" title = "<%= (I18n.locale.to_s =="zh_tw") ? "繼續播放" : "resume" %>"><i></i></a>
|
||||||
<a class="pause-slide" title = "<%= (I18n.locale.to_s =="zh_tw") ? "暫停播放" : "pause"%>"><i></i></a>
|
<a class="pause-slide" title = "<%= (I18n.locale.to_s =="zh_tw") ? "暫停播放" : "pause"%>"><i></i></a>
|
||||||
|
|
|
||||||
|
|
@ -25,7 +25,9 @@
|
||||||
{{html}}
|
{{html}}
|
||||||
</div>
|
</div>
|
||||||
<div class="ad-overlay banner-overlay"><div class="ad-overlay2 w-ad-banner__overlay_{{subpart-id}}"></div></div>
|
<div class="ad-overlay banner-overlay"><div class="ad-overlay2 w-ad-banner__overlay_{{subpart-id}}"></div></div>
|
||||||
<div class="w-ba-banner__caption w-ad-banner__pager-2 banner-pager banner_caption_{{subpart-id}}"></div>
|
<div class="w-ad-banner__pager-2 w-ba-banner__caption banner-pager banner_caption_{{subpart-id}}" data-list="images" data-level="0">
|
||||||
|
<li><button title="Slide {{slide_number}}" aria-label="Pager"><span style="display: none;">Slide {{slide_number}}</span></button></li>
|
||||||
|
</div>
|
||||||
<ul class="controlplay"><a role="button" href="javascript:;" class="resume-slide active" title="<%= I18n.t("ad_banner.resume") %>"><i aria-hidden="true" aria-label="<%= I18n.t("ad_banner.resume") %>"></i><p style="display: none;"><%= I18n.t("ad_banner.resume") %></p></a><a href="javascript:;" class="pause-slide" title="<%= I18n.t("ad_banner.pause") %>"><i aria-hidden="true" aria-label="<%= I18n.t("ad_banner.pause") %>"></i><p style="display: none;"><%= I18n.t("ad_banner.pause") %></p></a></ul>
|
<ul class="controlplay"><a role="button" href="javascript:;" class="resume-slide active" title="<%= I18n.t("ad_banner.resume") %>"><i aria-hidden="true" aria-label="<%= I18n.t("ad_banner.resume") %>"></i><p style="display: none;"><%= I18n.t("ad_banner.resume") %></p></a><a href="javascript:;" class="pause-slide" title="<%= I18n.t("ad_banner.pause") %>"><i aria-hidden="true" aria-label="<%= I18n.t("ad_banner.pause") %>"></i><p style="display: none;"><%= I18n.t("ad_banner.pause") %></p></a></ul>
|
||||||
<ul class="button-mid">
|
<ul class="button-mid">
|
||||||
<i class="fa fa-angle-left prev-button" aria-label="<%= I18n.t("ad_banner.prev") %>"></i>
|
<i class="fa fa-angle-left prev-button" aria-label="<%= I18n.t("ad_banner.prev") %>"></i>
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@
|
||||||
<li class="w-annc__item">
|
<li class="w-annc__item">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
||||||
<div class="w-annc__img-wrap ">
|
<div class="w-annc__img-wrap ">
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__meta">
|
<div class="w-annc__meta">
|
||||||
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
|
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
|
||||||
|
|
|
||||||
|
|
@ -28,7 +28,7 @@
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
||||||
<div class="w-annc__item_inner">
|
<div class="w-annc__item_inner">
|
||||||
<div class="w-annc__img-wrap bullseye" style="position:relative">
|
<div class="w-annc__img-wrap bullseye" style="position:relative">
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
<div class="transitionfade"></div>
|
<div class="transitionfade"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap">
|
<div class="w-annc__content-wrap">
|
||||||
|
|
|
||||||
|
|
@ -22,7 +22,7 @@
|
||||||
|
|
||||||
<div class="w-annc__item">
|
<div class="w-annc__item">
|
||||||
<div class="w-annc__img-wrap">
|
<div class="w-annc__img-wrap">
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap">
|
<div class="w-annc__content-wrap">
|
||||||
<div class="w-annc__meta">
|
<div class="w-annc__meta">
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@
|
||||||
<li class="w-annc__item col-sm-4">
|
<li class="w-annc__item col-sm-4">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
||||||
<div class="w-annc__img-wrap">
|
<div class="w-annc__img-wrap">
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap">
|
<div class="w-annc__content-wrap">
|
||||||
<h4 class="w-annc__entry-title">
|
<h4 class="w-annc__entry-title">
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@
|
||||||
<li class="w-annc__item row">
|
<li class="w-annc__item row">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
||||||
<div class="w-annc__img-wrap col-sm-4 bullseye">
|
<div class="w-annc__img-wrap col-sm-4 bullseye">
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap col-sm-8">
|
<div class="w-annc__content-wrap col-sm-8">
|
||||||
<div class="w-annc__meta">
|
<div class="w-annc__meta">
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
||||||
<div class="w-annc__item_inner">
|
<div class="w-annc__item_inner">
|
||||||
<div class="w-annc__img-wrap bullseye" >
|
<div class="w-annc__img-wrap bullseye" >
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
<div class="transitionfade"></div>
|
<div class="transitionfade"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap card">
|
<div class="w-annc__content-wrap card">
|
||||||
|
|
|
||||||
|
|
@ -29,7 +29,7 @@
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
||||||
<div class="w-annc__item_inner">
|
<div class="w-annc__item_inner">
|
||||||
<div class="w-annc__img-wrap bullseye" >
|
<div class="w-annc__img-wrap bullseye" >
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
<div class="transitionfade"></div>
|
<div class="transitionfade"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap card">
|
<div class="w-annc__content-wrap card">
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@
|
||||||
<li class="w-annc__item">
|
<li class="w-annc__item">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
||||||
<div class="w-annc__img-wrap ">
|
<div class="w-annc__img-wrap ">
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__meta">
|
<div class="w-annc__meta">
|
||||||
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
|
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@
|
||||||
<li class="w-annc__item col-md-4">
|
<li class="w-annc__item col-md-4">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
||||||
<div class="w-annc__img-wrap bullseye" >
|
<div class="w-annc__img-wrap bullseye" >
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
<div class="transitionfade"></div>
|
<div class="transitionfade"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap card">
|
<div class="w-annc__content-wrap card">
|
||||||
|
|
|
||||||
|
|
@ -30,7 +30,7 @@
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
||||||
<div class="w-annc__item_inner">
|
<div class="w-annc__item_inner">
|
||||||
<div class="w-annc__img-wrap bullseye" >
|
<div class="w-annc__img-wrap bullseye" >
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
<div class="transitionfade"></div>
|
<div class="transitionfade"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap card">
|
<div class="w-annc__content-wrap card">
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@
|
||||||
<li class="w-annc__item">
|
<li class="w-annc__item">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
||||||
<div class="w-annc__img-wrap ">
|
<div class="w-annc__img-wrap ">
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap card">
|
<div class="w-annc__content-wrap card">
|
||||||
<div class="w-annc__meta">
|
<div class="w-annc__meta">
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@
|
||||||
<a href="{{link_to_show}}" target="_blank" class="widget-title-a">
|
<a href="{{link_to_show}}" target="_blank" class="widget-title-a">
|
||||||
<div class="w-annc__item_inner">
|
<div class="w-annc__item_inner">
|
||||||
<div class="w-annc__img-wrap bullseye" >
|
<div class="w-annc__img-wrap bullseye" >
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
<div class="transitionfade"></div>
|
<div class="transitionfade"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap card">
|
<div class="w-annc__content-wrap card">
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@
|
||||||
<a href="{{link_to_show}}" target="_blank" class="widget-title-a">
|
<a href="{{link_to_show}}" target="_blank" class="widget-title-a">
|
||||||
<div class="w-annc__item_inner">
|
<div class="w-annc__item_inner">
|
||||||
<div class="w-annc__img-wrap bullseye" >
|
<div class="w-annc__img-wrap bullseye" >
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
<div class="transitionfade"></div>
|
<div class="transitionfade"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap card">
|
<div class="w-annc__content-wrap card">
|
||||||
|
|
|
||||||
|
|
@ -25,7 +25,7 @@
|
||||||
<p class="w-annc__subtitle">{{subtitle}}</p>
|
<p class="w-annc__subtitle">{{subtitle}}</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__img-wrap col-sm-4 bullseye">
|
<div class="w-annc__img-wrap col-sm-4 bullseye">
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
|
||||||
|
|
@ -23,7 +23,7 @@
|
||||||
<div class="w-annc__item">
|
<div class="w-annc__item">
|
||||||
<a href="{{link_to_show}}" target="_blank">
|
<a href="{{link_to_show}}" target="_blank">
|
||||||
<div class="w-annc__img-wrap">
|
<div class="w-annc__img-wrap">
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-annc__content-wrap">
|
<div class="w-annc__content-wrap">
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
||||||
<div class="w-annc__item_inner">
|
<div class="w-annc__item_inner">
|
||||||
<div class="w-annc__img-wrap" style="position:relative">
|
<div class="w-annc__img-wrap" style="position:relative">
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
<div class="transitionfade"></div>
|
<div class="transitionfade"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap">
|
<div class="w-annc__content-wrap">
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
<ul class="i-annc__list row" data-level="0" data-list="announcements">
|
<ul class="i-annc__list row" data-level="0" data-list="announcements">
|
||||||
<li class="i-annc__item rotate0">
|
<li class="i-annc__item rotate0">
|
||||||
<div class="i-annc__img-wrap bullseye">
|
<div class="i-annc__img-wrap bullseye">
|
||||||
<a href="{{link_to_show}}" alt="{{img_description}}" title="{{img_description}}">
|
<a href="{{link_to_show}}" title="{{img_description}}">
|
||||||
<img class="i-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="i-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||||
<ul class="i-annc__list row" data-level="0" data-list="announcements">
|
<ul class="i-annc__list row" data-level="0" data-list="announcements">
|
||||||
<li class="i-annc__item col-md-3 col-sm-3">
|
<li class="i-annc__item col-md-3 col-sm-3">
|
||||||
<a href="{{link_to_show}}" alt="{{img_description}}" title="{{img_description}}">
|
<a href="{{link_to_show}}" title="{{img_description}}">
|
||||||
<div class="i-annc__img-wrap bullseye">
|
<div class="i-annc__img-wrap bullseye">
|
||||||
<img class="i-annc__img" src="{{img_src}}" alt="" title="{{img_description}}">
|
<img class="i-annc__img" src="{{img_src}}" alt="" title="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
||||||
<ul class="i-annc__list" data-level="0" data-list="announcements">
|
<ul class="i-annc__list" data-level="0" data-list="announcements">
|
||||||
<li class="i-annc__item row">
|
<li class="i-annc__item row">
|
||||||
<a href="{{link_to_show}}" alt="{{img_description}}" title="{{img_description}}">
|
<a href="{{link_to_show}}" title="{{img_description}}">
|
||||||
<div class="i-annc__content-wrap col-sm-8">
|
<div class="i-annc__content-wrap col-sm-8">
|
||||||
<div class="i-annc__meta">
|
<div class="i-annc__meta">
|
||||||
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
||||||
|
|
|
||||||
|
|
@ -17,8 +17,7 @@
|
||||||
<dl class="i-archive__file-list" data-list="files" data-level="2">
|
<dl class="i-archive__file-list" data-list="files" data-level="2">
|
||||||
<dd class="i-archive__file-wrap">
|
<dd class="i-archive__file-wrap">
|
||||||
<i class="fa-solid fa-file"></i>
|
<i class="fa-solid fa-file"></i>
|
||||||
<a class="i-archive__file-name" href="{{file-url}}" target="{{target}}" title="{{file-name}}">{{file-name}}</a>
|
<a class="i-archive__file-name" href="{{file-url}}" target="{{target}}" title="{{file-name}}">{{file-name}}<span class="label label-primary">{{file-type}}</span></a>
|
||||||
<a href="{{file-url}}" class="i-archive-files-item" target="_blank" data-bs-toggle="tooltip" data-placement="bottom" title="{{file-name}}"><span class="label label-primary">{{file-type}}</span></a>
|
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -26,8 +26,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="i-archive-files-list col-sm-12" data-list="files" data-level="2">
|
<div class="i-archive-files-list col-sm-12" data-list="files" data-level="2">
|
||||||
<dd>
|
<dd>
|
||||||
<a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" title="{{file-name}}">{{file-name}}</a>
|
<a class="i-archive__file-name" href="{{file-url}}" target="{{target}}" title="{{file-name}}">{{file-name}}<span class="label label-primary">{{file-type}}</span></a>
|
||||||
<a href="{{file-url}}" class="i-archive-files-item" target="_blank" data-bs-toggle="tooltip" data-placement="bottom" title="{{file-name}}"><span class="label label-primary">{{file-type}}</span></a>
|
|
||||||
</dd>
|
</dd>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -17,8 +17,7 @@
|
||||||
<dl class="i-archive__file-list" data-list="files" data-level="2">
|
<dl class="i-archive__file-list" data-list="files" data-level="2">
|
||||||
<dd class="i-archive__file-wrap">
|
<dd class="i-archive__file-wrap">
|
||||||
<i class="fa-solid fa-file"></i>
|
<i class="fa-solid fa-file"></i>
|
||||||
<a class="i-archive__file-name" href="{{file-url}}" target="{{target}}" title="{{file-name}}">{{file-name}}</a>
|
<a class="i-archive__file-name" href="{{file-url}}" target="{{target}}" title="{{file-name}}">{{file-name}}<span class="label label-primary">{{file-type}}</span></a>
|
||||||
<a href="{{file-url}}" class="i-archive-files-item" target="_blank" data-bs-toggle="tooltip" data-placement="bottom" title="{{file-name}}"><span class="label label-primary">{{file-type}}</span></a>
|
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -26,8 +26,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="i-archive-files-list col-sm-9" data-list="files" data-level="2">
|
<div class="i-archive-files-list col-sm-9" data-list="files" data-level="2">
|
||||||
<dd>
|
<dd>
|
||||||
<a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" title="{{file-name}}">{{file-name}}</a>
|
<a class="i-archive__file-name" href="{{file-url}}" target="{{target}}" title="{{file-name}}">{{file-name}}<span class="label label-primary">{{file-type}}</span></a>
|
||||||
<a href="{{file-url}}" class="i-archive-files-item" target="_blank" data-bs-toggle="tooltip" data-placement="bottom" title="{{file-name}}"><span class="label label-primary">{{file-type}}</span></a>
|
|
||||||
</dd>
|
</dd>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -15,8 +15,7 @@
|
||||||
</dt>
|
</dt>
|
||||||
<dl class="i-archive__file-list" data-list="files" data-level="2">
|
<dl class="i-archive__file-list" data-list="files" data-level="2">
|
||||||
<dd class="i-archive__file-wrap">
|
<dd class="i-archive__file-wrap">
|
||||||
<a class="i-archive__file-name" href="{{file-url}}" target="{{target}}" title="{{file-name}}">{{file-name}}</a>
|
<a class="i-archive__file-name" href="{{file-url}}" target="{{target}}" title="{{file-name}}">{{file-name}}<span class="label label-primary">{{file-type}}</span></a>
|
||||||
<a href="{{file-url}}" class="i-archive-files-item" target="_blank" data-bs-toggle="tooltip" data-placement="bottom" title="{{file-name}}"><span class="label label-primary">{{file-type}}</span></a>
|
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -23,8 +23,7 @@
|
||||||
</span>
|
</span>
|
||||||
<span class="description" style="clear: both;widivh: 100%;position: relative;display: block;">{{description}}</span>
|
<span class="description" style="clear: both;widivh: 100%;position: relative;display: block;">{{description}}</span>
|
||||||
<dd>
|
<dd>
|
||||||
<a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" title="{{file-name}}">{{file-name}}</a>
|
<a class="i-archive__file-name" href="{{file-url}}" target="{{target}}" title="{{file-name}}">{{file-name}}<span class="label label-primary">{{file-type}}</span></a>
|
||||||
<a href="{{file-url}}" class="i-archive-files-item" target="_blank" data-bs-toggle="tooltip" data-placement="bottom" title="{{file-name}}"><span class="label label-primary">{{file-type}}</span></a>
|
|
||||||
</dd>
|
</dd>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -18,8 +18,7 @@
|
||||||
<dl class="i-archive__file-list" data-list="files" data-level="2">
|
<dl class="i-archive__file-list" data-list="files" data-level="2">
|
||||||
<dd class="i-archive__file-wrap">
|
<dd class="i-archive__file-wrap">
|
||||||
<i class="fa-solid fa-file"></i>
|
<i class="fa-solid fa-file"></i>
|
||||||
<a class="i-archive__file-name" href="{{file-url}}" target="{{target}}" title="{{file-name}}">{{file-name}}</a>
|
<a class="i-archive__file-name" href="{{file-url}}" target="{{target}}" title="{{file-name}}">{{file-name}}<span class="label label-primary">{{file-type}}</span></a>
|
||||||
<a href="{{file-url}}" class="i-archive-files-item" target="_blank" data-bs-toggle="tooltip" data-placement="bottom" title="{{file-name}}"><span class="label label-primary">{{file-type}}</span></a>
|
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@
|
||||||
<ul class="w-annc__list" data-level="0" data-list="custom_announcements">
|
<ul class="w-annc__list" data-level="0" data-list="custom_announcements">
|
||||||
<li class="w-annc__item">
|
<li class="w-annc__item">
|
||||||
<div class="w-annc__img-wrap bullseye">
|
<div class="w-annc__img-wrap bullseye">
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__meta">
|
<div class="w-annc__meta">
|
||||||
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
|
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
|
||||||
|
|
|
||||||
|
|
@ -12,7 +12,7 @@
|
||||||
<ul class="w-annc__list row" data-level="0" data-list="custom_announcements">
|
<ul class="w-annc__list row" data-level="0" data-list="custom_announcements">
|
||||||
<li class="w-annc__item col-md-4">
|
<li class="w-annc__item col-md-4">
|
||||||
<div class="w-annc__img-wrap bullseye">
|
<div class="w-annc__img-wrap bullseye">
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap">
|
<div class="w-annc__content-wrap">
|
||||||
<div class="w-annc__meta">
|
<div class="w-annc__meta">
|
||||||
|
|
|
||||||
|
|
@ -27,7 +27,7 @@
|
||||||
|
|
||||||
<div class="w-annc__item">
|
<div class="w-annc__item">
|
||||||
<div class="w-annc__img-wrap">
|
<div class="w-annc__img-wrap">
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap">
|
<div class="w-annc__content-wrap">
|
||||||
<div class="w-annc__meta">
|
<div class="w-annc__meta">
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@
|
||||||
<li class="w-annc__item col-md-4">
|
<li class="w-annc__item col-md-4">
|
||||||
<div class="w-annc__img-wrap">
|
<div class="w-annc__img-wrap">
|
||||||
<a href="{{link_to_show}}" title="{{title}}">
|
<a href="{{link_to_show}}" title="{{title}}">
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap">
|
<div class="w-annc__content-wrap">
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@
|
||||||
<ul class="w-annc__list" data-level="0" data-list="custom_announcements">
|
<ul class="w-annc__list" data-level="0" data-list="custom_announcements">
|
||||||
<li class="w-annc__item row">
|
<li class="w-annc__item row">
|
||||||
<div class="w-annc__img-wrap col-sm-4 bullseye">
|
<div class="w-annc__img-wrap col-sm-4 bullseye">
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap col-sm-8">
|
<div class="w-annc__content-wrap col-sm-8">
|
||||||
<div class="w-annc__meta">
|
<div class="w-annc__meta">
|
||||||
|
|
|
||||||
|
|
@ -24,7 +24,7 @@
|
||||||
<p class="w-annc__subtitle">{{subtitle}}</p>
|
<p class="w-annc__subtitle">{{subtitle}}</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__img-wrap col-sm-4 bullseye">
|
<div class="w-annc__img-wrap col-sm-4 bullseye">
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,7 @@
|
||||||
<ul class="w-annc__list row" data-level="0" data-list="custom_announcements">
|
<ul class="w-annc__list row" data-level="0" data-list="custom_announcements">
|
||||||
<li class="w-annc__item col-md-4">
|
<li class="w-annc__item col-md-4">
|
||||||
<div class="w-annc__img-wrap bullseye">
|
<div class="w-annc__img-wrap bullseye">
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap">
|
<div class="w-annc__content-wrap">
|
||||||
<div class="w-annc__meta">
|
<div class="w-annc__meta">
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,7 @@
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<article class="s-annc show-announcement">
|
<article class="s-annc show-announcement">
|
||||||
<h1 class="s-annc__show-title">{{title}}</h1>
|
<h3 class="s-annc__show-title">{{title}}</h3>
|
||||||
|
|
||||||
<ul class="s-annc__meta-wrap list-unstyled no-print">
|
<ul class="s-annc__meta-wrap list-unstyled no-print">
|
||||||
<li class="s-annc__date-wrap s-annc__meta--item">
|
<li class="s-annc__date-wrap s-annc__meta--item">
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@
|
||||||
<ul class="w-annc__list" data-level="0" data-list="event_news">
|
<ul class="w-annc__list" data-level="0" data-list="event_news">
|
||||||
<li class="w-annc__item">
|
<li class="w-annc__item">
|
||||||
<div class="w-annc__img-wrap bullseye">
|
<div class="w-annc__img-wrap bullseye">
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__meta">
|
<div class="w-annc__meta">
|
||||||
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
|
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
|
||||||
|
|
|
||||||
|
|
@ -25,7 +25,7 @@
|
||||||
<div class="w-annc__item_inner">
|
<div class="w-annc__item_inner">
|
||||||
<div class="w-annc__img-wrap bullseye" style="position:relative">
|
<div class="w-annc__img-wrap bullseye" style="position:relative">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
<div class="transitionfade"></div>
|
<div class="transitionfade"></div>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@
|
||||||
<li class="w-annc__item row">
|
<li class="w-annc__item row">
|
||||||
<div class="w-annc__img-wrap col-sm-4 bullseye">
|
<div class="w-annc__img-wrap col-sm-4 bullseye">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap col-sm-8">
|
<div class="w-annc__content-wrap col-sm-8">
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@
|
||||||
<li class="w-annc__item col-md-4">
|
<li class="w-annc__item col-md-4">
|
||||||
<div class="w-annc__img-wrap bullseye" >
|
<div class="w-annc__img-wrap bullseye" >
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
<div class="transitionfade"></div>
|
<div class="transitionfade"></div>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -25,7 +25,7 @@
|
||||||
<div class="w-annc__item_inner">
|
<div class="w-annc__item_inner">
|
||||||
<div class="w-annc__img-wrap bullseye" >
|
<div class="w-annc__img-wrap bullseye" >
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
<div class="transitionfade"></div>
|
<div class="transitionfade"></div>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -21,7 +21,7 @@
|
||||||
<li class="w-annc__item col-md-4">
|
<li class="w-annc__item col-md-4">
|
||||||
<div class="w-annc__img-wrap bullseye">
|
<div class="w-annc__img-wrap bullseye">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap">
|
<div class="w-annc__content-wrap">
|
||||||
|
|
|
||||||
|
|
@ -24,7 +24,7 @@
|
||||||
<p class="w-annc__subtitle">{{subtitle}}</p>
|
<p class="w-annc__subtitle">{{subtitle}}</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__img-wrap col-sm-4 bullseye">
|
<div class="w-annc__img-wrap col-sm-4 bullseye">
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@
|
||||||
<li class="w-annc__item col-md-4">
|
<li class="w-annc__item col-md-4">
|
||||||
<div class="w-annc__img-wrap bullseye" style="position:relative">
|
<div class="w-annc__img-wrap bullseye" style="position:relative">
|
||||||
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
<div class="transitionfade"></div>
|
<div class="transitionfade"></div>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@
|
||||||
<ul class="w-annc__list" data-level="0" data-list="recruitment">
|
<ul class="w-annc__list" data-level="0" data-list="recruitment">
|
||||||
<li class="w-annc__item">
|
<li class="w-annc__item">
|
||||||
<div class="w-annc__img-wrap bullseye">
|
<div class="w-annc__img-wrap bullseye">
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__meta">
|
<div class="w-annc__meta">
|
||||||
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
|
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
|
||||||
|
|
|
||||||
|
|
@ -12,7 +12,7 @@
|
||||||
<ul class="w-annc__list row" data-level="0" data-list="recruitment">
|
<ul class="w-annc__list row" data-level="0" data-list="recruitment">
|
||||||
<li class="w-annc__item col-md-4">
|
<li class="w-annc__item col-md-4">
|
||||||
<div class="w-annc__img-wrap bullseye">
|
<div class="w-annc__img-wrap bullseye">
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap">
|
<div class="w-annc__content-wrap">
|
||||||
<div class="w-annc__meta">
|
<div class="w-annc__meta">
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@
|
||||||
<ul class="w-annc__list" data-level="0" data-list="recruitment">
|
<ul class="w-annc__list" data-level="0" data-list="recruitment">
|
||||||
<li class="w-annc__item row">
|
<li class="w-annc__item row">
|
||||||
<div class="w-annc__img-wrap col-sm-4 bullseye">
|
<div class="w-annc__img-wrap col-sm-4 bullseye">
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap col-sm-8">
|
<div class="w-annc__content-wrap col-sm-8">
|
||||||
<div class="w-annc__meta">
|
<div class="w-annc__meta">
|
||||||
|
|
|
||||||
|
|
@ -24,7 +24,7 @@
|
||||||
<p class="w-annc__subtitle">{{subtitle}}</p>
|
<p class="w-annc__subtitle">{{subtitle}}</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__img-wrap col-sm-4 bullseye">
|
<div class="w-annc__img-wrap col-sm-4 bullseye">
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,7 @@
|
||||||
<ul class="w-annc__list row" data-level="0" data-list="recruitment">
|
<ul class="w-annc__list row" data-level="0" data-list="recruitment">
|
||||||
<li class="w-annc__item col-md-4">
|
<li class="w-annc__item col-md-4">
|
||||||
<div class="w-annc__img-wrap bullseye">
|
<div class="w-annc__img-wrap bullseye">
|
||||||
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
<div class="w-annc__content-wrap">
|
<div class="w-annc__content-wrap">
|
||||||
<div class="w-annc__meta">
|
<div class="w-annc__meta">
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<article class="s-annc show-annc">
|
<article class="s-annc show-annc">
|
||||||
<h1 class="s-annc__show-title">{{title}}</h1>
|
<h3 class="s-annc__show-title">{{title}}</h3>
|
||||||
|
|
||||||
<ul class="s-annc__meta-wrap list-unstyled no-print">
|
<ul class="s-annc__meta-wrap list-unstyled no-print">
|
||||||
<li class="s-annc__date-wrap s-annc__meta--item">
|
<li class="s-annc__date-wrap s-annc__meta--item">
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<article class="s-annc show-annc2">
|
<article class="s-annc show-annc2">
|
||||||
<h1 class="s-annc__show-title">{{title}}</h1>
|
<h3 class="s-annc__show-title">{{title}}</h3>
|
||||||
|
|
||||||
<ul class="s-annc__meta-wrap list-unstyled no-print">
|
<ul class="s-annc__meta-wrap list-unstyled no-print">
|
||||||
<li class="s-annc__tag-wrap s-annc__meta--item ">
|
<li class="s-annc__tag-wrap s-annc__meta--item ">
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@
|
||||||
<div class="view_info">
|
<div class="view_info">
|
||||||
<span>{{view_count}}</span>
|
<span>{{view_count}}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="Video__Player"><button class="Video__PlayerButton"></button></div>
|
<div class="Video__Player"><div class="Video__PlayerButton"></div></div>
|
||||||
<div class="videoduration"></div>
|
<div class="videoduration"></div>
|
||||||
</div>
|
</div>
|
||||||
<a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}">
|
<a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}">
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,7 @@
|
||||||
<div class="view_info">
|
<div class="view_info">
|
||||||
<span>{{view_count}}</span>
|
<span>{{view_count}}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="Video__Player"><button class="Video__PlayerButton"></button></div>
|
<div class="Video__Player"><div class="Video__PlayerButton"></div></div>
|
||||||
<div class="videoduration"></div>
|
<div class="videoduration"></div>
|
||||||
</div>
|
</div>
|
||||||
<img class="video_snapshot" src="{{snapshot_url}}"/>
|
<img class="video_snapshot" src="{{snapshot_url}}"/>
|
||||||
|
|
|
||||||
|
|
@ -27,7 +27,7 @@
|
||||||
<div class="view_info">
|
<div class="view_info">
|
||||||
<span>{{view_count}}</span>
|
<span>{{view_count}}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="Video__Player"><button class="Video__PlayerButton"></button></div>
|
<div class="Video__Player"><div class="Video__PlayerButton"></div></div>
|
||||||
<div class="videoduration"></div>
|
<div class="videoduration"></div>
|
||||||
</div>
|
</div>
|
||||||
<img class="video_snapshot" src="{{snapshot_url}}"/>
|
<img class="video_snapshot" src="{{snapshot_url}}"/>
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,7 @@
|
||||||
<div class="view_info">
|
<div class="view_info">
|
||||||
<span>{{view_count}}</span>
|
<span>{{view_count}}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="Video__Player"><button class="Video__PlayerButton"></button></div>
|
<div class="Video__Player"><div class="Video__PlayerButton"></div></div>
|
||||||
<div class="videoduration"></div>
|
<div class="videoduration"></div>
|
||||||
</div>
|
</div>
|
||||||
<img class="video_snapshot" src="{{snapshot_url}}"/>
|
<img class="video_snapshot" src="{{snapshot_url}}"/>
|
||||||
|
|
|
||||||
|
|
@ -17,7 +17,7 @@
|
||||||
<div class="view_info">
|
<div class="view_info">
|
||||||
<span>{{view_count}}</span>
|
<span>{{view_count}}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="Video__Player"><button class="Video__PlayerButton"></button></div>
|
<div class="Video__Player"><div class="Video__PlayerButton"></div></div>
|
||||||
<div class="videoduration"></div>
|
<div class="videoduration"></div>
|
||||||
</div>
|
</div>
|
||||||
<img class="video_snapshot" src="{{snapshot_url}}"/>
|
<img class="video_snapshot" src="{{snapshot_url}}"/>
|
||||||
|
|
|
||||||
|
|
@ -52,7 +52,7 @@
|
||||||
<div class="view_info">
|
<div class="view_info">
|
||||||
<span>{{view_count}}</span>
|
<span>{{view_count}}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="Video__Player"><button class="Video__PlayerButton"></button></div>
|
<div class="Video__Player"><div class="Video__PlayerButton"></div></div>
|
||||||
<div class="videoduration"></div>
|
<div class="videoduration"></div>
|
||||||
</div>
|
</div>
|
||||||
<img class="video_snapshot" src="{{snapshot_url}}"/>
|
<img class="video_snapshot" src="{{snapshot_url}}"/>
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@
|
||||||
<a class=" video_link" href="{{video_show_url}}" title="{{video_title_escape}}">
|
<a class=" video_link" href="{{video_show_url}}" title="{{video_title_escape}}">
|
||||||
<div class="video_linkwrapper3 col-sm-4">
|
<div class="video_linkwrapper3 col-sm-4">
|
||||||
<div class="videohover">
|
<div class="videohover">
|
||||||
<div class="Video__Player"><button class="Video__PlayerButton"></button></div>
|
<div class="Video__Player"><div class="Video__PlayerButton"></div></div>
|
||||||
<div class="videoduration"></div>
|
<div class="videoduration"></div>
|
||||||
</div>
|
</div>
|
||||||
<img class="video_snapshot" src="{{snapshot_url}}"/>
|
<img class="video_snapshot" src="{{snapshot_url}}"/>
|
||||||
|
|
|
||||||
|
|
@ -26,7 +26,7 @@
|
||||||
<a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}">
|
<a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}">
|
||||||
<div class="video_linkwrapper">
|
<div class="video_linkwrapper">
|
||||||
<div class="videohover">
|
<div class="videohover">
|
||||||
<div class="Video__Player"><button class="Video__PlayerButton"></button></div>
|
<div class="Video__Player"><div class="Video__PlayerButton"></div></div>
|
||||||
<div class="videoduration"></div>
|
<div class="videoduration"></div>
|
||||||
</div>
|
</div>
|
||||||
<img class="video_snapshot" src="{{snapshot_url}}"/>
|
<img class="video_snapshot" src="{{snapshot_url}}"/>
|
||||||
|
|
|
||||||
|
|
@ -26,7 +26,7 @@
|
||||||
<a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}">
|
<a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}">
|
||||||
<div class="video_linkwrapper">
|
<div class="video_linkwrapper">
|
||||||
<div class="videohover">
|
<div class="videohover">
|
||||||
<div class="Video__Player"><button class="Video__PlayerButton"></button></div>
|
<div class="Video__Player"><div class="Video__PlayerButton"></div></div>
|
||||||
<div class="videoduration"></div>
|
<div class="videoduration"></div>
|
||||||
</div>
|
</div>
|
||||||
<img class="video_snapshot" src="{{snapshot_url}}"/>
|
<img class="video_snapshot" src="{{snapshot_url}}"/>
|
||||||
|
|
|
||||||
|
|
@ -18,7 +18,7 @@
|
||||||
<a class="video_link" href="javascript:void(0)" title="{{video_title_escape}}" data-api-url="{{api_url}}">
|
<a class="video_link" href="javascript:void(0)" title="{{video_title_escape}}" data-api-url="{{api_url}}">
|
||||||
<div class="video_linkwrapper">
|
<div class="video_linkwrapper">
|
||||||
<div class="videohover">
|
<div class="videohover">
|
||||||
<div class="Video__Player"><button class="Video__PlayerButton"></button></div>
|
<div class="Video__Player"><div class="Video__PlayerButton"></div></div>
|
||||||
<div class="videoduration"></div>
|
<div class="videoduration"></div>
|
||||||
</div>
|
</div>
|
||||||
<img class="video_snapshot" src="{{snapshot_url}}"/>
|
<img class="video_snapshot" src="{{snapshot_url}}"/>
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@
|
||||||
<a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}">
|
<a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}">
|
||||||
<div class="video_linkwrapper">
|
<div class="video_linkwrapper">
|
||||||
<div class="videohover">
|
<div class="videohover">
|
||||||
<div class="Video__Player"><button class="Video__PlayerButton"></button></div>
|
<div class="Video__Player"><div class="Video__PlayerButton"></div></div>
|
||||||
<div class="videoduration"></div>
|
<div class="videoduration"></div>
|
||||||
</div>
|
</div>
|
||||||
<img class="video_snapshot" src="{{snapshot_url}}"/>
|
<img class="video_snapshot" src="{{snapshot_url}}"/>
|
||||||
|
|
|
||||||
|
|
@ -14,7 +14,7 @@
|
||||||
<a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}">
|
<a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}">
|
||||||
<div class="video_linkwrapper">
|
<div class="video_linkwrapper">
|
||||||
<div class="videohover">
|
<div class="videohover">
|
||||||
<div class="Video__Player"><button class="Video__PlayerButton"></button></div>
|
<div class="Video__Player"><div class="Video__PlayerButton"></div></div>
|
||||||
<div class="videoduration"></div>
|
<div class="videoduration"></div>
|
||||||
</div>
|
</div>
|
||||||
<img class="video_snapshot" src="{{snapshot_url}}"/>
|
<img class="video_snapshot" src="{{snapshot_url}}"/>
|
||||||
|
|
|
||||||
|
|
@ -10,10 +10,10 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-7 widget-content-txt">
|
<div class="col-sm-7 widget-content-txt">
|
||||||
<div class="widget-content-title">
|
<div class="widget-content-title">
|
||||||
<span class="title_text">{{title}}</span>
|
|
||||||
<span data-list="statuses" data-level="1">
|
<span data-list="statuses" data-level="1">
|
||||||
<span class="label status {{status-class}}">{{status}}</span>
|
<span class="label status {{status-class}}">{{status}}</span>
|
||||||
</span>
|
</span>
|
||||||
|
<span class="title_text">{{title}}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="index-context">{{context}}</div>
|
<div class="index-context">{{context}}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -10,10 +10,10 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-7 widget-content-txt">
|
<div class="col-sm-7 widget-content-txt">
|
||||||
<div class="widget-content-title">
|
<div class="widget-content-title">
|
||||||
<span class="title_text">{{title}}</span>
|
|
||||||
<span data-list="statuses" data-level="1">
|
<span data-list="statuses" data-level="1">
|
||||||
<span class="label status {{status-class}}">{{status}}</span>
|
<span class="label status {{status-class}}">{{status}}</span>
|
||||||
</span>
|
</span>
|
||||||
|
<span class="title_text">{{title}}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="index-context">{{context}}</div>
|
<div class="index-context">{{context}}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -9,10 +9,10 @@
|
||||||
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
<div class="widget-content-title">
|
<div class="widget-content-title">
|
||||||
<span class="title_text">{{title}}</span>
|
|
||||||
<span data-list="statuses" data-level="1">
|
<span data-list="statuses" data-level="1">
|
||||||
<span class="label status {{status-class}}">{{status}}</span>
|
<span class="label status {{status-class}}">{{status}}</span>
|
||||||
</span>
|
</span>
|
||||||
|
<span class="title_text">{{title}}</span>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
|
||||||
|
|
@ -9,10 +9,10 @@
|
||||||
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
<div class="widget-content-title">
|
<div class="widget-content-title">
|
||||||
<span class="title_text">{{title}}</span>
|
|
||||||
<span data-list="statuses" data-level="1">
|
<span data-list="statuses" data-level="1">
|
||||||
<span class="label status {{status-class}}">{{status}}</span>
|
<span class="label status {{status-class}}">{{status}}</span>
|
||||||
</span>
|
</span>
|
||||||
|
<span class="title_text">{{title}}</span>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
|
||||||
|
|
@ -9,10 +9,10 @@
|
||||||
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
|
||||||
</div>
|
</div>
|
||||||
<div class="widget-content-title">
|
<div class="widget-content-title">
|
||||||
<span class="title_text">{{title}}</span>
|
|
||||||
<span data-list="statuses" data-level="1">
|
<span data-list="statuses" data-level="1">
|
||||||
<span class="label status {{status-class}}">{{status}}</span>
|
<span class="label status {{status-class}}">{{status}}</span>
|
||||||
</span>
|
</span>
|
||||||
|
<span class="title_text">{{title}}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="index-context">{{context}}</div>
|
<div class="index-context">{{context}}</div>
|
||||||
</a>
|
</a>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue