vtubers

layouts/shortcodes/vtuberlist.html

@@ -119,7 +119,7 @@
           <h4 class="modal-body-demand">需求</h4>
           <div class="modal-body-demandArr"></div>
           <div class="modal-body-sample">
-            <span>試聽</span>
+            <span class="modal-body-icon"><i class="fas fa-headphones" style="margin-right: 1rem;"></i>試聽</span>
             <div class="modal-body-music">
               <img src="https://i.imgur.com/gYst9TQ.png" alt=" " width="35" class="modal-body-toggleplay">
               <div class="music-progress">

static/css/custom.css

@@ -1592,7 +1592,8 @@
   box-shadow: 4px 4px 1px rgb(0, 0, 0, 0.1);
   transition: all .5s;
   text-align: center;
-  height: fit-content;
+  height: 42vh;
+  max-height: 45vh;
   border-radius: 1rem;
   background-color: #fff;
   position: relative;
@@ -1765,6 +1766,13 @@
   content: " ";
 }
 
+.modal-body-icon {
+  margin: 1.5rem 0;
+  margin-bottom: .8rem;
+  display: block;
+  font-size: 1.6rem;
+}
+
 .modal-body-demand {
   position: relative;
   display: inline-block;

static/js/vtubers.js

@@ -309,6 +309,35 @@ const data = [
         ],
         "mp4": null
     },
+    {
+        "id": "10",
+        "name": "【無声透明Vtuber】強化人間【ミラージュコロイド系Vtuber】",
+        "intro": "こんにちは、個人勢の無声透明系Vtuberの強化人間です！#バ美肉、#バ美声 不使用声優スタッフ交代の予定もありません。",
+        "img": "https://i.imgur.com/Y3AIW6I.png",
+        "images": ["https://i.imgur.com/Y3AIW6I.png", "https://i.imgur.com/xKQozOe.png", "https://i.imgur.com/z52eVu2.png", "https://i.imgur.com/zjNCBff.png", "https://i.imgur.com/iTOPEJ3.png"],
+        "style": [],
+        "tags": ["#日本", "#Vtuber"],
+        "contact": "",
+        "demand": ["角色曝光"],
+        "follow": [
+            {
+                "channel": "Youtube",
+                "link": 'https://www.youtube.com/c/trombeningen/featured',
+                "img": "https://i.imgur.com/c4VdjRJ.png"
+            },
+            {
+                "channel": "twitter",
+                "link": 'https://twitter.com/trombeningen',
+                "img": "https://i.imgur.com/FjIaiz9.png"
+            },
+            {
+                "channel": "website",
+                "link": 'https://marshmallow-qa.com/trombeningen',
+                "img": "https://i.imgur.com/8nmvSdj.png"
+            },
+        ],
+        "mp4": null
+    },
 ];
 
 

webSite/config.toml

@@ -1,6 +1,6 @@
-baseurl = "https://ai.choozmo.com/"
+baseurl = "https://example.org"
 title = "AI Spokesgirl | 台灣第一個AI合成主播"
-theme = "AI_Video_LP"
+theme = "hugo-universal-theme"
 themesDir = "../.."
 languageCode = "zh-tw"
 # Site language. Available translations in the theme's `/i18n` directory.