-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
173 lines (169 loc) · 7.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="main.css">
<link rel="stylesheet" href="https://npm.elemecdn.com/[email protected]/lxgwwenkai-regular.css" />
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<title>萝莉先辈</title>
<style>
html{height: 100%}
body{margin: 0;height: 100%;
background: #fff;}
canvas{display: block;width: 100%;height: 100%;}
.body_content{
position: absolute;
top:30%;
left: 20%;
height: 20%;
background: palevioletred;
width: 20%;
}
</style>
</head>
<body>
<canvas id="canvas"></canvas>
<div class="container">
<div class="person-flex">
<img id="img" src="senpai.png">
<div class="person-info">
<span class="person-name">曲 国强</span>
<span class="person-job">萝莉先輩</span>
<audio id="audio">
<source src="sound.mp3" type="audio/mpeg">
</audio>
</div>
</div>
<div class="person-introduction">
<span class="title">Introduction</span>
<span class="description">萝莉先辈曲国强是一名大學生，大学时最喜欢的运动是看着萝莉打胶<br>每天都化身成坏叔叔去抓小萝莉<br>去年曾因诱骗萝莉被他人举报，入狱劳改<br>却因其是天才黑客攻破美国国防系统而减刑，每日在指定地点工作改造<br>因其高超的摸🐟技巧和强大的工作能力，工作很本不是问题<br>因此每日空闲时间就会看萝莉本子和制作与萝莉幸福生活的Galgame<br>以下是萝莉先辈的代表作品</span>
</div>
<div class="person-introduction">
<span class="title">Experience</span>
<table class="wikitable">
<tbody><tr>
<th>發售日期</th>
<th>標題</th>
<th>角色名稱
</th></tr>
<tr>
<td>99年07月18日</td>
<td><span lang="ja">誘惑の萝莉</span></td>
<td>诱惑
</td></tr>
<tr>
<td>99年09月18日</td>
<td><span lang="ja">罗罗莉莉</span> Vol.3</td>
<td>罗莉
</td></tr>
<tr>
<td>01年03月22日</td>
<td><span lang="ja">変態小萝莉</span>SUPER S17</td>
<td>小萝莉
</td></tr>
<tr>
<td>01年05月29日</td>
<td>从零开始的萝莉生活</td>
<td>零
</td></tr>
<tr>
<td>01年07月20日</td>
<td><span lang="ja">萝莉の夜の淫夢</span></td>
<td>萝莉先辈
</td></tr>
<tr>
<td>02年07月02日</td>
<td>萝莉插画集</td>
<td>萝莉先辈
</td></tr>
<tr>
<td>02年12月03日</td>
<td>萝莉插画集 豪华限定版</td>
<td>萝莉先辈
</td></tr></tbody></table>
</div>
</div>
</div>
<div class="person-introduction">
<span class="title">Music</span>
<span class="description">
<audio src="https://cdn.jsdelivr.net/gh/web2580/web2580.github.io/sound.mp3" id="aud" autoplay="autoplay" controls="controls" preload="auto"></audio>
</span>
</div>
</div>
<div class="person-introduction">
<span class="title">Video</span>
<span class="description">
<iframe height=100% width=100% src="https://www.youtube.com/embed/dQw4w9WgXcQ" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
</span>
</div>
</div>
<div class="person-introduction">
<span class="title">About</span>
<span class="description">
Power by 萝莉先辈<br>Loli Technology Co., Ltd.<br><a target="blank" href="https://wpa.qq.com/msgrd?v=3&site=qq&menu=yes&uin=3247712941"><img border="0" src="https://wpa.qq.com/pa?p=2:3247712941:51" /> QQ:3247712941</a><br>我很可爱请给我打钱<br>比特币地址：bc1qnq809upsg4qs4ns54wtef5l5sf4dlcnjqck0nm
</span>
</div>
</div>
<div class="person-introduction">
<span class="title">Statistics</span>
<span class="description">
<a href="https://github.com/anuraghazra/github-readme-stats">
<img src="https://github-readme-stats.vercel.app/api/top-langs/?username=web2580" alt="Top Langs" />
</a>
<br>
<div id="ww_6e543447e2eca" v='1.3' loc='id' a='{"t":"horizontal","lang":"zh","sl_lpl":1,"ids":[],"font":"Arial","sl_ics":"one_a","sl_sot":"celsius","cl_bkg":"image","cl_font":"#FFFFFF","cl_cloud":"#FFFFFF","cl_persp":"#81D4FA","cl_sun":"#FFC107","cl_moon":"#FFC107","cl_thund":"#FF5722"}'><a href="https://weatherwidget.org/" id="ww_6e543447e2eca_u" target="_blank">Html weather widget</a></div><script async src="https://app3.weatherwidget.org/js/?id=ww_6e543447e2eca"></script>
<br>
<img src="https://api.hanximeng.com/ip_sign/" alt="Top Langs" width="550" height="250" />
<script src="dark.js"></script>
<br>
<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
<span id="busuanzi_container_site_pv">本站总访问量<span id="busuanzi_value_site_pv"></span>次</span>
<button id="toggleButton">Dark Mode</button>
</span>
</div>
<script src="https://utteranc.es/client.js"
repo="web2580/what"
issue-term="pathname"
theme="github-light"
crossorigin="anonymous"
async>
</script>
<script src="js/include.js"></script>
<script src="js/nyancat.js"></script>
<script type="text/javascript">
var txt_idx = 0;
var color_idx = 0;
var poptxts = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法制", "爱国", "敬业", "诚信", "友善");
var colors = new Array("red", "blue", "#669966", "orange", "#666699", "green", "#996666", "purple", "yellow", "orange", "#666699", "green");
jQuery(document).ready(function($) {
$("body").click(function(e) {
var $i = $("<span/>").text(poptxts[txt_idx]);
txt_idx = (txt_idx + 1) % poptxts.length;
color_idx = parseInt(12*Math.random()); // 颜色随机数
var pagex = e.pageX, pagey = e.pageY;
$i.css({
"z-index": 999,
"top": pagey - 20,
"left": pagex,
"position": "absolute",
"font-weight": "bold",
"color": colors[color_idx]
});
$("body").append($i);
$i.animate({
"top": pagey - 180,
"opacity": 0
},
1500,
function() {
$i.remove();
});
});
});
</script>
<script src="https://fastly.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/autoload.js"></script>
<script src="index.js"></script>
</body>
</html>