Prechádzať zdrojové kódy

vt list and add content

huaisianhuang 3 rokov pred
rodič
commit
4b233d89e5

+ 4 - 0
layouts/partials/nav.html

@@ -13,6 +13,10 @@
                         <i class="fas fa-align-justify"></i>
                     </button>
                 </div>
+               <!--  <ul class="language-list">
+                  <li><a href="{{ "/" | relURL }}">{{ $.Site.Params.languageName}}</a></li>
+                  <li><a href="{{ "/" | relURL }}">{{ $.Site.Params.languageNamezh }}</a></li>
+              </ul> -->
             </div>
             <!--/.navbar-header -->
 

+ 0 - 64
layouts/shortcodes/defi.html

@@ -174,68 +174,4 @@
             </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>

+ 114 - 0
layouts/shortcodes/vtuberlist.html

@@ -0,0 +1,114 @@
+<div>
+<div class="container vt-list">
+    <div class="row" style="margin-right: 0px">
+        <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/16202921382044L6QIxJYF2J.jpg" alt="Card image cap"></div>
+            <div class="card-body">
+              <h5 class="card-title">宇宙喵 Kuroro</h5>
+              <!-- <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6> -->
+              <a 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">達達與妃妃 DaiDai FeiFei</h5>
+                  <!-- <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6> -->
+                  <a 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/162679825917082cO19F1hVS.jpg" alt="Card image cap"></div>
+            <div class="card-body">
+              <h5 class="card-title">汪來汪趣 wdog</h5>
+              <!-- <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6> -->
+              <a 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/16198905052188k1OnWjcRae.jpg" alt="Card image cap"></div>
+            <div class="card-body">
+              <h5 class="card-title">左翌設計 ZoeL Design</h5>
+              <!-- <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6> -->
+              <a 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/16198905052188k1OnWjcRae.jpg" alt="Card image cap"></div>
+              <div class="card-body">
+                <h5 class="card-title">左翌設計 ZoeL Design</h5>
+                <!-- <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6> -->
+                <a 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/16198905052188k1OnWjcRae.jpg" alt="Card image cap"></div>
+              <div class="card-body">
+                <h5 class="card-title">左翌設計 ZoeL Design</h5>
+                <!-- <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6> -->
+                <a 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/16198905052188k1OnWjcRae.jpg" alt="Card image cap"></div>
+              <div class="card-body">
+                <h5 class="card-title">左翌設計 ZoeL Design</h5>
+                <!-- <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6> -->
+                <a 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/16198905052188k1OnWjcRae.jpg" alt="Card image cap"></div>
+              <div class="card-body">
+                <h5 class="card-title">左翌設計 ZoeL Design</h5>
+                <!-- <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6> -->
+                <a class="card-link" data-toggle="modal" data-target="#more1Modal">查看更多></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">宇宙喵 Kuroro</h4>
+        </div>
+        <div class="modal-body">
+          <div class="modal-imgfr"><img src="https://s.zimedia.com.tw/s/QUQXtI-4" alt=""></div>
+          <h3 class="modal-body-title">名稱</h3>
+          <p>可愛的歡樂散播者-Lu's 永遠傳遞愛的正能量。2013年開始發表於Facebook,一年飆破60萬追蹤人氣。
+            筆下人物擁有一張白白胖胖的臉、短短的身材臉上的圓圓粉色腮紅,讓人一眼就能認出。知名角色妃妃&達達,
+            多次成為品牌及活動代言人。插畫創作擁有可愛Q萌的色彩,加上療癒的人物造型,成為台灣女生最愛的代表人物之一。</p>
+          <div class="modal-socials">
+            <h4>Contacts</h4>
+            <div class="footer-socials">
+              <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/HtfL33q.png" alt="" width="32px" height="32px"></a>
+              <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img src="https://i.imgur.com/c4VdjRJ.png" alt="" width="32px" height="32px"></a>
+              <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/MAObTJv.png" alt="" width="32px" height="32px"></a>
+          </div>
+          </div>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+        </div>
+      </div>
+    </div>
+  </div>
+  </div>

+ 64 - 0
static/css/custom.css

@@ -1246,6 +1246,11 @@
     margin-bottom: 0;
     background: white, url('https://i.imgur.com/N7tVTSh.png');
   }
