-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
118 lines (112 loc) · 5.63 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
<!DOCTYPE html>
<html style="
margin-top: 20px;
margin-left: 20px;
margin-bottom: 20px;
margin-right: 20px;
border-top-width: 10px;
">
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
<title></title>
</head>
<body>
<nav id="navbar">
<ul>
<li>
<a>项目</a>
<ul>
<li><a href="https://leoy2020.github.io/randspot">randspot</a></li>
</ul>
</li>
<li><a herf="leoy2020.github.io/#/">首页</a></li>
</ul>
</nav>
</body>
</html>
<body><div id="loadback" style="background-color:#000;width:100%;height:100%;z-index:105;position:fixed;transition:5s;top:0;left:0;color: #d2d2d2;">
<p id="loadbacktext" style="width:100%;position:absolute;left:0;font-size:50px;transition:1s;height:100px;top:calc(50% - 80px);text-align:center;opacity:0;margin:0;">
嗨,欢迎来到LeoY的个人主页!</p>
<p id="loadbacktexteng" style="width:100%;position:absolute;left:0;font-size:25px;transition:1s;height:50px;top:50%;text-align:center;opacity:0;margin:0;">
Hi,terribly nice to meet you!</p>
<script>setTimeout(()=>{document.getElementById('loadbacktext').style.opacity=1;document.getElementById('loadbacktexteng').style.opacity = 1;},100);
setTimeout(()=>{document.getElementById('loadbacktext').style.opacity=0;document.getElementById('loadbacktexteng').style.opacity = 0;},2100);
setTimeout(()=>{document.getElementById('loadbacktext').innerText = '与君初相识，犹如故人归。欢迎来到LeoY的个人主页';
document.getElementById('loadbacktexteng').innerText='Meeting you first time is like seeing an old friend.Welcome to Starry Source\'s website.'
document.getElementById('loadbacktext').style.opacity = 1;document.getElementById('loadbacktexteng').style.opacity=1;},4100);
let zh_ms=['海内存知己,天涯若比邻,正在加载请稍等...','有朋自远方来,不亦乐乎,欢迎!','君问归期未有期,巴山夜雨涨秋池,请耐心等待',
'无可奈何花落去,似曾相识燕归来,页面马上加载出来',
// '十年生死两茫茫,等待总是有结果的,请耐心',
'盈缩之期,不但在天;养怡之福,可得永年。正在努力加载','遗民泪尽胡尘里,南望王师又一年,你的网络太慢了',
'让我们再来一次吧'];
let c=-1;
let bcci = setInterval(() => {
document.getElementById('loadbacktext').style.opacity=0;document.getElementById('loadbacktexteng').style.opacity =0;
setTimeout(() => {c++; document.getElementById('loadbacktext').innerText = zh_ms[c % 7];
document.getElementById('loadbacktexteng').innerText = en_ms[c % 7];
document.getElementById('loadbacktext').style.opacity=1;document.getElementById('loadbacktexteng').style.opacity = 1;
}, 1000);document.getElementById('loadback').style.backgroundColor = '#003561';
setTimeout(()=>{document.getElementById('loadback').style.backgroundColor = '#000';}, 5000);
}, 10000);
document.body.onload=()=>{ document.getElementById('loadback').style.opacity=0;setTimeout(()=>{document.getElementById('loadback').style.display='none';},3000); clearInterval(bcci)};</script>
</div>
<p>大家好，我叫LeoY(网名)，做个自我介绍吧-</p>
<p>我现在四年级</p>
<script src="/tapple/jq.min.js"></script>
<p class="tit"><span>会写各种编程语言，包括：</span></p>
<p>Scratch</p>
<p>Markdown</p>
<p>Html</p>
<p>Python</p>
<p>C++</p>
<p>Cmd</p>
<p>Powershell</p>
</div>
<div class="box card fx h func" style="--speed:5;width: 50%;margin-left: 25%;margin-top: var(--ph);">
<p class="tit">擅长...</p>
<div class="body">
<p>用各种系统搞事情</p>
<p>写应用程序</p>
<p>剪视频</p>
<p>做网站</p>
</div>
</div>
<div class="box card fx h stop-center" style="--speed:5;width: 50%;margin-left: 25%;margin-top: var(--ph);">
<p class="tit">我的项目</p>
</div>
</div>
<div class="box text center" style="margin-top: var(--ph);">
<p><font color=green size=15 face="NeverMind-Regular">randspot</font></p>
</div>
<div class="body">
<p>使用GNU C++制作，通过cmd的形式进行座位抽取</p>
<p>独特的UI设计是项目的特色</p>
<div style="display: flex;" class="tool">
<a href="http://leoy2020.github.io/randspot">
<p><img src="randspotin.png" alt="了解一下" width=10%></p>
<p>了解一下</p>
</a>
</div>
</div>
</div>
<div class="box text center" style="margin-top: var(--ph);">
<p><font color=green size=15 face="NeverMind-Regular">游戏专区</font></p>
</div>
<div class="body">
<p>各路游戏赶来中。。。</p>
<a herf="https://leoy2020.github.io/Games">点我立刻开玩！</a>
</div>
</div>
<div class="box card fx h func" style="--speed:5;width: 50%;margin-left: 25%;margin-top: var(--ph);">
<p class="tit">联系方式<span class="eng">Contact</span></p>
<div class="body">
<p>邮箱: <a href="mailto:[email protected]" class="jump">[email protected]</a></p>
<p>备用邮箱: <a href="mailto:[email protected]" class="jump">[email protected]</a></p>
</div>
</div>
<div class="box text center lock" style="margin-top: var(--ph);">
<p><span style="color: #fff;">没别的了...</span></p>
</div>
</body>
</html>