Skip to content

Commit

Permalink
20231227 A_1、A_2、A_3 最新消息列表無障礙調整
Browse files Browse the repository at this point in the history
  • Loading branch information
@mingshuyashuya
mingshuyashuya committed Dec 27, 2023
1 parent c2b21a7 commit adc1aa0
Show file tree
Hide file tree
Showing 13 changed files with 397 additions and 216 deletions.
Binary file modified .DS_Store
View file
Binary file not shown.
2 changes: 1 addition & 1 deletion A_1/css/hyui.css
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion A_1/css/hyui.css.map
View file

Large diffs are not rendered by default.

364 changes: 218 additions & 146 deletions A_1/mp.htm
View file

Large diffs are not rendered by default.

29 changes: 29 additions & 0 deletions A_1/sass/page/_mp.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -955,6 +955,8 @@

.pic {
@include aspect-ratio(4, 3);
margin-bottom: .5em;


img {
object-fit: cover;
Expand Down Expand Up @@ -984,6 +986,17 @@
@extend %paragraph;
}
}
>a {
color: $secondaryColor;

&:hover,
&:focus {
color: darken($secondaryColor, 10);
}
}
p{
margin: .5em 0;
}
}

.multi_photo {
Expand Down Expand Up @@ -1238,6 +1251,14 @@
p {
@extend %paragraph;
}
>a {
color: $secondaryColor;

&:hover,
&:focus {
color: darken($secondaryColor, 20);
}
}

a {
&:focus {
Expand Down Expand Up @@ -2085,6 +2106,14 @@
margin-left: $grid-gutter-width/2;
float: left
}
>a {
color: $secondaryColor;

&:hover,
&:focus {
color: darken($secondaryColor, 10);
}
}
}

h3,
Expand Down
2 changes: 1 addition & 1 deletion A_2/css/hyui.css
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion A_2/css/hyui.css.map
View file

Large diffs are not rendered by default.

80 changes: 48 additions & 32 deletions A_2/mp.htm
View file
Original file line number Diff line number Diff line change
Expand Up @@ -393,31 +393,37 @@ <h2 class="title" tabindex="0">最新消息 簡單樣式</h2>
<h2 class="title" tabindex="0">最新消息 - 圖文條列</h2>
<ul>
<li>
<div class="pic">
<a href="#"><img src="images/news_pic.jpg" alt=""></a>
</div>
<h3><a href="#">犯罪被害人保護志工北一區聯合教育訓練</a></h3>
<a href="#">
<div class="pic">
<img src="images/news_pic.jpg" alt="">
</div>
<h3>犯罪被害人保護志工北一區聯合教育訓練</h3>
</a>
<time>2018-07-20</time>
<span class="tag orange">標籤標籤</span>
<!-- 已寫字數限制，customize:line:5 -->
<p>年度犯罪被害人保護志工北一區聯合教育訓練於4月11日假新竹市煙波大飯店湖濱館召開，計有來自總會、新北、臺北、宜蘭、新竹等5個分會，約160位保護志工參加。 法務部保護司羅榮乾司長特別南下親臨活動現場，對於志工們無私奉獻之義行深感敬佩，勉勵所有志工能於聯合教育訓練中精進自己，讓專業能力進一步提升。 </p>
<a href="#" class="more">更多</a>
</li>
<li>
<div class="pic">
<a href="#"><img src="images/news_pic.jpg" alt=""></a>
</div>
<h3><a href="#">犯罪被害人保護志工北一區聯合教育訓練</a></h3>
<a href="#">
<div class="pic">
<img src="images/news_pic.jpg" alt="">
</div>
<h3>犯罪被害人保護志工北一區聯合教育訓練</h3>
</a>
<time>2018-07-20</time>
<span class="tag green">標籤標籤</span>
<p>年度犯罪被害人保護志工北一區聯合教育訓練於4月11日假新竹市煙波大飯店湖濱館召開，計有來自總會、新北、臺北、宜蘭、新竹等5個分會，約160位保護志工參加。 法務部保護司羅榮乾司長特別南下親臨活動現場，對於志工們無私奉獻之義行深感敬佩，勉勵所有志工能於聯合教育訓練中精進自己，讓專業能力進一步提升。 </p>
<a href="#" class="more">更多</a>
</li>
<li>
<div class="pic hidden">
<a href="#"><img src="images/news_pic.jpg" alt=""></a>
</div>
<h3><a href="#">犯罪被害人保護志工北一區聯合教育訓練</a></h3>
<a href="#">
<div class="pic hidden">
<img src="images/news_pic.jpg" alt="">
</div>
<h3>犯罪被害人保護志工北一區聯合教育訓練</h3>
</a>
<time>2018-07-20</time>
<span class="tag">標籤標籤</span>
<p>年度犯罪被害人保護志工北一區聯合教育訓練於4月11日假新竹市煙波大飯店湖濱館召開，計有來自總會、新北、臺北、宜蘭、新竹等5個分會，約160位保護志工參加。 法務部保護司羅榮乾司長特別南下親臨活動現場，對於志工們無私奉獻之義行深感敬佩，勉勵所有志工能於聯合教育訓練中精進自己，讓專業能力進一步提升。 </p>
Expand Down Expand Up @@ -518,41 +524,49 @@ <h2>研討會消息</h2>
<h2 class="title" tabindex="0">最新消息 - 圖文卡片式</h2>
<ul>
<li>
<div class="pic">
<a href="#"><img src="images/news_pic.jpg" alt=""></a>
</div>
<h3><a href="#">犯罪被害人保護志工北一區聯合教育訓練犯罪被害人保護志工北一區聯合教育訓練</a></h3>
<a href="#">
<div class="pic">
<img src="images/news_pic.jpg" alt="">
</div>
<h3>犯罪被害人保護志工北一區聯合教育訓練犯罪被害人保護志工北一區聯合教育訓練</h3>
</a>
<time>2018-07-20</time>
<span class="tag orange">標籤標籤</span>
<!-- 已寫字數限制，customize:line:5 -->
<p>年度犯罪被害人保護志工北一區聯合教育訓練於4月11日假新竹市煙波大飯店湖濱館召開，計有來自總會、新北、臺北、宜蘭、新竹等5個分會，約160位保護志工參加。 法務部保護司羅榮乾司長特別南下親臨活動現場，對於志工們無私奉獻之義行深感敬佩，勉勵所有志工能於聯合教育訓練中精進自己，讓專業能力進一步提升。 </p>
<a href="#" class="more">更多</a>
</li>
<li>
<div class="pic">
<a href="#"><img src="images/news_pic.jpg" alt=""></a>
</div>
<h3><a href="#">犯罪被害人保護志工北一區聯合教育訓練</a></h3>
<a href="#">
<div class="pic">
<img src="images/news_pic.jpg" alt="">
</div>
<h3>犯罪被害人保護志工北一區聯合教育訓練</h3>
</a>
<time>2018-07-20</time>
<span class="tag red">標籤標籤</span>
<p>年度犯罪被害人保護志工北一區聯合教育訓練於4月11日假新竹市煙波大飯店湖濱館召開，計有來自總會、新北、臺北、宜蘭、新竹等5個分會，約160位保護志工參加。 法務部保護司羅榮乾司長特別南下親臨活動現場，對於志工們無私奉獻之義行深感敬佩，勉勵所有志工能於聯合教育訓練中精進自己，讓專業能力進一步提升。 </p>
<a href="#" class="more">更多</a>
</li>
<li>
<div class="pic hidden">
<a href="#"><img src="images/news_pic.jpg" alt=""></a>
</div>
<h3><a href="#">(無圖樣式)犯罪被害人保護志工北一區聯合教育訓練</a></h3>
<a href="#">
<div class="pic hidden">
<img src="images/news_pic.jpg" alt="">
</div>
<h3>(無圖樣式)犯罪被害人保護志工北一區聯合教育訓練</h3>
</a>
<time>2018-07-20</time>
<span class="tag blue">標籤標籤</span>
<p>年度犯罪被害人保護志工北一區聯合教育訓練於4月11日假新竹市煙波大飯店湖濱館召開，計有來自總會、新北、臺北、宜蘭、新竹等5個分會，約160位保護志工參加。 法務部保護司羅榮乾司長特別南下親臨活動現場，對於志工們無私奉獻之義行深感敬佩，勉勵所有志工能於聯合教育訓練中精進自己，讓專業能力進一步提升。 </p>
<a href="#" class="more">更多</a>
</li>
<li>
<div class="pic hidden">
<a href="#"><img src="images/news_pic.jpg" alt=""></a>
</div>
<h3><a href="#">(無圖樣式)犯罪被害人保護志工北一區聯合教育訓練</a></h3>
<a href="#">
<div class="pic hidden">
<img src="images/news_pic.jpg" alt="">
</div>
<h3>(無圖樣式)犯罪被害人保護志工北一區聯合教育訓練</h3>
</a>
<time>2018-07-20</time>
<span class="tag">標籤標籤</span>
<p>年度犯罪被害人保護志工北一區聯合教育訓練於4月11日假新竹市煙波大飯店湖濱館召開，計有來自總會、新北、臺北、宜蘭、新竹等5個分會，約160位保護志工參加。 法務部保護司羅榮乾司長特別南下親臨活動現場，對於志工們無私奉獻之義行深感敬佩，勉勵所有志工能於聯合教育訓練中精進自己，讓專業能力進一步提升。 </p>
Expand Down Expand Up @@ -672,10 +686,12 @@ <h2 class="tabItem"><a href="#" role="tab" aria-selected="false" aria-controls="
<div class="col">
<div class="single_photo">
<h2 class="title" tabindex="0">活動花絮- 單篇</h2>
<div class="pic">
<img src="images/news_pic.jpg" alt="">
</div>
<h3><a href="#">「K他命運交響曲」動畫宣導影片</a></h3>
<a href="#">
<div class="pic">
<img src="images/news_pic.jpg" alt="">
</div>
<h3>「K他命運交響曲」動畫宣導影片</h3>
</a>
<p>鑒於K他命氾濫嚴重，為強化毒品防制工作，慈濟大學運用自身資源，結合法務部、教育部、衛福部食藥署毒品危害知識，完成「K他命運交響曲」動畫宣導影片，增加反毒教育的宣導效益。</p>
<a href="#" class="more">更多影音</a>
</div>
Expand Down
24 changes: 24 additions & 0 deletions A_2/sass/page/_mp.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -951,6 +951,14 @@
// 活動花絮
.single_photo {
text-align: left;
>a {
color: $secondaryColor;

&:hover,
&:focus {
color: darken($secondaryColor, 10);
}
}

.pic {
@include aspect-ratio(4, 3);
Expand Down Expand Up @@ -1940,6 +1948,14 @@
@include screen('mobile') {
padding: 1em 1.5em 1em;
}
>a {
color: $secondaryColor;

&:hover,
&:focus {
color: darken($secondaryColor, 10);
}
}

time {
@extend %time;
Expand Down Expand Up @@ -2077,6 +2093,14 @@
margin-left: $grid-gutter-width/2;
float: left
}
>a {
color: $secondaryColor;

&:hover,
&:focus {
color: darken($secondaryColor, 10);
}
}
}

h3,
Expand Down
2 changes: 1 addition & 1 deletion A_3/css/hyui.css
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion A_3/css/hyui.css.map
View file

Large diffs are not rendered by default.

Loading

0 comments on commit adc1aa0

Please sign in to comment.