add content and defi template

layouts/partials/breadcrumbs.html

@@ -17,7 +17,7 @@
                         <a href="/tags/nft">NFT</a>
                     </div>
                     <div class="col col-xs-3 col-md-3">
-                        <a href="/tags/carbon">CLIMATE CHANGE</a>
+                        <a href="/tags/carbon">CARBON</a>
                     </div>
                     <div class="col col-xs-3 col-md-3">
                         <a href="/tags/defi">GAMEFI</a>

layouts/shortcodes/defi.html

@@ -87,7 +87,43 @@
                             <td>11.5</td>
                           </tr>
                         </tbody>
-                      </table>
+                    </table>
+                    <table id="gamefi-rank-mb" cellspacing="0">
+                        <thead>
+                            <tr>
+                              <th><span>Ranking</span></th>
+                              <th><span>App</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>22.2</td>
+                            </tr>
+                            <tr>
+                              <td class="lalign">Top2</td>
+                              <td><img src="https://dappimg.com/media/image/dapp/e5dc6e5e94e149f6b92a63ee00e9597b.blob">ZOO</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>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>7.0</td>
+                            </tr>
+                            <tr>
+                              <td class="lalign">Top5</td>
+                              <td><img src="https://dappimg.com/media/image/dapp/e5dc6e5e94e149f6b92a63ee00e9597b.blob">CryptoKitties</td>
+                              <td>11.5</td>
+                            </tr>
+                          </tbody>
+                    </table>
                 </div>
                 
             </div>
@@ -109,7 +145,7 @@
         </div>
     </section>
     <section class="row sec sec05">
-        <div class="container">
+        <div class="container" style="margin-top: 20px;padding-bottom: 90px;">
             <div class="row">
                 <div class="col-md-6">
                     <div class="txt-block">
@@ -138,4 +174,68 @@
             </div>
         </div>
     </section>
+    <!-- <div class="container">
+        <div class="row">
+            <div class="col-6 col-sm-4 col-md-3">
+                <div class="card" style="width: 100%;">
+                    <div class="card-img-fr"><img class="card-img-top" src="https://www.tcbla.org.tw//img/162029083055025AVzgnnjV0.jpg" alt="Card image cap"></div>
+                    <div class="card-body">
+                      <h5 class="card-title">Card title</h5>
+                      <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
+                      <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
+                      <a href="#" class="card-link" data-toggle="modal" data-target="#more1Modal">查看更多></a>
+                    </div>
+                </div>
+            </div>
+            <div class="col-6 col-sm-4 col-md-3">
+                <div class="card" style="width: 100%;">
+                    <div class="card-img-fr"><img class="card-img-top" src="https://www.tcbla.org.tw//img/162029083055025AVzgnnjV0.jpg" alt="Card image cap"></div>
+                    <div class="card-body">
+                      <h5 class="card-title">Card title</h5>
+                      <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
+                      <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
+                      <a href="#" class="card-link">查看更多></a>
+                    </div>
+                </div>
+            </div>
+            <div class="col-6 col-sm-4 col-md-3">
+                <div class="card" style="width: 100%;">
+                    <div class="card-img-fr"><img class="card-img-top" src="https://www.tcbla.org.tw//img/162029083055025AVzgnnjV0.jpg" alt="Card image cap"></div>
+                    <div class="card-body">
+                      <h5 class="card-title">Card title</h5>
+                      <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
+                      <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
+                      <a href="#" class="card-link">查看更多></a>
+                    </div>
+                </div>
+            </div>
+            <div class="col-6 col-sm-4 col-md-3">
+                <div class="card" style="width: 100%;">
+                    <div class="card-img-fr"><img class="card-img-top" src="https://www.tcbla.org.tw//img/162029083055025AVzgnnjV0.jpg" alt="Card image cap"></div>
+                    <div class="card-body">
+                      <h5 class="card-title">Card title</h5>
+                      <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
+                      <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
+                      <a href="#" class="card-link">查看更多></a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="modal fade more-modal" id="more1Modal" tabindex="-1" role="dialog" aria-labelledby="more1Modal" aria-hidden="true">
+        <div class="modal-dialog">
+          <div class="modal-content">
+            <div class="modal-header">
+              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+              <h4 class="modal-title" id="myModalLabel">Basic Modal</h4>
+            </div>
+            <div class="modal-body">
+              <h3>Modal Body</h3>
+            </div>
+            <div class="modal-footer">
+              <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+            </div>
+          </div>
+        </div>
+      </div> -->
 </div>

