Переглянути джерело

Merge branch 'master' of http://git.choozmo.com:3000/choozmo/NFTBoard

aaron-1015 3 роки тому
батько
коміт
fa4e7d0de4

+ 9 - 8
NFTContent.json

@@ -1,4 +1,11 @@
 [
+    {
+      
+        "newsimg": "img/sec10/sec10-02.jpg",
+        "newstext1": "akaSwap 綠能潔淨NFT平台推出高顏質系列藝術作品【若水BE WATER】",
+        "newstext2": "NFTBoard本月Art From Home 方舟加密藝術跨界直播活動,將隆重的為大家介紹亞洲第一個以綠能區塊鏈 Tezos 為基礎的多功能藝術品NFT交易平台:akaSwap",
+        "website": "akaswap- introduction.html"
+    },
     {
       
         "newsimg": "img/sec10/sec10-01.webp",
@@ -34,13 +41,7 @@
         "newstext1": " 俄羅斯的冬宮將藝術品作為 NFT 出售",
         "newstext2": "該博物館將在幣安 NFT 上出售達芬奇、喬爾喬內、康定斯基、梵谷和莫內作品的NFT。Piotrovsky 在一份聲明中說「NFT 使奢侈品變得更容易獲得,同時又是獨一無二的」,Hermitage 將繼續探索,並在這些新技術的基礎上,進行新的實驗。 ",
         "website": "https://www.facebook.com/nftboard/posts/126429853015383"
-    },
-    {
-      
-        "newsimg": "img/sec01/Olympic.png",
-        "newstext1": " NFT席捲體育界 NBA數位收藏交易掀熱潮~疫情推升NBA熱潮,玩家身家暴漲百倍~",
-        "newstext2": "NBA球員哈里伯頓說:「有人說我可以上YOUTUBE看到這些照片難道不行嗎?確實是,但同樣你買了NFT球員卡時,你不是也能在Google上找到一樣的照片嗎?重點不在照片,是在你手上的東西。」 ",
-        "website": "https://www.facebook.com/nftboard/posts/124820929842942"
-    } 
+    }
+    
  
 ]

+ 343 - 0
akaswap- introduction.html

