metaverse, vtuber list template

layouts/shortcodes/carbon.html

@@ -68,7 +68,7 @@
         </div>
     </section>
     <section class="row sec sec05">
-        <div class="container">
+        <div class="container mb-spec">
             <h2>碳排放因應措施</h2>
             <p>人類因為從事某件活動，直接或間接產生的溫室氣體，這些溫室氣體的總重量就被稱為
                 碳排放量。面對巨大的排放量，企業與政府皆對此做出因應措施</p>

layouts/shortcodes/metaverse.html

@@ -0,0 +1,135 @@
+<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>元宇宙101</h2>
+                      <p>元宇宙是一個網絡化的虛擬現實。人們表現爲自己設計的「化身」，
+                        從事世俗的和非凡的活動，像在遊戲中一樣，人們居住並控制着在空間中移動的角色。</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//8zgFttNCTHs?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//hoSKF4X5OgU?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
+              </div>
+              <div class="col-md-6">
+                  <div class="txt-block">
+                      <h2>元宇宙的中的線上演唱會</h2>
+                      <p class="text-left">在元宇宙中融合VR、AR，無論正前方或左右移動，
+                        可360度零死角自由觀看歌手演出，甚至飛起來到正上方看歌手頭頂，同時畫面旋轉、放大、縮小，盡在你手。</p>
+                  </div>
+              </div>
+          </div>
+      </div>
+  </section>
+  <section class="row sec sec03">
+      <div class="container">
+          <div class="row">
+              <div class="col-md-6">
+                  <div class="txt-block">
+                      <h2>在元宇宙中買賣房地產</h2>
+                      <p class="text-left">Decentraland是一個完全基於區塊鏈技術的虛擬世界，
+                        用戶可以使用代幣買土地（land），還能創建高樓大廈、參與交易等。
+                        南韓青年買不起房進攻「元宇宙」 虛擬世界買地蓋樓獲利。</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//-mnQLpA3zwE?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
+              </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//QQBzJwHjMlk?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
+              </div>
+              <div class="col-md-6">
+                  <div class="txt-block">
+                      <h2>Facebook將投資5000萬美元 打造元宇宙</h2>
+                      <p>Facebook（臉書）宣布，將投入5,000萬美元，以延展實境（XR）計畫與研究資金作為起點，
+                          資助全球Metaverse（元宇宙）研究機構與計畫夥伴。Facebook表示，將與政府、產業與學者專
+                          家合作，一起建立Metaverse平台。</p>
+                  </div>
+              </div>
+          </div>
+      </div>
+  </section>
+  <section class="row sec sec05">
+      <div class="container mb-spec">
+          <h2>元宇宙熱門遊戲</h2>
+          <div class="row">
+              <div class="col-md-12">
+                  <div class="m-tabs">
+                      <ul class="m-tabs-nav">
+                        <li><a href="#tab3-1">OVR</a></li>
+                        <li><a href="#tab3-2">Roblox</a></li>
+                      </ul>
+                      <div class="m-tabs-stage">
+                        <div id="tab3-1">
+                          <div class="row">
+                              <div class="col-md-7">
+                                  <div class="txt-block">
+                                      <h2>融合 AR/VR、AI技術</h2>
+                                      <p>OVR融合 AR/VR、AI 和區塊鏈技術，用戶可以用 OVR 代幣購買 OVR 土地
+                                        ，成爲 OVR 地主來決定在自己的土地上構建擁有比如商店、廣告、遊戲、博物館等各
+                                        種自己想要的 AR 體驗，或者租賃出售土地。</p>
+                                  </div>
+                              </div>
+                              <div class="col-md-5">
+                                  <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//QQBzJwHjMlk?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
+                              </div>
+                          </div>
+                        </div>
+                        <div id="tab3-2">
+                          <div class="row">
+                              <div class="col-md-7">
+                                  <div class="txt-block">
+                                      <h2>超越遊戲打造「虛擬世界」-魷魚遊戲</h2>
+                                      <p>在疫情期間大受全球孩童喜愛的線上遊戲平台商Roblox，在本週遞交了IPO申請，成為繼遊戲引擎開發商Unity之後，又一枚即將於2020年上市的遊戲界新星。
+                                        他們提供一個有如樂高般的遊戲開發平台，允許用戶打造各式各樣的遊戲，並在平台上與其他玩家分享銷售。<br>搭上「魷魚遊戲」熱潮，Roblox也出現眾多模擬遊戲。</p>
+                                  </div>
+                              </div>
+                              <div class="col-md-5">
+                                  <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//B1Ar9GTVi4Q?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
+                              </div>
+                          </div>
+                        </div>
+                      </div>
+                    </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//HZ0C0_XJioA?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
+            </div>
+            <div class="col-md-6">
+                <div class="txt-block">
+                    <h2>元宇宙常見應用場域</h2>
+                    <ul class="item rankblock advantages-list">
+                        <li><span>1.</span> 休閒娛樂</li>
+                        <li><span>2.</span> 社交聚會</li>
+                        <li><span>3.</span> 工作創業</li>
+                        <li><span>4.</span> 社交聚會</li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+      </div>
+  </section>
+</div>