static/css/custom.css

@@ -1580,6 +1580,37 @@
   font-weight: 500;
 }
 
+.card {
+  margin: 1.5rem;
+  margin-right: 0rem;
+  box-shadow: 4px 4px 1px rgb(0, 0, 0, 0.1);
+}
+
+.card-img-fr {
+  width: 100%;
+}
+
+.card-img-fr img {
+  width: 100%;
+}
+
+.card .card-body {
+  padding: 1rem;
+}
+
+.card .card-link {
+  display: inline-block;
+  color: #EA5413;
+  border: 2px solid #EA5413;
+  border-radius: 2rem;
+  padding: 5px 12px;
+}
+
+.more-modal .btn-primary {
+  background-color: white;
+  color: #EA5413;
+}
+
 
 
 

static/css/customnft.css

@@ -123,16 +123,37 @@
     padding: 1.5rem;
 }
 
-#gamefi-rank th {
+@media (max-width: 576px) {
+    #gamefi-rank {
+        display: none;
+    }
+}
+
+#gamefi-rank-mb {
+    width: 100%;
+    text-align: center;
+    border-radius: 2rem;
+    box-shadow: 1px 1px 5px 1px rgba(201, 201, 201, 0.637);
+    padding: 1.5rem;
+    display: none;
+}
+
+@media (max-width: 576px) {
+    #gamefi-rank-mb {
+        display: block;
+    }
+}
+
+#gamefi-rank-mb th, #gamefi-rank th {
     text-align: center;
     padding: 1rem;
     color: gray;
     font-size: 1.8rem;
 }
-#gamefi-rank tr td {
+#gamefi-rank-mb td, #gamefi-rank tr td {
     padding: 3rem 0;
 }
 
-#gamefi-rank tr img {
+#gamefi-rank-mb tr img, #gamefi-rank tr img {
     width: 35px;
 }

webSite/content/blog/gameIntro.md

@@ -3,7 +3,7 @@ title = "GameFi is going to be the next big thing"
 date = "2021-09-08T13:39:46+02:00"
 tags = ["defi"]
 categories = ["defi"]
-banner = "https://assets.entrepreneur.com/content/3x2/2000/1626792154-shutterstock-1880148124.jpg"
+banner = "https://img.chainnews.com/material/images/8d14dca29924e35849561f36dbb1d6c4.jpg-article"
 +++
 
 Could an Autumn of GameFi follow last year’s Summer of Defi? Some are betting on the merger of decentralised finance and gaming as the hot new trend.

webSite/content/blog/gamefidefipet.md

