gamefi template

layouts/partials/breadcrumbs.html

@@ -20,7 +20,7 @@
                         <a href="/tags/carbon">CLIMATE CHANGE</a>
                     </div>
                     <div class="col col-xs-3 col-md-3">
-                        <a href="/tags/text-to-speech">TEXT-TO-SPEECH</a>
+                        <a href="/tags/defi">GAMEFI</a>
                     </div>
                 </div>
             </div>

layouts/shortcodes/defi.html

@@ -0,0 +1,141 @@
+<div id="block-carbon">
+    <section class="row sec sec01">
+        <div class="container">
+            <div class="row">
+                <div class="col-md-6">
+                    <div class="txt-block">
+                        <h2>什麼是DeFi? DeFi101</h2>
+                        <p>DeFi為去中心化金融，基於區塊鏈的去中心化金融應用擁有交易即清算、
+                            抗審查、無地域限制等特性，只要有連網設備，人們就能自由享受金融服務
+                            ，實現普惠金融的願景。
+                        </p>
+                    </div>
+                </div>
+                <div class="col-md-6" style="position: relative;">
+                    <img src="https://i.imgur.com/2HjEBt5.png" alt="" width="250px" class="sec-right">
+                    <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .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//IbtKtkZEhh4?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="row sec sec02">
+        <div class="container">
+            <div class="row">
+                <div class="col-md-6">
+                    <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .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//-udbHXGkqJM?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
+                </div>
+                <div class="col-md-6">
+                    <div class="txt-block">
+                        <h2>GameFi - NFT & DeFi</h2>
+                        <p>GameFi為DeFi的一個子集，DeFi 和 NFT 融合下的「遊戲化金融」概念，
+                            是將金融產品以遊戲的方式呈現，將 DeFi 的規則遊戲化，遊戲道具、衍生
+                            品 NFT 化，並加入傳統遊戲的對戰、社交等玩法。</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="row sec sec03">
+        <div class="container">
+            <div class="row">
+                <div class="col-md-12">
+                    <h2>GameFi 排行(9/20 - 9/26)</h2>
+                    <table id="gamefi-rank" cellspacing="0">
+                        <thead>
+                          <tr>
+                            <th><span>Ranking</span></th>
+                            <th><span>App</span></th>
+                            <th><span>Users</span></th>
+                            <th><span>Volume</span></th>
+                            <th><span>Transaction</span></th>
+                          </tr>
+                        </thead>
+                        <tbody>
+                          <tr>
+                            <td class="lalign">Top1</td>
+                            <td><img src="https://dappimg.com/media/image/dapp/e5dc6e5e94e149f6b92a63ee00e9597b.blob">Step Hero</td>
+                            <td>110</td>
+                            <td>1.8%</td>
+                            <td>22.2</td>
+                          </tr>
+                          <tr>
+                            <td class="lalign">Top2</td>
+                            <td><img src="https://dappimg.com/media/image/dapp/e5dc6e5e94e149f6b92a63ee00e9597b.blob">ZOO</td>
+                            <td>500</td>
+                            <td>22%</td>
+                            <td>8.9</td>
+                          </tr>
+                          <tr>
+                            <td class="lalign">Top3</td>
+                            <td><img src="https://dappimg.com/media/image/dapp/e5dc6e5e94e149f6b92a63ee00e9597b.blob">DungeonSwap</td>
+                            <td>900</td>
+                            <td>6.7%</td>
+                            <td>12.0</td>
+                          </tr>
+                          <tr>
+                            <td class="lalign">Top4</td>
+                            <td><img src="https://dappimg.com/media/image/dapp/e5dc6e5e94e149f6b92a63ee00e9597b.blob">Project Nebula</td>
+                            <td>350</td>
+                            <td>4%</td>
+                            <td>7.0</td>
+                          </tr>
+                          <tr>
+                            <td class="lalign">Top5</td>
+                            <td><img src="https://dappimg.com/media/image/dapp/e5dc6e5e94e149f6b92a63ee00e9597b.blob">CryptoKitties</td>
+                            <td>460</td>
+                            <td>4.6%</td>
+                            <td>11.5</td>
+                          </tr>
+                        </tbody>
+                      </table>
+                </div>
+                
+            </div>
+        </div>
+    </section>
+    <section class="row sec sec04">
+        <div class="container">
+            <div class="row">
+                <div class="col-md-6">
+                    <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .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//c3955IWinD0?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
+                </div>
+                <div class="col-md-6">
+                    <div class="txt-block">
+                        <h2>GameFi 熱門遊戲- Step Hero</h2>
+                        <p></p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="row sec sec05">
+        <div class="container">
+            <div class="row">
+                <div class="col-md-6">
+                    <div class="txt-block">
+                        <h2>GameFi 熱門遊戲- DungeonSwap</h2>
+                        <p></p>
+                    </div>
+                </div>
+                <div class="col-md-6">
+                    <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .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//ic5PCZnk3cg?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="row sec sec06">
+        <div class="container">
+            <div class="row">
+                <div class="col-md-6">
+                    <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .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//pXF8nj5GTDY?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
+                </div>
+                <div class="col-md-6">
+                    <div class="txt-block">
+                        <h2>GameFi 熱門遊戲- Project Nebula</h2>
+                        <p></p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+</div>

static/css/customnft.css

@@ -113,3 +113,26 @@
     background-color: #FFEBE2;
     margin-top: 0;
 }
+
+
+#gamefi-rank {
+    width: 100%;
+    text-align: center;
+    border-radius: 2rem;
+    box-shadow: 1px 1px 5px 1px rgba(201, 201, 201, 0.637);
+    padding: 1.5rem;
+}
+
+#gamefi-rank th {
+    text-align: center;
+    padding: 1rem;
+    color: gray;
+    font-size: 1.8rem;
+}
+#gamefi-rank tr td {
+    padding: 3rem 0;
+}
+
+#gamefi-rank tr img {
+    width: 35px;
+}

webSite/content/tags/defi/_index.md

@@ -0,0 +1,6 @@
++++
+title = "Carbon Issue Cover Story"
+date = "2021-07-23T12:27:12+08:00"
++++
+
+{{< defi >}}

webSite/content/trenddetail/20210912_10.md

@@ -619,7 +619,7 @@ link77 = "news.google.com/./articles/CAIiEFpJztXwYjHYMTplQY8zf-YqGQgEKhAIACoHCAo
 img77 = "https://lh3.googleusercontent.com/proxy/CbIFU31Xe_xk8Qt_1BJNTzpYcUxU6ncz463RxjgtqVUdKtzl48XVPYylYc8ZskN0i0EYHQN0RmhVWwks_CSSPbYg8mQuNce2HrNjNkgJQhLLsCz2NTMYzgKHIOle0EWiz9l4ENFyrg=s0-w100-h100-dciXGOZjIH"
 media77 = "None"
 site77 = "運動視界 Sports Vision"
-title78 = "英超热话/利物浦成最大受惠球队\大公报记者梁润森"
+title78 = "英超热话/利物浦成最大受惠球队大公报记者梁润森"
 desc78 = "bookmark_border"
 date78 = "7 小時前"
 datetime78 = "None"