新增貼文

NFTContent.json

@@ -2,8 +2,8 @@
     {
       
         "newsimg": "img/sec10/sec10-01.webp",
-        "newstext1": " NFT跨界直播+空投-akaswap平台與tezos的趨勢與應用",
-        "newstext2": "這次活動特邀大家熟知的北科大助理教授葛如鈞(寶博士)擔任主持人，活動分為三階段，第一階段：主持人與科文双融暨文化科技發展聯盟執行長黃宛華、台大資訊網媒所教授洪一平，對談『數位內容產業與NFT結合發展趨勢』。第二階段：主持人與 akaswap 共同創辦人、NFT新媒體藝術家王新仁、洪司丞，對談『akaswap創辦理念與構想』。第三階段：主持人與 新媒體藝術家姚仲涵、聲音藝術家許雁婷，對談『NFT創作』。",
+        "newstext1": "NFTboard與台北方舟跨界直播 - akaswap平台空投一番賞限量開搶",
+        "newstext2": "NFTBoard 與akaswap 即將於2021/8/7(六) 晚上舉辦一場精緻的「NFT 方舟加密藝術X akaSwap跨界直播」活動",
         "website": "nftboard-akaswap.html"
     }, 
    

nftboard-akaswap.html

@@ -98,11 +98,11 @@
         </div>
     </section>
    
-    <section id="sec10" class="container-fluid pt-3">
+    <section id="sec10" class="pt-3">
         <div class="row">
             <div class="content col-lg-7">
                 <h1 class="sec10-title">
-                    NFT跨界直播+空投-akaswap平台與tezos的趨勢與應用
+                    NFTboard與台北方舟跨界直播 - akaswap平台空投一番賞限量開搶
                 </h1>
                 <p class="card-text"><small class="text-muted">By NFTBoard</small></p>
                 <img class="m-1" style="width: 20px;" src="./img/time.png" alt=""><span>2021/8/2</span>
@@ -111,7 +111,12 @@
                 <div class="sec11-content mt-3">
                     <p style="font-weight: 900;">NFTBoard 與akaswap 即將於2021/8/7(六) 晚上舉辦一場精緻的「NFT 方舟加密藝術X akaSwap跨界直播」活動</p>
                     <p>直播連結 <a target="_blank" href="https://www.facebook.com/events/192479169523440">https://www.facebook.com/events/192479169523440</a> (記得按參加)</p>
-                   
+                    <div id="fb-root"></div>
+                    <script async defer crossorigin="anonymous" src="https://connect.facebook.net/zh_TW/sdk.js#xfbml=1&version=v11.0&appId=111118874418490&autoLogAppEvents=1" nonce="A31PdrHx"></script>
+                    <div class="fb-post" data-href="https://www.facebook.com/nftboard/posts/128916516100050" data-width="" data-show-text="true"><blockquote cite="https://www.facebook.com/nftboard/posts/128916516100050" class="fb-xfbml-parse-ignore"><p>📣📣NFTboard與台北方舟跨界直播 -
+                        akaswap平台空投一番賞限量開搶
+                       https://nftboard.info/nftboard-akaswap.html
+                       ☝️☝️☝️...</p>由 <a href="https://www.facebook.com/nftboard/">NFTBoard</a> 發佈於&nbsp;<a href="https://www.facebook.com/nftboard/posts/128916516100050">2021年8月5日 星期四</a></blockquote></div>
                    
                     <p> 這次活動特邀大家熟知的北科大助理教授葛如鈞(寶博士)擔任主持人，活動分為三階段，</p>
                     <p>  第一階段：主持人與科文双融暨文化科技發展聯盟執行長黃宛華、台大資訊網媒所教授洪一平，對談『數位內容產業與NFT結合發展趨勢』。</p>
@@ -155,6 +160,14 @@
                         <p>錢包下載位址：<a target="_blank" href="https://templewallet.com/">https://templewallet.com/</a></p>
                     <p>空投活動截止日期：8/6中午12:00</p>
                     <p>空投日期：8/7</p>
+                    <p>直播連結 <a target="_blank" href="https://www.facebook.com/events/192479169523440">https://www.facebook.com/events/192479169523440</a> (記得按參加)</p>
+                    <div id="fb-root"></div>
+                    <script async defer crossorigin="anonymous" src="https://connect.facebook.net/zh_TW/sdk.js#xfbml=1&version=v11.0&appId=111118874418490&autoLogAppEvents=1" nonce="A31PdrHx"></script>
+                    <div class="fb-post" data-href="https://www.facebook.com/nftboard/posts/128916516100050" data-width="" data-show-text="true"><blockquote cite="https://www.facebook.com/nftboard/posts/128916516100050" class="fb-xfbml-parse-ignore"><p>📣📣NFTboard與台北方舟跨界直播 -
+                        akaswap平台空投一番賞限量開搶
+                       https://nftboard.info/nftboard-akaswap.html
+                       ☝️☝️☝️...</p>由 <a href="https://www.facebook.com/nftboard/">NFTBoard</a> 發佈於&nbsp;<a href="https://www.facebook.com/nftboard/posts/128916516100050">2021年8月5日 星期四</a></blockquote></div>
+                    <p>#nftboard #nftart #akaswap #tezos #templewallet #錢包註冊教學 #如何安裝錢包 #錢包空投</p>
                 </div>
 
             </div>

style.css

@@ -835,8 +835,7 @@ body .learn-more:hover {
 
 #sec01 #sec01-container #sec01-container-card .card img {
   text-align: center;
-  width: 35vw;
-  height: 240px;
+  height: 300px;
   -o-object-fit: cover;
      object-fit: cover;
 }
@@ -2669,6 +2668,7 @@ body .learn-more:hover {
 
 #sec10 {
   width: 90vw;
+  margin: 0 auto;
 }
 
 #sec10 .sec10-title {
@@ -2677,6 +2677,7 @@ body .learn-more:hover {
 
 @media screen and (max-width: 767px) {
   #sec10 .sec10-title {
+    width: 95vw;
     font-size: 26px;
   }
 }
@@ -2687,6 +2688,10 @@ body .learn-more:hover {
   opacity: 1;
 }
 
+#sec10 .content {
+  word-break: break-all;
+}
+
 #sec10 .content p {
   line-height: 2;
   font-size: 18px;

style.scss

@@ -626,8 +626,7 @@ body {
                 }
                 img {
                     text-align: center;
-                    width: 35vw;
-                    height: 240px;
+                    height: 300px;
                     object-fit: cover;
                     @media screen and(max-width:$moblie) {
                         width: 85vw;
@@ -2363,9 +2362,11 @@ body {
 // 第二層文章
 #sec10 {
     width: 90vw;
+    margin: 0 auto;
     .sec10-title{
         font-size: 43px;
         @media screen and(max-width:$moblie) {
+            width: 95vw;
             font-size: 26px;
         }
     }
@@ -2375,7 +2376,7 @@ body {
         opacity: 1;
     }
     .content{
-
+        word-break: break-all;
         p {
             line-height: 2;
             font-size: 18px;