'sitemenu'

This commit is contained in:
ken 2025-08-21 10:47:21 +08:00
parent d4dd2d234a
commit 914602e3fd
88 changed files with 1976 additions and 1602 deletions

File diff suppressed because it is too large Load Diff

View File

@ -18,13 +18,14 @@
} }
} }
} }
.page-home{
.unity-title { .unity-title {
span{ span{
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
flex-wrap: wrap;
&:before{ &:before{
background: url(/assets/titleicon.png) no-repeat left center; background: url(/assets/titleicon.png) no-repeat left center;
display: block; display: block;
@ -39,7 +40,7 @@
} }
} }
} }
}
// Title // Title
.unity-title { .unity-title {
line-height: 1.5; line-height: 1.5;

View File

@ -56,7 +56,7 @@
} }
.header-banner { overflow: hidden; } .header-banner { overflow: hidden; }
.header-nav { .header-nav {
padding:1em 0 0 0; padding:0;
font-family: $main-font; font-family: $main-font;
text-transform:uppercase; text-transform:uppercase;
display: flex; display: flex;
@ -157,10 +157,10 @@
height: 60px; height: 60px;
} }
@media(max-width: $screen-xs){ @media(max-width: $screen-xs){
height: 45px !important; height: 45px;
} }
@media(max-width: 820px)and(min-width:$screen-xs ){ @media(max-width: 820px)and(min-width:$screen-xs ){
height: 45px!important; height: 45px;
} }
} }
} }

View File

