Browse Source

新增文章內容

jeter20131220 3 years ago
parent
commit
8b92caf9eb
9 changed files with 386 additions and 33 deletions
  1. 9 8
      NFTContent.json
  2. 344 0
      akaswap- introduction.html
  3. BIN
      img/sec10/sec10-02.jpg
  4. BIN
      img/sec10/sec10-03.jpg
  5. BIN
      img/sec10/sec10-04.jpg
  6. BIN
      img/sec10/sec10_x264.mp4
  7. 4 0
      style.css
  8. 0 0
      style.css.map
  9. 29 25
      style.scss

+ 9 - 8
NFTContent.json

@@ -1,4 +1,11 @@
 [
+    {
+      
+        "newsimg": "img/sec10/sec10-02.jpg",
+        "newstext1": "akaSwap 綠能潔淨NFT平台推出高顏質系列藝術作品【若水BE WATER】",
+        "newstext2": "akaSwap 綠能潔淨NFT平台推出高顏質系列藝術作品【若水BE WATER】",
+        "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"
-    } 
+    }
+    
  
 ]

+ 344 - 0
akaswap- introduction.html

@@ -0,0 +1,344 @@
+<!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">
+                    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>
+                <img class="img-fluid" src="./img/sec10/sec10-02.jpg" alt="">
+               
+                <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有價資產,並且採用科技藝術家極力推崇的 Clean NFT
+                        格式,將每次鑄造的耗能降為相比以太坊區塊鏈的萬分之一,這實在可以稱為Clean NFT 的第一個元宇宙。</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 style="color:#FF0000">目的</span>是希望能夠<span style="color:#FF0000">擴大創作成果交易價值</span>與<span style="color:#FF0000">藝術欣賞</span>的市場,培育更多<span style="color:#FF0000">藝術欣賞與愛好者</span>,因此也期望能與藝術家及企業共同舉辦<span style="color:#FF0000">拍賣與義賣</span>活動,並積極開設各種相關的教育訓練課程(如
+                        <span style="color:#FF0000">YouTube 噪音大叔 Noisy Uncle</span> 頻道之 NFT
+                        鑄造教學等),協助藝術家或甚至一般民眾都可以跨入NFT數位藝術領域,最終能利用新科技將文化、藝術、數位典藏、全球市場拓展與商業化應用做出完美的結合。</p>
+                    <p>NFT 目前仍是非常新的一個領域,akaSwap 與其建置團隊 akaDAO 將不斷積極與所有對 NFT 以及基於 NFT
+                        創建<span style="color:#FF0000">元宇宙</span>有興趣的單位或個人連結、對接,持續共同探索這個新領域的可能性,包括技術發展與商業模式,也將密切注意全球的發展趨勢。</p>
+                    <p>希望透過 akaSwap 平台服務,提供<span style="color:#FF0000">藝術家、買家、賣家、藝廊及各類藝術協會</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="">
+                    <a target="_blank" href="https://testnets.akaswap.com/akaobj/251">
+                        <img class="img-fluid mt-5" src="./img/sec10/sec10-02.jpg" alt="">
+                    </a>
+                    <p>AKASWAP 2021  Open Call for NFT Art – LIKE WATER Poster</p>
+                    <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>

BIN
img/sec10/sec10-02.jpg


BIN
img/sec10/sec10-03.jpg


BIN
img/sec10/sec10-04.jpg


BIN
img/sec10/sec10_x264.mp4


+ 4 - 0
style.css

@@ -2697,6 +2697,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;

File diff suppressed because it is too large
+ 0 - 0
style.css.map


+ 29 - 25
style.scss

@@ -545,7 +545,7 @@ body {
 // sec01 NEWS
 #sec01 {
     padding-top: 5vw;
-   
+
     .NEWS {
         width: 80vw;
         margin: 0 auto;
@@ -582,7 +582,7 @@ body {
                     padding: 15px;
                 }
                 h1 {
-                  padding: 20px;
+                    padding: 20px;
                     font-size: 48px;
                     font-weight: 900;
                     color: #9b9b9b;
@@ -607,7 +607,7 @@ body {
                         font-size: 18px;
                     }
                 }
-                h5{
+                h5 {
                     font-size: 22px;
                     @media screen and(max-width:$moblie) {
                         font-size: 20px;
@@ -619,7 +619,7 @@ body {
                     transition: 0.3s;
                     cursor: pointer;
                     font-size: 22px;
-                    
+
                     &:hover {
                         color: #2828ff;
                     }
@@ -681,7 +681,6 @@ body {
 }
 // 活動作品集
 #sec-works {
-
     @media screen and(max-width:$moblie) {
         margin: 10px;
     }
@@ -709,7 +708,7 @@ body {
     .sec-work-title {
         margin-top: -120px;
         margin-bottom: 50px;
-        color:#fff;
+        color: #fff;
         h1 {
             font-size: 60px;
             font-weight: 900;
@@ -1025,7 +1024,7 @@ body {
         padding: 20px;
         padding-bottom: 50px;
         .card {
-          padding: 5px;
+            padding: 5px;
             border-radius: 0%;
             .card-title {
                 font-weight: 900;
@@ -2363,7 +2362,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 +2374,23 @@ body {
         background: #525252;
         opacity: 1;
     }
-    .content{
+    .content {
         word-break: break-all;
         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 +2400,13 @@ body {
                 color: #2828ff;
             }
         }
-        h5{
+        h5 {
             font-size: 20px;
             font-weight: 900;
         }
-        p{
+        p {
             font-size: 16px;
         }
-        
     }
 }
 #sec11 {
@@ -2448,7 +2455,7 @@ body {
 #sec13 {
     background-image: url(./img/sec04banner.jpg);
     background-size: cover;
-    .left{
+    .left {
         .ip-service {
             width: 50vw;
             padding: 30px;
@@ -2479,13 +2486,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 +2509,8 @@ body {
             }
         }
     }
-    .right{
-        img{
+    .right {
+        img {
             margin: 0px 50px;
         }
         h1 {
@@ -2513,16 +2520,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 +2536,7 @@ body {
 }
 #sec-service {
     background: #000;
-    padding:5vw 0px;
+    padding: 5vw 0px;
     h5 {
         font-size: 24px;
     }
@@ -2544,5 +2549,4 @@ body {
         font-weight: 900;
         font-size: 72px;
     }
-    
 }

Some files were not shown because too many files changed in this diff