@@ -0,0 +1,343 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-201820994-1"></script>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="copyright" content="2021 © NFTBoard │ All Rights Reserved.">
+    <meta name="creation-date" content="2021-07-09 12:00:04 GTM+8">
+    <meta name="description" content=" akaSwap 綠能潔淨NFT平台推出高顏質系列藝術作品【若水BE WATER】">
+    <meta name="distribution" content="Taiwan">
+    <meta name="keywords" content="">
+    <meta name="revisit-after" content="1 days">
+    <meta name="robots" content="all">
+    <meta name="format-detection" content="telephone=no">
+    <meta name="author" content="Choozmo">
+
+    <meta property="og:image" content="https://i.imgur.com/X6nYWji.jpeg" />
+    <meta property="og:description" content="akaSwap 綠能潔淨NFT平台推出高顏質系列藝術作品【若水BE WATER】" />
+    <meta property="og:site_name" content="NFTBoard" />
+    <meta property="og:title" content="NFTBoard-官方網站-akaSwap 綠能潔淨NFT平台推出高顏質系列藝術作品【若水BE WATER】" />
+    <meta property="og:type" content="website" />
+    <title>NFTBoard-官方網站-akaSwap 綠能潔淨NFT平台推出高顏質系列藝術作品【若水BE WATER】</title>
+
+
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
+    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
+    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
+    <link rel="stylesheet" href="./style.css">
+    <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
+</head>
+
+<body>
+    <section id="Navigation" class="container-fluid" style="padding:0;margin:0">
+        <div id="nav" class="row" style="padding:0;margin:0">
+            <div id="logo" class=" col-md-2 col-lg-2">
+                <a href="./index.html"><img src="./img/LOGO.png" alt=""></a>
+            </div>
+            <div class="link2 col-md-10 col-lg-8">
+
+                <!-- <a class="nav-link dropdown-toggle d-inline" href="#" id="navbarDropdownMenuLink" role="button"
+                    data-bs-toggle="dropdown" aria-expanded="false">
+                    相關新聞
+                </a>
+                <ul class="dropdown-menu bg-dark" aria-labelledby="navbarDropdownMenuLink">
+                    <li><a class="dropdown-item" href="#">Action</a></li>
+                    <li><a class="dropdown-item" href="#">Another action</a></li>
+                    <li><a class="dropdown-item" href="#">Something else here</a></li>
+                </ul>
+                <a class="nav-link dropdown-toggle d-inline" href="#" id="navbarDropdownMenuLink" role="button"
+                    data-bs-toggle="dropdown" aria-expanded="false">
+                    NFT資訊
+                </a>
+                <ul class="dropdown-menu bg-dark" aria-labelledby="navbarDropdownMenuLink">
+                    <li><a class="dropdown-item" href="#">Action</a></li>
+                    <li><a class="dropdown-item" href="#">Another action</a></li>
+                    <li><a class="dropdown-item" href="#">Something else here</a></li>
+                </ul>
+                <a class="nav-link dropdown-toggle d-inline" href="#" id="navbarDropdownMenuLink" role="button"
+                    data-bs-toggle="dropdown" aria-expanded="false">
+                    洞察報告
+                </a>
+                <ul class="dropdown-menu bg-dark" aria-labelledby="navbarDropdownMenuLink">
+                    <li><a class="dropdown-item" href="#">Action</a></li>
+                    <li><a class="dropdown-item" href="#">Another action</a></li>
+                    <li><a class="dropdown-item" href="#">Something else here</a></li>
+                </ul>
+                <a class="nav-link dropdown-toggle d-inline" href="#" id="navbarDropdownMenuLink" role="button"
+                    data-bs-toggle="dropdown" aria-expanded="false">
+                    NFT人物
+                </a>
+                <ul class="dropdown-menu bg-dark" aria-labelledby="navbarDropdownMenuLink">
+                    <li><a class="dropdown-item" href="#">Action</a></li>
+                    <li><a class="dropdown-item" href="#">Another action</a></li>
+                    <li><a class="dropdown-item" href="#">Something else here</a></li>
+                </ul>
+
+                <a target="_blank"
+                    href="  https://docs.google.com/forms/d/e/1FAIpQLSf2gw6oO4WJ2lmNGescLRdGgS3H5IUgOd2xu4nmzqh5g0JH5g/viewform">聯絡我們</a> -->
+            </div>
+            <img id="menu-btn1" src="./img/menu.png" alt="">
+            <div id="socail-link" class="col-md-10 col-lg-2 py-5">
+                <a target="_blank" href="https://www.facebook.com/nftboard"><img src="./img/facebook (2).png"
+                        alt=""></a>
+                <a target="_blank" href="https://www.instagram.com/nftboard.info/"><img src="./img/instagram.png"
+                        alt=""></a>
+            </div>
+        </div>
+    </section>
+    <div class="menu-box" class="container-fluid" style="padding:0;margin:0 ">
+        <div class="menu-box2">
+            <div style="text-align: right;">
+                <img class="close" src="./img/close.png" alt="">
+            </div>
+            <a class="link" target="_blank" href="./index.html">首頁</a>
+            <hr>
+            <a class="link" target="_blank"
+                href="https://docs.google.com/forms/d/e/1FAIpQLSf2gw6oO4WJ2lmNGescLRdGgS3H5IUgOd2xu4nmzqh5g0JH5g/viewform">聯絡我們</a>
+            <hr>
+            <a target="_blank" href="https://www.facebook.com/nftboard">粉絲專頁</a>
+            <hr>
+        </div>
+
+    </div>
+
+    <section class="py-5 bg-white mb-5"></section>
+    <section id="adv01" class="py-5 bg-light">
+        <div class="adv01-1 container-fluid">
+            <a target="_blank" href="https://www.mustard.org.tw/desktop.php?tid=547&id=164">
+                <img class="img-fluid" src="./img/adv/adv1.webp" alt="">
+            </a>
+        </div>
+    </section>
+
+    <section id="sec10" class="pt-3">
+        <div class="row">
+            <div class="content col-lg-7">
+                <h1 class="sec10-title">
+                    akaSwap 綠能潔淨NFT平台推出高顏質系列藝術作品【若水BE WATER】
+                </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/6</span>
+                <hr>
+                <a target="_blank" href="https://testnets.akaswap.com/akaobj/251">
+                    <img class="img-fluid" src="./img/sec10/sec10-02.jpg" alt="">
+                </a>
+               
+               
+                <div class="sec10-content mt-3">
+                    <p>NFTBoard本月Art From Home 方舟加密藝術跨界直播活動,此次來到第二場:水元素。除了邀請到重量級貴賓外,也將隆重的為大家介紹亞洲第一個以綠能區塊鏈 Tezos
+                        為基礎的多功能藝術品NFT交易平台:akaSwap(<a target="_blank" href="https://akaswap.com/">https://akaswap.com/</a>),同時也將介紹此次獲選「若水」主題的大獎的幾位藝術家。</p>
+                    <p> akaSwap
+                        成立於2021/02,是由一群長期在科技與藝術領域進行創作與研究的團隊所組成。團隊成員多來自臺灣且匿名參與此計畫,團隊成員的專長包含:區塊鏈、NFT、VR/AR/XR、Metaverse、數位雙生、人工智慧、平台營運、商業模式等,團隊的目標是為了建置一個簡易、友善、公開、綠色的
+                        NFT 交易平台,</p>
+                    <p>讓大家都可以輕鬆創作、交易、鑑賞、收藏、推廣來自全世界各種NFT有價資產,並且採用科技藝術家極力推崇的 CleanNFT
+                        格式,將每次鑄造的耗能降為相比以太坊區塊鏈的萬分之一,這實在可以稱為CleanNFT 的第一個元宇宙。</p>
+                    <p>而為了讓這個元宇宙可以自主成長、擴大,akaSwap團隊也引入區塊鏈最知名也最廣受接納的「去中心自治組織(DAO, Decentralized Autonomous
+                        Organization)」,期望讓創作者、收藏家不只是這個平台的使用者,也更進一步成為這個宇宙的共同治理者,一同制定規則、擴大各種可能性,也一同見證此一基於環境友善、綠能發展與乾淨能源的
+                        NFT 宇宙的創生與發展。</p>
+                    <p>新一代的Tezos 公有鏈在智能合約、前端、通證共識協定等,還有多媒體檔案上傳做了優化,以及綠色節能,相較於非專門為NFT設計的以太坊生態系來說,實是更適合用在NFT場景。因此akaSwap
+                        除了提供創作者靈活的鑄造工具(如單張作品、同捆包、一番賞等)外,也支援市面上最多種類的數位檔案格式(如:bmp、gif、jpeg、png、svg、webp、mp4、ogv、quicktime、webm、glb、gltf、mp3、oga、pdf、html
+                        [zip archive]等)。</p>
+                    <p>而和 Tezos 區塊鏈生態系下的其他 NFT 平台相比,akaSwap 不但第一天上線就推出友善的中文介面,同時也內建了「智能合約版稅分銷機制」,這實是全球 NFT 創作者一致期待、也是
+                        NFT 平台能擴大用戶群的核彈級武器。</p>
+                    <p>akaSwap 上線後不到一週,就已成功吸引近 20 位台灣一線新媒體藝術家及創作者,鑄造上百件、數千版 NFT 作品,也成功創造近千次交易。</p>
+                    <p>第一波參與的知名藝術家包括:姚仲涵、賴宗昀、莊禾、何理互動、空集設計 NullsDesign 等台灣一線優異新媒體藝術、內容創作者。</p>
+                    <p>七月中在 Twitter 上造成收藏熱潮,甚至引來國外藏家大舉入侵收購,更有台灣藝術家創下單日版權費高達 100 $XTZ(約新台幣上萬元)以上。</p>
+                    <p>此外,在 akaSwap 積極推廣下,也成功吸引了亞太地區多國創作者及藝術家進駐,現今藏家已遍及五大洲十數個國家。</p>
+                    <p>akaSwap 存在的<span>目的</span>是希望能夠<span>擴大創作成果交易價值</span>與<span>藝術欣賞</span>的市場,培育更多<span>藝術欣賞與愛好者</span>,因此也期望能與藝術家及企業共同舉辦<span>拍賣與義賣</span>活動,並積極開設各種相關的教育訓練課程(如
+                        <span>YouTube 噪音大叔 Noisy Uncle</span> 頻道之 NFT
+                        鑄造教學等),協助藝術家或甚至一般民眾都可以跨入NFT數位藝術領域,最終能利用新科技將文化、藝術、數位典藏、全球市場拓展與商業化應用做出完美的結合。</p>
+                    <p>NFT 目前仍是非常新的一個領域,akaSwap 與其建置團隊 akaDAO 將不斷積極與所有對 NFT 以及基於 NFT
+                        創建<span>元宇宙</span>有興趣的單位或個人連結、對接,持續共同探索這個新領域的可能性,包括技術發展與商業模式,也將密切注意全球的發展趨勢。</p>
+                    <p>希望透過 akaSwap 平台服務,提供<span>藝術家、買家、賣家、藝廊及各類藝術協會</span>有一個更好的發展空間與實質收益,增進創作品市場的流動性,也刺激更多創作者、藏家的出現。</p>
+                    <p>藉此豐富市場的多元性,也讓更多喜愛創作、珍藏藝術的人聚集在一起,創生激盪出人類文化歷史在虛擬世界中最初始,也是最具影響力的一次宇宙大爆炸。</p>
+                    <p>NFTBoard 樂見台灣的NFT生態系能夠蓬勃發展,站在鼓勵的角度推廣支持,期待未來有更多有潛力的NFT新創能夠一起共襄盛舉。</p>
+                    <img class="img-fluid" src="./img/sec10/sec10-03.jpg" alt="">
+                   
+                    <img class="img-fluid mt-5" src="./img/sec10/sec10-04.jpg" alt="">
+                    <div class="video-work px-0 mx-0" style="padding:1vw 0;">
+                        <div id="video2">
+                            <a target="_blank" href="https://testnets.akaswap.com/akaobj/216"><video autoplay muted loop playsinline>
+                                <source src="./img/sec10/sec10_x264.mp4" type="video/mp4">
+                            </video></a>
+                            <p>Diving into the dark. (Sound on) by LTY, 2021.</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+                <div class="col-lg-1"></div>
+                <div class="side-bar col-lg-4">
+                    <hr>
+                    <div class="card-body">
+                        <a target="_blank" href="./nftboard-akaswap.html">
+                            <img class="img-fluid" src="./img/sec10/S__43253764.jpg" alt="">
+                        </a>
+                        <a target="_blank" href="./nftboard-akaswap.html">
+                            <h5 class="card-title  pt-3">NFTboard與台北方舟跨界直播 - akaswap平台空投一番賞限量開搶</h5>
+                        </a>
+
+                        <p class="card-text">NFTBoard 與akaswap 即將於2021/8/7(六) 晚上舉辦一場精緻的「NFT 方舟加密藝術X akaSwap跨界直播」活動</p>
+                    </div>
+                    <div class="card-body">
+                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/124820929842942">
+                            <img class="img-fluid" src="./img/sec01/Olympic.png" alt="">
+                        </a>
+                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/124820929842942">
+                            <h5 class="card-title pt-3"> NFT席捲體育界 NBA數位收藏交易掀熱潮~疫情推升NBA熱潮,玩家身家暴漲百倍</h5>
+                        </a>
+                        <p class="card-text">
+                            NBA球員哈里伯頓說:「有人說我可以上YOUTUBE看到這些照片難道不行嗎?確實是,但同樣你買了NFT球員卡時,你不是也能在Google上找到一樣的照片嗎?重點不在照片,是在你手上的東西。」
+                        </p>
+                    </div>
+                    <div class="card-body">
+                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/121145806877121">
+                            <img class="img-fluid" src="./img/sec04/safe_image.jpg" alt="">
+                        </a>
+                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/121145806877121">
+                            <h5 class="card-title  pt-3">區塊鏈可以幫助出版商提高受眾信任度,46% 的受訪者表示他們願意為準確的新聞付費</h5>
+                        </a>
+                        <p class="card-text">"區塊鏈如何增加信任?艾米·惠特克在《華爾街日報》上寫道。“什麼可以防止篡改歷史記錄——是否有可能為子孫後代保護這些信息?” Haber 和
+                            Stornetta 的解決方案:........。</p>
+                    </div>
+                    <div class="card-body">
+                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/124179153240453">
+                            <img class="img-fluid" src="./img/sec01/game.jpg" alt="">
+                        </a>
+                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/124179153240453">
+                            <h5 class="card-title  pt-3">NFT遊戲 | 玩轉遊戲世界</h5>
+                        </a>
+                        <p class="card-text">究竟NFT能擴充到什麼樣的地步?電競世界跟NFT合作持續火熱延燒!NFT CyptoMotos 也進入 Animoca Brands
+                            的世界同步與REVV 達成合作,NFT社交平台DeFine 也獲得500 萬美元的戰略投資</p>
+                    </div>
+                    <div class="card-body">
+                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/105110191814016">
+                            <img class="img-fluid" src="./img/sec06/sec06-01.webp" alt="">
+                        </a>
+                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/105110191814016">
+                            <h5 class="card-title pt-3">誰要買這個啦!推特執行長賣推文「加密熱潮」新標的,NFT是什麼?</h5>
+                        </a>
+                        <p class="card-text">如果果你還沒聽過NFT,應該也快聽說了。NFT正在攻佔網路,並被認為是區塊鏈技術 (blockchain technology)
+                            的最佳應用實例。</p>
+                    </div>
+                    <hr>
+                    <a target="_blank" href="https://superrare.com/artwork-v2/cavity-25934"> <img class="img-fluid my-3"
+                            src="./img/adv/adv3-1.webp" alt=""></a>
+                    <a target="_blank" href="https://superrare.com/artwork-v2/paparazzi-princess-25976"> <img
+                            class="img-fluid my-3" src="./img/adv/adv3-2.webp" alt=""></a>
+                    <a target="_blank" href="https://superrare.com/artwork-v2/smoking-hero-25987"> <img
+                            class="img-fluid my-3" src="./img/adv/adv3-3.webp" alt=""></a>
+                </div>
+            </div>
+    </section>
+    <!-- <section id="adv02" class="py-5 bg-light">
+        <div class="adv01-1 container-fluid">
+            <img class="img-fluid" src="./img/sec01/218116504_124830393175329_4675674980376029305_n.jpg" alt="">
+        </div>
+    </section> -->
+    <section id="sec11">
+
+        <div id="sec11-container" class="container-fluid px-0 py-5">
+            <h1>RECENT POST(NEWS)</h1>
+            <div class="sec11-01 row row-col-1 row-cols-sm-2">
+                <div class="col my-3">
+                    <div class="card mb-3 p-1 h-100 border-0">
+                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/126805716311130">
+                            <img class="sec11-img img-fluid rounded-3" src="./img/sec01/sec01-10.jpg" alt="">
+                        </a>
+                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/126805716311130">
+                            <h2 class="my-3"> 幣安BINANCE於7月28日推出「每個孩子都值得擁有光明的未來」-- NFT 做公益活動(NFT for Good)。</h2>
+                        </a>
+
+                        <p class="card-text"><small class="text-muted">By NFTBoard </small></p>
+                    </div>
+                </div>
+                <div class="col my-3">
+                    <div class="card mb-3 p-1 h-100 border-0">
+                        <div class="col">
+                            <a target="_blank" href="https://www.facebook.com/nftboard/posts/126429853015383">
+                                <img class="sec11-img img-fluid rounded-3" src="./img/sec01/sec01-8.jpg" alt="">
+                            </a>
+                            <a target="_blank" href="https://www.facebook.com/nftboard/posts/126429853015383">
+                                <h2 class="my-3">俄羅斯的冬宮將藝術品作為 NFT 出售</h2>
+                            </a>
+
+                            <p class="card-text"><small class="text-muted">By NFTBoard</small></p>
+                        </div>
+                    </div>
+                </div>
+                <div class="col my-3">
+                    <div class="card mb-3 p-1 h-100 border-0">
+                        <div class="col">
+                            <a target="_blank" href="https://www.facebook.com/nftboard/posts/122120953446273">
+                                <img class="sec11-img img-fluid rounded-3" src="./img/sec01/SEC11.png" alt="">
+                            </a>
+                            <a target="_blank" href="https://www.facebook.com/nftboard/posts/122120953446273">
+                                <h2 class="my-3"> NFT資訊 | 收藏品大爆發 萬物皆可NFT”的階段已經到來</h2>
+                            </a>
+
+                            <p class="card-text"><small class="text-muted">By NFTBoard </small></p>
+                        </div>
+                    </div>
+                </div>
+                <div class="col my-3">
+                    <div class="card mb-3 p-1 h-100 border-0">
+                        <div class="col">
+                            <a target="_blank" href="https://www.facebook.com/nftboard/posts/115261730798862">
+                                <img class="sec11-img img-fluid rounded-3" src="./img/sec01/sec01-img02webp.webp"
+                                    alt="">
+                            </a>
+                            <a target="_blank" href="https://www.facebook.com/nftboard/posts/115261730798862">
+                                <h2 class="my-3"> NFT人物 | Tim Berners-Lee
+                                    發明家蒂姆·伯納斯·李 (Tim Berners-Lee) 將網絡的源代碼作為 NFT 拍賣</h2>
+                            </a>
+
+                            <p class="card-text"><small class="text-muted">By NFTBoard </small></p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+
+
+        </div>
+    </section>
+
+    <footer id="footer" class="container-fluid" style="padding:0;margin:0">
+        <div class="text" style="padding-right:0;">
+            <a target="_blank" href="mailto:nftboard.info@gmail.com">
+                <h2>客服信箱:nftboard.info@gmail.com</h2>
+            </a>
+            <h2>公司名稱:微生活知識科技公司</h2>
+            <a target="_blank" href="https://www.facebook.com/nftboard">
+                <img src="./img/facebook (2).png" alt=""></a>
+            <a target="_blank" href="https://www.instagram.com/nftboard.info/"><img src="./img/instagram.png"
+                    alt=""></a>
+            <p>NFTBoard &copy; All Rights Reserved.</p>
+        </div>
+    </footer>
+
+
+
+
+
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
+        integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
+        crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
+        integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
+        crossorigin="anonymous"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+
+    <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
+    <script src="./goto.js"></script>
+    <script src="./node_modules/jquery-touchswipe/jquery.touchSwipe.min.js"></script>
+    <script src="./node_modules/jquery-touchswipe/jquery.touchSwipe.js"></script>
+</body>
+
+</html>

+ 307 - 0
binance-bit-has-memories.html

@@ -0,0 +1,307 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-201820994-1"></script>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="copyright" content="2021 © NFTBoard │ All Rights Reserved.">
+    <meta name="creation-date" content="2021-07-09 12:00:04 GTM+8">
+    <meta name="description" content=" akaSwap 綠能潔淨NFT平台推出高顏質系列藝術作品【若水BE WATER】">
+    <meta name="distribution" content="Taiwan">
+    <meta name="keywords" content="">
+    <meta name="revisit-after" content="1 days">
+    <meta name="robots" content="all">
+    <meta name="format-detection" content="telephone=no">
+    <meta name="author" content="Choozmo">
+
+    <meta property="og:image" content="https://i.imgur.com/X6nYWji.jpeg" />
+    <meta property="og:description" content=" 幣安與Neal Digital Gallery藝廊共同推出「BIT HAS MEMORIES(比特的記憶)」線上藝術展" />
+    <meta property="og:site_name" content="NFTBoard" />
+    <meta property="og:title" content=" 幣安與Neal Digital Gallery藝廊共同推出「BIT HAS MEMORIES(比特的記憶)」線上藝術展" />
+    <meta property="og:type" content="website" />
+    <title> 幣安與Neal Digital Gallery藝廊共同推出「BIT HAS MEMORIES(比特的記憶)」線上藝術展</title>
+
+
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
+    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
+    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
+    <link rel="stylesheet" href="./style.css">
+    <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
+</head>
+
+<body>
+    <section id="Navigation" class="container-fluid" style="padding:0;margin:0">
+        <div id="nav" class="row" style="padding:0;margin:0">
+            <div id="logo" class=" col-md-2 col-lg-2">
+                <a href="./index.html"><img src="./img/LOGO.png" alt=""></a>
+            </div>
+            <div class="link2 col-md-10 col-lg-8">
+
+                <!-- <a class="nav-link dropdown-toggle d-inline" href="#" id="navbarDropdownMenuLink" role="button"
+                    data-bs-toggle="dropdown" aria-expanded="false">
+                    相關新聞
+                </a>
+                <ul class="dropdown-menu bg-dark" aria-labelledby="navbarDropdownMenuLink">
+                    <li><a class="dropdown-item" href="#">Action</a></li>
+                    <li><a class="dropdown-item" href="#">Another action</a></li>
+                    <li><a class="dropdown-item" href="#">Something else here</a></li>
+                </ul>
+                <a class="nav-link dropdown-toggle d-inline" href="#" id="navbarDropdownMenuLink" role="button"
+                    data-bs-toggle="dropdown" aria-expanded="false">
+                    NFT資訊
+                </a>
+                <ul class="dropdown-menu bg-dark" aria-labelledby="navbarDropdownMenuLink">
+                    <li><a class="dropdown-item" href="#">Action</a></li>
+                    <li><a class="dropdown-item" href="#">Another action</a></li>
+                    <li><a class="dropdown-item" href="#">Something else here</a></li>
+                </ul>
+                <a class="nav-link dropdown-toggle d-inline" href="#" id="navbarDropdownMenuLink" role="button"
+                    data-bs-toggle="dropdown" aria-expanded="false">
+                    洞察報告
+                </a>
+                <ul class="dropdown-menu bg-dark" aria-labelledby="navbarDropdownMenuLink">
+                    <li><a class="dropdown-item" href="#">Action</a></li>
+                    <li><a class="dropdown-item" href="#">Another action</a></li>
+                    <li><a class="dropdown-item" href="#">Something else here</a></li>
+                </ul>
+                <a class="nav-link dropdown-toggle d-inline" href="#" id="navbarDropdownMenuLink" role="button"
+                    data-bs-toggle="dropdown" aria-expanded="false">
+                    NFT人物
+                </a>
+                <ul class="dropdown-menu bg-dark" aria-labelledby="navbarDropdownMenuLink">
+                    <li><a class="dropdown-item" href="#">Action</a></li>
+                    <li><a class="dropdown-item" href="#">Another action</a></li>
+                    <li><a class="dropdown-item" href="#">Something else here</a></li>
+                </ul>
+
+                <a target="_blank"
+                    href="  https://docs.google.com/forms/d/e/1FAIpQLSf2gw6oO4WJ2lmNGescLRdGgS3H5IUgOd2xu4nmzqh5g0JH5g/viewform">聯絡我們</a> -->
+            </div>
+            <img id="menu-btn1" src="./img/menu.png" alt="">
+            <div id="socail-link" class="col-md-10 col-lg-2 py-5">
+                <a target="_blank" href="https://www.facebook.com/nftboard"><img src="./img/facebook (2).png"
+                        alt=""></a>
+                <a target="_blank" href="https://www.instagram.com/nftboard.info/"><img src="./img/instagram.png"
+                        alt=""></a>
+            </div>
+        </div>
+    </section>
+    <div class="menu-box" class="container-fluid" style="padding:0;margin:0 ">
+        <div class="menu-box2">
+            <div style="text-align: right;">
+                <img class="close" src="./img/close.png" alt="">
+            </div>
+            <a class="link" target="_blank" href="./index.html">首頁</a>
+            <hr>
+            <a class="link" target="_blank"
+                href="https://docs.google.com/forms/d/e/1FAIpQLSf2gw6oO4WJ2lmNGescLRdGgS3H5IUgOd2xu4nmzqh5g0JH5g/viewform">聯絡我們</a>
+            <hr>
+            <a target="_blank" href="https://www.facebook.com/nftboard">粉絲專頁</a>
+            <hr>
+        </div>
+
+    </div>
+
+    <section class="py-5 bg-white mb-5"></section>
+    <section id="adv01" class="py-5 bg-light">
+        <div class="adv01-1 container-fluid">
+            <a target="_blank" href="https://www.mustard.org.tw/desktop.php?tid=547&id=164">
+                <img class="img-fluid" src="./img/adv/adv1.webp" alt="">
+            </a>
+        </div>
+    </section>
+
+    <section id="sec10" class="pt-3">
+        <div class="row">
+            <div class="content col-lg-7">
+                <h1 class="sec10-title">
+                    幣安與Neal Digital Gallery藝廊共同推出「BIT HAS MEMORIES(比特的記憶)」線上藝術展
+                </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/9</span>
+                <hr>
+                <img style="object-fit: cover; width:100%; text-align: center;" class="img-fluid my-3" src="./img/ScreenRecorderProject53.gif" alt="">
+                <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//ReVwhlJkwHI?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
+                <div class="sec10-content mt-3">
+                   <p>包括了作品曾發表在 Dezeen、賓士、保時捷生活志《Type7》的華裔德國藝術家kefan404;深受 80 年代日本藝術家和 90 年代文化影響,也是「最初的晚餐First Supper」的創作者Twisted Vacancy;以及曾經執行過 Nike、喬丹、Puma、蘋果、Burberry、MTV、Wacom 和 Prada 等品牌的項目的Ondrej Zunka等9位全球頂尖的數位藝術家,都參與了此次「BIT HAS MEMORIES(比特的記憶)」線上特展。</p>
+                   <p>此次特展是由國際知名的策展人程雲(Emma Cheng)策劃,分為一、「邊界Boundary」(藝術家Krista Kim、A.L. Crego、Kefan404)、二、「數位敘事Digital Narrative」(藝術家Ali Sabet、Mira Ruido、Twisted Vacancy、Ondrej Zunka)以及三、「生成式藝術Generative Art」(Codedcrypt、Gene Kogan)三階段進行,透過上述9位頂尖藝術家的21幅作品,期望讓不管是藏家或是藝術愛好者們,能從由原子組成的物理世界,逐漸進入到由BIT組成的元宇宙世界。</p>
+                   <p>本次特展時間從08/06 11:00 (UTC) 到08/13 11:00 (UTC),歡迎大家把握機會來享受一下BINANCE NFT與Neal Digital Gallery聯手為大家準備的「BIT HAS MEMORIES(比特的記憶)」線上特展。
+                    <a target="_blank" href=" https://www.binance.com/zh-TW/nft/events/kwuntong">https://www.binance.com/zh-TW/nft/events/kwuntong</a>
+                   </p>
+                </div>
+            </div>
+                <div class="col-lg-1"></div>
+                <div class="side-bar col-lg-4">
+                    <hr>
+                    <div class="card-body">
+                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/127334132924955">
+                            <img class="img-fluid" src="./img/sec01/safe_image.jpg" alt="">
+                        </a>
+                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/127334132924955">
+                            <h5 class="card-title  pt-3">中國遊戲音樂龍頭騰訊計劃發行 NFT</h5>
+                        </a>
+                      
+                        <p class="card-text">據新浪財經報道,騰訊音樂即將開設加密貨幣與 NFT 新業務「TME 數字藏品」,專門發行音樂 NFT。NFT 發行及交易服務,已經在 QQ 音樂應用程式進行內部測試。</p>
+                    </div>
+                    <div class="card-body">
+                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/124820929842942">
+                            <img class="img-fluid" src="./img/sec01/Olympic.png" alt="">
+                        </a>
+                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/124820929842942">
+                            <h5 class="card-title pt-3"> NFT席捲體育界 NBA數位收藏交易掀熱潮~疫情推升NBA熱潮,玩家身家暴漲百倍</h5>
+                        </a>
+                        <p class="card-text">
+                            NBA球員哈里伯頓說:「有人說我可以上YOUTUBE看到這些照片難道不行嗎?確實是,但同樣你買了NFT球員卡時,你不是也能在Google上找到一樣的照片嗎?重點不在照片,是在你手上的東西。」
+                        </p>
+                    </div>
+                    <div class="card-body">
+                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/121145806877121">
+                            <img class="img-fluid" src="./img/sec04/safe_image.jpg" alt="">
+                        </a>
+                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/121145806877121">
+                            <h5 class="card-title  pt-3">區塊鏈可以幫助出版商提高受眾信任度,46% 的受訪者表示他們願意為準確的新聞付費</h5>
+                        </a>
+                        <p class="card-text">"區塊鏈如何增加信任?艾米·惠特克在《華爾街日報》上寫道。“什麼可以防止篡改歷史記錄——是否有可能為子孫後代保護這些信息?” Haber 和
+                            Stornetta 的解決方案:........。</p>
+                    </div>
+                    <div class="card-body">
+                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/124179153240453">
+                            <img class="img-fluid" src="./img/sec01/game.jpg" alt="">
+                        </a>
+                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/124179153240453">
+                            <h5 class="card-title  pt-3">NFT遊戲 | 玩轉遊戲世界</h5>
+                        </a>
+                        <p class="card-text">究竟NFT能擴充到什麼樣的地步?電競世界跟NFT合作持續火熱延燒!NFT CyptoMotos 也進入 Animoca Brands
+                            的世界同步與REVV 達成合作,NFT社交平台DeFine 也獲得500 萬美元的戰略投資</p>
+                    </div>
+                    <div class="card-body">
+                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/105110191814016">
+                            <img class="img-fluid" src="./img/sec06/sec06-01.webp" alt="">
+                        </a>
+                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/105110191814016">
+                            <h5 class="card-title pt-3">誰要買這個啦!推特執行長賣推文「加密熱潮」新標的,NFT是什麼?</h5>
+                        </a>
+                        <p class="card-text">如果果你還沒聽過NFT,應該也快聽說了。NFT正在攻佔網路,並被認為是區塊鏈技術 (blockchain technology)
+                            的最佳應用實例。</p>
+                    </div>
+                    <hr>
+                    <a target="_blank" href="https://superrare.com/artwork-v2/cavity-25934"> <img class="img-fluid my-3"
+                            src="./img/adv/adv3-1.webp" alt=""></a>
+                    <a target="_blank" href="https://superrare.com/artwork-v2/paparazzi-princess-25976"> <img
+                            class="img-fluid my-3" src="./img/adv/adv3-2.webp" alt=""></a>
+                    <a target="_blank" href="https://superrare.com/artwork-v2/smoking-hero-25987"> <img
+                            class="img-fluid my-3" src="./img/adv/adv3-3.webp" alt=""></a>
+                </div>
+            </div>
+    </section>
+    <!-- <section id="adv02" class="py-5 bg-light">
+        <div class="adv01-1 container-fluid">
+            <img class="img-fluid" src="./img/sec01/218116504_124830393175329_4675674980376029305_n.jpg" alt="">
+        </div>
+    </section> -->
+    <section id="sec11">
+
+        <div id="sec11-container" class="container-fluid px-0 py-5">
+            <h1>RECENT POST(NEWS)</h1>
+            <div class="sec11-01 row row-col-1 row-cols-sm-2">
+                <div class="col my-3">
+                    <div class="card mb-3 p-1 h-100 border-0">
+                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/126805716311130">
+                            <img class="sec11-img img-fluid rounded-3" src="./img/sec01/sec01-10.jpg" alt="">
+                        </a>
+                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/126805716311130">
+                            <h2 class="my-3"> 幣安BINANCE於7月28日推出「每個孩子都值得擁有光明的未來」-- NFT 做公益活動(NFT for Good)。</h2>
+                        </a>
+
+                        <p class="card-text"><small class="text-muted">By NFTBoard </small></p>
+                    </div>
+                </div>
+                <div class="col my-3">
+                    <div class="card mb-3 p-1 h-100 border-0">
+                        <div class="col">
+                            <a target="_blank" href="https://www.facebook.com/nftboard/posts/126429853015383">
+                                <img class="sec11-img img-fluid rounded-3" src="./img/sec01/sec01-8.jpg" alt="">
+                            </a>
+                            <a target="_blank" href="https://www.facebook.com/nftboard/posts/126429853015383">
+                                <h2 class="my-3">俄羅斯的冬宮將藝術品作為 NFT 出售</h2>
+                            </a>
+
+                            <p class="card-text"><small class="text-muted">By NFTBoard</small></p>
+                        </div>
+                    </div>
+                </div>
+                <div class="col my-3">
+                    <div class="card mb-3 p-1 h-100 border-0">
+                        <div class="col">
+                            <a target="_blank" href="https://www.facebook.com/nftboard/posts/122120953446273">
+                                <img class="sec11-img img-fluid rounded-3" src="./img/sec01/SEC11.png" alt="">
+                            </a>
+                            <a target="_blank" href="https://www.facebook.com/nftboard/posts/122120953446273">
+                                <h2 class="my-3"> NFT資訊 | 收藏品大爆發 萬物皆可NFT”的階段已經到來</h2>
+                            </a>
+
+                            <p class="card-text"><small class="text-muted">By NFTBoard </small></p>
+                        </div>
+                    </div>
+                </div>
+                <div class="col my-3">
+                    <div class="card mb-3 p-1 h-100 border-0">
+                        <div class="col">
+                            <a target="_blank" href="https://www.facebook.com/nftboard/posts/115261730798862">
+                                <img class="sec11-img img-fluid rounded-3" src="./img/sec01/sec01-img02webp.webp"
+                                    alt="">
+                            </a>
+                            <a target="_blank" href="https://www.facebook.com/nftboard/posts/115261730798862">
+                                <h2 class="my-3"> NFT人物 | Tim Berners-Lee
+                                    發明家蒂姆·伯納斯·李 (Tim Berners-Lee) 將網絡的源代碼作為 NFT 拍賣</h2>
+                            </a>
+
+                            <p class="card-text"><small class="text-muted">By NFTBoard </small></p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+
+
+        </div>
+    </section>
+
+    <footer id="footer" class="container-fluid" style="padding:0;margin:0">
+        <div class="text" style="padding-right:0;">
+            <a target="_blank" href="mailto:nftboard.info@gmail.com">
+                <h2>客服信箱:nftboard.info@gmail.com</h2>
+            </a>
+            <h2>公司名稱:微生活知識科技公司</h2>
+            <a target="_blank" href="https://www.facebook.com/nftboard">
+                <img src="./img/facebook (2).png" alt=""></a>
+            <a target="_blank" href="https://www.instagram.com/nftboard.info/"><img src="./img/instagram.png"
+                    alt=""></a>
+            <p>NFTBoard &copy; All Rights Reserved.</p>
+        </div>
+    </footer>
+
+
+
+
+
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
+        integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
+        crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
+        integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
+        crossorigin="anonymous"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+
+    <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
+    <script src="./goto.js"></script>
+    <script src="./node_modules/jquery-touchswipe/jquery.touchSwipe.min.js"></script>
+    <script src="./node_modules/jquery-touchswipe/jquery.touchSwipe.js"></script>
+</body>
+
+</html>

+ 62 - 0
goto.js

@@ -384,3 +384,65 @@ $(".card-text").each(function(){
       $(this).html(str);                   //將替換的值賦值給當前物件
   }
 });
