huai-sian 3 yıl önce
ebeveyn
işleme
2d5ad01d9a
4 değiştirilmiş dosya ile 33 ekleme ve 29 silme
  1. 2 2
      css/style.css
  2. 0 0
      css/style.css.map
  3. 2 2
      css/style.scss
  4. 29 25
      index_withoutAmp.html

+ 2 - 2
css/style.css

@@ -863,12 +863,12 @@ input[type="radio"][class="style"]:checked + label {
 }
 
 .cards .card-img-top {
-  height: 16rem;
+  height: auto;
 }
 
 @media (max-width: 576px) {
   .cards .card-img-top {
-    height: 14rem;
+    height: auto;
   }
 }
 

Dosya farkı çok büyük olduğundan ihmal edildi
+ 0 - 0
css/style.css.map


+ 2 - 2
css/style.scss

@@ -771,9 +771,9 @@ input[type="radio"][class="style"]:checked + label {
 		}
 	}
 	.card-img-top {
-		height: 16rem;
+		height: auto;
 		@media (max-width: 576px) {
-			height: 14rem;
+			height: auto;
 		}
 	}
 

+ 29 - 25
index_withoutAmp.html

@@ -196,7 +196,7 @@
                   >
                   </img>
                 </div>
-                <div class="card-body p-4">
+                <div class="card-body p-4 position-relative">
                   <h5 class="card-title text-start">慈濟基金會</h5>
                   <p class="card-text text-start">慈濟慈善工作從弱勢家庭濟助到心靈關懷,包含長期扶困、急難救助、居家關懷及海外慈善;近年來也著
                     重於結合社區力量,增益社區善的機能。慈濟重視的不只是救濟、援助的成效,更在乎啟發人性善的良能。</p>
@@ -205,7 +205,7 @@
                       <i class="fas fa-angle-double-right"></i><small class="me-1">深入瞭解慈濟基金會</small>
                     </a>
                   </p>
-                  <div class="d-flex justify-content-between">
+                  <div class="d-flex justify-content-between position-absolute" style="left: 1.5rem; bottom: 2rem; width: calc(100% - 3rem);">
                     <div class="d-flex">
                       <a href="https://www.youtube.com/channel/UCi-spPgs-C5HJMsAHyG60aw" class="me-1 card-learn"><i class="fab fa-youtube" style="font-size: 2rem;"></i></a>
                       <a href="https://www.facebook.com/tzuchi.org" class="ms-1 card-learn"><i class="fab fa-facebook-square" style="font-size: 2rem;"></i></a>
@@ -234,7 +234,7 @@
                   </img>
                   <span class="card__comingSoon">敬請期待</span>
                 </div>
-                <div class="card-body p-4">
+                <div class="card-body p-4 position-relative">
                   <h5 class="card-title text-start mb-3">勵馨基金會</h5>
                   <p class="card-text text-start mb-4">勵馨本著基督精神,以追求公義與愛的決心和勇氣,預防及消弭性侵害、性剥削及家庭暴力對婦女與兒少的傷害
                     ,並致力於社會改造,創造對婦女及兒少的友善環境。</p>
@@ -243,7 +243,7 @@
                         <i class="fas fa-angle-double-right"></i><small class="me-1">深入瞭解勵馨基金會</small>
                       </a>
                     </p>
-                    <div class="d-flex justify-content-between">
+                    <div class="d-flex justify-content-between position-absolute" style="left: 1.5rem; bottom: 2rem; width: calc(100% - 3rem);">
                       <div class="d-flex">
                         <a href="https://www.youtube.com/channel/UCh5TK6vbha614CbyWijVXHg" class="me-1 card-learn"><i class="fab fa-youtube" style="font-size: 2rem;"></i></a>
                         <a href="https://www.facebook.com/gohtaiwan" class="ms-1 card-learn"><i class="fab fa-facebook-square" style="font-size: 2rem;"></i></a>
@@ -272,7 +272,7 @@
                   </img>
                   <span class="card__comingSoon">敬請期待</span>
                 </div>
