jeter20131220 %!s(int64=3) %!d(string=hai) anos
pai
achega
ebdb1cec3d
Modificáronse 6 ficheiros con 357 adicións e 4 borrados
  1. 307 0
      binance-bit-has-memories.html
  2. BIN=BIN
      img/ScreenRecorderProject53.gif
  3. 41 1
      index.html
  4. 5 1
      style.css
  5. 0 0
      style.css.map
  6. 4 2
      style.scss

+ 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="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>akaswap- introduction</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//T7uUeoHvUuM?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>

BIN=BIN
img/ScreenRecorderProject53.gif


+ 41 - 1
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//T7uUeoHvUuM?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>
 

+ 5 - 1
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;
 }

A diferenza do arquivo foi suprimida porque é demasiado grande
+ 0 - 0
style.css.map


+ 4 - 2
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 {

Algúns arquivos non se mostraron porque demasiados arquivos cambiaron neste cambio