@@ -0,0 +1,25 @@
++++
+title = "KardiaChain Launches My DeFi Pet, a Decentralized Creature Collecting Game"
+date = "2021-09-07T13:39:46+02:00"
+tags = ["defi"]
+categories = ["defi"]
+banner = "https://p2enews.com/wp-content/uploads/2021/07/My-DeFi-Pet-Starter-Guide_Opt2.png"
++++
+
+Cross-blockchain virtual pet game combines DeFi, NFT collectibles, and players’ own personalities.
+
+HO CHI MINH CITY, VIETNAM / ACCESSWIRE / May 14, 2021 / [KardiaChain](https://pr.report/1ODpJPHm), the first decentralized, interoperable, and self-optimized blockchain infrastructure platform, has launched My DeFi Pet, a mobile NFT collectibles game combining traditional game architecture with advanced blockchain technology and decentralized finance features to create a one-of-a-kind experience.
+
+[My DeFi Pet](https://pr.report/KoCbNIW7) was developed in coordination with TopeBox, a top games developer in Vietnam whose previous releases have had more than 100 million downloads globally. Players can collect pets by purchasing eggs using in-game currency, bidding for creatures at the platform’s auction house, or breeding them to acquire their offspring. Players can then raise and train their creatures to prepare them for arena battles. The game offers over 2 million varieties of pets with different characteristics to unlock and discover.
+
+Unlike most creature collecting games, My DeFi Pet players actually own the pets they create, which can be used for a variety of DeFi applications including staking, swapping, trading, or lending and borrowing. Using these methods, players can earn DPET and NFT tokens, which can be traded across blockchains (currently Binance Smart Chain and KardiaChain) and used to buy additional creatures or strengthen their existing ones. Players have the opportunity to participate in special seasonal events with prize pools of up to $100,000.
+
+My DeFi Pet’s IDO was held in April, and its DPET token is listed on Kickpad, Mantra DAO, nami.exchange, Bilaxy, PancakeSwap, and Uniswap. Investors and backers of the game include Animoca, OKEx Blockdream Ventures, Spark Digital Capital, DFG, AXIA8, M6, Kardia Ventures, ConsensusLab, Megala, and Clovers Ventures.
+
+The game offers a unique experience where players can not only enjoy a game but at the same time have the opportunity through their play to invest in a digital asset that could increase in value over time.
+
+My DeFi Pet is available now on Android and iOS. PC and mobile users can access the game using the web-based version, including iOS users.
+
+About KardiaChain
+
+KardiaChain is a blockchain infrastructure that helps connect other blockchains. They invent non-invasive, cross-chain technology to create hybrid blockchain solutions, working with major service providers to blockchain-ize conventional business models. They aim to solve the problem of fragmentation in existing blockchain ecosystems, creating a unified platform that combines all participants’ strengths to pave the way for global blockchain mass-adoption.

webSite/content/blog/gamefiprofit.md

@@ -3,7 +3,7 @@ title = "GameFi: How to Earn Crypto Playing Games Online"
 date = "2021-09-07T13:39:46+02:00"
 tags = ["defi"]
 categories = ["defi"]
-banner = "https://assets.entrepreneur.com/content/3x2/2000/1626792154-shutterstock-1880148124.jpg"
+banner = "https://img.chainnews.com/upload/cover/24d7b20ad76c5943a615c075a623cf19_pxGkAHe.png-large"
 +++
 
 GameFi is one of the hottest new trends to emerge from the crypto industry, combining decentralized finance ([DeFi](https://www.coindesk.com/tech/2020/09/18/what-is-defi/)) and non-fungible tokens ([NFTs](https://www.coindesk.com/tech/2021/02/01/what-are-nfts-and-how-do-they-work/)) with [blockchain-based online games](https://www.coindesk.com/business/2021/08/06/binance-smart-chain-beats-ethereum-by-some-metrics-thanks-to-latest-gamefi-craze/).

webSite/content/blog/gamefitokenreward.md

@@ -3,7 +3,7 @@ title = "The Trade GameFi Tokens Competition to Collect Cards"
 date = "2021-09-08T13:39:46+02:00"
 tags = ["defi"]
 categories = ["defi"]
-banner = "https://assets.entrepreneur.com/content/3x2/2000/1626792154-shutterstock-1880148124.jpg"
+banner = "https://img.chainnews.com/upload/cover/24d7b20ad76c5943a615c075a623cf19_pxGkAHe.png-large"
 +++
 
 We are partnered with Binance once again for a new trading competition. You have from August 27th at midnight UTC until September 2nd 11:59 PM UTC to collect all four ALICE, MANA, WAXP and SAND-related GameFi token cards to unlock the final GameFi Master Badge.

webSite/content/blog/staking$ILV.md

@@ -3,7 +3,7 @@ title = "Staking $ILV"
 date = "2021-09-11T13:39:46+02:00"
 tags = ["defi"]
 categories = ["defi"]
-banner = "https://assets.entrepreneur.com/content/3x2/2000/1626792154-shutterstock-1880148124.jpg"
+banner = "https://zombit.info/wp-content/uploads/2021/04/202104143-720x375.jpg"
 +++
 
 staking $ILV

webSite/content/blog/thisweekdefi-3.md

@@ -3,7 +3,7 @@ title = "What is decentralized finance?"
 date = "2021-09-07T13:39:46+02:00"
 tags = ["defi"]
 categories = ["defi"]
-banner = "https://assets.entrepreneur.com/content/3x2/2000/1626792154-shutterstock-1880148124.jpg"
+banner = "https://storage.googleapis.com/image.blocktempo.com/2021/01/defi-kalici-olacak.jpg"
 +++
 
 To the DeFi community,