+
+  #heading-breadcrumbs a {
+    font-size: 1rem;
+  }
+
   #block-vtuber {
     padding: 0;
   }
@@ -1584,14 +1589,33 @@
   margin: 1.5rem;
   margin-right: 0rem;
   box-shadow: 4px 4px 1px rgb(0, 0, 0, 0.1);
+  transition: all .5s;
+  text-align: center;
+  height: fit-content;
+}
+
+.card:hover {
+  transform: translate(-3px, -3px);
 }
 
 .card-img-fr {
   width: 100%;
+  overflow: hidden;
+  height: 30vh;
+}
+
+.card-img-fr:hover img {
+  transform: scale(1.1);
 }
 
 .card-img-fr img {
   width: 100%;
+  transition: all .8s;
+}
+
+.card-title {
+  font-size: 2.1rem;
+  margin-bottom: 3rem;
 }
 
 .card .card-body {
@@ -1606,11 +1630,51 @@
   padding: 5px 12px;
 }
 
+.card .card-link {
+  cursor: pointer;
+}
+
 .more-modal .btn-primary {
   background-color: white;
   color: #EA5413;
 }
+@media (max-width: 765px) {
+  #vt-list .row > div {
+    padding-left: 0px;
+  }
+}
 
+.modal-imgfr {
+  width: 100%;
+  height: 35vh;
+  overflow: hidden;
+}
+
+.modal-imgfr img {
+  width: 100%;
+}
+
+.modal-body-title {
+  font-size: 2rem;
+  padding: .6rem 0;
+  margin: 2rem 0;
+  position: relative;
+  display: inline-block;
+}
+
+.modal-body-title::after {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  border-bottom: 3px solid #EA5413;
+  content: " ";
+}
+
+.modal-socials .footer-socials a{
+  margin-right: 1.2rem;
+}
 
 
 

+ 5 - 1
webSite/config.toml

@@ -2,7 +2,7 @@ baseurl = "https://ai.choozmo.com/"
 title = "AI Spokesgirl | 台灣第一個AI合成主播"
 theme = "AI_Video_LP"
 themesDir = "../.."
-languageCode = "en-us"
+languageCode = "zh-tw"
 # Site language. Available translations in the theme's `/i18n` directory.
 defaultContentLanguage = "en"
 # Enable comments by entering your Disqus shortname
