-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
165 lines (164 loc) · 4.67 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
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>路人甲 · Passer-by</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
<meta name="description" content="路人甲个人网站,展示前端开发作品,致力于web开发组件化,Keep It Simple,Stupid">
<meta name="keywords" content="web前端开发,前端组件,组件库,jQuery插件,JavaScript">
<meta name="author" content="木木阳,mumuy,passerby" />
<link rel="shortcut icon" href="/public/image/favicon.png">
<link rel="canonical" href="http://passser-by.com/index.html">
<link rel="stylesheet" href="public/style/common.css">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5322941251486103"
crossorigin="anonymous"></script>
<style>
@media screen and (max-width: 400px) {
.container{
background-image:url("public/image/bg.jpg");
}
}
.container{
min-height: 400px;
background-position: center center;
background-repeat: no-repeat;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.mod-foot{
color:#fff;
}
.mod-foot a{
color:#fff;
}
.mod-content section{
margin-bottom: 18px;
}
.mod-content h3{
padding-left: 2px;
margin-bottom: 5px;
font-size: 16px;
}
.mod-content ul{
overflow: hidden;
}
.mod-content li{
float: left;
width: 50%;
height: 20px;
line-height: 20px;
overflow: hidden;
}
.mod-content a{
padding:0 2px;
}
.mod-content a.hot{
color: #cc0000;
}
.mod-content a:hover{
border-bottom: 1px dotted #666;
}
.mod-qrcode {
position: absolute;
left: 0;
bottom: 25px;
width: 300px;
text-align: center;
}
.mod-qrcode .qrcode{
display: none;
position: absolute;
left: 52px;
bottom: 48px;
}
.mod-qrcode a:hover .qrcode{
display: block;
}
@media screen and (max-width: 800px){
.mod-qrcode{
display: none;
}
}
</style>
<script type="text/javascript">
(function(){ //IE低版本兼容
var e = ['footer','header','section'],
i= e.length;
while(i--){
document.createElement(e[i]);
}
})();
(function(){
var search = decodeURIComponent(location.search);
if(search.indexOf('http://')>-1){
for(var i=0;i<20;i++){
alert('不要尝试这么做!');
}
location.href = 'https://passer-by.com/';
}
})();
</script>
<script data-ad-client="ca-pub-5322941251486103" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
</head>
<body>
<div class="wrapper">
<header>
<div class="mod-head">
<h1><a href="/">PASSER-BY</a></h1>
<p>一只程序猿的禅意生活</p>
</div>
<div class="mod-list">
<ul>
<li><a href="/project.html">项目</a></li>
<li><a href="/writing.html">文字</a></li>
<li><a href="/photograph.html">摄影</a></li>
<li><a href="/comment.html">留言</a></li>
<li><a href="/about.html">关于</a></li>
</ul>
</div>
<div class="mod-qrcode">
<a href="javascript:;">
<img src="public/image/icon-scan.png" width="48">
<img class="qrcode" src="public/image/qrcode.bmp" width="195">
</a>
</div>
</header>
<div id="view" class="container"></div>
<footer>
<div class="mod-foot">
<p>
Copyright © 2016 - 2024 <a href="/">passer-by.com</a>
<a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">闽ICP备18014328号-2</a>
</p>
</div>
</footer>
</div>
<script type="text/javascript">
(function(){
var today = new Date();
var prefixInteger = function (num, length) {
return (Array(length).join(0) + num).slice(-length);
};
var year = today.getFullYear();
var month = today.getMonth()+1;
var date = today.getDate();
var url = 'http://cn.bing.com/iod/1366/1024/'+prefixInteger(year,4)+prefixInteger(month,2)+prefixInteger(date,2)+'1600';
var image = new Image();
image.src = url;
image.onload = function(){
document.getElementById('view').setAttribute('style','background-image:url("'+url+'");');
};
image.onerror = function(){
document.getElementById('view').setAttribute('style','background-image:url(public/image/bg.jpg);');
};
})();
</script>
<script type="text/javascript" src="https://passer-by.com/public/script/stat.js"></script>
</body>
</html>