-                <div class="card-body p-4">
+                <div class="card-body p-4 position-relative">
                   <h5 class="card-title text-start">至善社會福利基金會</h5>
                   <p class="card-text text-start">至善是立足台灣的亞洲兒少發展最佳夥伴,服務地區包括台灣、越南、雲南,以及緬甸等亞洲四地,每一年約幫助
                      90,000 名孩子吃飽、上學,獲得照顧,讓他們成長之路不孤單。</p>
@@ -281,7 +281,7 @@
                         <i class="fas fa-angle-double-right"></i><small class="me-1">深入瞭解至善基金會</small>
                       </a>
                     </p>
-                    <div class="d-flex justify-content-between">
+                    <div class="d-flex justify-content-between position-absolute" style="left: 1.5rem; bottom: 2rem; width: calc(100% - 3rem);">
                       <div class="d-flex">
                         <a href="https://www.youtube.com/channel/UCgy9NTU79bX2nUIJqVJwvmw" class="me-1 card-learn"><i class="fab fa-youtube" style="font-size: 2rem;"></i></a>
                         <a href="https://www.facebook.com/zhishantaiwan" class="ms-1 card-learn"><i class="fab fa-facebook-square" style="font-size: 2rem;"></i></a>
@@ -310,7 +310,7 @@
                   </img>
                   <span class="card__comingSoon">敬請期待</span>
                 </div>
-                <div class="card-body p-4">
+                <div class="card-body p-4 position-relative">
                   <h5 class="card-title text-start">婦女救援協會</h5>
                   <p class="card-text text-start">婦女救援基金會基於尊重生命價值及追求社會正義,致力於關心受到性別暴力壓迫及被忽略的弱勢婦幼,
                     以倡議推動社會改革,以服務充權弱勢婦幼,讓其得以自立及自主,提升婦幼人權。</p>
@@ -319,7 +319,7 @@
                       <i class="fas fa-angle-double-right"></i><small class="me-1">深入瞭解婦女救援協會</small>
                     </a>
                   </p>
-                  <div class="d-flex justify-content-between">
+                  <div class="d-flex justify-content-between position-absolute" style="left: 1.5rem; bottom: 2rem; width: calc(100% - 3rem);">
                     <div class="d-flex">
                       <a href="https://www.youtube.com/user/helpwomen" class="me-1 card-learn"><i class="fab fa-youtube" style="font-size: 2rem;"></i></a>
                       <a href="https://www.facebook.com/twrf.org" class="ms-1 card-learn"><i class="fab fa-facebook-square" style="font-size: 2rem;"></i></a>
@@ -337,7 +337,8 @@
                     height="150"
                     layout="responsive"
                     alt="mountains"
-                    class="card-img-top">
+                    class="card-img-top"
+                    style="height:234px;">
                   </img>
                   <img src="./imgs/Icon-play.png"
                     width="50"
@@ -348,7 +349,7 @@
                   </img>
                   <span class="card__comingSoon">敬請期待</span>
                 </div>
-                <div class="card-body p-4">
+                <div class="card-body p-4 position-relative">
                   <h5 class="card-title text-start">度度客群眾募資平台</h5>
                   <p class="card-text text-start">度度客dodoker是一個群眾募資平台,擔任陪跑教練的角色,陪伴提案人發想,並推行社會公益群募專案,提供上架諮詢、前置研究、文案撰寫、短片拍攝、行銷宣傳等服務。
                     我們希望透過網路科技及社群經營,集結眾人之力,改變或解決社會問題。
@@ -358,7 +359,7 @@
                       <i class="fas fa-angle-double-right"></i><small class="me-1">深入瞭解度度客群眾募資平台</small>
                     </a>
                   </p>
