feat: add sun creature (#4568)

docs/design.md

@@ -43,6 +43,12 @@ pageClass: routes
 <Route author="miaoyafeng" example="/invisionapp/inside-design" path="/invisionapp/inside-design">
 </Route>
 
+## Sun Creature
+
+### Works
+
+<Route author="MisteryMonster" example="/sun-creature" path="/sun-creature" />
+
 ## Method Studios
 
 ### 菜单

docs/en/design.md

@@ -43,6 +43,12 @@ Some tags are rarely used： `Script`, `direction`, `production`, `design-concep
 <RouteEn author="miaoyafeng" example="/invisionapp/inside-design" path="/invisionapp/inside-design">
 </RouteEn>
 
+## Sun Creature
+
+### Works
+
+<RouteEn author="MisteryMonster" example="/sun-creature" path="/sun-creature" />
+
 ## Method Studios
 
 ### Menus

lib/router.js

@@ -2574,6 +2574,9 @@ router.get('/zhuixinfan/list', require('./routes/zhuixinfan/list'));
 // scoresaber
 router.get('/scoresaber/user/:id', require('./routes/scoresaber/user'));
 
+// Sun-Creature
+router.get('/sun-creature', require('./routes/sun-creature/index'));
+
 // method-studios
 router.get('/method-studios/:menu?', require('./routes/method-studios/index'));
 

lib/routes/sun-creature/index.js

@@ -0,0 +1,40 @@
+const got = require('@/utils/got');
+const cheerio = require('cheerio');
+
+module.exports = async (ctx) => {
+    const url = `https://suncreature.com`;
+    const response = await got({
+        method: 'get',
+        url: url,
+    });
+
+    const data = response.data;
+    const $ = cheerio.load(data); // 使用 cheerio 加载返回的 HTML
+    const list = $('li.t');
+
+    ctx.state.data = {
+        title: 'Sun Creature',
+        link: url,
+        item: list
+            .map((index, item) => {
+                item = $(item);
+                const title = `${item.find('h2').first().text()}`;
+                const itemWebmUrl = `https://suncreature.com/videos/${item.find(':nth-child(1)').attr('data-loop')}.webm`;
+                const itemWebmShow = `<video controls="controls" width="100%" src="${itemWebmUrl}"></video><br>`;
+
+                const vimeoID = `${item.find('button').attr('data-vimeo')}`;
+                const isvimeo = vimeoID > 0;
+
+                const ItemURL = `${item.find('a').attr('href')}`;
+                const Link = `<a href="${ItemURL}">${ItemURL}</a>`;
+
+                const description = isvimeo ? `<iframe width="640" height="360" src='https://player.vimeo.com/video/${vimeoID}' frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><br>` : `${Link}`;
+
+                return {
+                    title: title,
+                    description: `${itemWebmShow}` + description,
+                };
+            })
+            .get(),
+    };
+};