-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
117 lines (104 loc) · 5.99 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>好好学习, 天天向上</title>
<link rel="stylesheet" type="text/css" href = "css/style.css">
<!-- waifu-tips.js 依赖 JQuery 库 -->
<script src="assets/jquery.min.js?v=3.3.1"></script>
<script type="text/javascript" src="js/script.js"></script>
<!-- 实现拖动效果，需引入 JQuery UI -->
<script src="assets/jquery-ui.min.js?v=1.12.1"></script>
<!-- 看板娘依赖 -->
<link rel="stylesheet" type="text/css" href="assets/waifu.min.css?v=1.4.2"/>
</head>
<body>
<!-- 动态背景-->
<video autoplay="autoplay" loop poster="img/normalbg.png" id="bgvid"
preload="auto" autobuffer="" loop="" >
<source src="img/bgvideo.webm" type="video/webm">
<source src="img/bgvideo.mp4" type="video/mp4">
</video>
<header class="Header js-details-container Details px-3 px-md-4 px-lg-5 flex-wrap flex-md-nowrap" role="banner">
<!-- <a href="https://github.com/JunJie-GitHub"><img src="img/github.png"></a>-->
<div class="Header-item mt-n1 mb-n1 d-none d-md-flex">
<!-- <a href="index.html"> <strong>首页</strong></a>-->
<a class="Header-link " href="https://github.com/JunJie-GitHub" data-hotkey="g d" aria-label="Homepage " data-ga-click="Header, go to dashboard, icon:logo">
<svg class="octicon octicon-mark-github v-align-middle" height="32" viewBox="0 0 16 16" version="1.1" width="32" aria-hidden="true"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>
</a>
</div>
</header>
<div id="divTitle">
<div id="Title">
<!---Java学习板块-->
<dl id="java">
<dt><a href="Java.html"> Java入门学习路线 </a> </dt>
<dd><a href="Java/GettingStartedWthJava.html"> Java编程入门 </a> </dd>
<dd><a href="Java/OOP.html"> Java面向对象编程 </a> </dd>
<dd><a href="Java/AdvancedFeatures.html"> Java高级语言特性 </a> </dd>
<dd><a href="Java/JDBC.html"> JDBC开发 </a> </dd>
<dd><a href="Java/JavaFrame.html"> Java框架 </a> </dd>
<dd><a href="Java/JavaWeb.html"> JavaWeb基础 </a> </dd>
</dl>
<!---Python学习板块-->
<dl id="python">
<dt><a href="Python.html"> > Python学习路线 </a><br /> </dt>
</dl>
<!---前端开发学习板块-->
<dl id="frontenddevelopment">
<dt><a href="FrontEndDevelopment.html"> > 前端开发学习路线 </a><br /> </dt>
<dd><a href="FrontEndDevelopment/HTML.html"> HTML </a> </dd>
<dd><a href="FrontEndDevelopment/CSS.html"> CSS </a> </dd>
<dd><a href="FrontEndDevelopment/JavaScript.html"> JavaScript </a> </dd>
</dl>
<!---数据库学习板块-->
<dl id="database">
<dt> <a href="Database.html"> > 数据库学习路线 </a><br /> </dt>
<dd><a href="Database/SQL.html"> SQL语言 </a> </dd>
</dl>
<!---Git使用指南板块-->
<dl id="git">
<dt> <a href="Git.html"> > git使用指南 </a><br /></dt>
</dl>
<!---专业英语-->
<dl id="english">
<dt> <a href="English.html"> > 专业英语 </a><br /></dt>
</dl>
</div>
</div>
<div class="waifu" >
<div class="waifu-tips"></div>
<canvas id="live2d" class="live2d"></canvas>
<div class="waifu-tool">
<span class="fui-home"></span>
<span class="fui-chat"></span>
<span class="fui-eye"></span>
<span class="fui-user"></span>
<span class="fui-photo"></span>
<span class="fui-info-circle"></span>
<span class="fui-cross"></span>
</div>
</div>
<!-- <script src="assets/waifu-tips.min.js?v=1.4.2"></script> -->
<script src="assets/waifu-tips.min.js"></script>
<script src="assets/live2d.min.js?v=1.0.5"></script>
<script type="text/javascript">
/* 可直接修改部分参数 */
live2d_settings['modelId'] = 5; // 默认模型 ID
live2d_settings['modelTexturesId'] = 0; // 默认材质 ID
live2d_settings['modelStorage'] = false; // 不储存模型 ID
live2d_settings['canCloseLive2d'] = false; // 隐藏 关闭看板娘 按钮
live2d_settings['canTurnToHomePage'] = false; // 隐藏 返回首页 按钮
live2d_settings['waifuSize'] = '280x250'; // 看板娘大小
live2d_settings['waifuTipsSize'] = '250x70'; // 提示框大小
live2d_settings['waifuFontSize'] = '12px'; // 提示框字体
live2d_settings['waifuToolFont'] = '14px'; // 工具栏字体
live2d_settings['waifuToolLine'] = '20px'; // 工具栏行高
live2d_settings['waifuToolTop'] = '-30px'; // 工具栏顶部边距
live2d_settings['waifuDraggable'] = 'axis-x'; // 拖拽样式
/* 在 initModel 前添加 */
initModel("assets/waifu-tips.json?v=1.4.2");
</script>
</body>
</html>