內容更新

goto.js

@@ -1,7 +1,7 @@
 var random = Math.floor(Math.random() * $('.youtube').length);
 $('.youtube').hide().eq(random).show();
 
-$(".youtube7-10").hide();
+// $(".youtube7-10").hide();
 
 // (function () {
 //   const second = 1000,

index.html

@@ -89,7 +89,7 @@
     <section id="banner" class="container-fluid" style="margin: 0; padding: 0;">
         <div id="banner-container">
             <div class="youtube-slider">
-                <div class="youtube7-10">
+                <div class="youtube">
                     <div class="row">
                         <div id="youtube-text" class="col-12 order-2 col-lg-5 order-lg-1 ">
                             <a target="_blank" href="">
@@ -97,12 +97,16 @@
                             </a>
                             <hr>
                             <p>主辦：全球NFT指標告示板NFTBoard</p>
-                            <p>時間：7/10(六)晚上7:10舉辦，因疫情落實現場5人以下規定，分三階段邀請文策院副院長張文櫻、幣安大中華社區負責人ZORA、OURSONG 共同創辦人吳柏蒼、北科大助理教授葛如鈞(寶博士)、DFUN雜誌創辦人馬修、幣圈網紅吟遊詩人與IG大V刺刺，歡迎大家一起線上參與。</p>
+                            <p>時間：2021/7/10 （六）晚上7:10~9:00</p>
                             <div class="youtube-text-hr"
                                 style="border-top:1px dashed #cccccc;height: 1px;overflow:hidden">
                               
                             </div>
-                            <p>當天特別提供多項空投抽獎及直播好禮，請大家快點到  <a href="https://www.facebook.com/nftboard/">https://www.facebook.com/nftboard/</a> 按讚並加入FB直播，填寫抽獎報名表。</p>
+                            <p>當天特別提供多項空投抽獎及直播好禮，請大家快點到  <a target="_blank" href="https://www.facebook.com/nftboard/">https://www.facebook.com/nftboard/</a> 按讚並加入FB直播，填寫抽獎報名表。</p>
+                            <p>快點加入直播： <a target="_blank"  href="https://fb.me/e/1osJiUeWc">https://fb.me/e/1osJiUeWc</a></p>
+                            <p>抽獎在這裡填寫： <a target="_blank"  href="https://forms.gle/wFeALiZxqvkxAvyL8">https://forms.gle/wFeALiZxqvkxAvyL8</a></p>
+                           
+
                         </div>
                         <div class="col-12  order-1 col-lg-7 order-lg-2 ">
                             <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//nSU1npD2M7o' frameborder='0' allowfullscreen></iframe></div>

style.css

@@ -297,7 +297,7 @@ body .learn-more:hover {
 }
 
 #banner #banner-container .youtube #youtube-text p {
-  width: 300px;
+  width: 350px;
 }
 
 @media screen and (max-width: 767px) {
@@ -416,7 +416,7 @@ body .learn-more:hover {
 }
 
 #banner #banner-container .youtube7-10 #youtube-text .youtube-text-title1 {
-  width: 380px;
+  width: 400px;
 }
 
 @media screen and (max-width: 767px) {
@@ -436,7 +436,7 @@ body .learn-more:hover {
 }
 
 #banner #banner-container .youtube7-10 #youtube-text p {
-  width: 350px;
+  width: 380px;
 }
 
 @media screen and (max-width: 767px) {

style.scss

@@ -231,7 +231,7 @@ body {
                     }
                 }
                 p {
-                    width: 300px;
+                    width: 350px;
                     @media screen and(max-width:$moblie) {
                         width: 80vw;
                     }
@@ -322,7 +322,7 @@ body {
                     }
                 }
                 .youtube-text-title1 {
-                    width: 380px;
+                    width: 400px;
                     @media screen and(max-width:$moblie) {
                         width: 80vw;
                     }
@@ -334,7 +334,7 @@ body {
                     }
                 }
                 p {
-                    width: 350px;
+                    width: 380px;
                     @media screen and(max-width:$moblie) {
                         width: 80vw;
                     }