-                  <div class="d-flex justify-content-between">
+                  <div class="d-flex justify-content-between position-absolute" style="left: 1.5rem; bottom: 2rem; width: calc(100% - 3rem);">
                     <div class="d-flex">
                       <a href="https://www.youtube.com/channel/UCHvdB02DX58W2vRQPTLcAPw" class="me-1 card-learn"><i class="fab fa-youtube" style="font-size: 2rem;"></i></a>
                       <a href="https://www.facebook.com/dodoker/" class="ms-1 card-learn"><i class="fab fa-facebook-square" style="font-size: 2rem;"></i></a>
@@ -376,7 +377,8 @@
                     height="150"
                     layout="responsive"
                     alt="mountains"
-                    class="card-img-top">
+                    class="card-img-top"
+                    style="height:234px;">
                   </img>
                   <img src="./imgs/Icon-play.png"
                     width="50"
@@ -387,8 +389,8 @@
                   </img>
                   <span class="card__comingSoon">敬請期待</span>
                 </div>
-                <div class="card-body p-4">
-                  <h5 class="card-title text-start">天下顧問</h5>
+                <div class="card-body p-4 position-relative">
+                  <h5 class="card-title text-start">天下顧問<small>(B型企業)</small></h5>
                   <p class="card-text text-start">天下顧問是一個組織健檢平台,組織可在網上填答問卷內容,再經由具豐富經驗的顧問針對企業狀況能夠幫助企業將資源做最有效的整合,對診斷報告進行討論,進而規劃出合適的方案與策略,並確實執行與追蹤。
                   </p>
                   <p class="card-text">
@@ -396,7 +398,7 @@
                       <i class="fas fa-angle-double-right"></i><small class="me-1">深入瞭解天下顧問</small>
                     </a>
                   </p>
-                  <div class="d-flex justify-content-between">
+                  <div class="d-flex justify-content-between position-absolute" style="left: 1.5rem; bottom: 2rem; width: calc(100% - 3rem);">
                     <div class="d-flex">
                       <a href="https://www.youtube.com/channel/UCHt-2v9UToNOB8-YDbbAGFg" class="me-1 card-learn"><i class="fab fa-youtube" style="font-size: 2rem;"></i></a>
                       <a href="https://www.facebook.com/%E5%A4%A9%E4%B8%8B%E9%A1%A7%E5%95%8F%E8%82%A1%E4%BB%BD%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8-661010837376000/" class="ms-1 card-learn"><i class="fab fa-facebook-square" style="font-size: 2rem;"></i></a>
@@ -414,7 +416,8 @@
                     height="150"
                     layout="responsive"
                     alt="mountains"
-                    class="card-img-top">
+                    class="card-img-top"
+                    style="height:234px;">
                   </img>
                   <img src="./imgs/Icon-play.png"
                     width="50"
@@ -425,7 +428,7 @@
                   </img>
                   <span class="card__comingSoon">敬請期待</span>
                 </div>
-                <div class="card-body p-4">
+                <div class="card-body p-4 position-relative">
                   <h5 class="card-title text-start">台灣導盲犬協會</h5>
                   <p class="card-text text-start">協會主要目標是建立並推動導盲犬制度,讓台灣的視障者除了使用白手杖外,也有使用導盲犬的權利。
                     主要工作內容包括導盲犬觀念的推廣、本土導盲犬的培育繁殖、導盲犬的訓練、相關法令推動與宣導,並且將訓練成功的導盲犬,免費提供給視障者。
@@ -435,7 +438,7 @@
                       <i class="fas fa-angle-double-right"></i><small class="me-1">深入瞭解台灣導盲犬協會</small>
                     </a>
                   </p>
-                  <div class="d-flex justify-content-between">
+                  <div class="d-flex justify-content-between position-absolute" style="left: 1.5rem; bottom: 2rem; width: calc(100% - 3rem);">
                     <div class="d-flex">
                       <a href="https://www.youtube.com/channel/UCzsepV8mqo9vS3f4PWB0T2A" class="me-1 card-learn"><i class="fab fa-youtube" style="font-size: 2rem;"></i></a>
                       <a href="https://www.facebook.com/TWGDA" class="ms-1 card-learn"><i class="fab fa-facebook-square" style="font-size: 2rem;"></i></a>
