-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
238 lines (228 loc) · 11 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
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
<!DOCTYPE html>
<html lang="cn">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
<meta itemprop="name" content="xltz的个人简介"/>
<meta id="image" itemprop="image" content="https://pic6.58cdn.com.cn/nowater/webim/big/n_v23d921f62f7fd4dc2922ae5a1e3959de5.jpg" />
<meta name="description" itemprop="description" content="我也不知道我要去哪里，我只知道，有你的地方才是冬天的海南.We only accept the love we think we deserve." />
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
<title>xltz的个人简介</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<!--<link rel="stylesheet" href="static/css/simple-line-icons.css">-->
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/templatemo_style.css">
<link rel="shortcut icon" type="image/x-icon" href="https://pic6.58cdn.com.cn/nowater/webim/big/n_v23d921f62f7fd4dc2922ae5a1e3959de5.jpg" media="screen" />
<!--一言-->
<!-- 现代写法，推荐 -->
<!-- 兼容低版本浏览器 (包括 IE)，可移除 -->
<script src="https://cdn.jsdelivr.net/npm/bluebird@3/js/browser/bluebird.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/fetch.min.js"></script>
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!--End-->
<script>
fetch('https://v1.hitokoto.cn')
.then(function (res){
return res.json();
})
.then(function (data) {
var hitokoto = document.getElementById('hitokoto');
hitokoto.innerText = data.hitokoto;
})
.catch(function (err) {
console.error(err);
})
</script>
</head>
<!--
Author：xltz@泽
Website：https://blog.stzo.cn/
E-mail:[email protected]
QQ:3126443745
Time:2020/03/01 00:00
-->
<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
<header class="site-header container animated fadeInDown">
<div class="header-wrapper"></div>
</header>
<div id="menu-container">
<div id="menu-1" class="homepage home-section container">
<div class="home-intro text-center">
<h2 class="welcome-title animated fadeInLeft">xltz@泽<p id="hitokoto">:D 获取中...</p></h2>
<p class="animated fadeInRight">我也不知道我要去哪里，我只知道，有你的地方才是冬天的海南。<br />I also do not know where I want to go, I only know, there is a place for you is the winter of Hainan.<br />我们只接受自己认为配得上的爱。<br />We only accept the love we think we deserve.</p>
</div>
<div style="border-bottom: 2px solid #46494f;"></div>
<br /><br />
<div class="home-projects">
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="project-title animated fadeInUp">
<h3>最新项目</h3><p>LATEST PROJECTS</p>
<p>这是一堆心血来潮时随手写下来的，不知道后续更新/维护/完善是什么时候的小玩意<br />This is a bunch of whims written down at hand, do not know when the subsequent update/maintenance/improvement is when the gadget </p>
<a href="https://blog.stzo.cn/" class="pink-button">继续了解</a>
</div>
</div>
<div class="project-home-holder col-md-6 col-sm-12">
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="project-item one animated fadeInRight">
<img src="https://stzo.cn/icon.jpg" alt="">
<div class="overlay">
<h4><a href="https://blog.stzo.cn/" class="tooltip-test" data-toggle="tooltip" title="我的博客">My Blog</a></h4>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="project-item two animated fadeInRight">
<img src="https://stzo.cn/icon.jpg" alt="">
<div class="overlay">
<h4><a href="https://github.com/xltzsoft" class="tooltip-test" data-toggle="tooltip" title="xltz的github">github</a></h4>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="project-item three animated fadeInRight">
<img src="https://stzo.cn/icon.jpg" alt="">
<div class="overlay">
<h4><a href="https://xltzsoft.github.io" class="tooltip-test" data-toggle="tooltip" title="github上的博客">github blog</a></h4>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="project-item four animated fadeInRight">
<img src="https://stzo.cn/icon.jpg" alt="">
<div class="overlay">
<h4><a href="https://stzo.cn" class="tooltip-test" data-toggle="tooltip" title="github的主页">my page</a></h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="border-bottom: 2px solid #46494f;"></div>
<div class="projects-header">
<h3 class="animated fadeInRight">我的计划</h3>
<h3 class="animated fadeInRight">My plan</h3><br /><br />
<p class="animated fadeInLeft">我徘徊在没有你的世界，只为了把心找回来。<br /> I wander in a world without you, just to get my heart back.<br />假如可以的话，我愿意花去生命中的每一分每一秒，陪着你。<br />If I could, I would like to be with you every minute of my life.</p>
</div>
<div class="projects-holder">
<div class="row">
<div class="col-md-4 col-sm-6 p-1 animated umScaleIn">
<div class="project-item">
<img src="picture/1.jpg" alt="">
<div class="overlay">
<h4><a href="#" class="tooltip-test" data-toggle="tooltip" title="我还是想再等一等">我想</a></h4>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 p-2 animated umScaleIn">
<div class="project-item">
<img src="picture/2.jpg" alt="">
<div class="overlay">
<h4><a href="#" class="tooltip-test" data-toggle="tooltip" title="等一个不可能的可能">谈一次</a></h4>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 p-3 animated umScaleIn">
<div class="project-item">
<img src="picture/3.jpg" alt="">
<div class="overlay">
<h4><a href="#" class="tooltip-test" data-toggle="tooltip" title="你会爱我 在61分 在25小时 在星期八 在13月">并不轰轰烈烈的恋爱</a></h4>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-6 p-4 animated umScaleIn">
<div class="project-item animated umScaleIn">
<img src="picture/4.jpg" alt="">
<div class="overlay">
<h4><a href="#" class="tooltip-test" data-toggle="tooltip" title="我希望睡前最后看到的是你">你愿意</a></h4>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="project-item p-5 animated umScaleIn">
<img src="picture/5.jpg" alt="">
<div class="overlay">
<h4><a href="#" class="tooltip-test" data-toggle="tooltip" title="我爱你的心直到世界末日也不变">陪我</a></h4>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="project-item p-6 animated umScaleIn">
<img src="picture/6.jpg" alt="">
<div class="overlay">
<h4><a href="#" class="tooltip-test" data-toggle="tooltip" title="我不要短暂的温存，只要你一世的陪伴">一起</a></h4>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="project-item p-7 animated umScaleIn">
<img src="picture/7.jpg" alt="">
<div class="overlay">
<h4><a href="#" class="tooltip-test" data-toggle="tooltip" title="人总是会老的，希望到时，你仍在我身边">吗？</a></h4>
</div>
</div>
</div>
</div>
</div>
<div style="border-bottom: 2px solid #46494f;"></div> <br />
<div class="blog-header text-center">
<h3 class="animated fadeInRight">博客简介</h3>
<h3 class="animated fadeInRight">Blog Introduced</h3><br />
<p class="animated fadeInLeft">xltz的小博客博客建立于2020年3月20日，使用程序为hexo，主题为fluid</p>
<a href="https://blog.stzo.cn/" class="blog-button animated fadeInUp">点击访问</a>
</div>
<div class="row blog-posts">
<div class="col-md-4 col-sm-12">
<div class="blog-item post-1 animated zoomIn">
<div class="blog-bg blog-pink"></div>
<div class="blog-content">
<h3><a href="https://github.com/xltzsoft">Web Design</a></h3>
<span class="solid-line"></span>
<p>无聊时就想着整一些稀奇古怪的东西，看似无脑，其实是真的无脑，更多知识还在学习中...</p>
<a href="https://blog.stzo.cn/" class="post-button">Read More</a>
</div>
</div>
</div>
<div class="col-md-4 col-sm-12">
<div class="blog-item post-3 animated zoomIn">
<div class="blog-bg blog-green"></div>
<div class="blog-content">
<h3>Blogger</h3>
<span class="solid-line"></span>
<p>来自江苏南通的一名高中生~~</p>
<a href="https://blog.stzo.cn" class="post-button">Read More</a>
</div>
</div>
</div>
</div>
</div>
<footer class="site-footer container text-center">
<div class="row">
<div class="col-md-12">
<div class="main-footer">
<ul class="social">
<li><a href="https://blog.stzo.cn/">xltz'Blog</a></li>
<li><a href="http://wpa.qq.com/msgrd?v=3&uin=3126443745&site=qq&menu=yes">QQ</a></li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 copyright">
<p><a href="https://blog.stzo.cn/">xltzsoft</a> | <a href="https://www.citrons.cn/yuanma/229.html">citrons</a></p>
</div>
</div>
</footer>
<!-- templatemo 421 raleway -->
<span class="border-top"></span>
<span class="border-left"></span>
<span class="border-right"></span>
<span class="border-bottom"></span>
</body>
</html>