layouts/shortcodes/vtuberlist.html

@@ -106,7 +106,7 @@
             <audio src=""></audio>
           </div>
           <div class="modal-socials">
-            <h4>Contacts</h4>
+            <h4>關注</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>

static/css/custom.css

@@ -1075,7 +1075,7 @@
 }
 
 .advantages-list {
-  text-align: left;
+  text-align: center;
 }
 
 .txt-block .advantages-list span {
@@ -1711,6 +1711,19 @@
   background-color: white;
   color: #EA5413;
 }
+
+.more-modal .modal-header {
+  border-bottom: none;
+}
+
+.more-modal .modal-footer {
+  border-top: none;
+}
+
+.more-modal .close {
+  font-size: 26px;
+}
+
 @media (max-width: 765px) {
   #vt-list .row > div {
     padding-left: 0px;

static/css/customnft.css

@@ -114,6 +114,10 @@
     margin-top: 0;
 }
 
+#block-carbon .container.mb-spec {
+    margin-bottom: 80px;
+}
+
 
 #gamefi-rank {
     width: 100%;

static/js/vtubers.js

@@ -7,7 +7,43 @@ const data = [
         "style": ["可愛"],
         "tags": ["#FS鹹魚", "#魚塭", "#TWVtuber" ],
         "contact": "",
-        "follow": "",
+        "follow": [
+            {
+                "channel": "facebook",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/HtfL33q.png"
+            },
+            {
+                "channel": "Youtube",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/c4VdjRJ.png"
+            },
+            {
+                "channel": "twitter",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/4VKBo9w.png"
+            },
+            {
+                "channel": "IG",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/MAObTJv.png"
+            },
+            {
+                "channel": "youtube",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/c4VdjRJ.png"
+            },
+            {
+                "channel": "website",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/8nmvSdj.png"
+            },
+            {
+                "channel": "twitch",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/FjIaiz9.png"
+            },
+        ],
         "mp4": null
     },
     {
@@ -18,7 +54,43 @@ const data = [
         "style": ["可愛"],
         "tags": ["#小烏龜yui"],
         "contact": "",
-        "follow": "",
+        "follow": [
+            {
+                "channel": "facebook",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/HtfL33q.png"
+            },
+            {
+                "channel": "Youtube",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/c4VdjRJ.png"
+            },
+            {
+                "channel": "twitter",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/4VKBo9w.png"
+            },
+            {
+                "channel": "IG",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/MAObTJv.png"
+            },
+            {
+                "channel": "youtube",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/c4VdjRJ.png"
+            },
+            {
+                "channel": "website",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/8nmvSdj.png"
+            },
+            {
+                "channel": "twitch",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/FjIaiz9.png"
+            },
+        ],
         "mp4": null
     },
     {
@@ -29,7 +101,43 @@ const data = [
         "style": ["奶兇"],
         "tags": [],
         "contact": "",
-        "follow": "",
+        "follow": [
+            {
+                "channel": "facebook",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/HtfL33q.png"
+            },
+            {
+                "channel": "Youtube",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/c4VdjRJ.png"
+            },
+            {
+                "channel": "twitter",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/4VKBo9w.png"
+            },
+            {
+                "channel": "IG",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/MAObTJv.png"
+            },
+            {
+                "channel": "youtube",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/c4VdjRJ.png"
+            },
+            {
+                "channel": "website",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/8nmvSdj.png"
+            },
+            {
+                "channel": "twitch",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/FjIaiz9.png"
+            },
+        ],
         "mp4": null
     },
     {
@@ -40,7 +148,43 @@ const data = [
         "style": ["溫柔可愛", "人格分裂", "配音系"],
         "tags": ["#擴散希望", "#男vtuber", " #虛擬youtuber", "#新人VTuber"],
         "contact": "",
-        "follow": "",
+        "follow": [
+            {
+                "channel": "facebook",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/HtfL33q.png"
+            },
+            {
+                "channel": "Youtube",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/c4VdjRJ.png"
+            },
+            {
+                "channel": "twitter",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/4VKBo9w.png"
+            },
+            {
+                "channel": "IG",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/MAObTJv.png"
+            },
+            {
+                "channel": "youtube",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/c4VdjRJ.png"
+            },
+            {
+                "channel": "website",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/8nmvSdj.png"
+            },
+            {
+                "channel": "twitch",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/FjIaiz9.png"
+            },
+        ],
         "mp4": "https://www.mboxdrive.com/%E8%81%B2%E9%9F%B3%E7%9B%92%E5%AD%901%20-%20ishiki%20hanao.mp4"
     },
     {
@@ -51,7 +195,43 @@ const data = [
         "style": ["御姊"],
         "tags": ["#台V", "#いくせん", "#VTuber ", "#TWvtuber"],
         "contact": "",
-        "follow": "",
+        "follow": [
+            {
+                "channel": "facebook",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/HtfL33q.png"
+            },
+            {
+                "channel": "Youtube",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/c4VdjRJ.png"
+            },
+            {
+                "channel": "twitter",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/4VKBo9w.png"
+            },
+            {
+                "channel": "IG",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/MAObTJv.png"
+            },
+            {
+                "channel": "youtube",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/c4VdjRJ.png"
+            },
+            {
+                "channel": "website",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/8nmvSdj.png"
+            },
+            {
+                "channel": "twitch",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/FjIaiz9.png"
+            },
+        ],
         "mp4": null
     },
     {
@@ -62,18 +242,90 @@ const data = [
         "style": ["御姊", "多聲線"],
         "tags": ["#台V", "#いくせん", "#VTuber ", "#TWvtuber"],
         "contact": "",
-        "follow": "",
+        "follow": [
+            {
+                "channel": "facebook",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/HtfL33q.png"
+            },
+            {
+                "channel": "Youtube",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/c4VdjRJ.png"
+            },
+            {
+                "channel": "twitter",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/4VKBo9w.png"
+            },
+            {
+                "channel": "IG",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/MAObTJv.png"
+            },
+            {
+                "channel": "youtube",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/c4VdjRJ.png"
+            },
+            {
+                "channel": "website",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/8nmvSdj.png"
+            },
+            {
+                "channel": "twitch",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/FjIaiz9.png"
+            },
+        ],
         "mp4": null
     },
     {
         "id": "6",
-        "name": "左翌設計 ZoeL Design",
+        "name": "天晴Haruru🐧",
         "intro": "lorem",
-        "img": "https://www.tcbla.org.tw//img/16198905052188k1OnWjcRae.jpg",
-        "style": ["御姊", "多聲線"],
-        "tags": ["#台V", "#いくせん", "#VTuber ", "#TWvtuber"],
+        "img": "https://i.imgur.com/9autFIy.jpg",
+        "style": ["奶兇"],
+        "tags": ["#天晴Haruru", "#VTuber", "#新人VTuber", "#TWvtuber", "#企鵝"],
         "contact": "",
-        "follow": "",
+        "follow": [
+            {
+                "channel": "facebook",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/HtfL33q.png"
+            },
+            {
+                "channel": "Youtube",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/c4VdjRJ.png"
+            },
+            {
+                "channel": "twitter",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/4VKBo9w.png"
+            },
+            {
+                "channel": "IG",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/MAObTJv.png"
+            },
+            {
+                "channel": "youtube",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/c4VdjRJ.png"
+            },
+            {
+                "channel": "website",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/8nmvSdj.png"
+            },
+            {
+                "channel": "twitch",
+                "link": 'https://www.facebook.com/groups/590614894737063/?hoisted_section_header_type=recently_seen&multi_permalinks=1253077595157453',
+                "img": "https://i.imgur.com/FjIaiz9.png"
+            },
+        ],
         "mp4": null
     },
 ];
@@ -117,6 +369,11 @@ function getVtuber() {
           $('#more1Modal .modal-title').text(selected.name);
           $('#more1Modal .modal-imgfr').css('background-image', `url(${selected.img})`);
           $('#more1Modal p').text(selected.intro);
+          let str = '';
+          for(let i = 0; i < selected.follow.length; i++){
+                str += `<a href="${selected.follow[i].link}"><img src="${selected.follow[i].img}" alt="${selected.follow[i].channel}" width="32px" height="32px"></a>`
+          }
+          $('#more1Modal .footer-socials').html(str);
           if(selected.mp4 == null) {
               $('.modal-body-sample').css('display', 'none');
           } else {

webSite/content/blog/5g-guide.md

@@ -0,0 +1,35 @@
++++
+title = "The guide to 5G"
+date = "2021-10-05T13:39:46+02:00"
+tags = ["5G"]
+categories = ["5G"]
+banner = "https://assets.entrepreneur.com/content/3x2/2000/1626792154-shutterstock-1880148124.jpg"
++++
+
+THE FUTURE DEPENDS on connectivity. From artificial intelligence and self-driving cars to telemedicine and mixed reality to as yet undreamt technologies, all the things we hope will make our lives easier, safer, and healthier will require high-speed, always-on internet connections.
+
+To keep up with the explosion of new connected gadgets and vehicles, not to mention the deluge of streaming video, the mobile industry has introduced something called 5G—so named because it's the fifth generation of wireless networking technology.
+
+The promise is that 5G will bring speeds of around 10 gigabits per second to your phone. That's more than 600 times faster than the typical 4G speeds on today’s mobile phones, and 10 times faster than Google Fiber's standard home broadband service—fast enough to download a 4K high-definition movie in 25 seconds, or to stream several at the same time. 
+
+Eventually anyway. While US carriers have introduced 5G networks in dozens of cities, the first ones aren’t nearly that fast.
+
+At first many carriers began rolling out 5G by building atop their 4G or LTE networks, which produced lots of connectivity, but not at the speeds most associated with 5G. Gradually, the major American telecom carriers have introduced standalone versions of their networks, meaning they don’t piggyback on existing infrastructure. T-M0bile’s offering covers 1.3 million square miles, or 34 percent of the US. When T-Mobile acquired Sprint earlier this year, it picked up a substantial amount of wireless spectrum, which is now part of T-Mobile’s network. Dish Network acquired some of Sprint’s wireless assets as a condition of the merger, and the satellite company is now developing its own cellular service.
+
+Early in its 5G efforts, AT&T marketed a network it described as 5G E, but experts called it a spiffed-up version of the company’s current LTE network, and the National Advertising Review Board eventually recommended the company stop using that terminology, saying it was misleading consumers. The company says its 5G network reaches 205 million people and offers speeds that are similar to or faster than its LTE offering. In July 2020, AT&T announced that its 5G+ service, which runs in the faster millimeter wave spectrum (more on that shortly), is available in parts of 35 cities.
+
+Like AT&T, [Verizon](https://www.wired.com/tag/verizon/) is using mmWave, the fastest part of 5G spectrum, for its network, which means customers can expect fast speeds but, so far, less broad coverage. The company says its 5G Ultrawide offering is available in 36 cities.
+
+Why are the availability and speeds so variable? It’s because 5G service is offered in three different parts of the electromagnetic spectrum. Low-band, which operates below 1 Ghz , can reach speeds of 250 mbps. The trade-off for low-band’s comparatively slower speeds is a broad reach, which means carriers can leave more distance between towers using this kind of equipment.
+
+Analysts call the mid-band of the 5G spectrum the sweet spot, as it has a broad geographic reach and is faster than low-band. Mid-band operates between 1 and 6 GHz and can achieve speeds up to 1 Gbps. AT&T and T-Mobile’s wide-reaching 5G networks operate in the mid-band.
+
+To reach the top speeds associated with 5G, carriers need millimeter-wave (or mmWave) technology, which takes advantage of the very high end of the wireless spectrum. mmWave could enable those 10-Gbps speeds, but it comes with a trade-off: Millimeter-wave signals are less reliable over long distances and are easily disrupted by obstacles like trees, people, and even rain. To make it practical for mobile use, carriers need to deploy huge numbers of small access points in cities, instead of relying on a few big cell towers as they do today.
+
+Of course, for mobile users to take advantage of these new 5G networks, they’ll need new devices. Most major phone makers either offer 5G handsets now or expect to by the end of 2020. Samsung, LG, and Motorola sell [5G-compatible phones](https://www.wired.com/story/samsung-galaxy-s20-deals/); Google is working on a 5G version of the Pixel, and a 5G-compatible iPhone [is expected](https://www.cnn.com/2020/08/11/tech/apple-fall-release-5g-iphone/index.html) before the end of this year. To date about 4.6 million 5G-compatible phones [have been sold](https://www.lightreading.com/5g/verizon-takes-commanding-lead-in-5g-phone-sales-report/d/d-id/763121?), according to the consultancy M Science; that means fewer than 2 percent of Americans with cell phones can take advantage of 5G.
+
+The Future of 5G
+
+Now, after years of promises and years of waiting, 5G is finally arriving in consumers’ pockets. The US Federal Communications Commission has held several auctions for 5G spectrum. In August the Trump administration [said](https://www.wired.com/story/white-house-plan-speed-rollout-5g/) it will sell off more sections of the mid-band spectrum to spur 5G adoption.
+
+There's more to 5G than mobile phones; 5G technologies should also be able to serve a great many devices nearly in real time. That will be crucial as the number of internet-connected cars, environmental sensors, thermostats, and other gadgets accelerates in coming years. For example, 5G could help autonomous cars communicate not only with one other—a kind of, “hey, on your left!” set of exchanges—but also, someday, roads, lights, parking meters, and signals. And 5G’s low latency means that 5G could enable remote surgeries, allowing physicians in one location to manipulate network-connected surgical instruments thousands of miles away; medical providers [may also](https://www.healthcareitnews.com/news/5g-here-how-health-systems-can-capitalize-new-cellular-standard) be able to rely on 5G to rapidly transmit high-resolution images for use in diagnosis and treatment. Manufacturers [can use](https://www.capgemini.com/gb-en/wp-content/uploads/sites/3/2019/06/Report-5G-in-industrial-operations.pdf) 5G networks to monitor production lines remotely and maintain video feeds of their factory floors. Some companies are licensing their own bit of 5G spectrum and are replacing their Wi-Fi networks with [private 5G networks](https://www.lightreading.com/mobile/5g/its-5g-vs-wifi-6-for-the-factory-of-the-future/d/d-id/756356).

webSite/content/blog/5g-inspiration.md

@@ -0,0 +1,97 @@
++++
+title = "The guide to 5G: What is 5G low latency?"
+date = "2021-10-05T13:39:46+02:00"
+tags = ["5G"]
+categories = ["5G"]
+banner = "https://assets.entrepreneur.com/content/3x2/2000/1626792154-shutterstock-1880148124.jpg"
++++
+
+What is 5G low latency? 
+------------------------
+
+5G technology offers an extremely **low latency rate,** the delay between the sending and receiving information. From 200 milliseconds for 4G, we go down to **1 millisecond**(1ms) with 5G.
+
+   
+Just think about it.  
+   
+A millisecond is 1/1000 of a second.   
+ 
+
+The average reaction time for humans to a visual stimulus is 250 ms or 1/4 of a second. People are capped at around 190-200 ms with proper training.
+
+Imagine now that your car could **react 250 times faster than you**.
+
+Imagine it could also respond to hundreds of incoming information and can also communicate its reactions back to other vehicles and road signals all within milliseconds.
+
+At 60 mph (100km/h), the reaction distance is about 33 yards (30 meters) before you pull on the brakes. With a 1ms reaction time, the car would only have rolled a bit more than one inch (less than 3 centimeters).
+
+Use cases associated with low latency are: 
+
+*   V2X ([Vehicle-to-Everything](https://www.thalesgroup.com/en/markets/digital-identity-and-security/iot/industries/automotive/use-cases/v2x)) communication: V2V: (Vehicle-to-Vehicle), V2I (Vehicle-to-Infrastructure), autonomous, [connected cars](https://www.thalesgroup.com/en/markets/digital-identity-and-security/iot/industries/automotive/connect-cars)
+*   Immersive Virtual Reality Gaming ([5G will bring VR to the masses](https://venturebeat.com/2019/06/18/dont-believe-the-myths-5g-will-bring-ar-and-vr-to-the-masses/).)
+*   Remote surgical operations (aka telesurgery)
+*   Simultaneous translating.
+
+In other words, [5G and IoT](https://www.thalesgroup.com/en/markets/digital-identity-and-security/iot/resources/innovation-technology/5G-iot) create the perfect match.
+
+5G vs 4G - What is the difference?
+----------------------------------
+
+The 5th generation of wireless networks addresses the evolution **beyond mobile internet** to massive IoT (Internet of Things) from 2019/2020. 
+
+The main evolution compared with today’s 4G and 4.5G (aka LTE advanced, LTE-A, LTE+ or 4G+) is that, **beyond data speed** improvements, new IoT and critical communication use cases will require a new level of improved performance. 
+
+*   For example, **low latency** provides real-time interactivity for services using the cloud: this is key to the success of self-driving cars, for example.   
+*   5G vs 4G also means at least x100 devices connected. 5G must be able to **support 1 million devices** for 0.386 square miles or 1 km2.
+*   Also, **low power consumption** is what will allow connected objects to operate for months or years without the need for human assistance.
+
+Unlike current IoT services that make performance trade-offs to get the best from current wireless technologies (3G, 4G, Wi-Fi, Bluetooth, Zigbee, etc.), 5G networks will be designed to bring the level of performance needed for massive IoT. 
+
+It will enable a perceived entirely ubiquitous connected world.
+
+In short, that’s what makes it **transformational**. 
+
+### 5G and the previous mobile generations at a glance
+
+In the last four decades, mobile phones, more than any other technology, have quietly changed our lives forever.
+
+Do you remember how much you loved your 2G Nokia 3310?
+
+*   **1G**, the first generation of telecom networks (1979), let us talk to each other and be mobile
+*   **2G** digital networks (1991) let us send messages and travel (with roaming services)
+*   **3G** (1998) brought a better mobile internet experience (with limited success)
+*   **3.5G** brought a truly mobile internet experience, unleashing the mobile apps ecosystem
+*   **4G** (2008) networks brought all-IP services (Voice and Data), a fast broadband internet experience, with unified networks architectures and protocols
+*   **4G [LTE](https://www.thalesgroup.com/en/markets/digital-identity-and-security/technology/lte)** ( for Long Term Evolution), starting in 2009, doubled data speeds
+*   **5G** networks expand broadband wireless services beyond mobile internet to IoT and critical communications segments
+
+What does 5G mean for consumers?
+--------------------------------
+
+5G for consumers means not just faster mobile internet, but mainly internet connectivity in many more objects than what you see today.  
+ 
+
+The car and the house are two examples of the big IoT revolution coming ahead, supported by 5G networks.
+
+Samsung and other Android OEMs have introduced the [first 5G smartphones in 2019](https://www.techradar.com/news/the-first-5g-phone-hands-on). 148 5G phones are already commercially available, according to the GSA October 2020 report.
+
+[5G SIM](https://www.thalesgroup.com/en/markets/digital-identity-and-security/mobile/secure-elements/5g-sim) cards are making their debut in 2019 and 2020.
+
+Will 5G technology be secure?
+-----------------------------
+
+4G networks use the USIM application to perform strong mutual authentication between the user and his/her connected device and the networks.
+
+The entity hosting the USIM application can be a removable SIM card or an embedded UICC chip. 
+
+This **strong mutual authentication** is crucial to enable trusted services.
+
+Today, security solutions are already a mix of security at the edge (device) and security at the core (network). 
+
+Several security frameworks may co-exist in the future, and 5G is likely to re-use existing solutions used today for 4G networks and the cloud (SEs, HSM, certification, Over-The-Air provisioning, and KMS).
+
+The standard for strong mutual authentication for 5G networks was finalized in 2018. 
+
+The need for **5G security**, privacy, and trust will be as strong as for 4G, if not stronger, with the increased impact of IoT services. 
+
+Local SEs in devices can secure network access and support secure services such as emergency call management and virtual IoT networks.

webSite/content/blog/5g-iot.md

@@ -0,0 +1,61 @@
++++
+title = "5G and IOT Application"
+date = "2021-10-05T13:39:46+02:00"
+tags = ["5G"]
+categories = ["5G"]
+banner = "https://assets.entrepreneur.com/content/3x2/2000/1626792154-shutterstock-1880148124.jpg"
++++
+
+### 5G Will Accelerate a New Wave of IoT Applications
+
+5G is driving change in the Internet of Things (IoT). It's a powerful enabling technology for a new generation of use cases that will leverage edge computing to make IoT more effective and efficient.
+
+In many ways, the narrative of 5G is the interaction between two inexorable forces: the rise in highly reliable, high-bandwidth communications, and the rapid spread of available computing power throughout the network. The computing power doesn’t just end at the network, though. End-point devices that connect to the network are also getting smarter and more powerful.
+
+The increasingly dynamic and powerful computational environment that's taking shape as telcos begin to redesign their networks for 5G will accelerate the uptake of IoT applications and services throughout industry. We expect that 5G will enable new use cases in remote monitoring and visual inspection, autonomous operations in large-scale remote environments such as mines, connected vehicles and more.
+
+The rapidly expanding range of computing options requires a much more flexible approach to building and deploying applications and AI models that can take advantage of the most cost-efficient compute resources available. These AI models can now even run on edge devices that connect to the network edge, allowing more secure and efficient processing of data. 5G is driving change in the Internet of Things (IoT). It's a powerful enabling technology for a new generation of use cases that will leverage edge computing to make IoT more effective and efficient.
+
+In many ways, the narrative of 5G is the interaction between two inexorable forces: the rise in highly reliable, high-bandwidth communications, and the rapid spread of available computing power throughout the network. The computing power doesn’t just end at the network, though. End-point devices that connect to the network are also getting smarter and more powerful.
+
+The increasingly dynamic and powerful computational environment that's taking shape as telcos begin to redesign their networks for 5G will accelerate the uptake of IoT applications and services throughout industry. We expect that 5G will enable new use cases in remote monitoring and visual inspection, autonomous operations in large-scale remote environments such as mines, connected vehicles and more.
+
+The rapidly expanding range of computing options requires a much more flexible approach to building and deploying applications and AI models that can take advantage of the most cost-efficient compute resources available. These AI models can now even run on edge devices that connect to the network edge, allowing more secure and efficient processing of data.
+
+New applications, such as 5G, wireless IoT and wearable devices, are designed to comply with existing exposure limits. The international exposure guidelines have been developed as a result of the work of researchers for many decades. The guidelines are not technology specific and are periodically reviewed.
+The consensus of reviews by independent public health authorities, expert groups and the World Health Organization (WHO) is that these guidelines provide protection for all people (including children) against all established health hazards.
+This booklet starts with answers to general questions and then follows with sections specific to 5G, IoT and wearable devices. Resources for further information and a table of abbreviations are included at the end.
+
+**WHY 5G AND IOT?**  
+
+----------------------
+
+IoT devices will generate more than half of the world’s data by 2025, according to research from IDC. Transmitting that data—and realizing its potential—will demand 5G wireless capacity 1000X greater than its 4G predecessor.
+
+5G’s ultra-reliable low-latency communication will unlock transformative use cases in safety-critical applications like infrastructure or manufacturing systems. Edge computing accelerated by 5G will also bring compute closer to IoT applications, delivering intelligence in real-time while keeping the data local.
+
+IoT Testing Advice
+------------------
+
+To better prepare for your current and future IoT testing campaigns, discover testing advice that can help you execute a better test for your IoT projects. 
+
+### Expand Test Coverage 
+
+First, IoT tests need a large test coverage. The commercial success of an IoT is linked to its ability to be compatible with many new and old smartphones and tablets. Because of fragmentation, it is not easy to build an IoT that can work well across a variety of different mobile operating systems and smartphones with different hardware components. As a result, it is important to test on many devices or configurations to find bugs that result from fragmentation.
+
+### Test from all angles
+
+Second, IoT tests must be executed from various angles in order to uncover bugs that affect both IoT and its corresponding software, most likely a mobile application. It is also essential to test functionalities and the usability of the IoT and software to obtain an accurate report of the quality of the connectivity (object to software, software to object, and behavior in case of interactions.
+
+This will allow QA teams to uncover bugs that make block key functionalities and diminish the user experience.
+
+### Test Bluetooth and Wifi Connections  
+
+Third, test the IoT's ability to connect or pair with smartphones and/or other smart devices. In particular, verify that the IoT is able to connect to other devices via a Bluetooth connection as well as wifi networks. Connecting and staying connected to another device or network can be difficult. Bugs that affect an IoT's connections can hinder its ability to communicate and share data consisently, and this making it useless. To avoid these difficulties, it is essential to properly test an IoT's ability to connect to other devices.
+
+**Mind-boggling technology**
+----------------------------
+
+5G is an incredibly complex technology with a lot of hurdles on its way – both for engineers, providers, and users. Just as it requires the providers to deploy a costly new infrastructure, it also requires customers to purchase and implement new devices that are 5G-ready. **For the client to make full use of the potential that 5G has, both the network and the devices need to be set up properly** – solutions like network slicing need thoughtful implementation based on business needs but also expert IT knowledge. As the technology gets more sophisticated and specialized, it also becomes increasingly difficult and resource-intensive to manage all the devices in your network, considering their proliferation in the era of the Internet of Things. Therefore it rarely makes business sense for a company to manage all of this on its own. **In order to truly tap into the potential of the IoT, companies need to consider handing the technology reins to specialists and sourcing help with [IoT device management](https://www.avsystem.com/blog/iot-device-management/) services**. Solution providers can take expert care of provisioning, management and maintenance of these devices, ensuring availability and security, for example by choosing the right 5G-ready protocols, such as [LwM2M](https://www.avsystem.com/blog/lightweight-m2m-lwm2m-overview/), while your company focuses on its core operations.
+
+While 5G isn’t really here fully and you may think it’s not worth the candle yet, it is fast approaching and it will truly change the game. It is the fuel that the Internet of Things needs to steam ahead and with the growth of the IoT come unprecedented benefits: data that allows for more informed decision making; precision that creates better product quality; reliability that reduces downtime. Whoever fails to show up at the starting line now may never be able to gain on the competition in the future.

webSite/content/tags/metaverse/_index.md

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