@@ -453,7 +456,8 @@
                     height="150"
                     layout="responsive"
                     alt="mountains"
-                    class="card-img-top">
+                    class="card-img-top"
+                    style="height:234px;">
                   </img>
                   <img src="./imgs/Icon-play.png"
                     width="50"
@@ -464,7 +468,7 @@
                   </img>
                   <span class="card__comingSoon">敬請期待</span>
                 </div>
-                <div class="card-body p-4">
+                <div class="card-body p-4 position-relative">
                   <h5 class="card-title text-start">台灣數位有聲書展學會</h5>
                   <p class="card-text text-start">緣起於引進國際方便於視障者聽讀的DAISY(Digital Accessible Information System)技術,製作DAISY有聲書;其後以數位科技擴大服務範圍,關懷、輔助、教育視障者,增進他在就醫、就養、就學、就業上的福利。
                   </p>
@@ -473,7 +477,7 @@
                       <i class="fas fa-angle-double-right"></i><small class="me-1">深入瞭解數位有聲書展學會</small>
                     </a>
                   </p>
-                  <div class="d-flex justify-content-between">
+                  <div class="d-flex justify-content-between position-absolute" style="left: 1.5rem; bottom: 2rem; width: calc(100% - 3rem);">
                     <div class="d-flex">
                       <a href="https://www.youtube.com/channel/UCBbDFO3Sjrl5YJDyg1b7o5A" class="me-1 card-learn"><i class="fab fa-youtube" style="font-size: 2rem;"></i></a>
                       <a href="https://www.facebook.com/tdtborg/" class="ms-1 card-learn"><i class="fab fa-facebook-square" style="font-size: 2rem;"></i></a>
@@ -491,7 +495,8 @@
                     height="150"
                     layout="responsive"
                     alt="mountains"
-                    class="card-img-top">
+                    class="card-img-top"
+                    style="height:234px;">
                   </img>
                   <img src="./imgs/Icon-play.png"
                     width="50"
@@ -502,7 +507,7 @@
                   </img>
                   <span class="card__comingSoon">敬請期待</span>
                 </div>
-                <div class="card-body p-4">
+                <div class="card-body p-4 position-relative">
                   <h5 class="card-title text-start">友緣基金會</h5>
                   <p class="card-text text-start">我們確信「愛、責任、關懷」,是使人間幸福源源不絕的要素。
                     友緣基金會 協助個人、家庭一起追求幸福:共同淬煉有智慧的愛;培養孩子、父母、夫妻學習當家人和承擔責任的生命能量;搭建傳遞人際關懷的管線,創造快樂的個人,溫馨的家庭與溫暖的社會。
@@ -512,7 +517,7 @@
                       <i class="fas fa-angle-double-right"></i><small class="me-1">深入瞭解友緣基金會</small>
                     </a>
                   </p>
-                  <div class="d-flex justify-content-between">
+                  <div class="d-flex justify-content-between position-absolute" style="left: 1.5rem; bottom: 2rem; width: calc(100% - 3rem);">
                     <div class="d-flex">
                       <a href="https://www.facebook.com/%E8%B2%A1%E5%9C%98%E6%B3%95%E4%BA%BA%E5%8F%B0%E5%8C%97%E5%B8%82%E5%8F%8B%E7%B7%A3%E7%A4%BE%E6%9C%83%E7%A6%8F%E5%88%A9%E4%BA%8B%E6%A5%AD%E5%9F%BA%E9%87%91%E6%9C%83-158466930842490/" class="ms-1 card-learn"><i class="fab fa-facebook-square" style="font-size: 2rem;"></i></a>
                     </div>
@@ -627,7 +632,6 @@
         m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
         })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
         ga('create', 'UA-153100602-5', 'auto');
-        
         ga('send', 'pageview');
       }
     </script>

Bu fark içinde çok fazla dosya değişikliği olduğu için bazı dosyalar gösterilmiyor