mirror of https://github.com/mashirozx/sakura.git
195 lines
6.8 KiB
HTML
195 lines
6.8 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>I'm Mashiro!</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||
<meta name="theme-color" content="#222022">
|
||
<link rel="shortcut icon" href="./favicon.ico">
|
||
<link rel="stylesheet" href="./botui/build/botui.min.css" />
|
||
<link rel="stylesheet" href="./botui/build/botui-theme.css" />
|
||
</head>
|
||
|
||
<body>
|
||
<div class="poptitle" id="poptitle">
|
||
<div class="popcontainer" id="hello-mashiro">
|
||
<center>
|
||
<h3>正在与
|
||
<ruby>Mashiro
|
||
<rp>(</rp>
|
||
<rt>真(ま)白(しろ)</rt>
|
||
<rp>)</rp>
|
||
</ruby>对话...</h3>
|
||
</center>
|
||
<bot-ui></bot-ui>
|
||
</div>
|
||
</div>
|
||
<script src="https://cdn.jsdelivr.net/vue/latest/vue.min.js"></script>
|
||
<script src="./botui/build/botui.min.js"></script>
|
||
<script>
|
||
var botui = new BotUI('hello-mashiro');
|
||
botui.message.add({
|
||
delay: 800,
|
||
content: "Hi, there👋"
|
||
}).then(function () {
|
||
|
||
botui.message.add({
|
||
delay: 1100,
|
||
content: "这里是 Mashiro"
|
||
}).then(function () {
|
||
|
||
botui.message.add({
|
||
delay: 1100,
|
||
content: "一个可爱的蓝孩子~"
|
||
}).then(function () {
|
||
|
||
botui.action.button({
|
||
delay: 1600,
|
||
action: [{
|
||
text: "然后呢? 😃",
|
||
value: "sure"
|
||
}, {
|
||
text: "少废话! 🙄",
|
||
value: "skip"
|
||
}]
|
||
}).then(function (a) {
|
||
"sure" == a.value && sure();
|
||
"skip" == a.value && end()
|
||
})
|
||
})
|
||
})
|
||
});
|
||
var sure = function () {
|
||
|
||
botui.message.add({
|
||
delay: 600,
|
||
content: "😘"
|
||
}).then(function () {
|
||
secondpart()
|
||
})
|
||
},
|
||
end = function () {
|
||
|
||
botui.message.add({
|
||
delay: 600,
|
||
content: "![...](./img.jpg)"
|
||
})
|
||
},
|
||
secondpart = function () {
|
||
|
||
botui.message.add({
|
||
delay: 1500,
|
||
content: "目前就读于上海财经大学"
|
||
}).then(function () {
|
||
|
||
botui.message.add({
|
||
delay: 1500,
|
||
content: "向往技术却误入商科,但后来喜欢上了经济学…"
|
||
}).then(function () {
|
||
|
||
botui.message.add({
|
||
delay: 1200,
|
||
content: "因为数据分析也需要Coder嘛"
|
||
}).then(function () {
|
||
|
||
botui.message.add({
|
||
delay: 1500,
|
||
content: "主攻 R 语言和 Python,有时也用 STATA;对前端也蛮有兴趣;全栈?不存在的。"
|
||
}).then(function () {
|
||
|
||
botui.message.add({
|
||
delay: 1500,
|
||
content: "研究的方向,是经济/金融方向的数据分析(data science)以及机器学习(machine learning)"
|
||
}).then(function () {
|
||
|
||
botui.message.add({
|
||
delay: 1800,
|
||
content: "喜欢画画,希望有一天能够被称为画师"
|
||
}).then(function () {
|
||
|
||
botui.action.button({
|
||
delay: 1100,
|
||
action: [{
|
||
text: "为什么叫Mashiro呢? 🤔",
|
||
value: "why-mashiro"
|
||
}]
|
||
}).then(function (a) {
|
||
|
||
thirdpart()
|
||
})
|
||
})
|
||
})
|
||
})
|
||
})
|
||
})
|
||
})
|
||
},
|
||
thirdpart = function () {
|
||
|
||
botui.message.add({
|
||
delay: 1E3,
|
||
content: "Mashiro以及站名都来自一部动画,因为和主角有一样的爱好~ 如果有兴趣可以找找首页上的视频~"
|
||
}).then(function () {
|
||
|
||
botui.action.button({
|
||
delay: 1500,
|
||
action: [{
|
||
text: "为什么是白猫呢? 🤔",
|
||
value: "why-cat"
|
||
}]
|
||
}).then(function (a) {
|
||
|
||
fourthpart()
|
||
})
|
||
})
|
||
},
|
||
fourthpart = function () {
|
||
|
||
botui.message.add({
|
||
delay: 1E3,
|
||
content: "因为对GitHub有种执念… "
|
||
}).then(function () {
|
||
|
||
botui.message.add({
|
||
delay: 1100,
|
||
content: "而且我真的是猫控!"
|
||
}).then(function () {
|
||
|
||
botui.action.button({
|
||
delay: 1500,
|
||
action: [{
|
||
text: "这个 APP 是怎么回事呢?(ง •_•)ง",
|
||
value: "why-domain"
|
||
}]
|
||
}).then(function (a) {
|
||
|
||
fifthpart()
|
||
})
|
||
})
|
||
})
|
||
},
|
||
fifthpart = function () {
|
||
|
||
botui.message.add({
|
||
delay: 1E3,
|
||
content: "Emmmm,用 Android WebView 做的。。基本就是在 APP 里浏览网页而已~"
|
||
}).then(function () {
|
||
|
||
botui.message.add({
|
||
delay: 1600,
|
||
content: "那么,好好玩玩吧? ^_^"
|
||
})
|
||
})
|
||
}
|
||
</script>
|
||
|
||
<script>
|
||
function updateScroll() {
|
||
var element = document.getElementById("poptitle");
|
||
element.scrollTop = element.scrollHeight;
|
||
}
|
||
</script>
|
||
</body>
|
||
|
||
</html> |