+
+// ip代理服務表單
+
+// $.fn.serializeObject = function () {
+//   var o = {};
+//   var a = this.serializeArray();
+
+//   $.each(a, function () {
+//     if (o[this.name]) {
+//       if (!o[this.name].push) {
+//         o[this.name] = [o[this.name]];
+//       }
+//       o[this.name].push(this.value || '');
+//     } else {
+//       o[this.name] = this.value || '';
+//     }
+//   });
+
+//   return o;
+// };
+
+// $(".ip-service").submit(function (e) {
+//   /*	var formRef = $('#form1').serializeArray();
+//     var jsonString = JSON.stringify(formRef);*/
+//   var jsonInfo = $('.ip-service').serializeObject();
+//   var jsonString = JSON.stringify(jsonInfo);
+//   console.log(jsonString),
+//     $.ajax({
+//       type: 'POST',
+//       url: '',
+//       data: jsonString,
+//       dataType: 'json',
+
+
+//       success: function (data) {
+//         console.log('送出成功: ' + data);
+//         alert("送出成功");
+//         // if (data == 0) {
+//         //   alert("送出成功");
+//         // } else if (data == 1) {
+//         //   alert("此email已填過表單");
+//         // } else if (data == 2) {
+//         //   alert("此phone已填過表單");
+//         // } else if (data == 3) {
+//         //   alert("此email、phone已填過表單");
+//         // }
+//         location.reload();
+//       },
+//       beforeSend: function () {
+//         console.log('beforeSend');
+//       },
+//       complete: function () {
+//         console.log('complete');
+//       },
+//       error: function (jqXHR, textStatus, errorThrown) {
+//         console.log(JSON.stringify(jqXHR));
+//         console.log("AJAX errr: " + textStatus + ' : ' + errorThrown);
+//         console.log('送出失敗: ' + jqXHR.responseText);
+//       }
+//     });
+//   return false;
+// });

