-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
155 lines (151 loc) · 7.83 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
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title>Niute | 屑CV攻城狮</title>
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="KEYWords" contect="NIUTE,个人主页,个人引导页">
<meta name="DEscription" contect="Niuteの个人引导页">
<meta name="Author" contect="NIUTE">
<meta name="Robots" contect= "all">
<link rel="Shortcut Icon" href="https://off.cx/avatar.jpg"/>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container"><!-- 主体开始 -->
<div class="hander"><!-- 导航开始 -->
<nav id="nav-menu">
<a href="#" data-rel="home-me-section" class="active">首页</a>
<a href="#" data-rel="about-exp-section">关于</a>
<a href="#" data-rel="course-exp-section">历程</a>
<a href="#" data-rel="website-exp-section">站点</a>
</nav>
</div><!-- 导航结束 -->
<div class="content"><!-- 内容开始 -->
<section class="home-me-section active-section"><!-- 首页开始 -->
<div class="main"><!-- 首页内容 -->
<img src="img/bgo.jpg" class="bgo" />
<img src="https://off.cx/avatar.jpg" class="ato" onclick="alert('戳我干嘛 ￣へ￣')" />
<div class="name" onclick="javascript:this.innerHTML=(this.innerHTML=='阿付'?'yue°':'阿付');">Niute</div>
<div class="motto" onclick="javascript:this.innerHTML=(this.innerHTML=='心存敬畏 行有所止'?'yue in awe and sip':'心存敬畏 行有所止');">心存敬畏 行有所止</div>
<div class="navo">
<ul>
<li><a href="#" "_blank" target="_blank"><i class="fab fa-qq"></i></a></li><!-- QQ -->
<li><a href="https://www.weibo.com/u/7752885949" target="_blank"><i class="fab fa-weibo"></i></a></li><!-- 微博 -->
<!-- <li><a href="#" target="_blank"><i class="fab fa-twitter"></i></a></li><!-- twitter -->
<li><a href="https://github.com/NiuFuyu855" target="_blank"><i class="fab fa-github"></i></a></li><!-- github -->
<li><a href="https://www.baidu.com" target="_blank"><i class="fas fa-paw"></i></a></li><!-- 百度 -->
<li><a href="mailto:me@off.cx" target="_blank"><i class="fas fa-envelope"></i></a></li><!-- 邮箱 -->
</ul>
</div>
</div><!-- 首页内容结束 -->
</section><!-- 首页结束 -->
<section class="about-exp-section"><!-- 关于开始 -->
<div class="main"><!-- 关于内容 -->
<img src="img/bgt.jpg" class="bgt" />
<img src="https://dh.niufuyu.top/wp-content/uploads/avatars/1.jpg?_=1649947947" class="ats" />
<div class="about">
<p>>_全身心(bushi (学业要紧qwq) 投入进<a href="https://off.cx/" target="_blank" style="color:#2ECC71">Niute Fony</a>的开发维护工作中
<br>>_终有一天<a href="https://off.cx/" target="_blank" style="color:#2ECC71">Niute Fony</a>可以被百度索引！
</p>
</div>
<div class="about" style="margin-top:20px;">
<p>这条路我才刚刚迈开了我的第一步
<br>路上的坎一定会非常多，但
<br>在我眼里
<br>没有什么问题是尝试不能解决的，
<br>即使前方的路看似绝境，也要有硬生生给自己开出一条路的勇气</p>
</div>
</div><!-- 关于内容结束 -->
</section><!-- 关于结束 -->
<section class="course-exp-section"><!-- 历程开始 -->
<div class="main"><!-- 历程内容 -->
<img src="img/bgt.jpg" class="bgt" />
<img src="https://dh.niufuyu.top/wp-content/uploads/avatars/1.jpg?_=1649947947" class="ats" />
<div class="box">
<div id="boxs">
<div class="track-list"><!-- 时间轴开始 -->
<ul>
<li>
<i class="node-icon"><img src="img/tbl.svg"></i>
<span class="time" style="color:#2ECC71">2022-4-21</span>
<span class="txt" style="color:#2ECC71">期中考试</span>
</li>
<li>
<i class="node-icon"><img src="img/tb.svg"></i>
<span class="time">2022-4-20</span>
<span class="txt">期中考试</span>
</li>
<li>
<i class="node-icon"><img src="img/tb.svg"></i>
<span class="time">2021-9-6</span>
<span class="txt">建立<a href="https://niufuyu855.github.io/" target="_blank" style="color:#2ECC71">NIUIO | 高级CV攻城狮</a></span>
</li>
<li>
<i class="node-icon"><img src="img/tb.svg"></i>
<span class="time">2021-9-6</span>
<span class="txt">水视频</span>
</li>
<li>
<i class="node-icon"><img src="img/tb.svg"></i>
<span class="time">2021-9-6</span>
<span class="txt">摸鱼</span>
</li>
<li>
<i class="node-icon"><img src="img/tb.svg"></i>
<span class="time">2021-9-10</span>
<span class="txt">摸鱼</span>
</li>
</ul>
</div><!-- 时间轴结束 -->
</div>
</div>
<div style="color:#aaa;text-align:center;font-size:12px">
注: 上下滑动查看历史进程
</div>
</div><!-- 历程内容结束 -->
</section><!-- 历程结束 -->
<section class="website-exp-section"><!-- 站点开始 -->
<img src="img/bgt.jpg" class="bgt" />
<img src="https://dh.niufuyu.top/wp-content/uploads/avatars/1.jpg?_=1649947947" class="ats" /><div class="box1">
<div id="boxs1">
<div class="track-list">
<ul>
<a href="https://dh.niufuyu.top/" target="_blank"><div class="web">NIUIO导航</div></a><!-- 站点一 -->
<a href="https://blog.niufuyu.top/" target="_blank"><div class="web">Mr. Niu小站</div></a><!-- 站点二 -->
<a href="https://tools.niufuyu.top/" target="_blank"><div class="web">Mr. Niu工具箱</div></a><!-- 站点三 -->
<a href="https://niufuyu855.github.io/tools/" target="_blank"><div class="web">Mr. Niu工具箱(Github)</div></a><!-- 站点四 -->
</div><!-- 站点内容结束 -->
</ul>
</div>
</div>
<div style="color:#aaa;text-align:center;font-size:12px">
注: 上下滑动查看所有站点
</section><!-- 站点结束 -->
</div><!-- 内容结束 -->
</div><!-- 主体结束 -->
<img src="img/China.svg" style="width:60px;right:0px;position:fixed;bottom:0px;" /><!-- 右下角国旗 -->
<div class="footer"><!-- 底部版权 -->
<span id="sitetime"></span><!-- 运行时间 -->
<br>Copyright © 2022 <a href="https://niufuyu855.github.io/" target="_blank">Niute Fony | 屑CV攻城狮</a> <a href="https://niufuyu855.github.io/status/">状态监控</a>
</div><!-- 版权结束 -->
<div id="tp-weather-widget"></div><!-- 天气插件 -->
<script>
(function(a,h,g,f,e,d,c,b){b=function(){d=h.createElement(g);c=h.getElementsByTagName(g)[0];d.src=e;d.charset="utf-8";d.async=1;c.parentNode.insertBefore(d,c)};a["SeniverseWeatherWidgetObject"]=f;a[f]||(a[f]=function(){(a[f].q=a[f].q||[]).push(arguments)});a[f].l=+new Date();if(a.attachEvent){a.attachEvent("onload",b)}else{a.addEventListener("load",b,false)}}(window,document,"script","SeniverseWeatherWidget","//cdn.sencdn.com/widget2/static/js/bundle.js?t="+parseInt((new Date().getTime() / 100000000).toString(),10)));
window.SeniverseWeatherWidget('show', {
flavor: "bubble",
location: "WX4FBXXFKE4F",
geolocation: true,
language: "zh-Hans",
unit: "c",
theme: "auto",
token: "ac1d036a-99f3-4f88-ae98-f795bb93a9f0",
hover: "disabled",
container: "tp-weather-widget"
})
</script><!-- 天气插件结束 -->
<script src="js/index.js"></script><!-- 核心插件 -->
<script src="js/all.js"></script><!-- 图标库 -->
<script src="js/Sitetime.js"></script><!-- 运行时间 -->
<script src="js/Mouse.js"></script><!-- 点击烟花特效 -->
</body>
</html>