发布 0.1.0 版本

Author: Android-KitKat

.gitignore

@@ -102,3 +102,7 @@ dist
 
 # TernJS port file
 .tern-port
+
+# Moe
+data/
+config.yml

assets/YuanShen/UserInfo.pug

@@ -0,0 +1,88 @@
+-
+  //- 重复字符串
+  function repeatString(str, n) {
+    let result = ''
+    for (let i = 0; i < n; i++) {
+      result += str
+    }
+    return result
+  }
+
+  //- 替换来源
+  function replaceSource(url) {
+    const cn = 'upload-bbs.mihoyo.com'
+    const os = 'upload-os-bbs.mihoyo.com'
+    switch (assets_source) {
+      case 'cn':
+        return url.replace(os, cn)
+      case 'os':
+        return url.replace(cn, os)
+      default:
+        return url
+    }
+  }
+
+//- 项目
+mixin item(title, box)
+  section.item(id=title)
+    h2.title= title
+    .content(class={box: box})
+      block
+
+//- 统计卡
+mixin statCard(key, val)
+  -
+    const descs = {
+      active_day_number: '活跃天数',
+      achievement_number: '成就达成数',
+      anemoculus_number: '风神瞳',
+      geoculus_number: '岩神瞳',
+      avatar_number: '获得角色数',
+      way_point_number: '解锁传送点',
+      domain_number: '解锁秘境',
+      spiral_abyss: '深境螺旋',
+      precious_chest_number: '珍贵宝箱数',
+      luxurious_chest_number: '华丽宝箱数',
+      exquisite_chest_number: '精致宝箱数',
+      common_chest_number: '普通宝箱数',
+      electroculus_number: '雷神瞳'
+    }
+  .stat
+    .val= val
+    .desc= descs[key] || key
+
+//- 角色卡
+mixin charCard(char)
+  .char
+    .main.box
+      img.avatar(src=replaceSource(char.image), alt=char.name)
+      p.title
+        span.level= char.level
+        if char.fetter
+          span.fetter= char.fetter
+      p.star= repeatString('★', char.rarity)
+      img.element(src=`img/element/${char.element}.png`, alt=char.element)
+      if char.actived_constellation_num
+        p.constellation= char.actived_constellation_num
+    p.name= char.name
+
+doctype html
+html(lang='zh-cn')
+  head
+    link(rel='stylesheet', href='css/Common.css')
+    title 原神玩家信息
+  body
+    header
+      h1#title UID #{uid}
+      img#logo(src='img/Genshin.png', alt="原神")
+      img#mascot(src='img/Paimon.png', alt="派蒙")
+    article
+      +item('数据总览', true)
+        each val, key in stats
+          +statCard(key, val)
+      +item('角色总览')
+        each char in avatars
+          +charCard(char)
+    footer
+      p 页面生成于 #{date}
+      p 相关图片由米哈游版权所有

assets/YuanShen/css/Common.css

@@ -0,0 +1,183 @@
+/* 整体 */
+:root {
+  font-family: 'HarmonyOS Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Lato, Roboto, 'PingFang SC', 'Microsoft YaHei', sans-serif;
+  font-size: 16px;
+  line-height: 1.35;
+}
+
+body {
+  margin: 0;
+  background-color: #FEFEFE;
+}
+
+/* 页眉 */
+header {
+  position: relative;
+  min-height: 200px;
+  background-image: url('../img/Mengde.jpg');
+  background-position: center center;
+  background-size: cover;
+  background-repeat: no-repeat;
+  overflow: hidden;
+}
+
+header:before {
+  content: '';
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.35);
+}
+
+header #title {
+  position: absolute;
+  bottom: 0;
+  left: 0.5em;
+  color: #FEFEFE;
+}
+
+header #logo {
+  position: absolute;
+  top: 0.4em;
+  left: 0.4em;
+  max-height: 130px;
+}
+
+header #mascot {
+  position: absolute;
+  top: 0.8em;
+  right: 0.8em;
+  max-height: 450px;
+}
+
+/* 正文 */
+article {
+  margin: auto 35px;
+  text-align: center;
+}
+
+/* 项目 */
+.item {
+  margin: 0.5em auto;
+}
+
+.item > .title {
+  display: inline-block;
+  margin: 0.5em auto;
+  font-weight: normal;
+  color: #FEFEFE;
+  background-color: burlywood;
+  padding: 4px 16px;
+  border: 5px double #FEFEFE;
+  border-radius: 22px;
+}
+
+.item > .content {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.item > .content > * {
+  flex-basis: 20%;
+  margin: 0.5em 0;
+}
+
+.box {
+  border: 1px solid burlywood;
+  border-radius: 10px;
+  background-color: #F8F8F8;
+}
+
+.item > .content.box {
+  padding: 0.5em 0;
+}
+
+/* 统计卡 */
+.stat .val {
+  font-weight: bold;
+  font-size: 1.8em;
+}
+
+.stat .desc {
+  color: gray;
+  margin-top: 0.2em;
+  font-size: 0.9em;
+}
+
+/* 角色卡 */
+.char {
+  position: relative;
+}
+
+.char p {
+  margin: 0.1em auto;
+}
+
+.char .main {
+  position: relative;
+  display: inline-block;
+  max-width: 90%;
+  background-color: burlywood;
+  overflow: hidden;
+}
+
+.char .avatar {
+  display: block;
+  max-width: 100%;
+  background-color: #FEFEFE;
+  border-bottom-right-radius: 25px;
+}
+
+.char .title {
+  color: #F8F8F8;
+  font-weight: bold;
+}
+
+.char .title span {
+  margin: auto 0.3em;
+}
+
+.char .level:before {
+  content: 'Lv.';
+}
+
+.char .fetter:before {
+  content: '❤';
+  margin-right: 0.2em;
+}
+
+.char .star {
+  position: absolute;
+  bottom: 1em;
+  min-width: 100%;
+  color: gold;
+  font-size: 1.3em;
+  text-shadow: 0 0 5px black;
+  letter-spacing: -0.15em;
+}
+
+.char .element {
+  position: absolute;
+  top: 0.1em;
+  left: 0.1em;
+  max-width: 30px;
+  filter: saturate(1.3);
+}
+
+.char .constellation {
+  position: absolute;
+  top: 0;
+  right: 0;
+  margin: 0;
+  padding: 0.2em 0.3em;
+  border-bottom-left-radius: 5px;
+  color: #F8F8F8;
+  background-color: rgba(0, 0, 0, 0.5);
+  font-weight: bold;
+}
+
+/* 页脚 */
+footer {
+  text-align: center;
+  color: gray;
+}