BIN
img/ScreenRecorderProject53.gif


BIN
img/sec10/sec10-02.jpg


BIN
img/sec10/sec10-03.jpg


BIN
img/sec10/sec10-04.jpg


BIN
img/sec10/sec10_x264.mp4


+ 43 - 3
index.html

@@ -276,7 +276,7 @@
                     </div>
 
                 </div> -->
-                <div id="youtube6" class="youtube">
+                <!-- <div id="youtube6" class="youtube">
                     <div class="row mx-0 px-0">
                         <div id="youtube-text" class="col-12 order-2 col-lg-5 order-lg-1 ">
                             <a target="_blank" href="https://www.facebook.com/nftboard/posts/123175760007459">
@@ -320,6 +320,46 @@
                         </div>
                     </div>
 
+                </div> -->
+                <div id="youtube7" class="youtube">
+                    <div class="row mx-0 px-0">
+                        <div id="youtube-text" class="col-12 order-2 col-lg-5 order-lg-1 ">
+                            <a target="_blank" href="./binance-bit-has-memories.html">
+                                <h1 class="youtube-text-title1">幣安與Neal Digital Gallery藝廊共同推出「BIT HAS MEMORIES(比特的記憶)」線上藝術展</h1>
+                            </a>
+                            <div class="youtube-text-hr my-3"
+                                style="border-top:1px dashed #cccccc;height: 1px;overflow:hidden"></div>
+                            <p>本次特展時間從08/06 11:00 (UTC) 到08/13 11:00 (UTC),歡迎大家把握機會來享受一下BINANCE NFT與Neal Digital Gallery聯手為大家準備的「BIT HAS MEMORIES(比特的記憶)」線上特展。 </p>
+                            <a target="_blank" href="./binance-bit-has-memories.html"><button
+                                class="learn-more">LearnMore</button></a>
+                        </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//ReVwhlJkwHI?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
+                            <!-- <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//p4ma3rmPY2E?autoplay=1&mute=1' frameborder='0'
+                                    allowfullscreen></iframe></div> -->
+                        </div>
+                    </div>
+
                 </div>
             </div>
 
