forked from kaygb/kaygb
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
91 lines (91 loc) · 5.27 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
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>双叶一下 - 夏叶知</title>
<meta name="description" content="这里是夏叶的个人主页！Start line,TECH OTAKUS SAVE THE WORLD">
<meta name="keywords" content="夏叶,双叶,双葉,夏叶知,双叶一下,twoleaf,futaba,keaiye,blog,Start line,TECH OTAKUS SAVE THE WORLD">
<link rel="icon" type="image/ico" href="favicon.ico">
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/5.12.1/css/all.min.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/APlayer.min.css">
</head>
<body>
<div id="main" class="container">
<div class="row my-card justify-content-center">
<div class="col-lg-4 photo-bg"></div>
<div class="col-lg-8 card">
<h1>Hi，我是夏叶，这里是我的主页！</h1>
<p>很荣幸您能访问我的网站！
</p>
<!-- <p>
我很喜欢的一句话：<br>If the moon smiled, she would resemble you.<br> 如果月亮会笑，那么她一定像你一样美！
</p> -->
<p>Catch me:</p>
<div class="row">
<button id="kaygb-blog" class="btn btn-primary col-lg-4">BLOG</button>
<a href="https://www.xiayez.com" id="kaygb-blog-a" target="_blank"
class="btn btn-primary col-lg-4">BLOG</a>
<a href="https://github.com/xiayez" target="_blank" class="btn btn-secondary col-lg-4">GitHub</a>
<a href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&[email protected]" target="_blank"
id="kaygb-mail-a" class="btn btn-success col-lg-4">Send a Mail</a>
<button id="kaygb-mail" class="btn btn-success col-lg-4">Send a Mail</button>
</div>
<h4 class="mt-4">or, keep your eyes on</h4>
<ul class="social mt-1">
<li><a href="#" target="_blank"><i class="fab fa-weibo" aria-hidden="true"></i></a></li>
<li><a href="https://github.com/xiayez" target="_blank"><i class="fab fa-github" aria-hidden="true"></i></a></li>
<li><a href="#" target="_blank"><i class="fab fa-telegram" aria-hidden="true"></i></a></li>
<li><a href="#" target="_blank"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#" target="_blank"><i class="fab fa-zhihu" aria-hidden="true"></i></a></li>
</ul>
<footer>
<p>Copyright 2021 <a href="https://www.twoleaf.cn" target="_blank">夏叶知</a> <a
href="http://beian.miit.gov.cn/" target="_blank">桂ICP备2000XXXX号</a>
<br>Mod by
<a href="https://www.aliyun.com/minisite/goods?userCode=qn2mo8bn&share_source=copy_link" target="_blank" rel="nofollow"><img src="https://img.alicdn.com/tfs/TB13DzOjXP7gK0jSZFjXXc5aXXa-212-48.png" style="width:50px;"></a>
<a href="https://cloud.tencent.com/act/cps/redirect?redirect=1077&cps_key=66a28a58935ddded145227fbc2de9a4b&from=console" target="_blank" rel="nofollow"><img src="https://i.loli.net/2021/03/05/RIxPEN9wJCr3U6X.png" style="width:50px;"></a>
</p>
</p>
</footer>
</div>
</div>
</div>
<!-- <div id="aplayer" class="aplayer" data-order="random" data-id="20173709" data-server="netease" data-type="playlist"
data-fixed="true" data-autoplay="true" data-volume="0.8"></div> -->
<!-- aplayer -->
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/APlayer.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/Meting.min.js"></script>
<!-- end_aplayer -->
<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
<script defer src="https://cdn.staticfile.org/twitter-bootstrap/4.4.1/js/bootstrap.min.js"></script>
<script src="layer/layer.js"></script>
<script>
//弹出一个页面层
$('#kaygb-blog').on('click', function () {
layer.open({
type: 2,
title: '夏叶知',
shadeClose: true,
shade: false,
maxmin: true, //开启最大化最小化按钮www.xiayez.com
area: ['80%', '100%'],
content: '//www.xiayez.com/'
});
});
$('#kaygb-mail').on('click', function () {
layer.open({
type: 2,
title: '发送邮件',
shadeClose: true,
shade: false,
maxmin: true, //开启最大化最小化按钮
area: ['80%', '100%'],
content: '//mail.qq.com/cgi-bin/qm_share?t=qm_mailme&[email protected]'
});
});
</script>
</html>