@@ -130,6 +130,10 @@ page = ["HTML"]
         <br>聯絡信箱:service@choozmo.com
       </p>
       """
+    languages = "en"
+    languageName = "English"
+    languageszh = "zh-tw"
+    languageNamezh = "繁體中文"
 
 [permalinks]
     blog = "/blog/:year/:month/:day/:filename/"

+ 77 - 0
webSite/content/blog/gamefi-stephero.md

@@ -0,0 +1,77 @@
++++
+title = "Gamefi new tour: step hero"
+date = "2021-09-22T13:39:46+02:00"
+tags = ["defi"]
+categories = ["defi"]
+banner = "https://img.chainnews.com/upload/cover/24d7b20ad76c5943a615c075a623cf19_pxGkAHe.png-large"
++++
+
+**Step Hero What is it? ?**
+
+Step Hero It's based on Binance Smart Chain and Polygon Fantasy Theme RPG game , It's a comprehensive NFT The ecological system , Highly liquid NFT market 、 World class collections and Step Hero Community . The game will NFT game 、DeFi Combined with role play . The game mechanism allows players to enjoy the social network experience with other community members at the same time , And have fun and profit , Let players get benefits while playing .
+
+**Step Hero The advantages of**
+
+Step Hero Take advantage of NFT Technology to ensure gamers' ownership of in-game assets .
+
+Whenever players face encrypted assets and in-game virtual assets with real-world value , Will worry about whether these assets are safe and secure , and Step Hero Using the best safe way , Take measures to ensure that players' data and virtual assets are protected , Measures will also be taken to ensure the safety of players , Reduce the risk of fraud or attempts by others .
+
+**Game background and main playing methods**
+
+Step Hero It is mainly a combination of interesting game plots and game playing methods inspired by ancient Greek culture , And it also has complex graphic design . It can bring a new and different game experience to game lovers . Its plot is determined by Lucifer - The Demon Lord The leadership of the Shadows The army and the archangels Gabriel The leadership of the Heroes The post apocalyptic war between . In the game , Players play hero roles , And fight villains through battle , At the same time, players can make money by collecting items in the game ( STEP COINS ), Upgrade your characters to enhance their energy .
+
+**How players can generate revenue**
+
+1\. In player to player (PvP) Win the battle , You can get a reward .
+
+2\. You can sell items in the game on the market , such as : Therapeutic potion 、 Power pulse potion and homemade weapons , Can be exchanged for money .
+
+3\. You can trade after upgrading your role , The more unique the character, the more powerful , The more profits you make .
+
+How to play the game
+
+**1\. Character selection**
+
+To start playing games , Players need to start with HERO Shop or market to buy your own heroes .
+
+Before every battle , Players can choose their own heroes to form a team to participate in , And you can complete the task 、 gain PvP Fight and apply in-game items , To constantly improve the power of their heroes .
+
+**2\. Daily tasks**
+
+Complete daily tasks , Can enhance the power of Heroes 、 ranking , And get valuable things .
+
+**3\. Awards and Hall of fame**
+
+After every battle , Heroes will be named , And enter the hall of fame .
+
+**4\. Map**
+
+**Map of the world**
+
+The world map can show the player's game progress , The world map is divided into different regions , And each area contains multiple sub maps , Corresponding to the level that the player must complete .
+
+3,5 There will be killing after level boss Mission . After conquering an area , Players will be rewarded ( Unlock new heroes 、 Weapons or objects ).
+
+**Battle map**
+
+After completing a battle map , Heroes will be rewarded at this level
+
+There are many different difficulty maps in the game , Players can choose a map ( Select from the unlocked map that matches its hero level ).
+
+**5\. Hero store**
+
+HERO The store is where players can use STEP Where points buy game items .
+
+**6\. Against the**
+
+PvP Combat is based on the basic principles of turn based combat PvP Mechanism
+
+In the battle , Each player can use the same number of characters ( least 1 individual , recommend 3 Or 5 individual ), Players can also choose between fully automatic combat and manual combat .
+
+In fully automatic combat mode , No player can interfere with the game .
+
+In manual combat mode , Players need to prepare weapons and additional items before entering the battle . then , Players build another character team , Finally, click “ Looking for a match ” To choose who to fight ( Online play function )
+
+hero NFT market (HNM)
+
+The market functions are quite complete , It can provide you with the best trading experience and money making opportunities , It is based on Multi Chain NFT platform , Users can easily create 、 Sell and buy NFT Digital content , Creators only need to upload their own digital content ( For example, pictures 、 Artwork ), Select blockchain network and NFT Other settings for , You can create content Limited NFT edition .

+ 94 - 0
webSite/content/blog/gamefi-top5.md

@@ -0,0 +1,94 @@
++++
+title = "GameFi Decrypted: MOBOX and MBOX"
+date = "2021-09-22T13:39:46+02:00"
+tags = ["defi"]
+categories = ["defi"]
+banner = "https://img.chainnews.com/upload/cover/24d7b20ad76c5943a615c075a623cf19_pxGkAHe.png-large"
++++
+
+As a gamer, when you hear the phrase “loot box,” probably the first thing that comes to your mind is microtransactions.
+
+Indeed, publishers in the video gaming industry often leverage loot boxes, microtransactions, and their own in-game currencies to supercharge their revenue.
+
+While there’s an ethical way to implement this practice – for example, by only allowing players to purchase cosmetic items like character and weapon skins –, many game devs also utilize microtransactions for in-game assets that impact the performance, gameplay, and overall experience of the user.
+
+And, this pay-to-win model had sparked quite some controversy in the gaming industry and led to [multiple occasions](https://www.forbes.com/sites/erikkain/2017/11/17/rebels-destroy-star-wars-battlefront-ii-micro-transactions-but-the-war-is-far-from-over/) when publishers had to eliminate loot boxes from AAA games after launch.
+
+But what if we said that there is a gaming platform that implemented loot boxes in a way that it incentivizes players not to spend but to earn money instead?
+
+Today, we will take a look at MOBOX, a blockchain gaming platform on Binance Smart Chain that leverages a combination of NFTs and DeFi through the trending GameFi model.
+
+**What Is MOBOX?**
+------------------
+
+Launched in April 2021, [MOBOX](https://mobox.io/#/) is a community-driven GameFi platform that combines the benefits of [decentralized finance (DeFi)](https://academy.aaxspace.com/en/in-depth-the-rise-growth-and-future-of-defi/) as well as [non-fungible tokens (NFTs)](https://academy.aaxspace.com/en/are-nfts-worth-the-investment/) and [blockchain gaming](https://academy.aaxspace.com/en/how-the-gaming-industry-is-embracing-crypto/).
+
+The main idea behind the project is to offer a way for users to earn rewards in exchange for their engagement and enjoyment.
+
+To make things simple, the MOBOX platform can be broken down into three major components:
+
+1.  **NFT Marketplace:** A decentralized marketplace where users can trade, lend, and rent NFTs in the MOBOX metaverse. There are options to buy non-fungible tokens in bundles as well as trade them without stopping your farming or staking activity. The project takes a 5% cut from NFT sales, from which 80% goes to its Buyback and Burn pool.
+2.  **Blockchain Gaming Platform:** This is the primary place to play blockchain games of indie developers in the MOBOX ecosystem. Currently, you can play three free-to-play-to-earn (FTPTE) games that reward users for active engagement and participation. At the same time, developers can leverage the platform’s game creator to launch their own titles with a fair revenue-share model.
+3.  **MOMO Farmer:** MOMO Farmer is probably the most important solution in the ecosystem that makes MOBOX unique. As the ultimate yield farming hub of the metaverse, you can stake the native MBOX token and other cryptocurrencies as well as supply liquidity to pools (called Crates) to earn both (fungible) coin and NFT rewards.
+
+Combining free-to-play games with the play-to-earn model, MOBOX offers several ways for players to earn MBOX tokens:
+
+*   Staking unique MOMO NFTs to mine MBOX tokens (each NFT has a specific amount of hash power, which determines the rate of rewards)
+*   Lending NFTs to other players in exchange for MBOX
+*   Playing blockchain games on the platform
+*   Earning MBOX through [yield farming](https://academy.aaxspace.com/en/solana-summer-the-long-guide-to-yield-farming-on-solana-and-ethereum/) via MOMO Farmer
+
+At the same time, players can win NFTs and other cryptocurrencies by participating in BOX raffles, lotteries, and other events hosted by MOBOX and its partners.
+
+Interestingly, users can generate unique MOMO NFTs by purchasing a KEY (a token that can be exchanged on secondary markets) to open a CHEST. Initially, users could farm KEYs via MOMO Farmer, but later, the project changed the rewards from KEYs to MBOX tokens.
+
+Furthermore, players can use the MBOX tokens they have bought or earned to purchase a mystery box (BOX) from the NFT Marketplace. Opening a BOX will generate a new NFT for the holder (featuring various qualities).
+
+**What Should I Know About the MBOX Token?**
+--------------------------------------------
+
+MBOX is the native cryptocurrency of the MOBOX platform that utilizes [Binance Smart Chain](https://academy.aaxspace.com/en/binance-smart-chain-vs-solana-comparing-the-key-differences/)‘s BEP-20 standard.
+
+Interestingly, MBOX is a fair launch token, which means that the developer team was not engaged in any pre-mines or sold the coin to investors during seed rounds or other types of public or private offerings.
+
+The project gradually releases MBOX tokens to the market based on a five-year distribution schedule (with less coins being distributed every year) until it reaches its total supply of 1 billion. However, after this period, the community has the possibility to mint a further 50 million coins.
+
+Furthermore, MOBOX has a Buyback and Burn pool – that is funded by 80% of the fees collected on the platform – that automatically purchases MBOX from secondary marketplaces and burns the coins when the token’s price drops below its 72-hour average.
+
+It’s important to note that MOBOX has another native token called veMBOX. You get veMBOX by staking MBOX for a specific time without the ability to trade the prior coin. veMBOX can be used in two ways:
+
+1.  Boost farming weight by up to three times based on the veMBOX tokens you hold
+2.  Vote on important community governance decisions
+
+On the other hand, MBOX can be traded with other users, featuring the following functionalities:
+
+*   Trade and lend NFTs as well as other in-game items and tokens
+*   Stake MBOX to receive veMBOX to participate in governance and boost your yield farming weight
+*   Distribute rewards to farmers and NFT miners
+*   Incentivize users by offering in-game rewards in exchange for active participation and engagement
+*   MBOX is also utilized for NFT raffles, lotteries, and auctions
+
+As we have already discussed the essentials about MBOX, let’s take a look at how the cryptocurrency’s price has performed since its launch.
+
+After its launch on April 8, 2021, MBOX was trading under its initial price of $1.6 until August. However, between August 18 and 27, the cryptocurrency has grown its value from $1.84 to $10.69 before entering into a correction.
+
+As of September 14, MBOX is trading at $5, which means that the digital asset has achieved a year-to-date (and also all-time) ROI of 212.5%.
+
+**What Happened to MOBOX Since its Launch?**
+--------------------------------------------
+
+According to the project’s roadmap, MOBOX has achieved quite some progress in terms of its platform development.
+
+While the first stage of the development started in Q4 2020, the blockchain gaming metaverse launched in alpha in Q1 2021, with its official release occurring in April. Since then, the team has rolled out the following (major) upgrades:
+
+*   The MOMO: Token Master casual PVP game
+*   NFT Marketplace
+*   Optimized yield farming contracts (to earn higher yield)
+*   veMBOX and related smart contracts
+*   Legendary NFTs (streamers and e-sports players)
+*   Multiple mining pools for tokens
+*   A platform-wide chat system
+
+In the near future, the project is planning to roll out exciting features, such as the MOBOX Bridge (for cross-chain NFT support), a community governance voting platform, new games, and an NFT creator solution.
+
+In terms of adoption, MOBOX currently stands as the second and sixth most popular blockchain game on Binance Smart Chain and all blockchains, respectively. According to DappRadar, MOBOX [featured](https://dappradar.com/binance-smart-chain/games/mobox-nft-farmer) 210,000 unique users, nearly 1 million transactions, a TVL (total value locked) of $77 million, and a $182 million volume in the last 30 days.

+ 19 - 0
webSite/content/blog/metaverse-intro.md

@@ -0,0 +1,19 @@
++++
+title = "Metaverse Introduction"
+date = "2021-09-22T13:39:46+02:00"
+tags = ["metaverse"]
+categories = ["metaverse"]
+banner = "https://img.chainnews.com/upload/cover/24d7b20ad76c5943a615c075a623cf19_pxGkAHe.png-large"
++++
+
+Technology frequently produces surprises that nobody predicts. However, the biggest developments are often anticipated decades in advance. In 1945 Vannevar Bush described what he called the “[Memex](https://en.wikipedia.org/wiki/Memex)”, a single device that would store all books, records and communications, and mechanically link them together by association. This concept was then used to formulate the idea of “hypertext” (a term coined two decades later), which in turn guided the development of the World Wide Web (developed another two decades later). The “Streaming Wars” have only just begun, yet the first streaming video took place more than 25 years ago. What’s more, many of the attributes of this so-called war have been hypothesized for decades, such as virtually infinite supplies of content, on-demand playback, interactivity, dynamic and personalized ads, and the value of converging content with distribution.
+
+In this sense, the rough outlines of future solutions are often understood and, in a sense, agreed upon well in advance of the technical capacity to produce them. Still, it’s often impossible to predict how they’ll fall into place, which features matter more or less, what sort of governance models or competitive dynamics will drive them, or what new experiences will be produced. By the time Netflix launched its streaming service, much of Hollywood knew that the future of television was online (IP TV had been deployed in the late 1999s). The challenge was [timing](https://twitter.com/ballmatthew/status/1146081701535330305?s=20) and [how to package such a service](https://redef.com/original/the-digital-future-of-tv-networks-the-original-series-crunch) (it took another 10 years for Hollywood to accept all of their channels, genres and content needs to be collapsed into a single app/brand). The popularity of video game broadcasting and YouTubers still elude many in the media industry, as does the idea that the best way to monetize content might be to give it away for free and charge for optional $0.99 items of no consequential value. The acquisition of media conglomerate Time Warner by landline internet giant AOL was set in 2000 based on the idea media and tech/distribution needed to converge, but was unwound in 2009 after it failed to produce much benefit. Nine years later, it was then bought by mobile internet giant AT&T under the same premise.
+
+While many technologists imagined some sort of “personal computer”, its attributes and timing were so unpredictable that Microsoft dominated the PC era that began in the 1990s rather than the mainframe domineer IBM. And while Microsoft [clearly foresaw mobile](https://twitter.com/stevesi/status/1214924421476929536?s=20), it misread the role of the operating system and of [hardware](https://www.youtube.com/watch?v=eywi0h_Y5_U), hence the rise of Android and iOS globally (and Microsoft’s shift from the OS layer to the app/services one). In a similar sense, Steve Jobs’ priorities for computing were always “right”, they were just too early and focused on the wrong device. More broadly, the two most dominant cases of the early Internet were instant messaging and email, and yet the importance of social apps/networks was still unexpected until the late 2000s. And for that matter, all of the prerequisites for building Facebook existed pre-Y2K, but Facebook didn't come along until 2005 – and even then, it was an accident.
+
+Since the late 1970s and early 1980s, many of those in the technology community have imagined a future state of, if not quasi-successor to, the Internet – called the “Metaverse”. And it would revolutionize not just the infrastructure layer of the digital world, but also much of the physical one, as well as all the services and platforms atop them, how they work, and what they sell. Although the full vision for the Metaverse remains hard to define, seemingly fantastical, and decades away, the pieces have started to feel very real. And as always with this sort of change, its arc is as long and unpredictable as its end state is lucrative.
+
+To this end, the Metaverse has become the newest macro-goal for many of the world’s tech giants. As I outlined in [February of 2019](https://www.matthewball.vc/all/fornite), it is the express goal of Epic Games, maker of the _Unreal Engine_ and _Fortnite_. It is also [the driver](https://www.facebook.com/zuck/posts/10111311886191191) behind Facebook’s purchase of Oculus VR and its newly announced Horizon virtual world/meeting space, among [many, many other projects](https://www.theinformation.com/articles/to-control-its-destiny-facebook-bets-big-on-hardware), such as AR glasses and brain-to-machine interfaces and communication. The tens of billions that will be [spent on cloud gaming](https://redef.com/original/how-cloud-gaming-will-and-wont-disrupt) over the next decade, too, is based on the belief that such technologies will underpin our online-offline virtual future.
+
+Ultimately, you’ll find many of the same items in the offices of Big Tech CEOs. However, the most well-worn is likely to be a copy of Neal Stephenson’s _Snow Crash_, which first described and essentially coined the terms “Metaverse” and “Avatar”. And there are many reasons why.

+ 36 - 0
webSite/content/blog/metaverse101.md

@@ -0,0 +1,36 @@
++++
+title = "Metaverse101"
+date = "2021-09-22T13:39:46+02:00"
+tags = ["metaverse"]
+categories = ["metaverse"]
+banner = "https://img.chainnews.com/upload/cover/24d7b20ad76c5943a615c075a623cf19_pxGkAHe.png-large"
++++
+
+The metaverse is a network of always-on virtual environments in which many people can interact with one another and digital objects while operating virtual representations – or avatars – of themselves. Think of a combination of [immersive virtual reality](https://www.wired.com/story/wired-guide-to-virtual-reality/), a [massively multiplayer online role-playing game](https://www.lifewire.com/the-top-mmorpgs-813063) and the web.
+
+The metaverse is a concept from science fiction that many people in the technology industry envision as the successor to today’s internet. It’s only a vision at this point, but technology companies like Facebook are aiming to make it the setting for many online activities, including work, play, studying and shopping.
+
+[
+
+![A book cover with a graphical representation of a massive stone gate with a pair of large unicorn friezes on either side, a futuristic cityscape on the far side of the gate and a male figure standing in the gate facing the city with a sword raised over hi](https://images.theconversation.com/files/415735/original/file-20210811-17204-o4zpf.jpg?ixlib=rb-1.1.0&q=45&auto=format&w=237&fit=clip)
+
+](https://images.theconversation.com/files/415735/original/file-20210811-17204-o4zpf.jpg?ixlib=rb-1.1.0&q=45&auto=format&w=1000&fit=clip)
+
+The best-selling science fiction novel ‘Snow Crash’ gave the world the word ‘metaverse.’ [RA.AZ/Flickr](https://www.flickr.com/photos/uflinks/4955876395), [CC BY](http://creativecommons.org/licenses/by/4.0/)
+
+Metaverse is a portmanteau of meta, meaning transcendent, and verse, from universe. Sci-fi novelist Neal Stephenson coined the term in his 1992 novel “[Snow Crash](https://www.penguinrandomhouse.com/books/172832/snow-crash-by-neal-stephenson/)” to describe the virtual world in which the protagonist, Hiro Protagonist, socializes, shops and vanquishes real-world enemies through his avatar. The concept predates “Snow Crash” and was popularized as “cyberspace” in William Gibson’s groundbreaking 1984 novel “[Neuromancer](https://www.penguinrandomhouse.com/books/538861/neuromancer-by-william-gibson/).”
+
+There are three key aspects of the metaverse: presence, interoperability and standardization.
+
+Presence is the feeling of actually being in a virtual space, with virtual others. [Decades of research](https://ispr.info/) has shown that this sense of embodiment improves the quality of online interactions. This sense of presence is achieved through virtual reality technologies such as head-mounted displays.
+
+Interoperability means being able to seamlessly travel between virtual spaces with the same virtual assets, such as avatars and digital items. [ReadyPlayerMe](https://readyplayer.me/) allows people to create an avatar that they can use in hundreds of different virtual worlds, including in Zoom meetings through apps like [Animaze](https://www.animaze.us/). Meanwhile, [blockchain](http://graphics.reuters.com/TECHNOLOGY-BLOCKCHAIN/010070P11GN/index.html) technologies such as [cryptocurrencies](https://www.investopedia.com/terms/c/cryptocurrency.asp) and [nonfungible tokens](https://theconversation.com/how-nonfungible-tokens-work-and-where-they-get-their-value-a-cryptocurrency-expert-explains-nfts-157489) facilitate the transfer of digital goods across virtual borders.
+
+Standardization is what enables interoperability of platforms and services across the metaverse. As with all mass-media technologies – from the printing press to texting – common technological standards are essential for widespread adoption. International organizations such as the [Open Metaverse Interoperability Group](https://www.w3.org/community/metaverse-interop/) define these standards.
+
+Why the metaverse matters
+-------------------------
+
+If the metaverse does become the successor to the internet, who builds it, and how, is extremely important to the future of the economy and society as a whole. Facebook is aiming to play a leading role in shaping the metaverse, in part by [investing heavily in virtual reality](https://doi.org/10.1177%2F1461444820960411). Facebook CEO Mark Zuckerberg [explained in an interview](https://www.theverge.com/22588022/mark-zuckerberg-facebook-ceo-metaverse-interview) his view that the metaverse spans non-immersive platforms like today’s social media as well as immersive 3D media technologies such as virtual reality, and that it [will be for work](https://www.theverge.com/2020/5/21/21266945/facebook-ar-vr-remote-work-oculus-passthrough-future-tech) as well as play.
+
+The metaverse might one day resemble the flashy fictional Oasis of Ernest Cline’s “[Ready Player One](https://www.penguinrandomhouse.com/books/209887/ready-player-one-by-ernest-cline/),” but until then you can turn to games like [Fortnite](https://www.epicgames.com/fortnite/en-US/home) and [Roblox](https://www.roblox.com/), virtual reality social media platforms like [VRChat](https://hello.vrchat.com/) and [AltspaceVR](https://altvr.com/), and virtual work environments like [Immersed](https://immersed.com/) for a taste of the immersive and connected metaverse experience. As these siloed spaces converge and become increasingly interoperable, watch for a truly singular metaverse to emerge.

+ 7 - 0
webSite/content/blog/vtuber-list.md

@@ -0,0 +1,7 @@
++++
+title = "Vtuber"
+date = "2021-07-14T13:39:46+02:00"
+tags = ["vtuber-list"]
+categories = ["trends"]
+banner = "https://pgw.udn.com.tw/gw/photo.php?u=https://uc.udn.com.tw/photo/2020/10/27/1/8845618.png&s=Y&x=32&y=0&sw=1911&sh=1273&sl=W&fw=800"
++++

+ 6 - 0
webSite/content/tags/vtuber-list/_index.md

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