@@ -4070,9 +4110,9 @@
                     $(function () {
                         $(".NEWtext").each(function () {
                             var len = $(this).text().length;   //當前HTML物件text的長度
-                            if (len > 80) {
+                            if (len > 100) {
                                 var str = "";
-                                str = $(this).text().substring(0, 80) + "......";  //使用字串擷取,獲取前30個字元,多餘的字元使用“......”代替
+                                str = $(this).text().substring(0, 100) + "......";  //使用字串擷取,獲取前30個字元,多餘的字元使用“......”代替
                                 $(this).html(str);                   //將替換的值賦值給當前物件
                             }
                         });

+ 19 - 2
nftboard-akaswap.html

@@ -2,9 +2,26 @@
 <html lang="en">
 
 <head>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-201820994-1"></script>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="copyright" content="2021 © NFTBoard │ All Rights Reserved.">
+    <meta name="creation-date" content="2021-07-09 12:00:04 GTM+8">
+    <meta name="description" content=" NFTboard與台北方舟跨界直播 - akaswap平台空投一番賞限量開搶">
+    <meta name="distribution" content="Taiwan">
+    <meta name="keywords" content="">
+    <meta name="revisit-after" content="1 days">
+    <meta name="robots" content="all">
+    <meta name="format-detection" content="telephone=no">
+    <meta name="author" content="Choozmo">
+
+    <meta property="og:image" content="https://i.imgur.com/X6nYWji.jpeg" />
+    <meta property="og:description" content=" NFTboard與台北方舟跨界直播 - akaswap平台空投一番賞限量開搶" />
+    <meta property="og:site_name" content="NFTBoard" />
+    <meta property="og:title" content="NFTBoard-官方網站-NFTboard與台北方舟跨界直播 - akaswap平台空投一番賞限量開搶" />
+    <meta property="og:type" content="website" />
     <title>nftboard-akaswap</title>
 
 
@@ -102,14 +119,14 @@
         <div class="row">
             <div class="content col-lg-7">
                 <h1 class="sec10-title">
-                    NFTboard與台北方舟跨界直播 - akaswap平台空投一番賞限量開搶
+                    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>
                 <hr>
                 <img class="img-fluid" src="./img/sec10/sec10-01.webp" alt="">
                 <div class="sec11-content mt-3">
-                    <p style="font-weight: 900;">NFTBoard 與akaswap 即將於2021/8/7(六) 晚上舉辦一場精緻的「NFT 方舟加密藝術X akaSwap跨界直播」活動</p>
+                    <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>

+ 11 - 3
style.css

@@ -301,7 +301,7 @@ body .learn-more:hover {
 }
 
 #banner #banner-container .youtube #youtube-text h1 {
-  font-size: 40px;
+  font-size: 30px;
   text-align: left;
 }
 
@@ -389,6 +389,10 @@ body .learn-more:hover {
   }
 }
 
+#banner #banner-container .youtube .learn-more {
+  width: 120px;
+}
+
 #banner #banner-container #youtube2 #youtube-text h1 {
   font-size: 30px;
 }