@ -8,6 +8,28 @@
// Widget // Widget
// ## gerenral styles // ## gerenral styles
ul.button-mid{
.prev-button{
height: 2em !important;
width: 2em !important;
font-size: 1em !important;
line-height: 2rem !important;
border-radius: 1em;
&:hover {
background: rgba(0,0,0,0.1);
}
}
.next-button{
height: 2em !important;
width: 2em !important;
font-size: 1em !important;
line-height: 2rem !important;
border-radius: 1em;
&:hover {
background: rgba(0,0,0,0.1);
}
}
}
ul.button-mid{ ul.button-mid{
margin:0; margin:0;
z-index: 201; z-index: 201;
@ -69,7 +91,7 @@ iframe{
@include list-reset; @include list-reset;
position: absolute; position: absolute;
bottom: 0.5rem!important; bottom: 0.5rem!important;
z-index: 1000; z-index: 100;
text-align:center; text-align:center;
width: 100%; width: 100%;
li { li {
@ -234,7 +256,7 @@ ul.button-mid{
.banner-pager { .banner-pager {
right: 1em; right: 1em;
top: -2em; top: -2em;
z-index: 102; z-index: 100;
display: none; display: none;
} }
.button-mid{ .button-mid{
@ -306,7 +328,7 @@ ul.button-mid{
padding: 3.5em 5em; padding: 3.5em 5em;
background-image: linear-gradient(180deg, transparent 0, #00000066 40%, #000); background-image: linear-gradient(180deg, transparent 0, #00000066 40%, #000);
position: absolute; position: absolute;
z-index: 999; z-index: 99;
color: #fff; color: #fff;
} }
.w-ba-banner__caption { .w-ba-banner__caption {
@ -357,7 +379,7 @@ ul.button-mid{
.banner-pager { .banner-pager {
right: 1em; right: 1em;
top: -2em; top: -2em;
z-index: 102; z-index: 100;
display: none; display: none;
} }
} }
@ -400,10 +422,8 @@ ul.button-mid{
.ba-banner-widget-5 { .ba-banner-widget-5 {
margin: 1em 0; margin: 1em 0;
.slide-img { .slide-img {
@media(min-width:769px){
padding: 0; padding: 0;
} }
}
.slide-content { .slide-content {
z-index: 200; z-index: 200;
font-family: $main-font; font-family: $main-font;

View File

@ -53,11 +53,17 @@
.w-annc__table{ .w-annc__table{
background-color: #fff; background-color: #fff;
.w-annc__th{ .w-annc__th{
border-bottom: 0.125em solid #ddd; // border-bottom: 0.125em solid #ddd;
} }
tr{ tr{
@media(max-width: $screen-xs){ @media(max-width: $screen-xs){
margin-bottom: 10px; margin-bottom: 10px;
display: flex;
flex-wrap: wrap;
width: 100%;
td{
width: 100%;
}
} }
} }
} }
@ -294,9 +300,6 @@
.w-annc__list > .w-annc__item:nth-child(3n+1) { .w-annc__list > .w-annc__item:nth-child(3n+1) {
clear: both; clear: both;
} }
.w-annc__entry-title {
height: 2.5em;
}
.w-annc__img-wrap { .w-annc__img-wrap {
height: 14.5em; height: 14.5em;
margin:0; margin:0;
@ -908,7 +911,6 @@
font-family: $main-font; font-family: $main-font;
font-weight: bold; font-weight: bold;
} }
.w-annc__widget-title { float: left; }
.w-annc__more { .w-annc__more {
margin-top: 1.5em; margin-top: 1.5em;
display: none; display: none;
@ -2066,6 +2068,9 @@
} }
//widget 15 //widget 15
.widget-announcement-15 { .widget-announcement-15 {
.w-annc__entry-title{
height: 2.5em;
}
.cycle-carousel-wrap{ .cycle-carousel-wrap{
display: flex; display: flex;
align-items: baseline; align-items: baseline;
@ -2479,7 +2484,6 @@
.i-annc__item { .i-annc__item {
list-style: none; list-style: none;
overflow: hidden; overflow: hidden;
border-bottom: 1px solid #bbb;
padding: 1em 0; padding: 1em 0;
// box-shadow: #0000004d 0 0 4px; // box-shadow: #0000004d 0 0 4px;
// background: #fff; // background: #fff;
@ -2518,7 +2522,7 @@
} }
} }
tr{ tr{
border: 0.0625em solid #ddd!important; // border: 0.0625em solid #ddd!important;
} }
td { td {
font-size: 1rem; font-size: 1rem;
@ -2599,7 +2603,9 @@ table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataT
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before { table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
background-color: $theme-gray !important; background-color: $theme-gray !important;
} }
.i-annc__table{
border: 0.0625em solid #ddd !important;
}
.i-annc__table .child span.dtr-data li { .i-annc__table .child span.dtr-data li {
padding: 0 0.5em; padding: 0 0.5em;
} }
@ -2756,11 +2762,13 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl
clear: both; clear: both;
} }
.i-annc__content-wrap{
margin: 0.5em;
}
.i-annc__img-wrap { .i-annc__img-wrap {
overflow: hidden; overflow: hidden;
height: 13.5em; height: 13.5em;
margin: 1em 0.5em; margin: 0.5em;
img { img {
@media (max-width:767px) { @media (max-width:767px) {
transform: scale(1) !important; transform: scale(1) !important;
@ -2880,7 +2888,7 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl
// Index-13 // Index-13
.index-announcement-13 { .index-announcement-13 {
thead{ thead{
border-bottom: 0.125em solid #ddd;
} }
.child{ .child{
li{ li{
@ -2904,7 +2912,7 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl
// Index-14 // Index-14
.index-announcement-14 { .index-announcement-14 {
thead{ thead{
border-bottom: 0.125em solid #ddd; // border-bottom: 0.125em solid #ddd;
} }
.child{ .child{
li{ li{
@ -2980,8 +2988,12 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl
// Index-17 // Index-17
.index-announcement-17 { .index-announcement-17 {
@media(max-width: $screen-xs){ @media(max-width: $screen-xs){
.i-annc__table{
border: 0 !important;
}
tr{ tr{
margin-bottom: 10px; margin-bottom: 10px;
border: 0.0625em solid #ddd !important;
} }
th{ th{
width: 100%; width: 100%;
@ -3205,7 +3217,8 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl
border-radius: 4px; border-radius: 4px;
behavior: url("/assets/ie_support/PIE2/PIE.htc"); behavior: url("/assets/ie_support/PIE2/PIE.htc");
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
-moz-border-radius: 4px -moz-border-radius: 4px;
z-index: 100;
} }
.VivaTimeline dl dd { .VivaTimeline dl dd {
@ -3464,6 +3477,7 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl
border-radius: 10px; border-radius: 10px;
transition: all 0.3s; transition: all 0.3s;
width: calc( 100%/5 - 1.5em); width: calc( 100%/5 - 1.5em);
margin-bottom: 1em;
&:hover{ &:hover{
box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.5); box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.5);
transform: translateY(-5px); transform: translateY(-5px);

View File

@ -7,6 +7,11 @@
// //
// Widget // Widget
// ## gerenral styles // ## gerenral styles
.i-archive__list{
.date-thead{
min-width: 4em;
}
}
.i-archive{ .i-archive{
tr{ tr{
border: 0.0625em solid #ddd!important; border: 0.0625em solid #ddd!important;

View File

@ -1,6 +1,12 @@
@charset "utf-8"; @charset "utf-8";
@import "../initial"; @import "../initial";
[data-list="event_news_links"]{
padding: 0;
li{
list-style: none;
}
}
.w-annc__list{ .w-annc__list{
clear: both; clear: both;
} }
@ -431,7 +437,6 @@
@media(max-width: $screen-xs){ @media(max-width: $screen-xs){
tr{ tr{
margin-bottom: 10px; margin-bottom: 10px;
// border: 0.125em solid #ddd !important;
} }
th{ th{
width: 100%; width: 100%;
@ -586,7 +591,8 @@
.index-eventnews-11 { .index-eventnews-11 {
.i-annc__item{ .i-annc__item{
width: 100% width: 100%;
border-bottom: 0.0625em solid #ddd;
} }
.child{ .child{
li{ li{
@ -608,29 +614,19 @@
// Index-12 // Index-12
.index-eventnews-12 { .index-eventnews-12 {
.i-annc__item{ .i-annc__item{
width: 100% width: 100%;
border-bottom: 0.0625em solid #ddd;
} }
.child{ .child{
li{ li{
list-style: none; list-style: none;
} }
} }
@media(max-width: $screen-xs){
.i-annc__th--date{
width:50%!important;
}
.i-annc__th--title{
width:50%!important;
}
}
table tr{
flex-wrap: unset!important;
}
} }
// Index-13 // Index-13
.index-eventnews-13 { .index-eventnews-13 {
thead{ thead{
border-bottom: 0.125em solid #ddd;
} }
.child{ .child{
li{ li{
@ -654,7 +650,7 @@
// Index-14 // Index-14
.index-eventnews-14 { .index-eventnews-14 {
thead{ thead{
border-bottom: 0.125em solid #ddd;
} }
.child{ .child{
li{ li{
@ -747,7 +743,7 @@
@media(max-width: $screen-xs){ @media(max-width: $screen-xs){
tr{ tr{
margin-bottom: 10px; margin-bottom: 10px;
// border: 0.125em solid #ddd !important;
} }
th{ th{
width: 100%; width: 100%;
@ -781,7 +777,7 @@
@media(max-width: $screen-xs){ @media(max-width: $screen-xs){
tr{ tr{
margin-bottom: 10px; margin-bottom: 10px;
// border: 0.125em solid #ddd !important;
} }
th{ th{
width: 100%; width: 100%;
@ -1182,3 +1178,31 @@
.widget-event-news-calendar-2.w-calendar .w-calendar-title{ .widget-event-news-calendar-2.w-calendar .w-calendar-title{
background:$theme-color-second; background:$theme-color-second;
} }
.carousel_images_slide{
transform: scale(0.8);
width: 10em;
margin: auto!important;
display: flex;
justify-content: center;
}
.carousel_img-wrap{
width: 25px;
height: 25px;
border-radius: 2em;
overflow: hidden;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
backdrop-filter: saturate(180%) blur(20px);
img{
border-radius: 1em;
overflow: hidden;
}
}
.carousel_images_slide{
margin-top: 1em !important;
}
.carousel_img_item{
display: block!important;
}

View File

@ -0,0 +1,25 @@
@charset "utf-8";
@import "../initial";
p.s-annc__post-orbithashtags{
clear: both;
}
a.orbit-hash-tag {
list-style: none;
background: #e0edff;
color: #0a84ff;
margin-right: 0.5em;
border-radius: 0.5em;
padding: 0.2em 0.5em;
margin-bottom: 0.5em;
display: inline-block;
&:hover{
background: #0a84ff;
transform: translatey(-2px);
transition: transform 0.4s;
color: #fff;
}
}

View File

@ -471,6 +471,13 @@
// Show page // Show page
.show-member { .show-member {
font-family: $sub-font; font-family: $sub-font;
.memberul{
padding: 0;
li{
margin-bottom: 0.5em;
list-style: none;
}
}
th, td { th, td {
font-size: 0.938em; font-size: 0.938em;
@ -526,3 +533,8 @@
.member-data { width: 100%; } .member-data { width: 100%; }
} }
} }
.show-member{
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
border: 0;
}
}

View File

@ -1,6 +1,7 @@
@charset "utf-8"; @charset "utf-8";
@import "../initial"; @import "../initial";
.universal-table-index tbody{ .universal-table-index tbody{
width:100% ; width:100% ;
} }
@ -104,6 +105,7 @@
@media(max-width: $screen-xs){ @media(max-width: $screen-xs){
margin-top: 0.5em; margin-top: 0.5em;
right:0; right:0;
top:-4em;
} }
.searchbtn2, .universal-btn { .searchbtn2, .universal-btn {
line-height: 2em; line-height: 2em;
@ -166,7 +168,6 @@
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
padding: 0; padding: 0;
margin-top: 3em;
} }
.row > div { .row > div {
@ -329,3 +330,41 @@
} }
} }
} }
@media (max-width: 768px) {
#hashtag-wordcloud {
width: 800px!important;
height: 500px!important;
}
/* 讓外層容器可以左右滑動 */
#hashtag-wordcloud-wrapper {
overflow-x: auto;
width: 100%;
}
}
#hashtag-wordcloud{
margin-top: 1.5em;
position: relative;
margin:1.5em auto;
width: 80%;
height:400px;
overflow: hidden;
a{
border-radius: 0.5em;
padding: 0.2em;
&:hover{
-webkit-transform: translateY(-6px);
-ms-transform: translateY(-6px);
transform: translateY(-6px);
box-shadow: 0 12px 24px #0000004d, 0 10px 10px #00000033;
-webkit-box-shadow: 0 12px 24px #0000004d, 0 10px 10px #00000033;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
filter: brightness(0.4) saturate(1.3);
transform: scale(1.1);
}
}
}

View File

@ -964,3 +964,6 @@
} }
} }
} }
// .wordcloud-link{
// font-size: 1.2em;
// }

View File

@ -118,6 +118,7 @@ ul.tab_nav {
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
font-family: $main-font; font-family: $main-font;
width: 100%;
li { li {
list-style: none; list-style: none;

View File

@ -5,10 +5,15 @@
z-index: 1; z-index: 1;
position: relative; position: relative;
} }
.sitemenu-title{
@extend .unity-title;
}
.sitemenu-wrap{ .sitemenu-wrap{
// padding-right: 0.9375em!important; // padding-right: 0.9375em!important;
// padding-left: 0.9375em!important; // padding-left: 0.9375em!important;
margin-bottom: 1em; margin-bottom: 1em;
z-index: 1;
position: relative;
} }
.sitemenu-item{ .sitemenu-item{
list-style: none; list-style: none;

View File

@ -19,7 +19,7 @@
<div class="layout-content"> <div class="layout-content">
<div class="layout-content-inner inner-page contentwrap3"> <div class="layout-content-inner inner-page contentwrap3">
<div class="sitemenu"> <div class="sitemenu">
<div class="sitemenu-wrap container" data-pp="400"></div> <div class="sitemenu-wrap1 container" data-pp="400"></div>
</div> </div>
<div class="breadcrumb-wrap container" data-pp="500"></div> <div class="breadcrumb-wrap container" data-pp="500"></div>
<div class="content container"> <div class="content container">

View File

@ -53,7 +53,7 @@
</li> </li>
</ul> </ul>
</div> </div>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script src="//code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
<!-- <script> <!-- <script>
function combineul_{{subpart-id}}(){ function combineul_{{subpart-id}}(){
var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent(); var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent();

View File

@ -49,7 +49,7 @@
</li> </li>
</ul> </ul>
</div> </div>
<!-- <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <!-- <script src="//code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
<script> <script>
function combineul_{{subpart-id}}(){ function combineul_{{subpart-id}}(){
var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent(); var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent();

View File

@ -41,7 +41,7 @@
</li> </li>
</ul> </ul>
</div> </div>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script src="//code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
<script> <script>
function combineul_{{subpart-id}}(){ function combineul_{{subpart-id}}(){
var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent(); var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent();

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-1"> <div class="i-annc index-announcement-1">
<h3 class="i-annc__page-title">{{page-title}}</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">
<span class="i-annc__category-wrap col-sm-2"> <span class="i-annc__category-wrap col-sm-2">

View File

@ -1,7 +1,7 @@
<div class="i-annc index-eventnews-10"> <div class="i-annc index-eventnews-10">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<div class="VivaTimeline"> <div class="VivaTimeline">
<dl> <dl>

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-11 {{display}}"> <div class="i-annc index-announcement-11 {{display}}">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<table class="i-annc__table table table-striped dt-responsive"> <table class="i-annc__table table table-striped dt-responsive">
<thead> <thead>
<tr> <tr>

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-12 {{display}}"> <div class="i-annc index-announcement-12 {{display}}">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<table class="i-annc__table table table-striped dt-responsive"> <table class="i-annc__table table table-striped dt-responsive">
<thead> <thead>
<tr> <tr>

View File

@ -1,5 +1,5 @@
<div class="i-annc index-eventnews-13 {{display}}"> <div class="i-annc index-eventnews-13 {{display}}">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<table class="i-annc__table table table-striped"> <table class="i-annc__table table table-striped">
<thead> <thead>
<tr> <tr>

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-14 {{display}}"> <div class="i-annc index-announcement-14 {{display}}">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<table class="i-annc__table table table-striped"> <table class="i-annc__table table table-striped">
<thead> <thead>
<tr> <tr>

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-15 {{display}}"> <div class="i-annc index-announcement-15 {{display}}">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<table class="i-annc__table table table-striped dt-responsive"> <table class="i-annc__table table table-striped dt-responsive">
<thead> <thead>
<tr> <tr>

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-16 {{display}}"> <div class="i-annc index-announcement-16 {{display}}">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<table class="i-annc__table table table-striped dt-responsive"> <table class="i-annc__table table table-striped dt-responsive">
<thead> <thead>
<tr> <tr>

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-18"> <div class="i-annc index-announcement-18">
<h3 class="i-annc__page-title">{{page-title}}</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 rotate0"> <li class="i-annc__item rotate0">
<div class="i-annc__img-wrap bullseye"> <div class="i-annc__img-wrap bullseye">

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-19"> <div class="i-annc index-announcement-19">
<h3 class="i-annc__page-title">{{page-title}}</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}}" alt="{{img_description}}" title="{{img_description}}">

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-2"> <div class="i-annc index-announcement-2">
<h3 class="i-annc__page-title">{{page-title}}</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">
<span class="i-annc__postdate-wrap col-sm-2" date-format="%Y-%m/%d"> <span class="i-annc__postdate-wrap col-sm-2" date-format="%Y-%m/%d">

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-20"> <div class="i-annc index-announcement-20">
<h3 class="i-annc__page-title">{{page-title}}</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"> <li class="i-annc__item">
<div class="i-annc__content-wrap"> <div class="i-annc__content-wrap">

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-21"> <div class="i-annc index-announcement-21">
<h3 class="i-annc__page-title">{{page-title}}</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"> <li class="i-annc__item">
<div class="i-annc__content-wrap"> <div class="i-annc__content-wrap">

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-3"> <div class="i-annc index-announcement-3">
<h3 class="i-annc__page-title">{{page-title}}</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">
<h4 class="i-annc__entry-title col-sm-9"> <h4 class="i-annc__entry-title col-sm-9">

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-4"> <div class="i-annc index-announcement-4">
<h3 class="i-annc__page-title">{{page-title}}</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">
<span class="i-annc__postdate-wrap col-sm-3" date-format="%Y-%m/%d"> <span class="i-annc__postdate-wrap col-sm-3" date-format="%Y-%m/%d">

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-5"> <div class="i-annc index-announcement-5">
<h3 class="i-annc__page-title">{{page-title}}</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}}" alt="{{img_description}}" title="{{img_description}}">

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-6"> <div class="i-annc index-announcement-6">
<h3 class="i-annc__page-title">{{page-title}}</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}}" alt="{{img_description}}" title="{{img_description}}">

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-7"> <div class="i-annc index-announcement-7">
<h3 class="i-annc__page-title">{{page-title}}</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-4 col-sm-4"> <li class="i-annc__item col-md-4 col-sm-4">
<a href="{{link_to_show}}" alt="{{img_description}}" title="{{img_description}}"> <a href="{{link_to_show}}" alt="{{img_description}}" title="{{img_description}}">

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-8"> <div class="i-annc index-announcement-8">
<h3 class="i-annc__page-title">{{page-title}}</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"> <li class="i-annc__item">
<div class="i-annc__content-wrap"> <div class="i-annc__content-wrap">

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-9"> <div class="i-annc index-announcement-9">
<h3 class="i-annc__page-title">{{page-title}}</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"> <li class="i-annc__item">
<div class="i-annc__content-wrap"> <div class="i-annc__content-wrap">

View File

@ -36,7 +36,7 @@
</li> </li>
</ul> </ul>
</div> </div>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script src="//code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
<script> <script>
function combineul(){ function combineul(){
var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent(); var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent();

View File

@ -1,5 +1,5 @@
<div class="i-annc index-announcement-7"> <div class="i-annc index-announcement-7">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<ul class="i-annc__list row" data-level="0" data-list="custom_announcements"> <ul class="i-annc__list row" data-level="0" data-list="custom_announcements">
<li class="i-annc__item col-md-4"> <li class="i-annc__item col-md-4">
<div class="i-annc__img-wrap bullseye"> <div class="i-annc__img-wrap bullseye">

View File

@ -54,7 +54,7 @@
<a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= t("event_news.more") %></a> <a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= t("event_news.more") %></a>
</div> </div>
</div> </div>
<!-- <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <!-- <script src="//code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
<script> <script>
function combineul_{{subpart-id}}(){ function combineul_{{subpart-id}}(){
var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent(); var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent();

View File

@ -46,7 +46,7 @@
</li> </li>
</ul> </ul>
</div> </div>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script src="//code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
<script> <script>
function combineul_{{subpart-id}}(){ function combineul_{{subpart-id}}(){
var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent(); var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent();

View File

@ -1,5 +1,5 @@
<div class="i-annc index-eventnews-1 {{display}}"> <div class="i-annc index-eventnews-1 {{display}}">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<table class="i-annc__table table table-striped"> <table class="i-annc__table table table-striped">
<thead> <thead>
<tr> <tr>

View File

@ -1,5 +1,5 @@
<div class="i-annc index-eventnews-10"> <div class="i-annc index-eventnews-10">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<ul class="i-annc__list" data-level="0" data-list="event_news"> <ul class="i-annc__list" data-level="0" data-list="event_news">
<li class="i-annc__item row"> <li class="i-annc__item row">
<span class="i-annc__postdate-wrap col-sm-2" date-format="%Y-%m-%d"> <span class="i-annc__postdate-wrap col-sm-2" date-format="%Y-%m-%d">

View File

@ -1,5 +1,5 @@
<div class="i-annc index-eventnews-11"> <div class="i-annc index-eventnews-11">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<ul class="i-annc__list" data-level="0" data-list="event_news"> <ul class="i-annc__list" data-level="0" data-list="event_news">
<li class="i-annc__item row"> <li class="i-annc__item row">
<h4 class="i-annc__entry-title col-sm-9"> <h4 class="i-annc__entry-title col-sm-9">

View File

@ -1,5 +1,5 @@
<div class="i-annc index-eventnews-12"> <div class="i-annc index-eventnews-12">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<ul class="i-annc__list" data-level="0" data-list="event_news"> <ul class="i-annc__list" data-level="0" data-list="event_news">
<li class="i-annc__item row"> <li class="i-annc__item row">
<span class="i-annc__postdate-wrap col-sm-3" date-format="%Y-%m-%d"> <span class="i-annc__postdate-wrap col-sm-3" date-format="%Y-%m-%d">

View File

@ -1,5 +1,5 @@
<div class="i-annc index-eventnews-14 {{display}}"> <div class="i-annc index-eventnews-14 {{display}}">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<table class="i-annc__table table table-striped"> <table class="i-annc__table table table-striped">
<thead> <thead>
<tr> <tr>

View File

@ -1,5 +1,5 @@
<div class="i-annc index-eventnews-15 {{display}}"> <div class="i-annc index-eventnews-15 {{display}}">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<table class="i-annc__table table table-striped"> <table class="i-annc__table table table-striped">
<thead> <thead>
<tr> <tr>

View File

@ -1,5 +1,5 @@
<div class="i-annc index-eventnews-16 {{display}}"> <div class="i-annc index-eventnews-16 {{display}}">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<table class="i-annc__table table table-striped"> <table class="i-annc__table table table-striped">
<thead> <thead>
<tr> <tr>

View File

@ -1,5 +1,5 @@
<div class="i-annc index-eventnews-1 index-eventnews-17{{display}}"> <div class="i-annc index-eventnews-1 index-eventnews-17{{display}}">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<table class="i-annc__table table table-striped"> <table class="i-annc__table table table-striped">
<thead> <thead>
<tr> <tr>

View File

@ -1,5 +1,5 @@
<div class="i-annc index-eventnews-1 index-eventnews-18 {{display}}"> <div class="i-annc index-eventnews-1 index-eventnews-18 {{display}}">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<table class="i-annc__table table table-striped"> <table class="i-annc__table table table-striped">
<thead> <thead>
<tr> <tr>

View File

@ -1,5 +1,5 @@
<div class="i-annc index-eventnews-12 index-eventnews-19 {{display}}"> <div class="i-annc index-eventnews-12 index-eventnews-19 {{display}}">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<table class="i-annc__table table table-striped"> <table class="i-annc__table table table-striped">
<thead> <thead>
<tr> <tr>

View File

@ -1,5 +1,5 @@
<div class="i-annc index-eventnews-2 {{display}}"> <div class="i-annc index-eventnews-2 {{display}}">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<table class="i-annc__table table table-striped"> <table class="i-annc__table table table-striped">
<thead> <thead>
<tr> <tr>

View File

@ -1,5 +1,5 @@
<div class="i-annc index-eventnews-12 index-eventnews-20 {{display}}"> <div class="i-annc index-eventnews-12 index-eventnews-20 {{display}}">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<table class="i-annc__table table table-striped"> <table class="i-annc__table table table-striped">
<thead> <thead>
<tr> <tr>

View File

@ -1,5 +1,5 @@
<div class="i-annc index-eventnews-21 event-widget-announcement-7"> <div class="i-annc index-eventnews-21 event-widget-announcement-7">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<ul class="i-annc__list row" data-level="0" data-list="event_news"> <ul class="i-annc__list row" data-level="0" data-list="event_news">
<li class="i-annc__item col-md-4"> <li class="i-annc__item col-md-4">
<a href="{{link_to_show}}"> <a href="{{link_to_show}}">
@ -73,12 +73,12 @@
reorganize(4); reorganize(4);
num=1; num=1;
} }
$('.i-annc__postdate').each(function () { # $('.i-annc__postdate').each(function () {
var text = $(this).text().trim(); # var text = $(this).text().trim();
if (text !== '') { # if (text !== '') {
$(this).text('公視+線上看:' + text); # $(this).text('公視+線上看:' + text);
} # }
}); # });
}); });
$(window).resize(function(){ $(window).resize(function(){
if($(window).width()>1024){ if($(window).width()>1024){

View File

@ -1,5 +1,5 @@
<div class="i-annc index-eventnews-3 {{display}}"> <div class="i-annc index-eventnews-3 {{display}}">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<table class="i-annc__table table table-striped"> <table class="i-annc__table table table-striped">
<thead> <thead>
<tr> <tr>

View File

@ -1,5 +1,5 @@
<div class="i-annc index-eventnews-4 {{display}}"> <div class="i-annc index-eventnews-4 {{display}}">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<table class="i-annc__table table table-striped"> <table class="i-annc__table table table-striped">
<thead> <thead>
<tr> <tr>

View File

@ -1,5 +1,5 @@
<div class="i-annc index-eventnews-5"> <div class="i-annc index-eventnews-5">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<ul class="i-annc__list" data-level="0" data-list="event_news"> <ul class="i-annc__list" data-level="0" data-list="event_news">
<li class="i-annc__item row"> <li class="i-annc__item row">
<a href="{{link_to_show}}" title="{{img_description}}"> <a href="{{link_to_show}}" title="{{img_description}}">

View File

@ -1,5 +1,5 @@
<div class="i-annc index-eventnews-6"> <div class="i-annc index-eventnews-6">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<ul class="i-annc__list" data-level="0" data-list="event_news"> <ul class="i-annc__list" data-level="0" data-list="event_news">
<li class="i-annc__item row"> <li class="i-annc__item row">
<a href="{{link_to_show}}" title="{{img_description}}"> <a href="{{link_to_show}}" title="{{img_description}}">

View File

@ -1,5 +1,5 @@
<div class="i-annc index-eventnews-7 event-widget-announcement-7"> <div class="i-annc index-eventnews-7 event-widget-announcement-7">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<ul class="i-annc__list row" data-level="0" data-list="event_news"> <ul class="i-annc__list row" data-level="0" data-list="event_news">
<li class="i-annc__item col-md-4"> <li class="i-annc__item col-md-4">
<a href="{{link_to_show}}" title="{{img_description}}"> <a href="{{link_to_show}}" title="{{img_description}}">

View File

@ -1,5 +1,5 @@
<div class="i-annc index-eventnews-8"> <div class="i-annc index-eventnews-8">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<ul class="i-annc__list row" data-level="0" data-list="event_news"> <ul class="i-annc__list row" data-level="0" data-list="event_news">
<li class="i-annc__item"> <li class="i-annc__item">
<div class="i-annc__content-wrap"> <div class="i-annc__content-wrap">

View File

@ -1,5 +1,5 @@
<div class="i-annc index-eventnews-9"> <div class="i-annc index-eventnews-9">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<ul class="i-annc__list" data-level="0" data-list="event_news"> <ul class="i-annc__list" data-level="0" data-list="event_news">
<li class="i-annc__item row"> <li class="i-annc__item row">
<div class="i-annc__content-wrap"> <div class="i-annc__content-wrap">

View File

@ -6,7 +6,10 @@
<div class="member-data col-xs-9"> <div class="member-data col-xs-9">
<table class="table table-striped"> <table class="table table-striped">
<div data-list="profile_data" data-level="0"> <div data-list="profile_data" data-level="0">
<tr><th class="{{title_class}}">{{title}}</th><td class="{{value_class}}">{{value}}</td></tr> <tr class="row">
<th class="{{title_class}} col-sm-2">{{title}}</th>
<td class="{{value_class}} col-sm-10">{{value}}</td>
</tr>
</div> </div>
</table> </table>
</div> </div>
@ -87,5 +90,11 @@ $('.tab-pane table').each(function(){
autoWidth: false autoWidth: false
}); });
} }
});; });
$(document).ready(function () {
$('.member-data-value-5 a').each(function () {
$(this).replaceWith($(this).html()); // 把<a>替換成它裡面的內容
});
});
</script> </script>

View File

@ -1,8 +1,29 @@
<style>
@media(min-width:500px){
[data-list="headers"] th:first-child {
width: 5em;
max-width: 5em;
white-space: nowrap;
}
[data-list="journal_papers"] td:first-child {
width: 5em;
max-width: 5em;
white-space: nowrap;
}
}
.breadcrumb{
padding-left: 0;
}
</style>
<table class="table table-hover table-striped projects-index"> <table class="table table-hover table-striped projects-index">
<caption><h3>{{widget-title}}</h3></caption> <caption><h3 class="journal-title">{{widget-title}}</h3></caption>
<thead> <thead>
<tr data-level="0" data-list="headers"> <tr data-level="0" data-list="headers">
<th class="col-md-{{col}}">{{head-title}}</th> <th class="">{{head-title}}</th>
</tr> </tr>
</thead> </thead>
<tbody data-level="0" data-list="journal_papers"> <tbody data-level="0" data-list="journal_papers">

View File

@ -8,7 +8,27 @@ $( ".selectbox" ).ready(function() {
} }
}); });
</script> </script>
<h3>{{widget-title}}</h3> <style>
@media(min-width:500px){
[data-list="headers"] th:first-child {
width: 5em;
max-width: 5em;
white-space: nowrap;
}
[data-list="journal_papers"] td:first-child {
width: 5em;
max-width: 5em;
white-space: nowrap;
}
}
.breadcrumb{
padding-left: 0;
}
</style>
<h3 class="journal-title">{{widget-title}}</h3>
<div class="search-widget"> <div class="search-widget">
<form action="{{url}}" method="get"> <form action="{{url}}" method="get">
<input type="hidden" name="authenticity_token" value="{{csrf_value}}"> <input type="hidden" name="authenticity_token" value="{{csrf_value}}">

View File

@ -1,5 +1,5 @@
<div class="i-annc index-publications-1"> <div class="i-annc index-publications-1">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<table class="i-annc__table table table-striped"> <table class="i-annc__table table table-striped">
<thead> <thead>
<tr> <tr>

View File

@ -1,5 +1,5 @@
<div class="i-annc index-publications-2"> <div class="i-annc index-publications-2">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<ul class="i-annc__list" data-level="0" data-list="publications"> <ul class="i-annc__list" data-level="0" data-list="publications">
<li class="i-annc__item row"> <li class="i-annc__item row">
<div class="i-annc__img-wrap col-sm-4"> <div class="i-annc__img-wrap col-sm-4">

View File

@ -1,5 +1,5 @@
<div class="i-annc index-publications-3"> <div class="i-annc index-publications-3">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<ul class="i-annc__list row" data-level="0" data-list="publications"> <ul class="i-annc__list row" data-level="0" data-list="publications">
<li class="i-annc__item col-md-4"> <li class="i-annc__item col-md-4">
<a href="{{link_to_show}}" aria-label="前往{{title}}" title="{{title}}"> <a href="{{link_to_show}}" aria-label="前往{{title}}" title="{{title}}">

View File

@ -0,0 +1,112 @@
<ul id="hashtag-list" data-list="hashtags" data-level="0" style="display:none;">
<li class="tag-weight-{{count}}"><a href="{{url_to_show}}" title="{{title}}">#{{title}}</a></li>
</ul>
<div id="hashtag-wordcloud-wrapper">
<div id="hashtag-wordcloud" style=" "></div>
</div>
<script>
function generateWordCloud() {
const container = $('#hashtag-wordcloud');
const containerWidth = container.width();
const containerHeight = container.height();
const placedRects = [];
function isOverlap(r1, r2, padding = 4) {
return !(r2.left > r1.right + padding ||
r2.right < r1.left - padding ||
r2.top > r1.bottom + padding ||
r2.bottom < r1.top - padding);
}
function hasCollision(rect) {
return placedRects.some(r => isOverlap(r, rect));
}
function getRandomColor() {
const hue = Math.floor(Math.random() * 360);
const saturation = Math.floor(Math.random() * 20) + 10;
const lightness = Math.floor(Math.random() * 20) + 45;
return `hsl(${hue}, ${saturation}%, ${lightness}%)`;
}
container.empty();
$('#hashtag-list li').each(function () {
const $li = $(this);
const weightClass = $li.attr('class');
const weightMatch = weightClass.match(/tag-weight-(\d+)/);
const weight = weightMatch ? parseInt(weightMatch[1], 10) : 1;
const $a = $li.find('a');
let text = $a.text();
if (text.startsWith('#')) {
text = text.substring(1);
}
const href = $a.attr('href');
const title = $a.attr('title');
const fontSize = Math.min(36, Math.max(16, weight / 100 * 36));
const $word = $('<a></a>')
.attr('href', href)
.attr('title', title)
.text(text)
.css({
position: 'absolute',
fontSize: fontSize + 'px',
color: getRandomColor(),
whiteSpace: 'nowrap',
cursor: 'pointer',
userSelect: 'none',
textDecoration: 'none',
visibility: 'hidden',
display: 'inline-block'
});
container.append($word);
const width = $word.outerWidth();
const height = $word.outerHeight();
let maxAttempts = 1000;
let placed = false;
while (!placed && maxAttempts > 0) {
const left = Math.random() * (containerWidth - width);
const top = Math.random() * (containerHeight - height);
const rect = {
left: left,
top: top,
right: left + width,
bottom: top + height
};
if (!hasCollision(rect)) {
$word.css({
left: left + 'px',
top: top + 'px',
visibility: 'visible'
});
placedRects.push(rect);
placed = true;
}
maxAttempts--;
}
if (!placed) {
$word.remove(); // 放不下就不強塞
}
});
}
$(function() {
generateWordCloud();
// RWD時重新生成文字雲
$(window).on('resize', function() {
generateWordCloud();
});
});
</script>

View File

@ -34,5 +34,15 @@
"thumbnail" : "thumb.png", "thumbnail" : "thumb.png",
"default": true "default": true
} }
],
"widgets" : [
{
"filename" : "tag_cloud",
"name" : {
"zh_tw" : "0. Tag Cloud",
"en" : "0. Tag Cloud"
},
"thumbnail" : "_tag_cloud_thumb.png"
}
] ]
} }

View File

@ -20,7 +20,7 @@
container_{{subpart-id}}.on('wordcloudstop', function (e) { container_{{subpart-id}}.on('wordcloudstop', function (e) {
$(this).children('span').each(function (i, v) { $(this).children('span').each(function (i, v) {
var text = $(this).html(); var text = $(this).html();
$(this).html('<a title="'+ list_{{subpart-id}}[i][0] + '" style="color: inherit" href="' + list_{{subpart-id}}[i][2] +'">' + text + '</a>'); $(this).html('<a class="wordcloud-link" title="'+ list_{{subpart-id}}[i][0] + '" style="color: inherit" href="' + list_{{subpart-id}}[i][2] +'">' + text + '</a>');
}); });
}); });
function wordCloud_{{subpart-id}}(){ function wordCloud_{{subpart-id}}(){
@ -30,7 +30,7 @@
WordCloud(container_{{subpart-id}}[0], { WordCloud(container_{{subpart-id}}[0], {
list: list_{{subpart-id}}, list: list_{{subpart-id}},
gridSize: 3, gridSize: 3,
weightFactor: jqcloud_words_{{subpart-id}}.length * Math.min(width, 1200) / 770, weightFactor: jqcloud_words_{{subpart-id}}.length * Math.min(width, 1200) / 770 * 1.5,
rotateRatio: 0, rotateRatio: 0,
shuffle: false, shuffle: false,
drawOutOfBound: false, drawOutOfBound: false,

View File

@ -7,7 +7,7 @@
"zh_tw" : "1. 影片列表1 ( 縮圖, 影片資訊, 頁面連結)", "zh_tw" : "1. 影片列表1 ( 縮圖, 影片資訊, 頁面連結)",
"en" : "1. Video List 1 ( snapshot, video info, page link)" "en" : "1. Video List 1 ( snapshot, video info, page link)"
}, },
"thumbnail" : "thumb.png" "thumbnail" : "video_pro_widget1_thumb.png"
}, },
{ {
"filename" : "video_pro_widget2", "filename" : "video_pro_widget2",
@ -16,7 +16,7 @@
"zh_tw" : "2. 影片列表2 ( 縮圖, 影片資訊, 頁面連結)", "zh_tw" : "2. 影片列表2 ( 縮圖, 影片資訊, 頁面連結)",
"en" : "2. Video List 2 ( snapshot, video info, page link)" "en" : "2. Video List 2 ( snapshot, video info, page link)"
}, },
"thumbnail" : "thumb.png" "thumbnail" : "video_pro_widget2_thumb.png"
}, },
{ {
"filename" : "video_pro_widget3", "filename" : "video_pro_widget3",
@ -25,16 +25,16 @@
"zh_tw" : "3. 影片列表倫波 ( 縮圖, 影片資訊, 頁面連結)", "zh_tw" : "3. 影片列表倫波 ( 縮圖, 影片資訊, 頁面連結)",
"en" : "3.carousel-Video List ( snapshot, video info, page link)" "en" : "3.carousel-Video List ( snapshot, video info, page link)"
}, },
"thumbnail" : "thumb.png" "thumbnail" : "video_pro_widget3_thumb.png"
}, },
{ {
"filename" : "video_pro_widget4", "filename" : "video_pro_widget4",
"force_cover": "true", "force_cover": "true",
"name" : { "name" : {
"zh_tw" : "4. 四欄影片列表 ( 縮圖, 影片資訊, 頁面連結)", "zh_tw" : "4. 四欄影片列表 ( 縮圖, 影片資訊, 頁面連結)",
"en" : "4. 4col-Video List 1 ( snapshot, video info, page link)" "en" : "4. 4col-Video List 1 ( snapshot, video info, page link)"
}, },
"thumbnail" : "thumb.png" "thumbnail" : "video_pro_widget4_thumb.png"
}, },
{ {
"filename" : "video_pro_widget5", "filename" : "video_pro_widget5",
@ -43,7 +43,7 @@
"zh_tw" : "5. 大圖影片列表倫波 ( 縮圖, 影片資訊, 頁面連結)", "zh_tw" : "5. 大圖影片列表倫波 ( 縮圖, 影片資訊, 頁面連結)",
"en" : "5.bigcarousel-Video List ( snapshot, video info, page link)" "en" : "5.bigcarousel-Video List ( snapshot, video info, page link)"
}, },
"thumbnail" : "thumb.png" "thumbnail" : "video_pro_widget5_thumb"
}, },
{ {
"filename" : "video_pro_widget_jqcloud1", "filename" : "video_pro_widget_jqcloud1",
@ -52,7 +52,7 @@
"zh_tw" : "2. 影片文字雲(標籤)", "zh_tw" : "2. 影片文字雲(標籤)",
"en" : "2. Video Word Cloud(tags)" "en" : "2. Video Word Cloud(tags)"
}, },
"thumbnail" : "thumb.png" "thumbnail" : "video_pro_widget6_thumb"
} }
], ],
"frontend" : [ "frontend" : [

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

View File

@ -1,5 +1,5 @@
<div class="i-video_data video_data-index-1"> <div class="i-video_data video_data-index-1">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<ul class="video_data_wrap col-sm-12" data-list="videos" data-level="0"> <ul class="video_data_wrap col-sm-12" data-list="videos" data-level="0">
<li class="video_data col-sm-12 row" data-video-url="{{video_url}}" data-video-webm-url="{{video_webm_url}}" data-type="{{video_type}}"> <li class="video_data col-sm-12 row" data-video-url="{{video_url}}" data-video-webm-url="{{video_webm_url}}" data-type="{{video_type}}">
<a class=" video_link" href="{{video_show_url}}" title="{{video_title_escape}}"> <a class=" video_link" href="{{video_show_url}}" title="{{video_title_escape}}">

View File

@ -1,5 +1,5 @@
<div class="i-video_data video_data-index-2"> <div class="i-video_data video_data-index-2">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<div class="video_filter_area col-sm-12"> <div class="video_filter_area col-sm-12">
<form> <form>
<div class="category_box col-sm-6"> <div class="category_box col-sm-6">

View File

@ -1,5 +1,5 @@
<div class="i-video_data video_data-index-2"> <div class="i-video_data video_data-index-2">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<div class="video_filter_area col-sm-12"> <div class="video_filter_area col-sm-12">
<form> <form>
<div class="category_box col-sm-6"> <div class="category_box col-sm-6">

View File

@ -12,7 +12,7 @@
</div> </div>
</div> </div>
</div> </div>
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<ul class="video_data_wrap col-sm-12" data-list="videos" data-level="0"> <ul class="video_data_wrap col-sm-12" data-list="videos" data-level="0">
<li class="video_data col-sm-4" data-video-url="{{video_url}}" data-video-webm-url="{{video_webm_url}}" data-type="{{video_type}}"> <li class="video_data col-sm-4" data-video-url="{{video_url}}" data-video-webm-url="{{video_webm_url}}" data-type="{{video_type}}">
<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}}">

View File

@ -1,5 +1,5 @@
<div class="i-video_data video_data-index-4"> <div class="i-video_data video_data-index-4">
<h3 class="i-annc__page-title">{{page-title}}</h3> <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<ul class="video_data_wrap col-sm-12" data-list="videos" data-level="0"> <ul class="video_data_wrap col-sm-12" data-list="videos" data-level="0">
<li class="video_data col-sm-4" data-video-url="{{video_url}}" data-video-webm-url="{{video_webm_url}}" data-type="{{video_type}}"> <li class="video_data col-sm-4" data-video-url="{{video_url}}" data-video-webm-url="{{video_webm_url}}" data-type="{{video_type}}">
<a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}"> <a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}">

View File

@ -34,7 +34,7 @@
margin-top: 1em; margin-top: 1em;
} }
</style> </style>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script src="//code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
<script> <script>
function combineul_{{subpart-id}}(){ function combineul_{{subpart-id}}(){
var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.widget-link__list').parent(); var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.widget-link__list').parent();

View File

@ -1,7 +1,9 @@
<div class="sitemenu-wrap sitemenu-horizontal no-print"> <div class="sitemenu-wrap sitemenu-horizontal no-print">
{{expand-script}} {{expand-script}}
<a id="accesskey_sitemenu" accesskey="S" href="/<%= "#{locale.to_s}" %>/accesskey" title="Sitemenu">:::</a> <a id="accesskey_sitemenu" accesskey="S" href="/<%= "#{locale.to_s}" %>/accesskey" title="Sitemenu">:::</a>
<h3 class="sitemenu-title" aria-label="次選單標題">{{widget_title}}</h3> <h3 class="sitemenu-title">
<span>{{widget_title}}</span>
</h3>
<ul data-list="pages" class="sitemenu-list level-1 list-unstyled" data-level="0"> <ul data-list="pages" class="sitemenu-list level-1 list-unstyled" data-level="0">
<li class="sitemenu-item level-1 {{active_class}}"> <li class="sitemenu-item level-1 {{active_class}}">
<a class="sitemenu-link level-1" href="{{url}}" target="{{target}}">{{page_name}}</a> <a class="sitemenu-link level-1" href="{{url}}" target="{{target}}">{{page_name}}</a>

View File

@ -1,7 +1,9 @@
<div class="sitemenu-wrap sitemenu-vertical no-print"> <div class="sitemenu-wrap sitemenu-vertical no-print">
{{expand-script}} {{expand-script}}
<a id="accesskey_sitemenu" accesskey="S" href="/<%= "#{locale.to_s}" %>/accesskey" title="Sitemenu">:::</a> <a id="accesskey_sitemenu" accesskey="S" href="/<%= "#{locale.to_s}" %>/accesskey" title="Sitemenu">:::</a>
<h3 class="sitemenu-title" aria-label="次選單標題">{{widget_title}}</h3> <h3 class="sitemenu-title">
<span>{{widget_title}}</span>
</h3>
<ul data-list="pages" class="sitemenu-list level-1 list-unstyled" data-level="0"> <ul data-list="pages" class="sitemenu-list level-1 list-unstyled" data-level="0">
<li class="sitemenu-item level-1 {{active_class}}"> <li class="sitemenu-item level-1 {{active_class}}">
<a class="sitemenu-link level-1" href="{{url}}" target="{{target}}">{{page_name}}</a> <a class="sitemenu-link level-1" href="{{url}}" target="{{target}}">{{page_name}}</a>

View File

@ -1,7 +1,9 @@
<div class="sitemenu-wrap sitemenu-vertical2 no-print"> <div class="sitemenu-wrap sitemenu-vertical2 no-print">
{{expand-script}} {{expand-script}}
<a id="accesskey_sitemenu" accesskey="S" href="/<%= "#{locale.to_s}" %>/accesskey" title="Sitemenu">:::</a> <a id="accesskey_sitemenu" accesskey="S" href="/<%= "#{locale.to_s}" %>/accesskey" title="Sitemenu">:::</a>
<h3 class="sitemenu-title" aria-label="次選單標題">{{widget_title}}</h3> <h3 class="sitemenu-title">
<span>{{widget_title}}</span>
</h3>
<ul data-list="pages" class="sitemenu-list level-1 list-unstyled" data-level="0"> <ul data-list="pages" class="sitemenu-list level-1 list-unstyled" data-level="0">
<li class="sitemenu-item level-1 {{active_class}}"> <li class="sitemenu-item level-1 {{active_class}}">
<a class="sitemenu-link level-1" href="{{url}}" target="{{target}}">{{page_name}}</a> <a class="sitemenu-link level-1" href="{{url}}" target="{{target}}">{{page_name}}</a>

View File

@ -1,7 +1,9 @@
<div class="sitemenu-wrap sitemenu4 no-print"> <div class="sitemenu-wrap sitemenu4 no-print">
{{expand-script}} {{expand-script}}
<a id="accesskey_sitemenu" accesskey="S" href="/<%= "#{locale.to_s}" %>/accesskey" title="Sitemenu">:::</a> <a id="accesskey_sitemenu" accesskey="S" href="/<%= "#{locale.to_s}" %>/accesskey" title="Sitemenu">:::</a>
<h3 class="sitemenu-title" aria-label="次選單標題">{{widget_title}}</h3> <h3 class="sitemenu-title">
<span>{{widget_title}}</span>
</h3>
<ul data-list="pages" class="sitemenu-list level-1 list-unstyled" data-level="0"> <ul data-list="pages" class="sitemenu-list level-1 list-unstyled" data-level="0">
<li class="sitemenu-item level-1 {{active_class}}"> <li class="sitemenu-item level-1 {{active_class}}">
<a class="sitemenu-link level-1" href="{{url}}" target="{{target}}">{{page_name}}</a> <a class="sitemenu-link level-1" href="{{url}}" target="{{target}}">{{page_name}}</a>