@@ -835,7 +839,7 @@ body .learn-more:hover {
 
 #sec01 #sec01-container #sec01-container-card .card img {
   text-align: center;
-  height: 300px;
+  height: 20vw;
   -o-object-fit: cover;
      object-fit: cover;
 }
@@ -2689,7 +2693,7 @@ body .learn-more:hover {
 }
 
 #sec10 .content {
-  word-break: break-all;
+  word-wrap: break-word;
 }
 
 #sec10 .content p {
@@ -2697,6 +2701,10 @@ body .learn-more:hover {
   font-size: 18px;
 }
 
+#sec10 .content .video-work #video2 video {
+  width: 100%;
+}
+
 #sec10 .side-bar a {
   text-decoration: none;
   color: #000;

Різницю між файлами не показано, бо вона завелика
+ 0 - 0
style.css.map


+ 35 - 29
style.scss

@@ -20,7 +20,6 @@ body {
     background: #fff;
     .learn-more {
         color: #fff;
-
         height: 50px;
         margin: 10px 0px;
         font-size: 16px;
@@ -228,7 +227,7 @@ body {
             }
             #youtube-text {
                 h1 {
-                    font-size: 40px;
+                    font-size: 30px;
                     text-align: left;
                     @media screen and(max-width:$moblie) {
                         font-size: 30px;
@@ -291,6 +290,9 @@ body {
                     margin: 10px 0px;
                 }
             }
+            .learn-more {
+                width: 120px;
+            }
         }
         #youtube2 {
             #youtube-text {
@@ -545,7 +547,7 @@ body {
 // sec01 NEWS
 #sec01 {
     padding-top: 5vw;
-   
+
     .NEWS {
         width: 80vw;
         margin: 0 auto;
@@ -582,7 +584,7 @@ body {
                     padding: 15px;
                 }
                 h1 {
-                  padding: 20px;
+                    padding: 20px;
                     font-size: 48px;
                     font-weight: 900;
                     color: #9b9b9b;
@@ -607,7 +609,7 @@ body {
                         font-size: 18px;
                     }
                 }
-                h5{
+                h5 {
                     font-size: 22px;
                     @media screen and(max-width:$moblie) {
                         font-size: 20px;
@@ -619,14 +621,14 @@ body {
                     transition: 0.3s;
                     cursor: pointer;
                     font-size: 22px;
-                    
+
                     &:hover {
                         color: #2828ff;
                     }
                 }
                 img {
                     text-align: center;
-                    height: 300px;
+                    height: 20vw;
                     object-fit: cover;
                     @media screen and(max-width:$moblie) {
                         width: 85vw;
@@ -681,7 +683,6 @@ body {
 }
 // 活動作品集
 #sec-works {
-
     @media screen and(max-width:$moblie) {
         margin: 10px;
     }
@@ -709,7 +710,7 @@ body {
     .sec-work-title {
         margin-top: -120px;
         margin-bottom: 50px;
-        color:#fff;
+        color: #fff;
         h1 {
             font-size: 60px;
             font-weight: 900;
@@ -1025,7 +1026,7 @@ body {
         padding: 20px;
         padding-bottom: 50px;
         .card {
-          padding: 5px;
+            padding: 5px;
             border-radius: 0%;
             .card-title {
                 font-weight: 900;
@@ -2363,7 +2364,7 @@ body {
 #sec10 {
     width: 90vw;
     margin: 0 auto;
-    .sec10-title{
+    .sec10-title {
         font-size: 43px;
         @media screen and(max-width:$moblie) {
             width: 95vw;
@@ -2375,14 +2376,23 @@ body {
         background: #525252;
         opacity: 1;
     }
-    .content{
-        word-break: break-all;
+    .content {
+        word-wrap:break-word;
         p {
             line-height: 2;
             font-size: 18px;
         }
+
+        .video-work{
+
+            #video2 {
+                video {
+                    width: 100%;
+                }
+            }
+        }
     }
-    .side-bar{
+    .side-bar {
         a {
             text-decoration: none;
             color: #000;
@@ -2392,14 +2402,13 @@ body {
                 color: #2828ff;
             }
         }
-        h5{
+        h5 {
             font-size: 20px;
             font-weight: 900;
         }
-        p{
+        p {
             font-size: 16px;
         }
-        
     }
 }
 #sec11 {
@@ -2448,7 +2457,7 @@ body {
 #sec13 {
     background-image: url(./img/sec04banner.jpg);
     background-size: cover;
-    .left{
+    .left {
         .ip-service {
             width: 50vw;
             padding: 30px;
@@ -2479,13 +2488,13 @@ body {
                 border: 1px solid rgba(0, 0, 0, 0.3);
                 border-radius: 5px;
             }
-    
+
             #selector1 {
                 padding: 10px 5px;
                 background: none;
                 border: none;
             }
-    
+
             .btn {
                 width: 200px;
                 margin: 30px 0px;
@@ -2502,8 +2511,8 @@ body {
             }
         }
     }
-    .right{
-        img{
+    .right {
+        img {
             margin: 0px 50px;
         }
         h1 {
@@ -2513,16 +2522,14 @@ body {
             font-size: 72px;
             margin-bottom: 50px;
         }
-        h2{
-        padding: 30px;
+        h2 {
+            padding: 30px;
             margin: 20px 5px;
             color: #fff;
             font-weight: 900;
             font-size: 40px;
-     
-          
         }
-        ul{
+        ul {
             color: #fff;
             font-weight: 900;
             font-size: 45px;
@@ -2531,7 +2538,7 @@ body {
 }
 #sec-service {
     background: #000;
-    padding:5vw 0px;
+    padding: 5vw 0px;
     h5 {
         font-size: 24px;
     }
@@ -2544,5 +2551,4 @@ body {
         font-weight: 900;
         font-size: 72px;
     }
-    
 }

Деякі файли не було показано, через те що забагато файлів було змінено